*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#172033;font:15px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header{background:white;padding:16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6e8eb;position:sticky;top:0;z-index:3}header img{max-height:45px;max-width:145px;object-fit:contain}main{max-width:680px;margin:auto;padding:17px 14px 95px}.card{background:white;border-radius:17px;padding:17px;margin:12px 0;box-shadow:0 2px 12px #15213b0a}h2{font-size:19px;margin:4px 0 15px}h3{font-size:16px;margin:12px 0}label{display:block;font-size:12px;font-weight:650;color:#566072;margin:10px 0 5px}input,select,textarea{width:100%;border:1px solid #d6dce4;border-radius:10px;padding:12px;font:inherit;background:white;color:#172033}textarea{min-height:100px}button{border:0;border-radius:11px;background:#162944;color:white;padding:13px 16px;font:inherit;font-weight:650;cursor:pointer}button.secondary{background:#edf0f4;color:#172033}button.danger{background:#fce8e8;color:#9a2424}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.two{grid-template-columns:repeat(2,1fr)}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.actions button{flex:1}.muted{color:#687485;font-size:13px}.line{border-bottom:1px solid #edf0f4;padding:12px 0}.sum{font-size:22px;font-weight:750;text-align:right;margin:12px 0}.hidden{display:none!important}nav{position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid #dce2e8;display:flex;justify-content:space-around;padding:9px 3px max(13px,env(safe-area-inset-bottom));z-index:5}nav button{font-size:12px;background:transparent;color:#445268;padding:7px 3px;flex:1}nav button.active{color:#e65a22;font-weight:800}.pill{display:inline-block;background:#edf0f4;border-radius:7px;padding:5px 8px;font-size:12px}.offeritem{background:#f7f9fb;padding:10px;border-radius:10px;margin:8px 0}.offeritem input{padding:9px}.warn{color:#a64020}small{font-size:12px}@media print{header,nav,main{display:none!important}}
header img{max-width:155px;max-height:52px;background:#fff;object-fit:contain} .homecard{padding:23px 18px}.home-action{display:flex;flex-direction:column;align-items:flex-start;gap:7px;width:100%;margin:14px 0;padding:19px;text-align:left}.home-action strong{font-size:16px}.home-action span{font-size:12px;opacity:.78;font-weight:400}.home-action.secondary{background:#eef1f5;color:#172033}nav button{font-size:11px}

.currency-dialog{border:0;border-radius:17px;padding:20px;width:min(94vw,450px);max-height:85vh;overflow-y:auto;color:#172033;box-shadow:0 20px 70px #0004}.currency-dialog::backdrop{background:#0e1b32aa}.currency-buttons{display:flex;gap:9px;margin:12px 0}.currency-buttons button{flex:1;padding:12px 7px;font-size:14px}.conversion-preview{background:#f1f4f8;padding:14px;border-radius:10px;line-height:1.9;font-size:14px}.currency-dialog h2{font-size:19px;line-height:1.35}

/* 2026-10-23: responsive logo and native selection panel */
header{min-width:0;gap:12px;overflow:hidden}header img{display:block;width:auto;max-width:min(42vw,155px);max-height:48px;object-fit:contain;object-position:left center;flex-shrink:1}header>span,header>.muted{flex-shrink:0}.currency-dialog{width:min(94vw,440px);max-height:85dvh;overflow-y:auto;border:0;border-radius:18px;padding:22px;box-shadow:0 15px 60px #0005}.currency-dialog::backdrop{background:#0009}.currency-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.currency-buttons button{padding:13px 9px;min-height:52px;font-size:14px}.conversion-preview{background:#f0f3f7;border-radius:10px;padding:12px;line-height:1.6;margin-top:12px;white-space:pre-line}@media(max-width:390px){header{padding:12px}header img{max-width:39vw}.currency-buttons{grid-template-columns:1fr}}

#offerPreviewLayer{position:fixed;inset:0;z-index:99999;background:#f3f4f6;display:none;flex-direction:column;min-height:0}
.offer-preview-toolbar{display:flex;gap:8px;flex-wrap:wrap;padding:calc(env(safe-area-inset-top,0px) + 10px) 12px 10px;background:#fff;border-bottom:1px solid #ddd}
.offer-preview-toolbar button{width:auto!important;flex:1 1 auto;font-size:13px;padding:12px 10px;min-width:95px}
.offer-preview-hint{padding:7px 12px;background:#f9fafb;color:#475569;font-size:12px;line-height:1.35}
#offerPreviewFrame{border:0;background:#fff;width:100%;flex:1;min-height:0}