/* The existing native hours form is framed by its current host application. */
.tm-hours-dialog{--hours-dialog-scheme:dark;--hours-dialog-on-brand:#27150d;--hours-dialog-control-line:#737373;box-sizing:border-box;position:fixed;inset:12px;margin:auto;width:min(1180px,calc(100vw - 24px));height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);max-width:calc(100vw - 24px);padding:0;border:1px solid var(--tm-line,#737373);border-radius:20px;background:var(--tm-canvas,#080808);color:var(--tm-text,#f8f8f8);font-family:Lexend,Inter,ui-sans-serif,system-ui,sans-serif;font-size:1rem;line-height:1.5;color-scheme:var(--hours-dialog-scheme);overflow:hidden;overscroll-behavior:contain}
.tm-hours-dialog[data-hours-app="plandero"],.tm-hours-dialog[data-hours-app="appstead"]{--hours-dialog-scheme:light;--hours-dialog-on-brand:#fff;--hours-dialog-control-line:#738b9e}
.tm-hours-dialog *{box-sizing:border-box}
.tm-hours-dialog::backdrop{background:#000a}
.tm-hours-dialog[open]{display:flex;flex-direction:column}
.tm-hours-dialog>header{display:flex;flex:none;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 20px;border-bottom:1px solid var(--tm-line,#737373);background:var(--tm-surface,#101010)}
.tm-hours-dialog>header>div{min-width:0;flex:1}
.tm-hours-dialog h2{margin:0 0 10px;color:inherit;font-size:1.3rem;line-height:1.35;overflow-wrap:anywhere}
.tm-hours-dialog label{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 10px;align-items:center;min-width:0;font-size:.9375rem;font-weight:600}
.tm-hours-dialog select{max-width:min(65vw,460px);min-width:0;width:100%;min-height:44px;background:var(--tm-control,#202020);color:inherit;border:1px solid var(--hours-dialog-control-line);border-radius:10px;padding:9px 10px;font:inherit;font-size:1rem;line-height:1.4;color-scheme:inherit}
.tm-hours-dialog [data-hours-close]{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;background:var(--tm-control,#202020);color:inherit;border:1px solid var(--hours-dialog-control-line);border-radius:50%;font:inherit;font-size:1.6rem;line-height:1;cursor:pointer;touch-action:manipulation}
.tm-hours-dialog [data-hours-body]{flex:1;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain}
.tm-hours-dialog [data-hours-body]>p,.tm-hours-dialog [data-hours-body]>button{margin:20px;line-height:1.5;overflow-wrap:anywhere}
.tm-hours-dialog iframe{display:block;width:100%;height:100%;border:0;background:var(--tm-canvas,#080808)}
.tm-hours-dialog iframe[hidden],.tm-hours-dialog [data-hours-feedback][hidden]{display:none}
.tm-hours-dialog [data-hours-feedback]{flex:none;font-size:.9375rem;line-height:1.5;margin:8px 12px;overflow-wrap:anywhere}
.tm-hours-dialog [data-hours-feedback] button{margin-inline-start:8px;font-size:inherit}
.tm-hours-dialog [data-hours-body]>button,.tm-hours-dialog [data-hours-feedback] button{min-height:44px;max-width:calc(100% - 24px);padding:10px 16px;border:1px solid var(--tm-brand,#ff8a65);border-radius:11px;background:var(--tm-brand,#ff8a65);color:var(--hours-dialog-on-brand);font:inherit;font-weight:650;line-height:1.4;white-space:normal;overflow-wrap:anywhere;cursor:pointer;touch-action:manipulation}
.tm-hours-dialog :is(button,select):focus-visible{outline:3px solid var(--tm-brand,#ff8a65);outline-offset:3px}
@media(max-width:680px){.tm-hours-dialog{inset:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;border:0;margin:0}.tm-hours-dialog>header{padding:max(12px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) 12px max(12px,env(safe-area-inset-left,0px))}.tm-hours-dialog h2{font-size:1.125rem;margin-bottom:8px}.tm-hours-dialog select{max-width:100%}}
@media(max-width:380px){.tm-hours-dialog label{grid-template-columns:minmax(0,1fr);gap:4px}}