:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#263345;background:#f7f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(2.3rem,4vw,3.8rem);line-height:1.13;letter-spacing:-1.5px;margin-bottom:18px}h1 em{font-weight:400;color:#8a7749}h2{font-family:Georgia,serif;font-weight:400;font-size:1.75rem;line-height:1.2;margin-bottom:14px}h3{margin-top:24px;font-size:1.15rem}p{line-height:1.65}.muted{color:#727a80}.eyebrow{color:#8d7d58;font-size:11px;font-weight:700;letter-spacing:2px;margin-bottom:18px}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{min-height:100px;padding:16px 4%;display:flex;align-items:center;gap:28px;border-bottom:1px solid #e6e6e0;background:#fff}.tenant-brand{display:flex;align-items:center;gap:16px;color:var(--tenant-primary);font-family:Georgia,serif;font-size:20px;white-space:nowrap}.tenant-brand img{width:64px;height:64px;object-fit:contain}.tenant-brand small{display:block;margin-top:7px;font-family:Segoe UI,Arial,sans-serif;font-size:8px;letter-spacing:1.6px;color:#8b805f}.app-header nav{display:flex;gap:24px;margin-left:auto;font-size:13px;align-items:center}.app-header nav a{padding:13px 0;white-space:nowrap}.app-header nav a.active{border-bottom:2px solid var(--tenant-accent);color:var(--tenant-primary);font-weight:600}.text-button{border:0;background:none;padding:12px;font-size:12px;color:#6f757a;min-height:44px}.main-content{width:100%;max-width:1600px;padding:44px 4% 60px;margin:auto;flex:1}.picker-heading{display:flex;justify-content:space-between;align-items:center;gap:36px;margin:10px 0 32px}.consultation{width:310px;flex-shrink:0;display:flex;flex-direction:column;gap:17px}.staff-note{font-size:12px;color:#6f757a;margin:8px 0}.collection-toolbar{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-top:1px solid #dedfd9;margin-bottom:12px;gap:12px}.category-tabs{display:flex;gap:7px;flex-wrap:wrap}.collection-toolbar>.muted{font-size:12px}.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.package-card{background:white;border:1px solid #e3e3dd;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.package-photo{height:280px;position:relative;background:#eeede7}.package-photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.category-tag{position:absolute;top:18px;left:18px;background:#fffef4ed;color:#354239;border-radius:5px;padding:7px 12px;text-transform:uppercase;font-size:9px;font-weight:700;letter-spacing:1.5px}.package-card-body{padding:25px;display:flex;flex-direction:column;flex:1}.package-card-body>small,.card-bottom small{font-size:9px;font-weight:600;letter-spacing:1px;color:#8b8b7c;display:block;margin-bottom:10px}.package-card-body h2{font-size:25px}.package-card-body p{font-size:13px;color:#7a7e7d;margin-bottom:22px}.card-bottom{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-top:auto;padding-top:20px;border-top:1px solid #eeeee8;flex-wrap:wrap}.card-bottom strong{font-size:20px;color:var(--tenant-primary)}.card-bottom .mud-button-root{font-size:11px}.image-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;gap:15px;color:#8d927d;font-family:Georgia,serif}.collection-note{display:flex;align-items:center;gap:20px;background:#efeee6;padding:24px 32px;border-radius:12px;margin-top:32px;color:#747761}.collection-note strong{font-family:Georgia,serif;font-size:19px;font-weight:400}.collection-note p{font-size:12px;margin:4px 0 0}.app-footer{padding:22px 4%;border-top:1px solid #e1e1da;display:flex;justify-content:space-between;font-size:10px;color:#8c908d}.app-footer a{display:flex;align-items:center;gap:6px}.app-footer img{height:20px;width:20px}.mud-button-root{min-height:46px;text-transform:none!important;letter-spacing:0!important}.mud-input-control{margin-top:4px!important}.mud-table{border:1px solid #e8e7df;border-radius:12px;overflow:hidden}.mud-table-cell{padding:14px!important}.mud-table-head{background:#efeee7}.page-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px}.page-title h1{font-size:44px}.editor{padding:28px!important;border:1px solid #e3e2da;margin-bottom:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-actions{display:flex;gap:14px;margin-top:22px;margin-bottom:12px}.validation-errors,.form-error{color:#a52525;font-size:14px}.product-cell{display:flex;align-items:center;gap:15px}.product-cell img{width:52px;height:52px;object-fit:contain;border-radius:6px;background:#f6f6f3}.search-field{max-width:620px;margin-bottom:24px!important}.upload-label{font-size:13px;display:block;margin:20px 0;color:#676c69}.upload-label input{display:block;margin-top:10px;min-height:44px;max-width:100%}.edit-thumb{height:140px;width:180px;object-fit:contain}.customise-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,1fr);gap:40px;margin-top:25px}.detail-photo{height:300px;border-radius:14px;background:#efeee8;overflow:hidden;margin-bottom:25px}.detail-photo img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}.selection-panel{background:#fff;border-radius:14px;border:1px solid #e3e2da;padding:30px;align-self:start}.selection-line{display:flex;align-items:flex-start;gap:14px;padding:20px 0;border-bottom:1px solid #eeeee7;font-size:13px}.selection-line>strong{margin-left:auto;white-space:nowrap}.line-image{width:55px;height:65px;flex-shrink:0}.line-image img{height:100%;width:100%;object-fit:contain}.line-description{flex:1}.line-description>small{display:block;color:#858a87;margin:5px 0}.quantity{display:flex;align-items:center;gap:4px}.quantity .mud-icon-button{padding:10px;min-height:44px;min-width:44px}.totals>div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;font-size:14px}.totals{margin-top:20px}.totals .grand-total{margin-top:15px;padding-top:22px;border-top:1px solid #deded5;color:var(--tenant-primary);font-size:23px}.grand-total small{display:block;font-size:10px;color:#888d86;margin-top:4px}.selection-foot{font-size:11px;color:#9a9e94;text-align:center;margin-top:22px}.add-product{display:flex;gap:12px;align-items:center;margin-bottom:24px}.add-product>.mud-input-control{flex:1}.photo-strip{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.photo-strip img{width:120px;height:100px;object-fit:contain;background:#efeee9;border-radius:8px}.package-edit-line{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid #eeeee6}.package-edit-line>span{flex:1}.package-edit-line>.mud-input-control{width:100px;flex:none}.admin-summary{display:flex;gap:20px;margin-bottom:35px;align-items:stretch}.summary-card{padding:20px 30px!important;min-width:140px}.summary-card strong{font-size:30px;display:block}.summary-card span{font-size:12px;color:#82877e}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:30px 0 18px}.section-heading h2{margin:0}.inline-actions{display:flex;gap:10px;align-items:center}.outline-button{background:white;border:1px solid #a8ad9d;border-radius:5px;padding:10px 14px;color:#344137;min-height:44px;font-size:12px}.login-body{background:radial-gradient(ellipse at top left,#e4e3d7,#f7f6f2 70%);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px}.login-card{max-width:460px;width:100%;padding:40px;background:white;border:1px solid #e3e2d7;border-radius:18px;box-shadow:0 22px 80px #333b2810}.product-brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600;color:#35352e;margin-bottom:28px}.product-brand img{width:36px}.login-logo{height:110px;max-width:100%;object-fit:contain;margin-bottom:18px}.login-card h1{font-size:38px}.login-card .muted{font-size:14px}.login-card label{display:block;font-size:12px;margin:20px 0 8px}.login-card input{width:100%;padding:13px;border:1px solid #d8dbd0;border-radius:7px;min-height:48px}.solid-button{background:#142d4e;color:white;border:0;border-radius:7px;min-height:50px;width:100%;margin-top:24px}.login-foot{font-size:11px;color:#8b9085;text-align:center;margin:24px 0 0}#blazor-error-ui{display:none;background:#fff0c2;padding:15px;position:fixed;bottom:0;width:100%;z-index:9999}
@media(min-width:1600px){.package-photo{height:340px}}
@media(max-width:1100px){.app-header{flex-wrap:wrap;gap:12px}.app-header nav{gap:20px}.tenant-brand{font-size:17px}.tenant-brand img{width:52px;height:52px}.package-grid{gap:18px}.package-photo{height:220px}.package-card-body{padding:20px}.card-bottom{align-items:flex-start}.card-bottom .mud-button-root{width:100%}.customise-grid{gap:24px}.selection-panel{padding:22px}}
@media(max-width:850px){.app-header nav{order:3;width:100%;margin:0;justify-content:center;overflow:auto}.app-header form{margin-left:auto}.main-content{padding-top:30px}.package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.picker-heading{gap:24px}.consultation{width:270px}.customise-grid{grid-template-columns:1fr}.detail-photo{height:280px}.admin-summary{flex-wrap:wrap}}
@media(max-width:600px){.picker-heading{flex-direction:column;align-items:stretch}.consultation{width:100%}.package-grid{grid-template-columns:1fr}.package-photo{height:270px}.collection-toolbar{align-items:flex-start;flex-direction:column}.app-header nav{justify-content:flex-start;gap:20px}.tenant-brand{font-size:16px}.tenant-brand small{font-size:7px}.form-grid{grid-template-columns:1fr}.page-title{align-items:flex-start;flex-direction:column}.main-content{padding-left:18px;padding-right:18px}.app-footer>span{display:none}.app-footer{justify-content:flex-end}.selection-panel{padding:20px}.selection-line{gap:8px}.line-image{width:40px}.login-card{padding:28px}.collection-note{padding:22px}.package-edit-line{flex-wrap:wrap}}
.login-card .solid-button{background:var(--tenant-primary,#142d4e)}.login-card .eyebrow{color:var(--tenant-accent,#b69b57)}
/* Keep sales content readable with long supplier names and narrow tablet panels. */
.package-card-body h2,.package-card-body p,.customise-grid h2,.customise-grid p,.line-description>strong{overflow-wrap:anywhere}
.package-card-body>p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.package-card-body h2{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.customise-grid>section,.selection-panel,.line-description,.add-product>.mud-input-control{min-width:0}
.line-description>strong{display:block}.selection-line>strong{flex-shrink:0}.quantity{flex-wrap:wrap}
.pricing-status{font-size:12px;color:#727a80;margin:8px 0}
.mud-autocomplete .mud-input-slot{overflow:hidden;text-overflow:ellipsis}
.mud-list-item-text{overflow-wrap:anywhere}

/* Searchable consultation catalogue; retain the existing two-panel presentation. */
.product-filters{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px;margin-bottom:14px}
.product-results{max-height:440px;overflow-y:auto;overscroll-behavior:contain;border:1px solid #e3e2da;border-radius:12px;background:#fff;padding:0 14px}
.product-results>p{padding:18px 0;margin:0}.product-result{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #eeeee7;min-height:100px}.product-result:last-child{border:0}
.result-image{width:56px;height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#f7f6f2;border-radius:6px}.result-image img{width:100%;height:100%;object-fit:contain}
.result-description{flex:1;min-width:0;overflow-wrap:anywhere;font-size:13px}.result-description strong,.result-description small{display:block}.result-description small{color:#727a80;margin-top:5px}.product-result>.mud-button-root{flex-shrink:0;min-width:64px}.included-state{font-size:12px;color:#727a80;max-width:80px;flex-shrink:0}
@media(max-width:1100px) and (min-width:851px){.product-filters{grid-template-columns:1fr}}
@media(max-width:600px){.product-filters{grid-template-columns:1fr}.product-results{padding:0 10px}.product-result{gap:8px}.result-image{width:42px;height:54px}}

.public-quote{max-width:900px;margin:32px auto;padding:32px;background:white;border:1px solid #e3e2da;border-radius:14px}.quote-logo{max-width:180px;max-height:100px;object-fit:contain;margin-bottom:20px}.quote-table-wrap{overflow-x:auto}.quote-table{width:100%;border-collapse:collapse;text-align:left}.quote-table td,.quote-table th{padding:14px 10px;border-bottom:1px solid #eeeee7;overflow-wrap:anywhere}.quote-table td:first-child{max-width:360px}.quote-table td:not(:first-child){white-space:nowrap}.quote-terms{white-space:pre-wrap;overflow-wrap:anywhere}.quote-accept{display:inline-block;padding:16px 28px;background:var(--tenant-primary);color:white;border-radius:8px;min-height:48px}.quote-agreement{display:flex;align-items:center;gap:12px;min-height:48px}.quote-agreement input{width:24px;height:24px;flex-shrink:0}.quote-confirmation{padding:20px;background:#eef3e9;border-radius:8px}.quote-edit-line{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid #eeeee7}.quote-edit-line>strong{flex:1;min-width:150px;overflow-wrap:anywhere}.quote-edit-line>.mud-input-control{max-width:100px}.quote-edit-line>span{font-size:13px}@media(max-width:600px){.public-quote{margin:12px;padding:20px}.quote-table td,.quote-table th{padding:10px 6px;font-size:12px}}
.experience-mode{display:flex;gap:.5rem 1rem;flex-wrap:wrap;align-items:center;padding:12px 16px;margin-bottom:16px;border:1px solid #d9dedf;border-radius:12px;background:#fff}.experience-mode span{font-size:.9rem;color:#535b63}
.experience-mode.presentation-readonly{border-left:5px solid var(--tenant-primary);background:#f1f5f3}.presentation-quantity{margin:8px 0 0;color:#535b63}