.viewing-dialog{background:#151515;color:#f5f5f5;border:1px solid #49402e;border-radius:18px;padding:26px;width:min(460px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow-y:auto;box-sizing:border-box;font-family:inherit}
.viewing-dialog::backdrop{background:rgba(0,0,0,.78)}
.viewing-dialog *,.viewing-cancel *{box-sizing:border-box}
.viewing-close{position:absolute;right:12px;top:10px;width:44px;height:44px;border:0;background:transparent;color:#ddd;font-size:28px;cursor:pointer}
.viewing-brand{font-size:12px;letter-spacing:2px;color:#d6bc80;margin:0 44px 20px 0}
.viewing-dialog h2,.viewing-cancel h1{font-size:24px;line-height:1.25;margin:0 0 12px}
.viewing-car,.viewing-metadata{font-size:14px;color:#c4c4c4;line-height:1.6;margin:0 0 20px;overflow-wrap:anywhere}
.viewing-form label{display:block;font-size:14px;margin:0 0 8px;color:#ddd}
.viewing-field{margin-bottom:18px;min-width:0}
.viewing-form input,.viewing-form select,.viewing-date-button{font-family:inherit;font-size:16px;line-height:1.3;min-height:48px;min-width:0;width:100%;padding:12px;border:1px solid #4c4c4c;border-radius:9px;background:#232323;color:#f5f5f5;color-scheme:dark}
.viewing-form input,.viewing-form select{font-family:inherit;font-size:16px}
.viewing-row{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:10px}
.viewing-date-button{text-align:left;cursor:pointer;font-family:inherit;font-size:16px}
.viewing-calendar{padding:12px;background:#202020;border:1px solid #474747;border-radius:12px;margin:0 0 18px}
.viewing-monthbar{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-bottom:8px}
.viewing-monthbar button{min-width:44px;min-height:44px;border:0;border-radius:7px;background:transparent;color:#fff;font-family:inherit;font-size:22px;cursor:pointer}
.viewing-week,.viewing-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
.viewing-week span{text-align:center;font-size:12px;color:#aaa;padding:8px 0}
.viewing-days button{min-height:40px;border:0;border-radius:7px;background:transparent;color:#fff;font-family:inherit;font-size:14px;padding:7px 0;cursor:pointer}
.viewing-days button:disabled{color:#686868;background:#252525;cursor:default}
.viewing-days button:not(:disabled):hover{background:#453b26}
.viewing-days button[aria-pressed=true]{background:#d6bc80;color:#151515}
.viewing-monthbar button:disabled{opacity:.3;cursor:default}
.viewing-hours{font-size:12px;line-height:1.6;color:#bbb;padding-bottom:16px;margin:0 0 16px;border-bottom:1px solid #383838}
.viewing-note{font-size:13px;color:#c5c5c5;line-height:1.6;margin:0 0 18px}
.viewing-dialog .viewing-send,.viewing-cancel .viewing-send{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;background:#25d366;color:#102217;border:1px solid #25d366;border-radius:9px;padding:12px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;text-align:center}
.viewing-send svg{width:22px;height:22px;flex-shrink:0;fill:currentColor}
.viewing-send:hover{background:#52e28a}
.viewing-error{font-size:14px;line-height:1.5;color:#ffb5b5;margin-bottom:12px}
.viewing-dialog [hidden],.viewing-cancel [hidden]{display:none!important}
.viewing-cancel{background:#151515;color:#f5f5f5;max-width:460px;margin:40px auto;padding:26px;border:1px solid #49402e;border-radius:18px;font-family:Arial,sans-serif}
body.viewing-cancel-page{background:#0d0d0d;margin:0;padding:12px;color:#f5f5f5;font-family:Arial,sans-serif}
.viewing-cancel-page a.viewing-home{display:block;text-align:center;color:#d6bc80;font-size:14px;margin-top:22px}
@media(max-width:380px){.viewing-dialog{padding:22px 16px}.viewing-date-button,.viewing-form select{padding:12px 7px;font-size:15px}.viewing-days button{min-height:38px}.viewing-row{gap:8px}}