.offer-overview { margin:1rem auto; padding:0 .75rem 1.5rem; max-width:1800px; color:#203745; text-align:left; }
.offer-overview-heading { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin:0 0 1.5rem; }
.offer-overview-heading h1 { font-size:1.8rem; letter-spacing:-.04rem; margin:0 0 .3rem; }
.offer-overview-heading p { margin:0; color:#71818c; }
.offer-overview-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-bottom:1.5rem; }
.offer-overview-metrics > div { background:#fff; border:1px solid #e1e8ee; border-radius:.65rem; padding:1.1rem 1.4rem; }
.offer-overview-metrics small { display:block; color:#71818c; }
.offer-overview-metrics strong { font-size:1.6rem; font-weight:600; }
.offer-overview-panel { background:#fff; border:1px solid #dce5ec; border-radius:.75rem; box-shadow:0 5px 20px #20374506; }
.offer-overview-filters { padding:1.1rem; display:flex; gap:.75rem; flex-wrap:wrap; border-bottom:1px solid #e1e8ee; }
.offer-overview-filters input { flex:2 1 260px; width:auto; }
.offer-overview-filters select { flex:1 1 150px; width:auto; }
.offer-design-scroll { overflow-x:auto; }
.offer-design-scroll > .table-responsive { overflow:visible; }
.offer-design-table.table { width:100%; margin:0; min-width:900px; border:0; border-radius:0; box-shadow:none; border-collapse:collapse; }
.offer-design-table.table > thead > tr > th { background:#f5f8fa; color:#697d89; --bs-table-bg:#f5f8fa; --bs-table-color:#697d89; text-transform:uppercase; font-size:.75rem; letter-spacing:.04rem; padding:.9rem 1.1rem; border-radius:0; white-space:nowrap; font-weight:500; }
.offer-design-table.table > tbody > tr > td { padding:1rem 1.1rem; border:0; border-top:1px solid #e6edf2; vertical-align:middle; background:#fff; color:#203745; }
.offer-design-table.table > tbody > tr:hover > td { background:#f3f9fc; --bs-table-hover-bg:#f3f9fc; }
.offer-design-number { color:#167fa8; font-weight:650; white-space:nowrap; }
.offer-design-sub { display:block; font-size:.75rem; color:#86949d; margin-top:.25rem; }
.offer-design-title { font-weight:600; }
.offer-design-description { font-size:.82rem; color:#71818c; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; max-width:570px; margin-top:.2rem; }
.offer-design-badge { display:inline-block; font-size:.75rem; font-weight:600; padding:.3rem .65rem; border-radius:1.5rem; white-space:nowrap; }
.offer-design-badge.draft { color:#667681; background:#edf1f4; }
.offer-design-badge.sent { color:#176f9f; background:#e5f3fc; }
.offer-design-badge.approved { color:#217646; background:#e6f5eb; }
.offer-design-badge.rejected { color:#ad3545; background:#fce9ed; }
.offer-design-badge.revision { color:#986c14; background:#fff3d8; }
.offer-design-actions { display:flex; gap:.25rem; align-items:center; }
.offer-design-actions > button,.offer-design-actions > .dropdown > button { border:0; background:transparent; color:#507082; padding:.35rem .5rem; border-radius:.3rem; }
.offer-design-actions > button:hover,.offer-design-actions > .dropdown > button:hover { background:#e7f2f8; }
.offer-design-actions .dropdown-menu { z-index:1050; }
.offer-design-table [hidden] { display:none !important; }
.offer-overview-footer { display:flex; justify-content:space-between; align-items:center; padding:1rem 1.1rem; border-top:1px solid #e1e8ee; font-size:.82rem; color:#71818c; }
.offer-overview-empty { text-align:center; padding:1.5rem; margin:0; }
@media(max-width:650px) { .offer-overview { padding:0 .25rem 1rem; } .offer-overview-metrics { gap:.5rem; } .offer-overview-metrics > div { padding:.75rem; } .offer-overview-metrics strong { font-size:1.3rem; } .offer-overview-heading { align-items:flex-start; } }

.offer-page { padding:1rem; }
.offer-page [data-offer-back][hidden] { display:none !important; }

/* Fill the remaining viewport; keep filtering and footer outside table scrolling. */
.offer-overview { height:var(--offer-overview-height,calc(100dvh - 160px)); min-height:280px; display:flex; flex-direction:column; margin-top:0; margin-bottom:0; padding-bottom:0; }
.offer-overview-heading,.offer-overview-metrics { flex-shrink:0; }
.offer-overview-panel { display:flex; flex-direction:column; flex:1; min-height:0; }
.offer-overview-filters,.offer-overview-footer,.offer-overview-empty { flex-shrink:0; }
.offer-overview-panel #lagerBoxListe { flex:1; min-height:0; display:flex; flex-direction:column; }
.offer-overview-panel .offer-design-scroll { flex:1; min-height:0; overflow:auto; }
.offer-design-table thead { position:sticky; top:0; z-index:2; }
.offer-dropdown-portal { position:fixed; z-index:1060; box-shadow:0 8px 28px #20374526; }
.offer-overview-filters { display:grid; grid-template-columns:minmax(230px,2fr) repeat(4,minmax(130px,1fr)); }
.offer-overview-filters .form-control,.offer-overview-filters .form-select { width:100%; min-width:0; }
@media(max-width:1100px) { .offer-overview-filters { grid-template-columns:repeat(3,minmax(0,1fr)); } .offer-overview-filters input { grid-column:span 2; } }
@media(max-width:650px) { .offer-overview-filters { grid-template-columns:repeat(2,minmax(0,1fr)); padding:.75rem; gap:.5rem; } .offer-overview-heading { margin-bottom:.75rem; } .offer-overview-metrics { margin-bottom:.75rem; } }

/* Preserve the original image-based PDF choices. */
.offer-pdf-choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2rem; padding:1rem; align-items:start; }
.offer-pdf-choice { display:block; padding:.25rem; border:0; background:transparent; text-align:center; }
.offer-pdf-choice img { display:block; width:100%; max-width:504px; height:auto; margin:0 auto; }
.offer-pdf-choice:hover,.offer-pdf-choice:focus-visible { background:#ffffb1; outline:2px solid #e4df6d; }
@media(max-width:650px) { .offer-pdf-choices { grid-template-columns:1fr; } }