@import url('/assets/brand.css');
@import url('/assets/pin.css');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#172235;background:#f5f7fa;font-synthesis:none;--bg:#f5f7fa;--surface:#fff;--text:#172235;--muted:#647186;--border:#e5e9ef;--blue:#073cb5;--blue-soft:#eaf0ff;--yellow:#f8d64b;--input:#fff;--shadow:0 6px 24px #142d5005;color-scheme:light}
:root[data-theme=dark]{--bg:#101722;--surface:#17212f;--text:#f0f4fc;--muted:#a9b5c7;--border:#2b384b;--blue:#9db9ff;--blue-soft:#223458;--input:#111c2b;color-scheme:dark}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:inherit;text-decoration:none}button{color:inherit}input,select,textarea{min-width:0}button:focus-visible,a:focus-visible{outline:3px solid #4882f7;outline-offset:4px}input:focus,select:focus,textarea:focus{outline:3px solid #2e62d626;border-color:#3369da!important}button,a,input{transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}h1,h2,h3,p{margin:0}h1,h2,h3,.brand,.sign{font-family:'Manrope','DM Sans',Arial,sans-serif}h1{font-size:clamp(1.9rem,2.5vw,2.6rem);line-height:1.22;letter-spacing:-1.4px;font-weight:800}h2{font-size:1.13rem;line-height:1.4;font-weight:800;letter-spacing:-.35px}h3{font-size:.96rem;font-weight:750;line-height:1.5}p{line-height:1.6}button{border:0}strong{font-weight:650}[hidden]{display:none!important}.muted{color:var(--muted)}.icon{height:20px;width:20px;flex-shrink:0;vertical-align:middle}.brand-dot{color:#1b54ce}.skip{position:fixed;top:-100px;left:20px;background:var(--surface);padding:16px;z-index:200}.skip:focus{top:10px}.boot{min-height:100vh;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center}.app-layout{min-height:100vh;color:var(--text)}.sidebar{background:var(--surface);border-right:1px solid var(--border);position:fixed;inset:0 auto 0 0;width:230px;padding:32px 17px 18px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:8px;font-size:2rem;font-weight:800;letter-spacing:-1.5px;padding:0 11px}.brand img{object-fit:contain}.brand-dot{display:inline}.workspace-label{margin:52px 15px 16px;font-size:.75rem;letter-spacing:1.4px;color:var(--muted);font-weight:700}.sidebar nav{display:flex;flex-direction:column;gap:7px}.nav-item{display:flex;width:100%;align-items:center;gap:11px;color:var(--muted);background:none;font-size:.89rem;min-height:47px;padding:12px 13px;border-radius:9px;text-align:left}.nav-item .icon{width:18px;height:18px}.nav-item:hover{background:var(--bg);color:var(--text)}.nav-item.active{color:var(--blue);background:var(--blue-soft);font-weight:700}.nav-arrow{margin-left:auto;width:15px!important}.sidebar-bottom{margin-top:auto;padding-top:70px}.sidebar-note{margin:20px 13px 27px;border-top:1px solid var(--border);padding-top:23px}.version{font-size:.72rem;letter-spacing:1.4px;color:var(--muted)}.sidebar-note p{font-size:.98rem;margin-top:12px;line-height:1.6;font-weight:500}.profile{display:flex;align-items:center;gap:10px;background:none;padding:17px 0 0;border-top:1px solid var(--border);width:100%;text-align:left}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--blue-soft);color:var(--blue);font-size:.88rem;font-weight:700}.profile strong{display:block;font-size:.8rem}.profile small{display:block;color:var(--muted);font-size:.75rem;margin-top:4px}.profile>.icon{margin-left:auto;width:15px}.app-body{margin-left:230px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--border);background:var(--surface)}.breadcrumb{display:flex;gap:16px;font-size:.88rem;color:var(--muted)}.breadcrumb strong{color:var(--text);font-weight:550}.breadcrumb>span{color:#b6bfcc}.topbar-right{display:flex;align-items:center;gap:23px}.date-label{font-size:.82rem;color:var(--muted)}.mobile-brand{display:none}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--border);background:var(--surface);border-radius:8px}.icon-button:hover{background:var(--bg)}main#main{width:100%;max-width:1500px;margin:0 auto;padding:27px 40px 35px;flex:1}.demo-banner{background:#eaf0ff;border:1px solid #d8e4ff;color:#173e89;border-radius:8px;min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px;font-size:.8rem;margin-bottom:27px}.demo-banner b{font-weight:700}.demo-detail{margin-left:13px;color:#4b6494}.demo-banner button{background:none;color:#173e89;display:flex;gap:8px;align-items:center;font-weight:650;font-size:.8rem;padding:4px}.demo-banner .icon{width:15px;height:15px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow{font-size:.7rem;font-weight:700;letter-spacing:1.55px;color:var(--muted);margin-bottom:9px}.page-heading>div>.muted{font-size:.95rem;margin-top:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;min-height:45px;border-radius:8px;background:var(--bg);border:1px solid var(--border);font-size:.875rem;font-weight:650;white-space:nowrap}.button:hover{filter:brightness(.97);box-shadow:0 3px 10px #142d5010}.button:active{transform:translateY(1px)}.button-outline{background:var(--surface)}.button-blue{background:#073cb5;color:#fff;border-color:#073cb5}.button-yellow{background:var(--yellow);color:#1c241a;border-color:#e9c73a}.button-small{min-height:36px;padding:8px 12px;font-size:.8rem}.button-danger{background:#b72d3c;border-color:#b72d3c;color:white}.full{width:100%}.button-arrow{margin-left:auto;font-size:1.3rem}.branch-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.branch-name{display:flex;align-items:center;gap:13px}.branch-icon{display:grid;place-items:center;width:44px;height:44px;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--blue)}.branch-name h2{font-size:1.03rem}.branch-name p{font-size:.8rem;color:var(--muted);margin-top:3px}.branch-name p span{margin:0 5px;color:#9ba8ba}.branch-status{display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.status-chip{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:550;padding:7px 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface)}.chip-live{color:#217456;background:#edf9f2;border-color:#d8eee0}.chip-live:before{content:'';width:6px;height:6px;border-radius:50%;background:#2b9163}.chip-demo{color:#55667c}.chip-offline,.chip-error,.chip-missing,.chip-cached,.chip-reconnecting{background:#fff3db;color:#83570a;border-color:#f4ddb0}.studio-grid{display:grid;grid-template-columns:minmax(360px,.92fr) minmax(380px,1.08fr);gap:25px;align-items:start}.controls-column,.preview-column{display:flex;flex-direction:column;gap:17px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:13px;box-shadow:var(--shadow)}.control-panel{padding:24px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.subtle-label{font-size:.75rem;color:var(--muted);white-space:nowrap}.status-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.status-button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;border:1px solid var(--border);border-radius:10px;padding:18px 17px;background:var(--surface);position:relative}.status-button>.icon{width:22px;height:22px;margin-bottom:7px}.status-button strong{font:800 1.2rem 'Manrope',Arial}.status-button>span{font-size:.75rem;color:var(--muted)}.status-open{background:#f1f8f5;border-color:#dfeee6;color:#18734e}.status-close{background:var(--bg)}.status-button:hover{border-color:#7698bb;transform:translateY(-2px)}.status-button.is-current:after{content:'✓';position:absolute;top:14px;right:15px;font-size:1rem}.status-open.is-current{border-color:#218762}.status-close.is-current{border-color:#53657f}.break-heading{margin-top:24px;margin-bottom:13px}.text-button{display:inline-flex;align-items:center;gap:7px;border:0;background:none;color:var(--muted);font-size:.76rem;font-weight:550;padding:4px 0}.text-button:hover{color:var(--blue)}.text-button .icon{width:14px;height:14px}.preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.preset{background:var(--surface);border:1px solid var(--border);border-radius:9px;display:flex;flex-direction:column;gap:6px;align-items:center;padding:16px 6px 13px;user-select:none}.preset:hover{background:var(--bg);border-color:#bfcaDA}.preset-icon{display:inline-flex;align-items:center;justify-content:center;width:33px;height:33px;color:var(--text)}.preset strong{font-size:.81rem;overflow-wrap:anywhere}.preset>span:last-child{font-size:.78rem;color:var(--muted)}.custom-away{border-top:1px solid var(--border);margin-top:23px;padding-top:21px}.custom-away-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:19px}.segmented{display:flex;gap:1px;background:var(--bg);padding:3px;border-radius:7px;border:1px solid var(--border)}.segmented button{padding:5px 7px;font-size:.73rem;background:none;border-radius:4px;color:var(--muted)}.segmented button.selected{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #17223512}.away-inputs{display:flex;gap:12px;margin-bottom:16px;align-items:end}.field{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:.8rem;margin-bottom:17px}.field>span{font-weight:550}.field small{color:var(--muted);font-weight:400}.field input,.field select,.field textarea,dialog>input{width:100%;background:var(--input);color:var(--text);border:1px solid var(--border);border-radius:7px;min-height:43px;padding:10px 12px;font-size:.875rem}.field input::placeholder{color:#96a0ae}.away-inputs>.field{margin:0}.reason-field{flex:1}.away-inputs #duration-field{width:131px}.number-control{display:flex;border:1px solid var(--border);border-radius:7px;background:var(--input);min-height:44px}.number-control>button{width:35px;flex-shrink:0;background:none;font-size:1.2rem}.number-control input{width:100%;border:0;background:none;padding:8px 0;text-align:center;appearance:textfield;-moz-appearance:textfield}.number-control input::-webkit-inner-spin-button{appearance:none}.form-feedback{color:#b42c3c;font-size:.84rem;line-height:1.5;margin:10px 0 0}.form-feedback:empty{display:none}.adjust-away{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:15px;border-top:1px solid var(--border);padding-top:15px}.adjust-away>span{margin-right:auto;font-size:.8rem;color:var(--muted)}.voice-card{border:1px solid var(--border);border-radius:11px;padding:18px;display:flex;gap:13px;align-items:center;background:var(--surface)}.voice-icon{background:var(--blue-soft);color:var(--blue);border-radius:9px;display:grid;place-items:center;width:40px;height:43px;flex-shrink:0}.voice-content{flex:1;min-width:0}.voice-content h3{font-size:.84rem}.voice-content p{font-size:.75rem;color:var(--muted);margin-top:4px}.voice-heard:empty{display:none}.voice-armed{box-shadow:0 0 0 4px #f8d64b80}.listening{background:var(--blue-soft);color:var(--blue)}.preview-panel{padding:24px}.preview-panel .eyebrow{margin-bottom:4px;font-size:.66rem}.preview-panel .panel-heading{margin-bottom:22px}.screen-frame{background:#172235;padding:8px;border-radius:10px;box-shadow:0 8px 18px #0b1d4211}.sign{color:#111e39;background:#f8d64b;aspect-ratio:1.49;display:flex;flex-direction:column;text-align:center;padding:22px 25px;overflow:hidden;border-radius:4px;font-weight:600;position:relative}.sign-top,.sign-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left}.sign-top{font-size:.62rem;letter-spacing:1.2px}.sign-clock{letter-spacing:.5px;font-variant-numeric:tabular-nums}.sign-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px 0 25px}.sign-eyebrow{font-size:.6rem;font-weight:750;letter-spacing:1.9px;margin-bottom:13px}.sign-title{font-size:clamp(1.9rem,3.2vw,3.5rem);line-height:1.02;letter-spacing:-1.6px;font-weight:800;margin:0;overflow-wrap:anywhere}.sign-message{font-size:.77rem;margin-top:10px;line-height:1.45;max-width:90%;overflow-wrap:anywhere}.sign-timer{font-family:'Manrope',sans-serif;font-size:clamp(2.1rem,3.6vw,4rem);font-weight:800;letter-spacing:-2px;font-variant-numeric:tabular-nums;margin-top:13px;line-height:1.12}.sign-timer:empty{display:none}.sign-return{margin-top:9px;font-size:.7rem;font-weight:700}.sign-bottom{font-size:.6rem;letter-spacing:.2px;opacity:.75}.sign-footer{display:inline-flex;align-items:center;gap:5px}.sign-footer .icon{width:13px;height:13px}.sign-open{background:#0844c5;color:#fff}.sign-closed{background:#142033;color:#f3f6fc}.sign-unknown{background:#e8edf6;color:#52657e}.sign-pending{background:#f8d64b}.sign-pending .sign-title{font-size:clamp(1.7rem,2.8vw,3rem)}.sign.theme-blue.sign-away,.sign.theme-blue.sign-pending{background:#073cb5;color:#fff}.preview-meta{display:flex;justify-content:space-between;gap:10px;margin-top:19px;align-items:center;font-size:.75rem;color:var(--muted)}.preview-meta a{display:flex;align-items:center;gap:5px;color:var(--text);font-weight:600;white-space:nowrap}.preview-meta .icon{width:14px;height:14px}.activity-panel{padding:20px 24px}.activity-panel .panel-heading{margin-bottom:16px}.empty-activity{display:flex;align-items:center;gap:12px;padding:10px 0 14px;color:var(--muted)}.empty-activity>.icon{width:30px;height:30px;stroke-width:1.3;opacity:.65}.empty-activity strong{font-size:.82rem;font-weight:550}.empty-activity p{font-size:.75rem;margin-top:3px}.activity-row{display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--border);padding:11px 0}.activity-row:last-child{border-bottom:0;padding-bottom:2px}.activity-icon{display:grid;place-items:center;width:33px;height:33px;background:var(--blue-soft);color:var(--blue);border-radius:50%;flex-shrink:0}.activity-icon .icon{width:16px;height:16px}.yellow-icon{background:#fdf5d6;color:#8a690e}.activity-row strong{font-size:.83rem}.activity-row p{font-size:.75rem;color:var(--muted);margin-top:3px}.activity-row time{margin-left:auto;font-size:.75rem;color:var(--muted);white-space:nowrap}.share-strip{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:0 4px}.share-strip>div{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--muted)}.share-strip .icon{width:15px;height:15px}.page-footer{padding:22px 40px;border-top:1px solid var(--border);font-size:.72rem;color:var(--muted);display:flex;justify-content:space-between;gap:12px}.page-footer span .muted{padding:0 8px;color:#a4afbe}.toasts{position:fixed;right:25px;bottom:25px;z-index:110;display:flex;flex-direction:column;gap:9px;max-width:min(450px,calc(100vw - 32px));pointer-events:none}.toast{padding:15px 20px;border-radius:10px;box-shadow:0 8px 35px #0003;background:#142b42;color:white;font-size:.9rem;line-height:1.5;animation:slide .2s ease-out}.toast-error{background:#8b2635}.sending .screen-frame{box-shadow:0 0 0 3px #6d99ed55}dialog{border:1px solid var(--border);border-radius:15px;padding:27px;max-width:560px;width:calc(100vw - 32px);max-height:calc(100dvh - 40px);color:var(--text);background:var(--surface);box-shadow:0 30px 120px #0003}dialog::backdrop{background:#0c193b80;backdrop-filter:blur(4px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.modal-heading h2{font-size:1.4rem;letter-spacing:-.6px}.modal-heading .icon-button{border:0}.modal-heading+p{margin-bottom:23px;font-size:.9rem}.checkbox-row{display:flex;gap:10px;align-items:center;font-size:.85rem;margin:20px 0 12px}.checkbox-row input{accent-color:#073cb5;width:18px;height:18px}.small-copy{font-size:.8rem}.small-copy+.form-feedback{margin-top:12px}form>.button:last-child{margin-top:20px}.preset-edit{display:grid;grid-template-columns:30px 1fr 100px;align-items:center;column-gap:10px;border-bottom:1px solid var(--border);padding:10px 0}.preset-edit>.field:last-child{grid-column:2/4}.guide-item{display:flex;gap:16px;padding:18px 0;border-top:1px solid var(--border)}.guide-item>.icon{color:var(--blue);margin-top:4px;flex-shrink:0}.guide-item p{font-size:.85rem;color:var(--muted);margin-top:7px}.guide-item h3{font-size:.94rem}.admin-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:23px;align-items:start}.admin-stack{display:flex;flex-direction:column;gap:22px}.admin-panel{padding:24px}.admin-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}.admin-tabs button{padding:10px 17px;background:var(--surface);border:1px solid var(--border);border-radius:7px;font-size:.86rem}.admin-tabs button.selected{color:var(--blue);border-color:var(--blue);background:var(--blue-soft)}.auth-layout{display:grid;grid-template-columns:1.05fr 1fr;min-height:480px;background:var(--surface);border:1px solid var(--border);border-radius:15px;overflow:hidden;max-width:960px;margin:35px auto}.auth-story{padding:45px;background:#073cb5;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.auth-story .eyebrow{color:#a9c3ff}.auth-story h2{font-size:2.4rem;line-height:1.25;letter-spacing:-1px;max-width:310px}.auth-story p{color:#cbdcff;font-size:.92rem;margin-top:20px;max-width:300px}.auth-feature{display:flex;align-items:center;gap:12px;margin-top:16px;font-size:.88rem}.auth-feature .icon{color:#f8d64b}.auth-form{padding:40px;display:flex;flex-direction:column;justify-content:center}.auth-form h2{font-size:1.6rem;margin-bottom:7px}.auth-form>p{font-size:.86rem;margin-bottom:25px}.auth-form .field{margin-bottom:15px}.auth-extra{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:20px;gap:16px}.auth-extra button{font-size:.78rem}.hub-select{max-width:400px;margin:0}.hub-toolbar{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:25px}.hub-toolbar .field{flex:1}.admin-description{font-size:.85rem;color:var(--muted);margin-bottom:21px}.branch-list{display:flex;flex-direction:column;gap:12px}.branch-item{padding:18px;border:1px solid var(--border);border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:15px}.branch-item h3{font-size:1rem}.branch-item p{font-size:.8rem;color:var(--muted);margin-top:5px}.branch-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.empty{padding:30px 14px;text-align:center;color:var(--muted);font-size:.9rem;background:var(--bg);border-radius:9px;border:1px dashed var(--border)}.empty h3{color:var(--text);font-size:1.05rem;margin-bottom:8px}.inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.inline-fields>.field{margin-bottom:4px}.tag-result{padding:18px;background:var(--blue-soft);border-radius:8px;font-size:.85rem;margin-top:18px;overflow-wrap:anywhere}.code-link{display:block;padding:12px;background:var(--bg);border:1px solid var(--border);border-radius:6px;font-family:monospace;font-size:.8rem;overflow-wrap:anywhere;margin:12px 0}.tag-item{padding:16px 0;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:15px}.tag-item:last-child{border:0}.tag-item .tag-details{flex:1;min-width:0}.tag-item p{font-size:.8rem;color:var(--muted);margin-top:5px}.success-note{color:#217456;font-size:.85rem;line-height:1.5;margin-top:13px}.admin-toolbar{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:20px}.admin-toolbar p{font-size:.83rem;color:var(--muted)}.loading-note{padding:30px;color:var(--muted);font-size:.9rem}.nfc-main{min-height:100dvh;display:grid;place-items:center;padding:24px}.nfc-card{max-width:510px;width:100%;padding:38px;text-align:center}.nfc-card img{width:72px;margin-bottom:20px}.nfc-card h1{font-size:2rem}.nfc-card p{margin-top:16px;color:var(--muted)}.nfc-card .button{margin-top:24px}
.display-body{background:#142033;overflow:hidden}.display-layout{min-height:100dvh;height:100dvh}.display-layout .sign-full{height:100dvh;aspect-ratio:auto;border-radius:0;padding:clamp(25px,4vw,70px);padding-bottom:70px}.sign-full .sign-top{font-size:clamp(.85rem,1.4vw,1.5rem)}.sign-full .sign-main{padding:30px 0}.sign-full .sign-title{font-size:clamp(3.2rem,10.3vw,11rem);font-weight:800;letter-spacing:-.04em;line-height:1.05}.sign-full .sign-eyebrow{font-size:clamp(.85rem,1.6vw,1.6rem);letter-spacing:.24em;margin-bottom:24px}.sign-full .sign-message{font-size:clamp(1.1rem,2vw,2.4rem);margin-top:23px;max-width:85%;max-height:4.5em;overflow:hidden}.sign-full .sign-timer{font-size:clamp(4rem,12vw,13rem);margin-top:25px;letter-spacing:-.045em}.sign-full .sign-return{font-size:clamp(1.2rem,2.1vw,2.4rem);margin-top:15px}.sign-full .sign-bottom{font-size:clamp(.8rem,1.2vw,1.3rem)}.sign-full .sign-footer .icon{height:20px;width:20px}.display-toolbar{position:fixed;left:20px;right:20px;bottom:14px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:opacity .3s;flex-wrap:wrap}.display-toolbar.idle{opacity:0;pointer-events:none}.display-toolbar:focus-within{opacity:1;pointer-events:auto}.display-toolbar .toolbar-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.display-toolbar button,.display-toolbar a{padding:9px 13px;border-radius:7px;background:#10213ccb;color:white;border:1px solid #ffffff30;display:flex;align-items:center;gap:7px;font-size:.8rem;min-height:38px}.display-toolbar button:hover{background:#10213c}.display-toolbar .icon{width:16px;height:16px}.display-connection{position:fixed;left:50%;transform:translateX(-50%);top:12px;z-index:15;background:#152238e8;color:#fff;padding:8px 15px;border-radius:8px;font-size:.85rem;text-align:center;max-width:90%;pointer-events:none}.wake-flash{position:fixed;left:50%;top:20%;transform:translateX(-50%);padding:20px 35px;background:#fff;color:#132344;border-radius:50px;font-size:1.5rem;font-weight:800;box-shadow:0 0 0 12px #ffffff44;z-index:20}.device-option{padding:18px 0;border-top:1px solid var(--border)}.device-option p{font-size:.84rem;color:var(--muted);margin-top:7px}.device-option .button{margin-top:12px}.kiosk-tip{font-size:.8rem;color:var(--muted);line-height:1.55;padding:12px 0}.display-body #modal{color-scheme:light;background:#fff;color:#172235;--muted:#647186;--border:#e5e9ef;--surface:#fff;--input:#fff;--bg:#f5f7fa}
@keyframes slide{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(min-width:1600px){.studio-grid{gap:30px}.control-panel,.preview-panel{padding:30px}.sign{aspect-ratio:1.5}.status-button{padding:23px}.preset{padding:21px 8px}.voice-card{padding:22px}}
@media(max-width:1250px){.sidebar{width:205px;padding-left:12px;padding-right:12px}.brand{font-size:1.8rem;padding:0 6px}.brand img{width:38px}.app-body{margin-left:205px}.topbar{padding:0 26px}main#main{padding:23px 26px 30px}.studio-grid{grid-template-columns:minmax(305px,1fr) minmax(320px,1fr);gap:18px}.control-panel,.preview-panel{padding:18px}.subtle-label{font-size:.7rem}.custom-away-heading{align-items:flex-start;flex-direction:column}.voice-card{padding:15px;flex-wrap:wrap}.voice-card>.button{margin-left:53px}.share-strip{flex-wrap:wrap}.page-heading{align-items:flex-start}.page-heading>.button{font-size:.78rem;padding:10px}.sign{padding:17px;aspect-ratio:1.35}.sign-main{padding:26px 0}.sign-title{font-size:2.2rem}.sign-timer{font-size:3.5rem}.demo-detail{display:block;margin-left:0;margin-top:2px}.date-label{font-size:.78rem}}
@media(max-width:1000px){.sidebar{width:78px;padding:24px 10px}.brand{padding:0;justify-content:center}.brand img{width:42px;height:42px}.brand>span,.workspace-label,.nav-item>span,.nav-arrow,.sidebar-note,.profile{display:none}.sidebar nav{margin-top:35px}.nav-item{justify-content:center;padding:14px}.nav-item>.icon{width:21px;height:21px}.sidebar-bottom{padding:0;margin-bottom:15px}.app-body{margin-left:78px}.page-heading h1{font-size:1.9rem}.studio-grid{grid-template-columns:1fr 1fr;gap:16px}.topbar{height:65px}.page-footer{padding:20px 26px}.auth-layout{grid-template-columns:1fr 1fr}.auth-story,.auth-form{padding:28px}.auth-story h2{font-size:2rem}.admin-grid{grid-template-columns:1fr}.sign-title{font-size:2rem}.sign-timer{font-size:3rem}.sign-message{font-size:.72rem}.panel-heading h2{font-size:1rem}.preset strong{font-size:.78rem}}
@media(max-width:780px){.sidebar{position:fixed;top:auto;bottom:0;left:0;right:0;height:64px;width:100%;padding:6px 18px;border-right:0;border-top:1px solid var(--border);flex-direction:row}.sidebar .brand,.sidebar-bottom{display:none}.sidebar nav{margin:0;display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:12px}.nav-item{padding:6px;flex-direction:column;gap:4px;border-radius:7px}.nav-item>span{display:block;font-size:.67rem}.nav-item>.icon{width:19px;height:19px}.app-body{margin-left:0;padding-bottom:64px}.topbar{height:59px;padding:0 20px}.date-label{display:none}.mobile-brand{display:block;font-family:Manrope,Arial;font-weight:800;font-size:1.3rem;letter-spacing:-.7px}.topbar-right{gap:13px}.breadcrumb{font-size:.76rem;gap:10px}.topbar .icon-button{width:33px;height:33px}.studio-grid{grid-template-columns:1fr;gap:18px}.controls-column{order:2}.preview-column{order:1;display:contents}.preview-panel{order:1}.activity-panel{order:3}.share-strip{order:4}.controls-column{display:contents}.control-panel{order:2}.voice-card{order:3}.activity-panel{order:4}.share-strip{order:5}main#main{padding:18px 20px 28px}.demo-banner{padding:10px 12px;margin-bottom:23px;font-size:.75rem;align-items:center}.demo-banner button{font-size:.73rem;max-width:115px;text-align:left}.page-heading{margin-bottom:25px;gap:8px;align-items:center}.page-heading .eyebrow{font-size:.63rem}.page-heading h1{font-size:1.8rem;max-width:330px}.page-heading>div>.muted{font-size:.84rem}.page-heading>.button{display:none}.branch-bar{margin-bottom:17px;align-items:flex-start}.branch-name h2{font-size:.96rem}.branch-name p{font-size:.74rem}.branch-status{gap:6px;flex-direction:column;align-items:flex-end}.status-chip{font-size:.68rem;padding:6px 7px}.branch-icon{width:38px;height:40px}.preview-panel{padding:18px}.preview-panel .panel-heading{margin-bottom:16px}.screen-frame{padding:6px}.sign{aspect-ratio:1.85;padding:17px 20px}.sign-main{padding:15px 0}.sign-title{font-size:clamp(2rem,7vw,3.7rem)}.sign-timer{font-size:clamp(2.4rem,8vw,4rem);margin-top:8px}.sign-message{margin-top:6px;font-size:.73rem}.sign-eyebrow{margin-bottom:8px}.sign-return{margin-top:6px}.sign-pending .sign-title{font-size:clamp(1.8rem,6vw,3.4rem)}.preview-meta{margin-top:13px;font-size:.71rem}.control-panel{padding:21px}.custom-away-heading{flex-direction:row;align-items:center}.status-button{padding:19px}.preset{padding:17px 8px}.preset strong{font-size:.9rem}.voice-card{flex-wrap:nowrap;padding:17px}.voice-card>.button{margin-left:0}.page-footer{font-size:.66rem;padding:18px 20px}.page-footer>span:last-child{display:none}.toasts{bottom:81px;right:16px}.admin-toolbar{flex-wrap:wrap}.auth-layout{grid-template-columns:1fr;margin:15px auto}.auth-story{padding:30px}.auth-story h2{font-size:1.9rem;max-width:100%}.auth-story p{max-width:100%}.auth-story>div:last-child{display:none}.auth-form{padding:30px}.hub-toolbar{align-items:stretch;flex-wrap:wrap}.hub-toolbar .field{min-width:100%}.branch-item{flex-direction:column;align-items:stretch}.branch-actions{justify-content:flex-start}.inline-fields{grid-template-columns:1fr}.admin-panel{padding:20px}.display-layout .sign-full{padding:28px 22px 85px}.sign-full .sign-title{font-size:12vw}.sign-full .sign-eyebrow{font-size:.8rem;letter-spacing:.17em}.sign-full .sign-timer{font-size:20vw}.sign-full .sign-message{font-size:1.15rem}.sign-full .sign-return{font-size:1.15rem}.sign-full .sign-top,.sign-full .sign-bottom{font-size:.75rem}.display-toolbar{left:12px;right:12px;bottom:12px;gap:7px}.display-toolbar button,.display-toolbar a{padding:9px;font-size:.7rem}.display-toolbar .toolbar-group{gap:6px}.sign-full .sign-clock{font-size:.8rem}}
@media(max-width:420px){main#main{padding:16px 13px 24px}.topbar{padding:0 14px}.page-heading h1{font-size:1.6rem}.page-heading>div>.muted{font-size:.78rem}.demo-banner{font-size:.7rem}.demo-banner button{max-width:90px}.sign{aspect-ratio:1.5}.sign-main{padding:20px 0}.control-panel,.preview-panel{padding:16px}.away-inputs{flex-direction:column;align-items:stretch}.away-inputs #duration-field{width:100%}.number-control input{flex:1}.number-control>button{width:45px}.voice-card{flex-wrap:wrap}.voice-card>.button{margin-left:53px}.custom-away-heading{flex-wrap:wrap}.share-strip{gap:12px}.preset strong{font-size:.8rem}.page-footer{padding:18px 14px}dialog{padding:22px}.preset-edit{grid-template-columns:25px 1fr 85px}.auth-story,.auth-form{padding:25px}.sign-full .sign-message{max-width:95%}}
@media(max-height:550px) and (min-width:650px){.display-layout .sign-full{padding:18px 30px 52px}.sign-full .sign-main{padding:12px 0}.sign-full .sign-title{font-size:12vh}.sign-full .sign-eyebrow{font-size:2.6vh;margin-bottom:10px}.sign-full .sign-message{font-size:3.5vh;margin-top:10px}.sign-full .sign-timer{font-size:17vh;margin-top:10px}.sign-full .sign-return{font-size:3.5vh;margin-top:8px}.sign-full .sign-top,.sign-full .sign-bottom{font-size:2.4vh}}
.field,.button-small,.text-button,.preset strong,.preset>span:last-child,.status-chip,.status-button>span,.segmented button,.voice-content p,.voice-card .button,.branch-name p,.activity-row p,.activity-row time,.preview-meta,.share-strip>div,.auth-extra button,.branch-item p,.tag-item p,.checkbox-row,.small-copy,.empty-activity strong,.empty-activity p{font-size:.875rem}.field input,.field select,.field textarea{font-size:1rem}.voice-content h3,.custom-away h3{font-size:1rem}.demo-banner,.demo-banner button{font-size:.875rem}.page-heading>div>.muted,.auth-form>p,.admin-description,.guide-item p{font-size:1rem}.version,.workspace-label,.eyebrow,.page-footer,.subtle-label{font-size:.75rem}
@media(max-width:1250px){.voice-card{flex-wrap:wrap}.voice-card>.button{margin-left:53px}.preview-meta{flex-wrap:wrap}.demo-banner{align-items:flex-start}.demo-banner button{white-space:normal;text-align:left}.status-button>span{font-size:.875rem}}
@media(max-width:780px){.sidebar{height:80px}.app-body{padding-bottom:80px}.nav-item>span{font-size:.875rem;line-height:1.2;text-align:center}.toasts{bottom:95px}.demo-banner{font-size:.875rem}.demo-banner button{font-size:.875rem;max-width:130px}.branch-status .status-chip{font-size:.875rem}.page-heading>div>.muted{font-size:1rem}.voice-card{flex-wrap:nowrap}.voice-card>.button{margin-left:0}.page-footer{font-size:.75rem}.share-strip{flex-wrap:wrap}}
@media(max-width:420px){.branch-bar{flex-wrap:wrap}.branch-status{align-items:flex-start}.voice-card{flex-wrap:wrap}.voice-card>.button{margin-left:53px}.custom-away-heading{flex-direction:column;align-items:flex-start}.preset strong{font-size:.875rem}.preview-meta{font-size:.875rem}.demo-banner{gap:8px}.demo-banner button{min-width:85px;max-width:100px}.sign-main{padding:17px 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Baxoon 2: opening hours, customer pages and trusted screen health. */
.schedule-bar{display:flex;align-items:center;gap:12px;padding:14px 17px;background:var(--surface);border:1px solid var(--border);border-radius:10px;margin:0 0 20px;flex-wrap:wrap}.schedule-bar>.icon{color:var(--blue)}.schedule-bar>div{flex:1;min-width:150px}.schedule-bar strong{font-size:.9rem}.schedule-bar p{font-size:.875rem;color:var(--muted)}.schedule-bar .button{margin-left:auto}.week-editor{display:grid;gap:8px}.week-row{display:grid;grid-template-columns:105px minmax(0,1fr);align-items:center;gap:12px}.week-row>span{font-size:.9rem}.week-row input,.exception-row input{padding:11px 12px;border:1px solid var(--border);border-radius:7px;background:var(--input);color:var(--text);width:100%}.exception-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px;padding:15px;background:var(--bg);border-radius:9px}.exception-row .field{margin:0}.exception-row .field:nth-child(3){grid-column:1 / -1}.exception-row>.icon-button{grid-column:2;justify-self:end}.checkbox-row{display:flex;align-items:center;gap:9px;margin:18px 0;line-height:1.5}.checkbox-row input{width:18px;height:18px;accent-color:#073cb5}.qr-card{display:flex;justify-content:center;background:#fff;border:1px solid var(--border);border-radius:12px;margin:20px 0;padding:12px}.qr-card canvas{max-width:100%;height:auto!important}.code-link{display:block;overflow-wrap:anywhere;padding:12px;background:var(--bg);border-radius:7px;font-size:.85rem}.modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.pair-code{text-align:center;font:800 clamp(1.7rem,7vw,3rem) Manrope,Arial;letter-spacing:.15em;padding:30px 10px;color:var(--blue);background:var(--blue-soft);border-radius:12px;margin:22px 0}.admin-tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}.admin-tabs button{flex-shrink:0;white-space:nowrap}.device-branch{padding:20px 0;border-top:1px solid var(--border)}.device-row{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--border);flex-wrap:wrap}.device-row>div{flex:1;min-width:180px}.device-row p,.audit-row p{color:var(--muted);font-size:.875rem}.health-alert{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff3db;color:#704b10;padding:16px;border-radius:9px;margin-bottom:18px;font-size:.9rem}.inbox-message{border:1px solid var(--border);border-left:4px solid var(--blue);padding:20px;border-radius:9px;margin:14px 0}.inbox-message.is-read{border-left-color:var(--border)}.inbox-message .panel-heading{flex-wrap:wrap;align-items:flex-start;margin-bottom:10px}.inbox-message .panel-heading h3{font-size:.95rem}.inbox-message>p{white-space:pre-wrap;overflow-wrap:anywhere}.inbox-message time,.audit-row time{color:var(--muted);font-size:.8rem}.inbox-actions{display:flex;gap:20px;justify-content:flex-end;margin-top:16px}.audit-row{display:flex;gap:12px;padding:17px 0;border-bottom:1px solid var(--border);align-items:center}.audit-row>div{flex:1}.audit-row strong{text-transform:capitalize;font-size:.9rem}.customer-main#main{max-width:1080px;margin:auto;padding:28px 26px 60px}.customer-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:30px}.customer-header .brand{font-size:1.8rem;padding:0}.customer-sign{border:1px solid var(--border);border-radius:16px;overflow:hidden}.customer-sign .sign{aspect-ratio:2.2;padding:28px 36px}.customer-sign .sign-title{font-size:clamp(2.7rem,8vw,5rem)}.customer-sign .sign-message{font-size:1.05rem}.customer-sign .sign-timer{font-size:clamp(3rem,9vw,5rem)}.customer-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}.customer-hours-row{display:flex;justify-content:space-between;gap:18px;font-size:.9rem;padding:10px 0;border-bottom:1px solid var(--border)}.customer-hours-row.today{font-weight:700;color:var(--blue)}.customer-grid h2{font-size:1.2rem}.customer-grid .field textarea{resize:vertical;min-height:120px}.customer-grid .small-copy{font-size:.875rem}.customer-footer{text-align:center;color:var(--muted);font-size:.8rem;margin-top:28px}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.display-customer{position:fixed;right:clamp(20px,3vw,60px);bottom:clamp(70px,8vh,100px);z-index:2;background:#fff;border-radius:12px;padding:7px 7px 10px;box-shadow:0 4px 22px #0002;color:#172235;text-align:center}.display-customer a{display:flex;flex-direction:column;align-items:center;gap:4px}.display-customer canvas{width:clamp(88px,10vw,144px)!important;height:auto!important}.display-customer span{font:600 .7rem 'DM Sans',Arial}.nfc-card form{text-align:left;margin:22px 0}.nfc-card .form-feedback{margin:14px 0}
@media(max-width:780px){.schedule-bar{margin-bottom:16px}.customer-main#main{padding:20px 16px 35px}.customer-header .brand{font-size:1.55rem}.customer-grid{grid-template-columns:1fr;gap:16px}.customer-sign .sign{aspect-ratio:1.3;padding:20px}.customer-sign .sign-message{font-size:.95rem}.display-customer{position:static;width:max-content;margin:-175px 22px 85px auto;transform:translateY(-8px)}.display-layout .sign-full{padding-bottom:230px}.display-customer canvas{width:86px!important}.display-customer span{font-size:.65rem}.device-row{gap:10px}.audit-row{flex-wrap:wrap}.audit-row time{margin-left:44px}.week-row{grid-template-columns:85px minmax(0,1fr);gap:8px}.exception-row{grid-template-columns:1fr}.exception-row>.icon-button{grid-column:1}.exception-row .field:nth-child(3){grid-column:1}.schedule-bar>.button{margin-left:0}}
@media(max-height:550px) and (min-width:650px){.display-customer{bottom:65px;right:24px}.display-customer canvas{width:76px!important}.display-customer span{font-size:.6rem}.display-layout .sign-full{padding-bottom:55px}}

.schedule-bar>.schedule-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;flex:initial}.holiday-note{padding:14px;margin-top:16px;background:var(--blue-soft);border-radius:8px;font-size:.9rem}.display-customer a:focus-visible{outline:3px solid #073cb5;outline-offset:3px}@media(max-width:780px){.schedule-bar>.schedule-actions{justify-content:flex-start;width:100%}}
.display-customer{position:fixed!important;right:auto!important;bottom:auto!important;margin:0!important;transform:none!important;padding:8px 8px 12px;box-sizing:border-box}.display-customer canvas{width:100%!important;height:auto!important}.display-customer span{font-size:clamp(9px,1vw,13px);color:#152839;text-align:center}.qr-move,.qr-resize{position:absolute;width:32px;height:32px;border:1px solid #b5c5d6;border-radius:8px;background:#fff;color:#16354e;touch-action:none;opacity:.3}.qr-move{left:-8px;top:-16px;cursor:move}.qr-resize{right:-8px;bottom:-12px;cursor:nwse-resize}.display-customer:hover button,.display-customer:focus-within button{opacity:1}.display-layout .sign-full{padding-bottom:0}.engagement-editor-row{padding:16px;margin:16px 0;border:1px solid var(--border,#d6dfe8);border-radius:12px}
.display-layout#main{width:100%!important;max-width:none!important;height:100dvh;min-height:100dvh;margin:0!important;padding:0!important;overflow:hidden}.display-layout .sign-full{width:100%;height:100%;min-height:0;padding-bottom:clamp(25px,4vw,70px)}.qr-move,.qr-resize{opacity:0;transition:opacity .25s ease;pointer-events:auto}.display-customer.qr-controls-active .qr-move,.display-customer.qr-controls-active .qr-resize,.qr-move:focus-visible,.qr-resize:focus-visible{opacity:1}
.google-signin{margin:22px 0 18px;background:#fff;color:#25344f;border-color:#cfd7e3;font-weight:700}.google-signin:hover{border-color:#94a4b8;background:#f8fafc}.google-mark{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font:800 1rem Arial;color:#4285f4;background:#fff}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.75rem;margin:0 0 18px}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:var(--border);flex:1}.one-hub-note{align-self:center;color:var(--muted);font-size:.8rem}
.hub-detail-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.hub-rename-warning{padding:15px 17px;margin-bottom:20px;border:1px solid #e8d17b;border-radius:9px;background:#fff9db;color:#5d4911}.hub-rename-warning p{margin-top:7px;font-size:.84rem;line-height:1.55;color:#69571f}.setup-sign-out{display:flex;margin:20px auto 0}[data-uppercase]{text-transform:uppercase}
.display-sheet-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.sheet-guidance{padding:14px 16px;margin:18px 0;background:var(--blue-soft);border-radius:9px;color:var(--text);font-size:.84rem}.sheet-guidance p+p{margin-top:8px}@media(max-width:780px){.display-sheet-actions{justify-content:flex-start;width:100%}.display-sheet-actions .button{flex:1}.admin-panel>.panel-heading{flex-wrap:wrap}}
.admin-toolbar-actions{display:flex;align-items:center;gap:18px}.text-button.account-delete{color:#a82636}.text-button.account-delete:hover{color:#7f1725}.account-delete-warning{padding:16px 17px;margin-bottom:20px;border:1px solid #e9b8bf;border-radius:9px;background:#fff2f4;color:#7f1725}.account-delete-warning p{margin-top:7px;font-size:.86rem;line-height:1.55;color:#69232c}@media(max-width:780px){.admin-toolbar-actions{width:100%;justify-content:space-between}.hub-detail-actions{width:100%;justify-content:space-between}}
.selected-plan{display:grid;grid-template-columns:1fr auto;gap:3px 12px;align-items:center;padding:13px 15px;margin-bottom:22px;border:1px solid #cddcff;border-radius:9px;background:#f2f6ff}.selected-plan span{grid-column:1;font-size:.66rem;letter-spacing:.11em;color:#5a6d8d;font-weight:700}.selected-plan strong{grid-column:1;font-size:.95rem;color:#173f91}.selected-plan a{grid-column:2;grid-row:1/3;color:#073cb5;font-size:.8rem;font-weight:700}.hub-plan-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;margin-bottom:18px;border-radius:9px;background:var(--blue-soft);color:var(--blue)}.hub-plan-summary span{font-weight:700}.hub-plan-summary small{color:var(--muted)}.account-plan{display:inline-flex;margin-left:9px;padding:4px 7px;border-radius:20px;background:var(--blue-soft);color:var(--blue);font-size:.72rem;font-weight:700}