:root{font-family:Arial,sans-serif;color:#1c303b;background:#f4f6f6;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#142f3c;color:white;padding:22px 5%;display:flex;gap:25px;align-items:center;flex-wrap:wrap}header a{color:white}header span{flex:1}main{max-width:1150px;margin:35px auto;padding:0 22px 60px}h1{font-size:2rem}h2{font-size:1.4rem}nav,.bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.bar{justify-content:space-between}button{font:inherit;padding:12px 17px;border:1px solid #c3cdd1;border-radius:7px;background:white;color:#142f3c;cursor:pointer;min-height:44px}button:hover{background:#eef2f4;color:#142f3c}button.active{background:#e3edf2;color:#234657;border-color:#a5bac9}button:disabled{opacity:.5;cursor:wait}section{background:white;padding:24px;margin-top:24px;border:1px solid #dce2e4;border-radius:12px}label{display:block;margin:16px 0;font-weight:600}input:not([type=checkbox]),select,textarea{display:block;width:100%;font:inherit;padding:12px;border:1px solid #a5b3ba;border-radius:6px;margin-top:8px}input[type=checkbox]{width:22px;height:22px;vertical-align:middle}textarea{resize:vertical}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.tile{border:1px solid #dce2e4;border-radius:8px;overflow:hidden;padding-bottom:16px}.tile img{width:100%;height:155px;object-fit:cover}.tile h3,.tile p,.tile .bar{margin:14px}.tile button{font-size:.9rem;padding:10px}.muted{color:#637079}dialog{width:min(700px,96vw);border:0;border-radius:14px;padding:28px;max-height:90vh;overflow:auto}dialog::backdrop{background:#142f3c99}.photo-row{display:flex;gap:10px;align-items:center;margin:12px 0;flex-wrap:wrap}.photo-row img{width:90px;height:65px;object-fit:cover}.photo-row input{flex:1;min-width:150px}.cover{max-width:100%;max-height:220px}.preserve{white-space:pre-wrap}#status,#wizard-error{min-height:22px}#wizard-error{color:#a12525}.offer-row{padding:14px 0;border-bottom:1px solid #dce2e4;display:grid;grid-template-columns:1fr 180px;gap:15px}p,li{line-height:1.65}li{margin:10px 0}[hidden]{display:none!important}@media(max-width:600px){main{padding:0 12px}section,dialog{padding:18px}.offer-row{grid-template-columns:1fr}nav button{flex:1}h1{font-size:1.6rem}}:focus-visible{outline:3px solid #b77c41;outline-offset:3px}

/* Compact workspace and offer handoff */
main{margin:24px auto;padding-bottom:36px}header{padding:16px 5%;gap:18px}h1{margin:0 0 18px}section{margin-top:16px;padding:20px}section>h2{margin-top:0}label{margin:10px 0}.offer-row{padding:8px 0;align-items:center}.offer-row label{margin:4px 0}.offer-row input:not([type=checkbox]){margin-top:4px;padding:10px}.offer-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.offer-actions button{flex:1}.offer-help,#offer-send-status{font-size:14px;margin:10px 0 0}#offer-send-status:empty{display:none}#offer-rooms{margin:10px 0 18px}#calculate{background:#142f3c;color:white}.grid{gap:14px}@media(max-width:600px){main{margin-top:18px}section{padding:16px}.offer-row{grid-template-columns:minmax(0,1fr) minmax(110px,40%);gap:10px}.offer-row label{font-size:14px}.offer-actions{display:grid;grid-template-columns:1fr 1fr}.offer-actions #copy-offer{grid-column:1/-1}.offer-actions button{padding:10px;font-size:14px}header{gap:12px;padding:14px 16px}}

.payment-badge{padding:8px 12px;border-radius:6px;background:#f3e9d9;color:#634319;font-size:14px}.payment-settings{margin:20px 0}.payment-settings>div{display:grid;grid-template-columns:minmax(140px,1fr) 2fr;gap:18px;padding:12px 0;border-bottom:1px solid #dce2e4}.payment-settings dt{color:#52616b}.payment-settings dd{margin:0;font-weight:600;overflow-wrap:anywhere}#payment-status{min-height:1.5em}#payments a{color:#165576}@media(max-width:480px){.payment-settings>div{grid-template-columns:1fr;gap:6px}#payments .offer-actions{grid-template-columns:1fr}}

/* Desktop catalog: identity/photos, then one action row. */
#list{grid-template-columns:repeat(auto-fit,minmax(min(330px,100%),1fr))}
.catalog-tile{padding:12px;min-width:0}.catalog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.catalog-tile .catalog-heading h3{margin:0;font-size:17px;line-height:1.35;overflow-wrap:anywhere}
.catalog-tile .photo-link{flex-shrink:0;padding:5px 0;min-height:32px;background:transparent;border:0;text-decoration:underline;color:#175166}
.catalog-state{font-size:12px;font-weight:400;color:#66553c;background:#f4ecdc;padding:2px 5px;border-radius:4px;white-space:nowrap}
.catalog-actions{display:flex;gap:6px;align-items:center}.catalog-actions button{min-height:36px;white-space:nowrap;padding:8px;font-size:14px}
.catalog-actions button.primary{flex:1;background:#e3edf2;color:#234657;border-color:#a5bac9}.catalog-actions button.danger{color:#923e37;background:#fff}
.catalog-photos img{display:block;width:100%;height:auto;margin:14px 0;border-radius:6px}.catalog-photos .bar{position:sticky;top:0;background:#fff;padding:6px 0;z-index:1}
.catalog-photos h2{margin:0}.catalog-tile:focus-within{border-color:#175166}