.workspace-messages{display:grid;grid-template-columns:240px minmax(0,1fr);max-width:1000px;margin:25px 0;background:var(--surface,#fff);border:1px solid var(--line,#dfe5ef);border-radius:12px;overflow:hidden}.conversation-people{padding:14px;border-right:1px solid var(--line,#dfe5ef)}.conversation-person{display:block;width:100%;text-align:left;font:inherit;color:inherit;border:0;border-radius:8px;background:transparent;padding:13px;margin-bottom:5px;cursor:pointer}.conversation-person strong,.conversation-person small{display:block}.conversation-person strong{font-size:13px;font-weight:600}.conversation-person small{font-size:11px;color:var(--muted,#728199);margin-top:5px}.conversation-person.selected{background:var(--accent-soft,#edf1fb)}.conversation-person>span{font-size:10px;color:var(--accent,#6670b5)}.conversation-thread{min-width:0;padding:22px}.conversation-thread>header{padding-bottom:15px;border-bottom:1px solid var(--line,#dfe5ef)}.conversation-thread h2{font-size:18px;font-weight:600;margin:0}.conversation-thread header p,.conversation-empty,.conversation-people>p{font-size:12px;line-height:1.7;color:var(--muted,#728199)}.conversation-thread .message-list{min-height:220px;max-height:450px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:20px 0}.conversation-thread .message-bubble{max-width:80%;align-self:flex-start;padding:12px 15px;border-radius:12px;background:var(--accent-soft,#f0f3fa);color:var(--ink,#263650)}.conversation-thread .message-bubble.own{align-self:flex-end;background:var(--accent,#6670b5);color:#fff}.conversation-thread .message-bubble p{font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0}.conversation-thread .message-bubble b{font-size:11px}.conversation-thread .message-bubble small{font-size:10px;opacity:.8}.conversation-thread .message-compose{display:block;margin:0;max-width:650px;padding-top:16px;border-top:1px solid var(--line,#dfe5ef)}.conversation-thread .message-compose>label{font-size:11px;color:var(--muted,#728199);display:block;margin-bottom:8px}.conversation-thread .message-compose>div{display:flex;gap:9px;align-items:flex-end}.conversation-thread textarea{min-width:0;flex:1;min-height:60px;max-height:150px;resize:vertical;font:inherit;font-size:13px;background:var(--surface,#fff);color:var(--ink,#263650);border:1px solid var(--line,#dfe5ef);border-radius:8px;padding:11px}.conversation-thread .message-compose button{min-height:42px;padding:10px 18px;font-size:12px}.message-feedback{font-size:12px;color:#a44444;min-height:18px;margin-top:10px}.workspace-access-links{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:16px 20px}.workspace-access-links a{font-size:12px}.public-plan ul{list-style:none}.public-plan li{font-size:13px;padding:6px 0}.product-note-list{list-style:none;padding-left:0}.product-note-list li{display:block}.workspace-card h2{margin-top:0}@media(max-width:650px){.workspace-messages{grid-template-columns:1fr}.conversation-people{display:flex;gap:8px;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line,#dfe5ef)}.conversation-person{width:auto;flex:1;min-width:130px;margin:0}.conversation-thread{padding:16px}.conversation-thread .message-bubble{max-width:90%}.conversation-thread .message-compose>div{align-items:stretch}.conversation-thread textarea{font-size:16px}}

.trial-locked{filter:blur(1.5px);opacity:.4}.trial-note{background:#fff4d8;padding:12px;border-radius:12px}.wallet-preview{display:flex;gap:20px;flex-wrap:wrap;margin:12px 0}.wallet-preview section{box-sizing:border-box;width:343px;max-width:100%;height:216px;border-radius:13px;overflow:hidden;background:white;border:1px solid #ced4df;color:var(--wallet-dark)}.wallet-front header{display:flex;justify-content:space-between;align-items:center;height:48px;padding:8px 14px;border-bottom:3px solid var(--wallet-color);box-sizing:border-box}.wallet-front header img{max-width:155px;max-height:28px}.wallet-front header span{font-size:10px;font-weight:bold;color:var(--wallet-color)}.wallet-person{display:flex;gap:14px;padding:14px}.wallet-person>img,.wallet-photo{width:75px;height:98px;object-fit:cover;background:#e8ecef;border-radius:8px;border:2px solid var(--wallet-color);flex-shrink:0}.wallet-photo{display:grid;place-items:center;font-size:11px}.wallet-person h3{margin:0 0 10px;font-size:20px}.wallet-person dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:4px 8px;font-size:10px}.wallet-person dd{margin:0;font-weight:bold}.wallet-front footer{background:var(--wallet-dark);color:white;display:flex;justify-content:space-between;padding:8px 12px;font-size:9px}.wallet-back{display:flex}.wallet-qr{width:48%;display:grid;place-items:center;background:white;padding:12px;box-sizing:border-box}.wallet-qr svg{width:100%;height:auto}.wallet-back>div:last-child{flex:1;background:var(--wallet-dark);color:white;padding:18px 12px}.wallet-back strong{font-size:12px}.wallet-back h3{font-size:17px;margin:14px 0;color:var(--wallet-color)}.wallet-back p{font-size:10px;line-height:1.5}.wallet-back small{font-size:9px}#workspace-tools form{display:flex;flex-wrap:wrap;gap:15px;align-items:end;margin-bottom:25px}#workspace-tools label{display:flex;flex-direction:column;gap:6px}#workspace-tools input,#workspace-tools select{padding:10px;border:1px solid #cbd5e1;border-radius:9px;max-width:100%}#workspace-tools button{padding:10px 15px;border:1px solid #cbd5e1;border-radius:9px;background:#f6f8fb}
.trial-workspace-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:15px 0}.trial-workspace-choices button{background:#f6f8fb;color:#344c62;border:1px solid #dce3e9;border-radius:12px;padding:16px;text-align:left}.trial-workspace-choices .trial-locked{filter:blur(2px);opacity:.35}

/* Selected: Paper neighbourhood, Cloud nine, Industrial signature. */

#workspace.context-page .nqwc{font-family:Arial,sans-serif;background:#fcfcfa;color:#273c4a;min-height:800px;padding:28px;box-sizing:border-box;overflow:hidden}#workspace.context-page header{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px}#workspace.context-page header img{width:100px}#workspace.context-page header span{font-size:12px}#workspace.context-page h1{font-size:30px;line-height:1.1;margin:0 0 12px;letter-spacing:-1px}#workspace.context-page .nqwc-intro{margin-bottom:30px}#workspace.context-page p{font-size:13px;line-height:1.5;color:#60737d}#workspace.context-page .nqwc-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}#workspace.context-page .nqwc-place{font:inherit;text-align:left;background:white;border:1px solid #e4e8e7;border-radius:19px;padding:0;overflow:hidden;color:#273c4a;box-shadow:0 9px 20px #2b4c5910;min-width:0}#workspace.context-page .nqwc-place:focus-visible{outline:3px solid #667bab;outline-offset:4px}#workspace.context-page .nqwc-copy{padding:18px}#workspace.context-page h2{font-size:16px;line-height:1.25;margin:0}#workspace.context-page .nqwc-copy p{min-height:38px;font-size:12px}#workspace.context-page footer{display:flex;flex-wrap:wrap;gap:9px;justify-content:space-between;font-size:10px;padding-top:16px;border-top:1px solid #edf0ef}#workspace.context-page .nqwc-scene{height:135px;position:relative;overflow:hidden;background:#ebf4f7}#workspace.context-page .nqwc-transport{background:linear-gradient(#e7f1f7 75%,#d3e5df 75%)}#workspace.context-page .nqwc-road{position:absolute;bottom:8px;width:110%;height:12px;background:#bdcad4;transform:rotate(-8deg);left:-8px}#workspace.context-page .nqwc-bus{position:absolute;width:104px;height:46px;left:22%;bottom:29px;background:#789aac;border-radius:17px 20px 8px 8px;box-shadow:inset 0 -8px #476880,5px 6px 8px #47688020;display:flex;gap:5px;padding:9px;box-sizing:border-box}#workspace.context-page .nqwc-bus i{background:#e6f0ee;width:20px;height:17px;border-radius:4px}#workspace.context-page .nqwc-bus:after,#workspace.context-page .nqwc-car:after{content:'';position:absolute;left:13px;bottom:-7px;width:15px;height:15px;border-radius:50%;background:#334a5a;box-shadow:65px 0 #334a5a}#workspace.context-page .nqwc-cloud{position:absolute;top:22px;left:27px;background:#fff;width:46px;height:15px;border-radius:30px;box-shadow:15px -7px white,100px 9px white}#workspace.context-page .nqwc-creche{background:linear-gradient(#fff5df 75%,#dceadc 75%)}#workspace.context-page .nqwc-sun{position:absolute;right:20px;top:16px;width:28px;height:28px;border-radius:50%;background:#f3c773;box-shadow:0 0 0 7px #fae6b9}#workspace.context-page .nqwc-house{position:absolute;width:85px;height:59px;background:#ebb8ab;bottom:27px;left:27%;border-radius:5px;box-shadow:inset -12px 0 #d99c90;display:flex;gap:12px;align-items:center;justify-content:center}#workspace.context-page .nqwc-house:before{content:'';position:absolute;top:-29px;border-left:49px solid transparent;border-right:49px solid transparent;border-bottom:32px solid #a2b7ab;left:-7px}#workspace.context-page .nqwc-house i{width:15px;height:19px;border-radius:10px 10px 2px 2px;background:#fff5df}#workspace.context-page .nqwc-flower{position:absolute;width:9px;height:25px;background:#8fad8c;right:25px;bottom:12px;border-radius:4px}#workspace.context-page .nqwc-flower:before{content:'';position:absolute;background:#efbfcc;width:17px;height:17px;border-radius:50%;left:-4px;top:-8px;box-shadow:0 -7px #efbfcc,7px 0 #efbfcc,-7px 0 #efbfcc}#workspace.context-page .nqwc-workshop{background:linear-gradient(#f0f0ec 80%,#dcded5 80%)}#workspace.context-page .nqwc-garage{position:absolute;width:100px;height:79px;background:#bac2c4;left:22%;bottom:21px;border-radius:9px 9px 0 0;box-shadow:inset -9px 0 #9da7ad}#workspace.context-page .nqwc-garage i{display:block;margin:20px 12px 0;background:repeating-linear-gradient(#8f9fa4 0 7px,#b3bdbe 7px 9px);height:60px;border-radius:5px}#workspace.context-page .nqwc-car{position:absolute;width:95px;height:26px;background:#b7a7c3;left:30%;bottom:15px;border-radius:15px 20px 6px 6px;box-shadow:inset 0 -6px #9684a5}#workspace.context-page .nqwc-child{border-radius:25px;background:#fffdf6}#workspace.context-page .nqwc-child h2{color:#507862}#workspace.context-page .nqwc-selection{min-height:22px;margin-top:24px}
#workspace.context-page .nqwc-place{min-height:0;display:block}#workspace.context-page .nqwc-copy footer span{font-size:11px}#workspace.context-page .context-head .brand img{width:100px}#workspace.context-page .nqwc-choices{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}#workspace.context-page .nqwc-copy h2{font-size:20px}
.signin-cloud{background:linear-gradient(#f1f7fc,#fff);padding:35px;border-radius:28px;gap:45px}.signin-cloud .signin-cloud-hello{background:#e2eef7;border-radius:50%;box-shadow:-20px 10px 0 -10px #e2eef7,30px 30px 0 -15px #e2eef7;padding:40px 25px;text-align:center}.signin-cloud .signin-cloud-hello>img{width:130px;height:160px;object-fit:contain}.signin-cloud .signin-speech{display:inline-block;background:white;border-radius:18px 18px 18px 3px;padding:12px 18px;color:#30445a}.signin-cloud .marketing-form{background:white;border:0;box-shadow:0 20px 35px #7c9aad20;border-radius:22px;padding:26px}.signin-cloud .page-heading h1{font-size:32px}.wallet-back>div:last-child{background:var(--wallet-dark);color:white}.wallet-front header span{line-height:1.7;text-align:right}.wallet-front{position:relative}.wallet-front footer{position:absolute;bottom:0;width:100%;box-sizing:border-box}@media(max-width:620px){.signin-cloud{padding:20px;gap:25px}.signin-cloud .signin-cloud-hello{border-radius:70px;padding:25px}#workspace.context-page .nqwc-choices{grid-template-columns:1fr}}

.template-catalogue{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.template-catalogue article{padding:18px;background:#f8fafb;border-radius:16px}.template-catalogue h3{margin-top:0}.template-catalogue p{font-size:13px}.template-catalogue .btn{margin:5px 4px 0 0}.workspace-registers p{font-size:12px!important;min-height:0!important;margin:7px 0!important}

/* Complete, light Paper Neighbourhood and welcome surfaces. */
#workspace.context-page{max-width:1120px;margin:0 auto;padding:32px 24px;color:#273c4a}#workspace.context-page .nqwc-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}#workspace.context-page .nqwc-place{padding:0;min-height:0;text-align:left}#workspace.context-page .nqwc-place h3{font-size:19px;margin:0;color:#273c4a}#workspace.context-page .nqwc-copy p{line-height:1.6}#workspace.context-page .workspace-catalogue{margin-top:45px}#workspace.context-page .btn{background:#fff;color:#263d52;border:1px solid #c6d4df}#workspace.context-page .btn.strong{background:#263d52;color:#fff;border-color:#263d52}#workspace.context-page .workspace-create{margin-top:30px;padding:22px;background:#fff;border-radius:18px}#workspace.context-page .nqwc-building{background:linear-gradient(#e7f1f7 75%,#d8e7dc 75%)}#workspace.context-page .nqwc-building .nqwc-house{background:#b8cad2;box-shadow:inset -12px 0 #95afb9}#workspace.context-page .nqwc-building .nqwc-flower{display:none}#workspace.context-page .nqwc-building .nqwc-house:before{border-bottom-color:#809baa}#workspace.context-page .nqwc-child{font-family:Nunito,Arial,sans-serif}
#workspace.welcome-screen{background:transparent;max-width:960px;margin:40px auto;padding:20px;border:0;box-shadow:none;min-height:0}.welcome-cloud{background:linear-gradient(#f1f7fc,#fff);border-radius:30px;padding:35px;color:#263d52}.welcome-cloud>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.welcome-cloud header .brand img{max-width:120px}.welcome-cloud-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.welcome-cloud-scene{text-align:center;padding:35px 22px;background:#e2eef7;border-radius:50%;box-shadow:-18px 10px 0 -8px #e2eef7,24px 26px 0 -15px #e2eef7}.welcome-cloud-scene img{display:block;width:130px;height:150px;object-fit:contain;margin:20px auto}.welcome-cloud-scene h1{font:600 34px/1.15 Arial,sans-serif;margin:15px 0}.welcome-speech{display:inline-block;background:#fff;padding:12px 18px;border-radius:18px 18px 18px 3px}.welcome-cloud-actions{background:#fff;border-radius:22px;padding:30px;box-shadow:0 20px 35px #7c9aad20}.welcome-cloud-actions h2{font:600 26px/1.3 Arial,sans-serif;margin:0 0 15px}.welcome-cloud-actions p{font:400 15px/1.7 Arial,sans-serif;color:#526779}.welcome-primary,.welcome-secondary{display:block;text-align:center;padding:14px 18px;border-radius:12px;margin:12px 0;font:600 15px/1.5 Arial,sans-serif;text-decoration:none!important}.welcome-cloud .welcome-primary{background:#263d52;color:#fff!important}.welcome-cloud .welcome-secondary{background:#eef3f7;color:#263d52!important;border:1px solid #c6d4df}.welcome-cloud a.welcome-text{display:block;text-align:center;color:#263d52;margin:18px 0}.welcome-cloud .welcome-small{font-size:13px}.welcome-cloud a{color:#244d78}.separate-trial{margin:30px 0;padding:28px;border-radius:20px;background:#edf5f7}.separate-trial .primary{display:inline-block;background:#263d52;color:#fff;padding:13px 20px;border-radius:12px}.trial-workspace-choices button{color:#263d52!important;background:#f5f8fa!important}.setup-form [hidden]{display:none!important}
@media(max-width:850px){#workspace.context-page .nqwc-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){#workspace.context-page .nqwc-choices{grid-template-columns:1fr}.welcome-cloud-layout{grid-template-columns:1fr}.welcome-cloud{padding:22px}.welcome-cloud-scene{border-radius:75px}.welcome-cloud-actions{padding:22px}#workspace.welcome-screen{margin:10px auto;padding:10px}}

.invoice-obsidian-preview{position:relative;background:#fff;color:#222!important;overflow:hidden}.invoice-obsidian-preview>*:not(.invoice-echo){position:relative;z-index:1}.invoice-echo{position:absolute;top:45px;left:12px;font:700 90px/1 Arial,sans-serif;color:#eee;pointer-events:none}.invoice-parties{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid #ddd;padding-top:16px;margin:20px 0}.invoice-obsidian-preview table{width:100%;border-collapse:collapse;font-size:11px}.invoice-obsidian-preview th,.invoice-obsidian-preview td{border-bottom:1px solid #ddd;padding:9px 3px;text-align:left}.invoice-obsidian-preview p{font-size:12px;line-height:1.6}.invoice-balance{text-align:right}.invoice-balance b{font-size:22px}


.paper-workspace-grid .nqwc{font-family:Arial,sans-serif;background:#fcfcfa;color:#273c4a;min-height:800px;padding:28px;box-sizing:border-box;overflow:hidden}.paper-workspace-grid header{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px}.paper-workspace-grid header img{width:100px}.paper-workspace-grid header span{font-size:12px}.paper-workspace-grid h1{font-size:30px;line-height:1.1;margin:0 0 12px;letter-spacing:-1px}.paper-workspace-grid .nqwc-intro{margin-bottom:30px}.paper-workspace-grid p{font-size:13px;line-height:1.5;color:#60737d}.paper-workspace-grid .nqwc-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.paper-workspace-grid .nqwc-place{font:inherit;text-align:left;background:white;border:1px solid #e4e8e7;border-radius:19px;padding:0;overflow:hidden;color:#273c4a;box-shadow:0 9px 20px #2b4c5910;min-width:0}.paper-workspace-grid .nqwc-place:focus-visible{outline:3px solid #667bab;outline-offset:4px}.paper-workspace-grid .nqwc-copy{padding:18px}.paper-workspace-grid h2{font-size:16px;line-height:1.25;margin:0}.paper-workspace-grid .nqwc-copy p{min-height:38px;font-size:12px}.paper-workspace-grid footer{display:flex;flex-wrap:wrap;gap:9px;justify-content:space-between;font-size:10px;padding-top:16px;border-top:1px solid #edf0ef}.paper-workspace-grid .nqwc-scene{height:135px;position:relative;overflow:hidden;background:#ebf4f7}.paper-workspace-grid .nqwc-transport{background:linear-gradient(#e7f1f7 75%,#d3e5df 75%)}.paper-workspace-grid .nqwc-road{position:absolute;bottom:8px;width:110%;height:12px;background:#bdcad4;transform:rotate(-8deg);left:-8px}.paper-workspace-grid .nqwc-bus{position:absolute;width:104px;height:46px;left:22%;bottom:29px;background:#789aac;border-radius:17px 20px 8px 8px;box-shadow:inset 0 -8px #476880,5px 6px 8px #47688020;display:flex;gap:5px;padding:9px;box-sizing:border-box}.paper-workspace-grid .nqwc-bus i{background:#e6f0ee;width:20px;height:17px;border-radius:4px}.paper-workspace-grid .nqwc-bus:after,.paper-workspace-grid .nqwc-car:after{content:'';position:absolute;left:13px;bottom:-7px;width:15px;height:15px;border-radius:50%;background:#334a5a;box-shadow:65px 0 #334a5a}.paper-workspace-grid .nqwc-cloud{position:absolute;top:22px;left:27px;background:#fff;width:46px;height:15px;border-radius:30px;box-shadow:15px -7px white,100px 9px white}.paper-workspace-grid .nqwc-creche{background:linear-gradient(#fff5df 75%,#dceadc 75%)}.paper-workspace-grid .nqwc-sun{position:absolute;right:20px;top:16px;width:28px;height:28px;border-radius:50%;background:#f3c773;box-shadow:0 0 0 7px #fae6b9}.paper-workspace-grid .nqwc-house{position:absolute;width:85px;height:59px;background:#ebb8ab;bottom:27px;left:27%;border-radius:5px;box-shadow:inset -12px 0 #d99c90;display:flex;gap:12px;align-items:center;justify-content:center}.paper-workspace-grid .nqwc-house:before{content:'';position:absolute;top:-29px;border-left:49px solid transparent;border-right:49px solid transparent;border-bottom:32px solid #a2b7ab;left:-7px}.paper-workspace-grid .nqwc-house i{width:15px;height:19px;border-radius:10px 10px 2px 2px;background:#fff5df}.paper-workspace-grid .nqwc-flower{position:absolute;width:9px;height:25px;background:#8fad8c;right:25px;bottom:12px;border-radius:4px}.paper-workspace-grid .nqwc-flower:before{content:'';position:absolute;background:#efbfcc;width:17px;height:17px;border-radius:50%;left:-4px;top:-8px;box-shadow:0 -7px #efbfcc,7px 0 #efbfcc,-7px 0 #efbfcc}.paper-workspace-grid .nqwc-workshop{background:linear-gradient(#f0f0ec 80%,#dcded5 80%)}.paper-workspace-grid .nqwc-garage{position:absolute;width:100px;height:79px;background:#bac2c4;left:22%;bottom:21px;border-radius:9px 9px 0 0;box-shadow:inset -9px 0 #9da7ad}.paper-workspace-grid .nqwc-garage i{display:block;margin:20px 12px 0;background:repeating-linear-gradient(#8f9fa4 0 7px,#b3bdbe 7px 9px);height:60px;border-radius:5px}.paper-workspace-grid .nqwc-car{position:absolute;width:95px;height:26px;background:#b7a7c3;left:30%;bottom:15px;border-radius:15px 20px 6px 6px;box-shadow:inset 0 -6px #9684a5}.paper-workspace-grid .nqwc-child{border-radius:25px;background:#fffdf6}.paper-workspace-grid .nqwc-child h2{color:#507862}.paper-workspace-grid .nqwc-selection{min-height:22px;margin-top:24px}
#template-list{display:block}.paper-workspace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.paper-workspace-grid .nqwc-place{text-decoration:none;display:block;color:#273c4a;cursor:pointer}.paper-workspace-grid .nqwc-place h3{font-size:19px;margin:0}.paper-workspace-grid .nqwc-copy{padding:19px}.paper-workspace-grid .nqwc-place[aria-pressed=true]{border:2px solid #37566f;box-shadow:0 0 0 3px #dce9f2}.paper-workspace-grid .nqwc-building{background:linear-gradient(#e7f1f7 75%,#d8e7dc 75%)}.paper-workspace-grid .nqwc-building .nqwc-house{background:#b8cad2;box-shadow:inset -12px 0 #95afb9}.paper-workspace-grid .nqwc-building .nqwc-flower{display:none}.paper-workspace-grid .nqwc-building .nqwc-house:before{border-bottom-color:#809baa}.signup-heading{display:flex;gap:24px;align-items:center;max-width:1120px;margin:35px auto}.signup-heading img{width:100px;height:125px;object-fit:contain}.signup-heading h1{font:600 36px/1.2 Arial,sans-serif;margin:0 0 14px}.signup-heading p{color:#526779;line-height:1.7}.setup-form{max-width:1120px!important;padding:30px!important;background:#fff!important;border-radius:24px!important;display:flex;flex-direction:column;gap:20px!important;margin:0 auto}.signup-workspaces{border:0;padding:0;margin:15px 0}.signup-workspaces legend,.signup-details h2{font-size:22px;color:#263d52;margin-bottom:20px}.setup-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.setup-form label{color:#263d52!important}.setup-form .trial-workspace-choices{display:grid}.setup-form .primary{align-self:flex-start;background:#263d52!important;color:#fff!important;padding:14px 24px!important;min-width:240px}.setup-form .form-feedback{margin:0;line-height:1.7}.setup-form>label{max-width:600px;width:100%}@media(max-width:800px){.paper-workspace-grid{grid-template-columns:1fr 1fr}.signup-heading h1{font-size:29px}}@media(max-width:560px){.paper-workspace-grid,.setup-form .form-grid{grid-template-columns:1fr}.signup-heading{gap:12px}.signup-heading img{width:75px}.setup-form{padding:20px!important}.setup-form .primary{width:100%}}

.demo-invitation{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:18px 0;border-bottom:1px solid #dfe6ec}.demo-invitation>div{flex:1;min-width:200px}.demo-invitation p{font-size:13px;line-height:1.7}.demo-link-result{margin-top:20px;padding:18px;background:#edf5f7;border-radius:14px;overflow-wrap:anywhere}.demo-link-result a{color:#244d78}#demonstration-form input,#demonstration-form select{padding:12px;border:1px solid #c6d4df;border-radius:10px}#demonstration-form label{display:flex;flex-direction:column;gap:8px}

.inbox-badge{display:inline-flex;min-width:20px;height:20px;align-items:center;justify-content:center;background:#37566f;color:#fff;border-radius:12px;font-size:11px;margin-left:8px;padding:0 5px}.inbox-banner{display:flex;width:100%;align-items:center;justify-content:space-between;padding:13px 18px;background:#eaf3f8;color:#263d52;border:0;border-radius:13px;margin-bottom:20px;text-align:left}.inbox-banner[hidden]{display:none}.inbox-shortcut{border:1px solid #c6d4df;border-radius:10px;padding:7px 9px;background:#fff;color:#263d52;font-size:11px}.phone-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.phone-nav span{white-space:normal}.phone-nav .inbox-badge{margin-left:3px;min-width:16px;height:16px;font-size:10px}

.incident-stages{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.incident-stages span{padding:7px 10px;background:#edf2f5;border-radius:9px;font-size:12px}.incident-stages .current{background:#37566f;color:#fff}.incident-history{padding:12px 0;border-top:1px solid #dce5eb;font-size:13px}#incident-workflow-form label{display:flex;flex-direction:column;gap:7px;margin:12px 0}#incident-workflow-form input,#incident-workflow-form select,#incident-workflow-form textarea{padding:11px;border:1px solid #c6d4df;border-radius:10px;max-width:100%}
.driver-identity{display:flex;align-items:center;gap:20px;margin:16px 0}.driver-portrait{width:108px;height:132px;object-fit:cover;border-radius:16px;border:1px solid #d9e1e9;background:#f5f7fb}.driver-photo-placeholder{width:108px;min-height:132px;display:grid;place-items:center;text-align:center;padding:12px;border:1px dashed #bac9d8;border-radius:16px;color:#596b7e;font-size:12px}.driver-verification{padding:18px;border:1px solid #d9e4ec;border-radius:18px;background:#fff;margin:18px 0}.driver-verification h2{font-size:19px;margin:0}.driver-confirm{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.5}.driver-confirm input{width:20px;height:20px;flex:none}
.billing-overview{margin:20px 0 28px}.billing-overview-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.billing-overview-head h2{margin:0;font-size:23px}.billing-overview-head p{margin:5px 0;color:#687585}.billing-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.billing-summary{border:1px solid #dee4eb;background:#fff;padding:20px;border-radius:14px;min-width:0}.billing-summary small{display:block;color:#506174;font-size:12px}.billing-summary strong{display:block;font-size:25px;margin:10px 0;color:#203c4b}.billing-summary p{font-size:12px;line-height:1.5;color:#697787;margin:0}@media(max-width:1100px){.billing-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.billing-summary-grid{grid-template-columns:1fr}.billing-overview-head{align-items:flex-start}.billing-summary{padding:16px}}
.field-menu-toggle{border:1px solid #d2dbe5;background:#fff;border-radius:9px;min-width:42px;min-height:42px;font-size:23px;line-height:1}.register-table{max-width:100%}.panel{min-width:0}.panel:has(>.register-table){overflow-x:auto}.panel-body{overflow-wrap:anywhere}.detail-dialog{max-width:min(760px,94vw)}
@media(max-width:1100px){.phone-backdrop{display:block;max-width:760px;padding:0;margin:auto}.phone-guide{display:none}.phone-frame{width:100%;border:0;border-radius:0;min-height:100dvh;overflow:visible}.phone-head{position:sticky;top:0;z-index:35;padding:16px 20px}.phone-body{padding:24px 22px 40px;min-height:calc(100dvh - 90px)}.phone-nav{display:none;position:fixed!important;top:80px;right:12px;left:auto!important;bottom:auto!important;width:min(300px,calc(100vw - 24px));padding:14px!important;background:#fff;border:1px solid #dbe3eb;border-radius:16px;box-shadow:0 18px 60px #172c4530;z-index:60;grid-template-columns:1fr!important;max-height:calc(100dvh - 110px);overflow-y:auto}.field-nav-open .phone-nav{display:grid}.phone-nav button{display:flex!important;flex-direction:row!important;justify-content:flex-start;align-items:center;gap:16px;min-height:48px;padding:12px 14px;text-align:left;border-radius:9px}.phone-nav span{font-size:14px}.phone-dialog{max-width:min(620px,94vw);width:94vw}.capture-wrap{max-width:1100px;padding:25px 20px}.capture-menu{display:flex;flex-direction:column!important;overflow:visible!important}.capture-menu>*{width:100%;text-align:left;min-height:44px}.capture-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capture-panel{min-width:0}.capture-header{gap:14px;padding:0 20px}.capture-header>div{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:1024px){.app-layout,.theme-field .app-layout,.theme-desk .app-layout,.theme-ledger .app-layout,.client-role .app-layout{display:block!important}.app-sidebar,.theme-terracotta .app-sidebar{display:none!important}.workspace-menu{display:inline-flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px}.app-shell{position:sticky!important;top:0;z-index:40;min-height:64px;height:auto!important;padding:10px 16px;flex-wrap:wrap;gap:8px}.shell-left{min-width:0;gap:10px}.shell-left>strong{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-main{padding:24px 22px!important}.nav-open::before{content:'';position:fixed;inset:64px 0 0;background:#142b453b;z-index:45}.nav-open .app-sidebar{display:block!important;position:fixed!important;top:64px;left:0;width:min(300px,85vw)!important;height:calc(100dvh - 64px)!important;overflow-y:auto!important;overflow-x:hidden;overscroll-behavior:contain;z-index:50;padding:18px 14px!important;background:#fff;box-shadow:8px 0 40px #172c4526;white-space:normal}.nav-open .app-sidebar .nav-group{display:block!important;margin:8px 0 20px}.nav-open .app-sidebar .nav-group>small{display:block!important;font-size:11px;padding:8px 12px}.nav-open .app-sidebar .nav-item{display:flex!important;width:100%!important;min-height:46px!important;max-width:none;flex-direction:row!important;padding:12px!important;gap:12px;font-size:14px!important}.nav-open .nav-item span{white-space:normal!important}.nav-open .sidebar-bottom{display:flex!important;margin-top:24px}.metric-grid,.industry-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.two-col{grid-template-columns:1fr!important}.case-board{grid-template-columns:repeat(2,minmax(0,1fr))}.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}
@media(max-width:600px){.app{margin:0!important;border-radius:0}.app-main{padding:20px 14px!important}.shell-right .signed-in-name{display:none}.shell-left>strong{max-width:150px}.page-title{flex-direction:column;align-items:flex-start}.title-actions{justify-content:flex-start}.page-title h1{font-size:26px}.form-grid,.four-col,.capture-form-grid,.case-board{grid-template-columns:1fr!important}.toolbar{flex-wrap:wrap;gap:8px}.toolbar input,.toolbar select{max-width:100%;min-height:44px}.btn,.form-actions button{min-height:44px}.detail-dialog{width:96vw;max-height:94dvh;padding:0}.drawer-body{padding:18px}.capture-wrap{padding:20px 14px}.capture-header{min-height:76px;height:auto;padding:12px 14px}.capture-header button{min-height:42px}.capture-register{padding:18px}.phone-head{padding:14px}.phone-head h2{font-size:17px}.header-right{gap:7px;font-size:11px}.phone-body{padding:20px 16px 36px}.phone-button{min-height:48px}.phone-field input,.phone-field select,.phone-field textarea,.capture-field input,.capture-field select{font-size:16px!important}.metric-grid,.industry-metrics{gap:10px}.driver-identity{gap:14px}.driver-portrait{width:94px;height:116px}}
#extra-parent-fields[hidden],.form-grid[hidden]{display:none!important}.attendance-ready{padding:14px 18px;border-radius:16px;background:#eaf5ed;color:#306344;margin-bottom:18px}.industry-head,.industry-content{max-width:100%}@media(max-width:700px){.industry-head{flex-wrap:wrap;padding:14px!important;gap:12px!important}.industry-head-actions{gap:8px;flex-wrap:wrap}.industry-content{padding:20px 14px!important}.family-grid,.child-directions{grid-template-columns:1fr!important}.child-form-paper,.child-paper{padding:22px 18px!important}.signature-box canvas{width:100%;max-width:100%}.industry-content input,.industry-content select,.industry-content textarea{font-size:16px!important}}
.capture-daily-qr{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid #dce5ed;border-radius:16px;padding:18px;margin:20px 0}.daily-qr-image{background:#fff;padding:8px;flex:none}.daily-qr-image svg{width:156px;height:156px;display:block}.capture-daily-qr strong{font-size:18px}.capture-daily-qr p{margin:8px 0;font-size:13px}.capture-daily-qr small{color:#637386;font-size:12px}@media(max-width:600px){.capture-daily-qr{flex-direction:column;text-align:center}.daily-qr-image svg{width:180px;height:180px}}

/* Exams: a desk with an answer sheet, a pencil and a wall clock */
.nqwc-scene.nqwc-exams{background:linear-gradient(#eef0fa 70%,#d9c4a8 70%)}
.ex-clock{position:absolute;right:34px;top:16px;width:34px;height:34px;border-radius:50%;background:#fff;border:4px solid #8d93bf;box-sizing:border-box}
.ex-clock:before{content:'';position:absolute;left:12px;top:5px;width:3px;height:10px;background:#4d5480;border-radius:2px}
.ex-clock:after{content:'';position:absolute;left:12px;top:12px;width:9px;height:3px;background:#4d5480;border-radius:2px}
.ex-paper{position:absolute;left:30%;bottom:16px;width:92px;height:70px;background:#fff;border-radius:3px;transform:rotate(-6deg);box-shadow:3px 5px 0 #c2ad90;padding:12px 10px;box-sizing:border-box;display:grid;gap:7px;align-content:start}
.ex-paper i{height:4px;border-radius:2px;background:#c8cde8}.ex-paper i:first-child{width:55%;background:#8d93bf}
.ex-pencil{position:absolute;left:55%;bottom:24px;width:62px;height:8px;background:#f2c46d;border-radius:2px;transform:rotate(-28deg);box-shadow:inset -10px 0 #e9a7a0}
.ex-pencil:before{content:'';position:absolute;left:-9px;top:0;border-right:9px solid #e7d3b5;border-top:4px solid transparent;border-bottom:4px solid transparent}
/* School: a long building with a flag */
.nqwc-scene.nqwc-school{background:linear-gradient(#e7f1f7 75%,#cfe3cc 75%)}
.sc-school{position:absolute;left:20%;bottom:27px;width:150px;height:52px;background:#e9c58f;border-radius:4px;box-shadow:inset 0 -6px #d6ab6c;display:flex;gap:9px;align-items:center;justify-content:center}
.sc-school:before{content:'';position:absolute;left:50%;top:-30px;transform:translateX(-50%);border-left:34px solid transparent;border-right:34px solid transparent;border-bottom:30px solid #b2584b}
.sc-school i{width:15px;height:15px;background:#fff7e6;border-radius:2px}
.sc-school b{width:18px;height:28px;margin-top:22px;background:#8a5a3c;border-radius:9px 9px 0 0}
.sc-pole{position:absolute;left:66%;bottom:27px;width:3px;height:84px;background:#7f8c96}
.sc-flag{position:absolute;left:calc(66% + 3px);top:24px;width:30px;height:19px;background:#5f6bb2;border-radius:0 4px 4px 0}
/* Visitors: a reception desk with the sign in book, and a visitor at the door */
.nqwc-scene.nqwc-visitors{background:linear-gradient(#f1eef8 72%,#ded8cc 72%)}
.vi-door{position:absolute;left:14%;bottom:28px;width:44px;height:78px;background:#a9c3d1;border-radius:4px 4px 0 0;border:5px solid #7d97a5;border-bottom:0;box-sizing:border-box}
.vi-door i{position:absolute;right:5px;top:36px;width:5px;height:5px;border-radius:50%;background:#55707e}
.vi-person{position:absolute;left:36%;bottom:28px;width:28px;height:38px;background:#6c74b6;border-radius:14px 14px 4px 4px}
.vi-person:before{content:'';position:absolute;left:4px;top:-22px;width:20px;height:20px;border-radius:50%;background:#c58f6c}
.vi-desk{position:absolute;right:16%;bottom:28px;width:118px;height:42px;background:#c9a27c;border-radius:5px 5px 0 0;box-shadow:inset 0 7px #b48a63}
.vi-book{position:absolute;left:30px;top:-12px;width:52px;height:12px;background:#fff;border-radius:2px;box-shadow:0 -2px 0 #5f6bb2 inset}
/* Training: a whiteboard with a chart */
.nqwc-scene.nqwc-training{background:linear-gradient(#eef5f1 76%,#d5e3d9 76%)}
.tr-board{position:absolute;left:28%;top:16px;width:132px;height:80px;background:#fff;border:6px solid #8aa39a;border-radius:6px;box-sizing:border-box;display:flex;align-items:flex-end;gap:10px;padding:0 18px 10px}
.tr-board i{width:16px;background:#7e8ccc;border-radius:3px 3px 0 0}
.tr-board i:nth-child(1){height:18px}.tr-board i:nth-child(2){height:32px;background:#e5a96f}.tr-board i:nth-child(3){height:46px;background:#6cab8b}
.tr-legs{position:absolute;left:calc(28% + 30px);bottom:12px;width:72px;height:26px;border-left:5px solid #8aa39a;border-right:5px solid #8aa39a;box-sizing:border-box}
/* Events: a marquee with bunting */
.nqwc-scene.nqwc-events{background:linear-gradient(#f6eefa 74%,#d6e6d2 74%)}
.ev-tent{position:absolute;left:30%;bottom:27px;width:120px;height:46px;background:repeating-linear-gradient(90deg,#fff 0 20px,#e7a5b8 20px 40px);border-radius:2px}
.ev-tent:before{content:'';position:absolute;left:-6px;top:-34px;border-left:66px solid transparent;border-right:66px solid transparent;border-bottom:34px solid #c56f8b}
.ev-tent:after{content:'';position:absolute;left:46px;bottom:0;width:28px;height:30px;background:#7b4a62;border-radius:14px 14px 0 0}
/* Residential: a block of flats with a tree */
.nqwc-scene.nqwc-residents{background:linear-gradient(#e8f0f8 78%,#d4e4d2 78%)}
.re-block{position:absolute;left:30%;bottom:27px;width:92px;height:96px;background:#c9b5d6;border-radius:4px 4px 0 0;box-shadow:inset -12px 0 #b49dc4;display:grid;grid-template-columns:repeat(3,14px);gap:9px 10px;padding:12px 14px;box-sizing:border-box;align-content:start}
.re-block i{height:14px;background:#fdf8ee;border-radius:2px}
.re-tree{position:absolute;left:calc(30% + 112px);bottom:27px;width:8px;height:30px;background:#8a6a4c;border-radius:2px}
.re-tree:before{content:'';position:absolute;left:-17px;top:-34px;width:42px;height:42px;border-radius:50%;background:#8fb58c}
/* Custom: a clipboard with a checklist of your own */
.nqwc-scene.nqwc-custom{background:linear-gradient(#f1eef8 76%,#e2dcef 76%)}
.cu-board{position:absolute;left:36%;top:14px;width:84px;height:108px;background:#b98d5f;border-radius:7px;padding:16px 9px 9px;box-sizing:border-box}
.cu-sheet{display:grid;gap:9px;background:#fff;height:100%;border-radius:3px;padding:11px 9px;box-sizing:border-box;align-content:start}
.cu-sheet i{height:6px;border-radius:3px;background:#d4d8e8;position:relative;margin-left:14px}
.cu-sheet i:before{content:'';position:absolute;left:-14px;top:-2px;width:9px;height:9px;border-radius:2px;border:2px solid #6c74b6;box-sizing:border-box}
.cu-sheet i:nth-child(-n+2):before{background:#6c74b6}
.cu-clip{position:absolute;left:26px;top:-5px;width:32px;height:13px;background:#9aa3ad;border-radius:4px}
.cu-plus{position:absolute;left:calc(36% + 96px);top:46px;width:30px;height:30px;border-radius:50%;background:#6c74b6;color:#fff;font:800 22px/30px Arial;text-align:center}
.ev-bunting{position:absolute;left:-10px;right:-10px;top:10px;height:22px;display:flex;justify-content:space-between;border-top:2px solid #b9a7c4;transform:rotate(-2deg)}
.ev-bunting i{width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:15px solid #f2c46d}
.ev-bunting i:nth-child(3n+2){border-top-color:#7e8ccc}.ev-bunting i:nth-child(3n){border-top-color:#e7a5b8}

/* Evidence on the homepage: works offline, facts and quotes */
.nqp{max-width:1200px;margin:40px auto 60px;padding:0 24px;font-family:inherit;color:#2c2f4a;display:grid;gap:22px}
.nqp-off{display:grid;grid-template-columns:300px 1fr;gap:34px;align-items:center;background:#2f3360;color:#fff;border-radius:24px;padding:34px 40px}
.nqp-off h2{margin:0 0 10px;font-size:30px;line-height:1.15;color:#fff}.nqp-off p{margin:0;font-size:17px;line-height:1.6;color:#e3e4f3!important}
.nqp-off-art{background:#fff;border-radius:18px;padding:22px;display:grid;gap:10px;justify-items:start;color:#2f3360}
.nqp-off-art .bars{display:flex;gap:4px;align-items:flex-end;height:26px}.nqp-off-art .bars i{width:7px;background:#d6d8e8;border-radius:2px}.nqp-off-art .bars i:nth-child(1){height:7px;background:#e07a6a}.nqp-off-art .bars i:nth-child(2){height:13px}.nqp-off-art .bars i:nth-child(3){height:19px}.nqp-off-art .bars i:nth-child(4){height:26px}
.nqp-off-art .x{font-weight:800;font-size:14px;color:#b9473a}.nqp-off-art .ok{font-weight:800;font-size:15px;background:#dff3e6;color:#1d6b41;border-radius:99px;padding:6px 14px}
.nqp-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.nqp-facts div{background:#fff;border:1px solid #e6e4ee;border-radius:18px;padding:20px;display:grid;gap:6px}
.nqp-facts b{font-size:22px;color:#4c51a0}.nqp-facts span{font-size:15px;line-height:1.5;color:#454860}
.nqp-quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.nqp-quotes figure{margin:0;background:#f4f1fa;border-radius:18px;padding:22px;display:grid;gap:14px;align-content:space-between}
.nqp-quotes blockquote{margin:0;font-size:16.5px;line-height:1.6;color:#2c2f4a}.nqp-quotes figcaption{font-size:14px;color:#55587a;display:grid}.nqp-quotes figcaption b{color:#2c2f4a}
.nqp-note{margin:0;font-size:13px;color:#8a8ca3!important;text-align:center}

@media(max-width:900px){.nqp-off{grid-template-columns:1fr;padding:26px 22px}.nqp-facts{grid-template-columns:repeat(2,1fr)}.nqp-quotes{grid-template-columns:1fr}.nqp-off h2{font-size:25px}}
@media(max-width:520px){.nqp-facts{grid-template-columns:1fr}}
/* A shorter scroll for the clipboard to tablet story, so the page never looks empty */
.refined-home .journey,.product-home .journey{height:140svh;min-height:0}
@media(max-width:700px){.refined-home .journey,.product-home .journey{height:150svh;min-height:0}}
@media(prefers-reduced-motion:reduce){.refined-home .journey,.product-home .journey{height:100svh;min-height:570px}}

/* Workspace cards: the small size, on the homepage and the signup page */
.paper-workspace-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:14px}
.paper-workspace-grid .nqwc-place{border-radius:14px}
.paper-workspace-grid .nqwc-scene{height:135px;zoom:.6}
.paper-workspace-grid .nqwc-copy{padding:12px 14px}
.paper-workspace-grid .nqwc-copy h2,.paper-workspace-grid .nqwc-copy h3{font-size:16px;margin:0 0 4px}
.paper-workspace-grid .nqwc-copy p{min-height:0;font-size:12.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 8px}
.paper-workspace-grid .nqwc-copy footer{padding-top:8px;margin-top:0;font-size:12px}
@media(max-width:700px){.paper-workspace-grid{grid-template-columns:repeat(2,1fr);gap:10px}}
.paper-workspace-grid .nqwc-copy footer span,.paper-workspace-grid .nqwc-copy footer b{white-space:nowrap}
/* The terms tick box sits on one line with its sentence */
#signup-form label:has(> input[name="acceptTerms"]){display:block;font-weight:600;line-height:1.6}
#signup-form input[name="acceptTerms"]{display:inline-block;width:20px;height:20px;min-height:0;margin:0 8px 0 0;vertical-align:-4px}

/* Uniform, smaller proportions: the offline and quotes section */
.nqp{max-width:1080px;margin:16px auto 36px;gap:12px}
.nqp-off{grid-template-columns:190px 1fr;gap:24px;padding:20px 26px;border-radius:18px}
.nqp-off h2{font-size:21px;margin:0 0 6px}
.nqp-off p{font-size:14.5px;line-height:1.55}
.nqp-off-art{padding:14px;border-radius:14px;gap:7px}
.nqp-off-art .bars{height:18px;gap:3px}.nqp-off-art .bars i{width:5px}
.nqp-off-art .bars i:nth-child(1){height:5px}.nqp-off-art .bars i:nth-child(2){height:9px}.nqp-off-art .bars i:nth-child(3){height:13px}.nqp-off-art .bars i:nth-child(4){height:18px}
.nqp-off-art .x{font-size:12px}.nqp-off-art .ok{font-size:12.5px;padding:4px 10px}
.nqp-facts{gap:12px}.nqp-facts div{padding:14px 16px;border-radius:14px;gap:3px}
.nqp-facts b{font-size:16px}.nqp-facts span{font-size:13px;line-height:1.45}
.nqp-quotes{gap:12px}.nqp-quotes figure{padding:16px 18px;border-radius:14px;gap:10px}
.nqp-quotes blockquote{font-size:14px;line-height:1.55}.nqp-quotes figcaption{font-size:12.5px}
@media(max-width:900px){.nqp-off{grid-template-columns:1fr;padding:18px}.nqp-off h2{font-size:19px}}
/* "A quick scan. A signed record." */
.capture-feature{padding:56px 0;gap:56px}
.capture-feature h2{font-size:30px}
.capture-feature-copy>p{font-size:15px;line-height:1.7}
.capture-feature>:last-child{max-width:400px;width:100%;justify-self:center}
@media(max-width:700px){.capture-feature{padding:36px 0;gap:24px}.capture-feature h2{font-size:24px}}
/* Workspace cards on the Workspaces page: the same small size as the homepage and signup */
.public-workspace-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:14px}
.public-workspace-grid .public-workspace-card{border-radius:14px}
.public-workspace-grid .workspace-art{height:92px;padding:6px 8px 0}
.public-workspace-grid .workspace-card-content{padding:12px 14px 14px}
.public-workspace-grid .workspace-card-content h2{font-size:16px;margin:0 0 4px}
.public-workspace-grid .workspace-card-content p{font-size:12.5px;line-height:1.45;margin:0 0 8px}
.public-workspace-grid .workspace-card-content li{font-size:12px}
.public-workspace-grid .workspace-setup{font-size:12.5px}
@media(max-width:700px){.public-workspace-grid{grid-template-columns:repeat(2,1fr);gap:10px}}
.capture-feature{padding:48px 0!important;gap:48px!important}
.capture-feature h2{font-size:30px!important;line-height:1.15!important}
.capture-feature-copy>p{font-size:15px!important;line-height:1.7!important}
.capture-feature>:last-child{max-width:320px!important}
.public-workspace-grid .workspace-card-visual{height:auto!important;min-height:0!important;padding:0!important}
.public-workspace-grid .workspace-art{height:96px!important;padding:6px 8px 0!important}
.public-workspace-grid .workspace-art svg{height:100%!important;width:auto!important;max-width:100%}
.public-workspace-grid .workspace-card-content{padding:12px 14px 14px!important;gap:6px!important}
.public-workspace-grid .workspace-card-content ul{margin:0 0 8px!important;padding:0!important;gap:2px!important}
.public-workspace-grid .workspace-card-content li{padding:2px 0!important;font-size:12px!important}
.public-workspace-grid .workspace-setup{padding-top:8px!important;margin-top:auto!important;font-size:12.5px!important}
.public-workspace-grid .workspace-card-content p{min-height:0!important}
.public-workspace-grid .workspace-card-content ul{margin-top:auto!important}
.capture-feature>:last-child{max-width:430px!important;zoom:.8;justify-self:center}

.inbox-badge[hidden]{display:none!important}
.scheduled-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.schedule-request{background:#fff;border:1px solid #dce5ec;border-radius:16px;padding:20px;margin:16px 0}.schedule-request>summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:14px;align-items:center;font-size:15px}.schedule-request>summary span{color:#5c7383;font-size:13px}.schedule-request p{line-height:1.6}.schedule-request form{margin-top:20px}.scheduled-pattern{border:1px solid #dbe4eb;border-radius:12px;margin:18px 0;padding:18px;min-width:0}.scheduled-pattern legend{font-weight:700;padding:0 8px}.schedule-weekdays,.schedule-driver-list{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.schedule-weekdays label,.schedule-driver-list label{display:flex;align-items:center;gap:8px;border:1px solid #d9e4ed;border-radius:9px;padding:10px 12px;font-size:13px}.schedule-people-list{max-height:260px;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px 0}.schedule-people-list label{display:flex;gap:12px;padding:10px;background:#f7f9fc;border-radius:8px}.schedule-people-list small{display:block;color:#6d7d8d}.schedule-people [type=search]{width:100%;padding:12px;margin-top:14px}.schedule-success{padding:14px 18px;background:#eaf4ec;color:#326044;border-radius:12px}.schedule-reason{padding:12px;background:#eef4fa;border-radius:10px}.schedule-history{font-size:12px;margin-top:20px}.schedule-history p{border-left:2px solid #cfdee9;padding-left:12px}.schedule-legacy-tools{margin-top:26px}.schedule-legacy-tools>summary{cursor:pointer;padding:14px;background:#f1f5f9;border-radius:10px}[data-revision-fields][hidden],[data-passenger-choices][hidden],[data-passenger-text][hidden]{display:none!important}#trip-scheduling .form-grid input,#trip-scheduling .form-grid select,#trip-scheduling textarea{width:100%;padding:11px;border:1px solid #cdd9e4;border-radius:8px}#trip-scheduling .table-wrap{overflow-x:auto}#trip-scheduling h2{font-size:22px;margin:18px 0}.phone-body #trip-scheduling .form-grid{grid-template-columns:1fr}@media(max-width:700px){.schedule-people-list{grid-template-columns:1fr}.schedule-request{padding:16px}.scheduled-pattern{padding:14px}.schedule-weekdays{gap:6px}.schedule-weekdays label{padding:10px}#trip-scheduling input,#trip-scheduling textarea,#trip-scheduling select{font-size:16px!important}}
.child-scan-option.creche-reception-qr{background:#fffaf0;border:1px solid #eee0c4;border-radius:24px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}.creche-daily-qr-image{background:white;padding:12px;border-radius:18px;width:min(100%,260px);line-height:0}.creche-daily-qr-image svg{display:block;width:100%;height:auto}.creche-reception-qr p{margin:0;max-width:240px}.creche-reception-qr strong{color:#3c4261}.creche-reception-qr small{color:#656b7e}@media(max-width:650px){.child-scan-option.creche-reception-qr{padding:20px}.creche-daily-qr-image{width:min(100%,240px)}}

.hotel-editor-layout{display:grid;grid-template-columns:minmax(210px,280px) minmax(0,1fr);gap:24px;padding:20px}.hotel-editor-layout aside .field{margin-bottom:12px}.hotel-pdf-pages{min-width:0;max-width:850px;margin:0 auto}.hotel-pdf-page{position:relative;background:white;margin-bottom:20px;border:1px solid #d8e3e8;line-height:0;overflow:hidden}.hotel-pdf-page canvas{display:block;width:100%;height:auto}.hotel-positioned-field{position:absolute;display:flex;align-items:center;justify-content:center;border:1px dashed #39758e;background:#e5f2f6c7;color:#24475d;font:12px/1.2 Arial,sans-serif;overflow:hidden;touch-action:none;padding:0;min-height:0}.hotel-positioned-field.selected{border:2px solid #286080;background:#daedf4e0}.hotel-fields{list-style:none;padding:0}.hotel-fields li{margin-bottom:6px}.hotel-field-settings{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hotel-field-settings>.field:first-child,.hotel-field-settings>button{grid-column:1/-1}.hotel-guest-qr{padding:20px;text-align:center}.hotel-guest-qr>svg{max-width:230px;height:auto;margin:20px auto}.hotel-guest-intro,#hotel-sign{max-width:850px;margin:20px auto;padding:20px}#hotel-guest{max-width:1000px;margin:auto;padding:20px}#hotel-sign{background:white;border-radius:16px}#hotel-sign .signature-canvas{display:block;width:100%;height:180px;background:#f8fafc;border:1px solid #c9dbe3;margin:20px 0;touch-action:none}.module-notice-banner[hidden]{display:none!important}@media(max-width:850px){.hotel-editor-layout{grid-template-columns:1fr}.hotel-editor-layout aside{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hotel-editor-layout aside>p,.hotel-editor-layout aside>.toolbar,.hotel-fields,.hotel-field-settings{grid-column:1/-1}}@media(max-width:480px){.hotel-editor-layout aside{display:block}.hotel-editor-layout{padding:12px}#hotel-guest{padding:12px}}
.nqwc-hotel{background:#f2ece3}.nqwc-hotel .hotel-building{background:#cbbda4;border-top:7px solid #a99c86}.nqwc-hotel .hotel-door{position:absolute;bottom:15%;left:45%;width:10%;height:25%;background:#726752;border-radius:12px 12px 0 0}
.driver-schedule-day>h3{font-size:16px;margin:20px 0 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.driver-schedule-day>h3 small{font-size:12px;font-weight:400;color:#66758b}.driver-trip-cards{display:grid;grid-template-columns:1fr;gap:16px}.driver-trip-card{padding:20px;background:#fff;border:1px solid #dbe3ed;border-radius:18px;min-width:0;box-shadow:0 3px 10px #22355205}.driver-trip-card header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.driver-trip-card header>strong{font-size:26px;line-height:1.2}.driver-trip-direction{background:#edf3fa;color:#385877;border-radius:8px;padding:6px 10px;font-size:12px}.driver-trip-route{display:grid;gap:15px;border-left:2px solid #cfdeea;padding-left:16px;margin:0 0 20px}.driver-trip-route small{display:block;color:#68788f;font-size:12px;margin-bottom:3px}.driver-trip-route strong{display:block;font-size:17px;overflow-wrap:anywhere}.driver-trip-card dl{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 18px}.driver-trip-card dt{font-size:12px;color:#6e7c91;margin-bottom:4px}.driver-trip-card dd{margin:0;font-size:14px;overflow-wrap:anywhere}.driver-trip-card footer{display:flex;flex-direction:column;gap:14px;align-items:flex-start}.driver-trip-card footer button{width:100%;margin:0;min-height:46px}.driver-trip-card footer button:disabled{background:#e8edf4;color:#65758c;opacity:1;border:0}.scheduled-heading .schedule-refresh{padding:9px 14px;border:1px solid #d2ddeb;border-radius:10px;background:#fff;color:#385574;min-height:42px}.product-phone[data-night=true] .driver-trip-card{background:#242d45;border-color:#3c4d69}.product-phone[data-night=true] .driver-trip-card dt,.product-phone[data-night=true] .driver-trip-route small{color:#b4c2df}@media(min-width:900px){.driver-trip-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
dialog::backdrop,.drawer::backdrop,.phone-dialog::backdrop,#capture-dialog::backdrop{backdrop-filter:none!important;background:#182a4259!important}dialog>.toast,dialog>.phone-toast,dialog>#capture-toast{z-index:1000;max-width:calc(100% - 32px);font-size:13px;white-space:normal}.parent-code-help{grid-column:1/-1;font-size:13px;line-height:1.6;color:#5b6680;background:#f1f5fa;border-radius:10px;padding:12px 14px}.parent-code-details{margin-bottom:20px}.parent-code-details input[name=parentCode]{font-family:monospace;font-size:20px;letter-spacing:2px}.parent-code-details p{font-size:13px;line-height:1.6}
/* Driver navigation stays available without a header hamburger. */
body[data-field-role="driver"] .phone-nav{display:grid!important;position:sticky!important;top:auto!important;bottom:0!important;left:auto!important;right:auto!important;transform:none;width:100%!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:12px 5px calc(12px + env(safe-area-inset-bottom))!important;background:var(--phone-card,#fff)!important;border-top:1px solid #d9e2ef;border-radius:0!important;box-shadow:none!important;z-index:30}
body[data-field-role="driver"] .phone-nav button{min-width:0;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:5px 2px;font-size:11px;color:#344760}
.field-refresh{display:grid;place-items:center;min-width:44px;min-height:44px;border:0;border-radius:50%;background:transparent;color:inherit}.phone-connection{display:flex;gap:7px;align-items:center;font-size:12px;white-space:nowrap}.phone-head .header-right{gap:8px}.phone-head h2{min-width:0;overflow-wrap:anywhere}
#trip-scheduling .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;align-items:start}#trip-scheduling .field{min-width:0;display:flex;flex-direction:column;gap:8px}#trip-scheduling select,#trip-scheduling input[type="date"],#trip-scheduling input[type="time"]{display:block;width:100%;min-width:0;min-height:48px;padding:12px 14px;font:inherit;border:1px solid var(--line,#c5cfde);border-radius:10px;color:var(--ink,#253650);background:var(--paper,#fff)}#trip-scheduling select{padding-right:30px}#trip-scheduling option{color:#253650;background:#fff}#trip-scheduling .scheduled-pattern{padding:24px;margin:24px 0;min-width:0;border:1px solid var(--line,#d9e2ef);border-radius:14px}#trip-scheduling .schedule-weekdays{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}#trip-scheduling .schedule-weekdays label{display:flex;align-items:center;gap:7px;min-height:44px}#trip-scheduling .driver-trip-card{color:var(--phone-ink,#253650);background:var(--phone-card,#fff)}#trip-scheduling .driver-trip-card small,#trip-scheduling .driver-trip-card dt{color:#4a5e78!important}#trip-scheduling .driver-trip-card strong,#trip-scheduling .driver-trip-card dd{color:#253650!important}#trip-scheduling .driver-trip-card button{font:inherit;min-height:48px}.driver-schedule-day h3{color:inherit}.driver-trip-card header strong{font-size:25px}.driver-trip-card dl{margin:16px 0}
@media(max-width:700px){#trip-scheduling .form-grid{grid-template-columns:1fr!important}#trip-scheduling .scheduled-pattern{padding:18px 14px}.phone-head .phone-connection{font-size:0}.phone-head .online-dot{font-size:12px}}
@media(max-width:1100px){body[data-field-role="driver"] .phone-nav{position:fixed!important;left:50%!important;right:auto!important;bottom:0!important;top:auto!important;transform:translateX(-50%);width:min(760px,100vw)!important}body[data-field-role="driver"] .phone-body{padding-bottom:110px!important}}
/* Header refresh button: a clear outlined icon on the dark headers instead of a pale icon on a white square. */
:is(.theme-horizon,.theme-ledger,.theme-terracotta,.theme-field,.theme-signal,.theme-flow) .app-shell .shell-right .icon-btn{background:transparent!important;border:1px solid rgba(255,255,255,.5)!important;color:#fff!important;box-shadow:none!important}
:is(.theme-horizon,.theme-ledger,.theme-terracotta,.theme-field,.theme-signal,.theme-flow) .app-shell .shell-right .icon-btn:hover{background:rgba(255,255,255,.12)!important}
/* Live activity: a night trip that started before the chosen day. */
.started-earlier{display:block;font-weight:700;color:#835b00!important}
.theme-signal .started-earlier{color:#efad4e!important}
/* Sign up: after Create organisation the form makes way for a clear next step. */
.signup-done{display:grid;gap:10px;padding:28px;border:1px solid #dfe4ee;border-radius:16px;background:#fff;text-align:left}
.signup-done h2{margin:0;font-size:28px}.signup-done p{margin:0;font-size:16px;line-height:1.5}.signup-done-note{color:#6b7280}
/* First time tips: the same tour card as before, over the dashboard. */
.tips{position:fixed;inset:0;z-index:1000}
.tips-dim{position:absolute;inset:0;background:rgba(15,23,42,.55)}
.tips-hole{position:absolute;border-radius:10px;box-shadow:0 0 0 9999px rgba(15,23,42,.55),0 0 0 3px #fff,0 0 0 6px #2f5bd3;transition:all .25s ease;pointer-events:none}
.tips-card{position:absolute;background:#fff;color:#18233a;border-radius:14px;padding:18px 18px 14px;box-shadow:0 20px 50px rgba(0,0,0,.25);display:grid;gap:8px;transition:top .25s ease,left .25s ease}
.tips-card h3{margin:0;font-size:18px}.tips-card p{margin:0;color:#4a5568;line-height:1.5}
.tips-count{font-size:12px;font-weight:700;color:#2f5bd3;text-transform:uppercase;letter-spacing:.04em}
.tips-dots{display:flex;gap:5px;margin-top:4px}.tips-dots i{width:7px;height:7px;border-radius:50%;background:#dfe4ee}.tips-dots i.on{background:#2f5bd3;width:18px;border-radius:99px}
.tips-actions{display:flex;gap:8px;align-items:center;margin-top:6px}.tips-actions>span{flex:1}
.tips-skip{border:0;background:none;color:#4a5568;text-decoration:underline;cursor:pointer;padding:6px 0}
.tips-mascot{position:absolute;top:-50px;right:18px}
.tips-next{border:0;border-radius:8px;background:#2f5bd3;color:#fff;font-weight:700;padding:9px 16px;cursor:pointer}.tips-next:focus-visible{outline:3px solid #9db4f5;outline-offset:2px}
.tips-back{border:1px solid #dfe4ee;border-radius:8px;background:#fff;color:#18233a;padding:8px 14px;cursor:pointer}


/* Driver controls keep readable foregrounds paired with their surfaces. */
body[data-field-role="driver"]{--driver-card:#fff;--driver-ink:#202c49;--driver-muted:#4a5c78;--driver-active:#4656b0;--phone-card:var(--driver-card)}
body[data-field-role="driver"][data-night="true"]{--driver-card:#1c2438;--driver-ink:#f0f3ff;--driver-muted:#bac7e2;--driver-active:#cbd8ff}
body[data-field-role="driver"] .phone-greeting>div{background:var(--driver-card);color:var(--driver-ink)}
body[data-field-role="driver"] .phone-greeting>div:before{background:var(--driver-card)}
body[data-field-role="driver"] .phone-greeting small{color:var(--driver-muted)}
body[data-field-role="driver"] .quick-item strong{color:var(--driver-ink);font-weight:650}
body[data-field-role="driver"] .quick-item small{color:var(--driver-muted)}
body[data-field-role="driver"] .phone-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}
body[data-field-role="driver"] .phone-nav button{flex-direction:column!important;justify-content:center!important;gap:5px!important;padding:5px 2px!important;color:var(--driver-muted)}
body[data-field-role="driver"] .phone-nav button.active{color:var(--driver-active)}
body[data-field-role="driver"] .phone-nav span{font-size:11px;line-height:1.35}

/* Scheduling follows the workspace register tables and compact actions. */
#trip-scheduling .schedule-table-section{margin:24px 0}
#trip-scheduling .new-trip-request:not([open]){width:fit-content;max-width:100%;padding:0;border-radius:8px;margin:16px 0;background:var(--paper,#fff);border-color:var(--line,#c5cfde)}
#trip-scheduling .new-trip-request>summary{display:inline-flex;width:auto;max-width:100%;padding:12px 16px;font-size:14px;font-weight:600;min-height:44px;box-sizing:border-box;color:var(--ink,#253650);list-style:none}
#trip-scheduling .new-trip-request>summary::-webkit-details-marker{display:none}
#trip-scheduling .new-trip-request[open]>summary{padding:0 0 12px}
#trip-scheduling .schedule-row-action,#trip-scheduling .schedule-request-detail .btn{display:inline-flex;width:auto;max-width:100%;min-height:40px;padding:8px 12px;align-items:center;justify-content:center;white-space:normal;font:inherit}
#trip-scheduling .schedule-request-detail{padding:20px;margin:16px 0;border:1px solid var(--line,#c5cfde);border-radius:8px;background:var(--paper,#fff);color:var(--ink,#253650)}
#trip-scheduling .schedule-request-detail[hidden]{display:none!important}
#trip-scheduling .schedule-request-detail>header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
#trip-scheduling .schedule-request-detail h3{margin:0;font-size:18px}
#trip-scheduling .schedule-request-detail p{line-height:1.6}
#trip-scheduling .register-table td{vertical-align:top}
#trip-scheduling .scheduled-heading h2{margin:0}
@media(max-width:700px){#trip-scheduling .schedule-request-detail{padding:16px}#trip-scheduling .new-trip-request>summary{font-size:14px!important}}

/* Match scheduling controls to the existing workspace's refined type scale. */
body:not(.product-phone) #trip-scheduling{font-size:12px;line-height:1.5}
body:not(.product-phone) #trip-scheduling h2{font-size:16px;margin:24px 0 12px;font-weight:600;line-height:1.4}
body:not(.product-phone) #trip-scheduling h3{font-size:14px;line-height:1.4;margin:0 0 12px}
body:not(.product-phone) #trip-scheduling p{font-size:12px;line-height:1.6;margin:10px 0}
body:not(.product-phone) #trip-scheduling .btn,body:not(.product-phone) #trip-scheduling .new-trip-request>summary{font-size:11px!important;line-height:1.4;min-height:36px;padding:8px 12px;width:auto;max-width:100%;font-weight:500;border-radius:5px;box-sizing:border-box}
body:not(.product-phone) #trip-scheduling .new-trip-request:not([open]){border:0;background:transparent;margin:12px 0 20px}
body:not(.product-phone) #trip-scheduling .new-trip-request[open]{padding:16px;border-radius:8px}
body:not(.product-phone) #trip-scheduling .new-trip-request[open]>summary{padding:8px 12px;margin-bottom:16px}
body:not(.product-phone) #trip-scheduling .form-grid{gap:14px 16px;grid-template-columns:repeat(3,minmax(0,1fr))}
body:not(.product-phone) #trip-scheduling .field{font-size:12px;gap:6px;line-height:1.5;margin:0}
body:not(.product-phone) #trip-scheduling .field.wide{grid-column:1/-1}
body:not(.product-phone) #trip-scheduling .field input,body:not(.product-phone) #trip-scheduling .field select,body:not(.product-phone) #trip-scheduling .field textarea{font-size:12px!important;line-height:1.5;min-height:36px;padding:8px 10px;border-radius:5px}
body:not(.product-phone) #trip-scheduling .scheduled-pattern{padding:16px;margin:16px 0;border-radius:8px}
body:not(.product-phone) #trip-scheduling .scheduled-pattern legend{font-size:12px;font-weight:600}
body:not(.product-phone) #trip-scheduling .schedule-weekdays label,body:not(.product-phone) #trip-scheduling .schedule-driver-list label{font-size:12px;padding:7px 10px;border-radius:5px;min-height:36px;box-sizing:border-box}
body:not(.product-phone) #trip-scheduling .schedule-weekdays,body:not(.product-phone) #trip-scheduling .schedule-driver-list{gap:8px;margin:16px 0}
#trip-scheduling .schedule-actions{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 12px}
#trip-scheduling .schedule-history{margin-top:24px;padding-top:16px;border-top:1px solid var(--line,#c5cfde);line-height:1.6}
#trip-scheduling .schedule-history>summary{min-height:32px;font-size:12px;display:flex;align-items:center;cursor:pointer}
#trip-scheduling .schedule-revoke{padding:16px;margin:16px 0;background:var(--paper,#fff);color:var(--text,#253650);border:1px solid var(--line,#c5cfde);border-radius:8px}
#trip-scheduling .schedule-revoke .field{max-width:520px}
body:not(.product-phone) #trip-scheduling .scheduled-heading{margin-bottom:16px}
body:not(.product-phone) #trip-scheduling .scheduled-heading h2{margin:0}
@media(max-width:1000px){body:not(.product-phone) #trip-scheduling .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){body:not(.product-phone) #trip-scheduling .form-grid{grid-template-columns:1fr}body:not(.product-phone) #trip-scheduling .field input,body:not(.product-phone) #trip-scheduling .field select,body:not(.product-phone) #trip-scheduling .field textarea{font-size:16px!important;min-height:44px}body:not(.product-phone) #trip-scheduling .btn,body:not(.product-phone) #trip-scheduling .new-trip-request>summary{min-height:44px}}
#trip-scheduling [data-schedule-feedback]:empty{display:none}

/* Dashboard chrome remains stationary while its two content regions scroll. */
body.product-workspace:has(#workspace.app){height:100dvh;overflow:hidden}
.product-workspace #workspace.app{height:100dvh;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;margin:0}
.product-workspace #workspace.app>.app-shell{position:relative!important;top:auto;flex-shrink:0;z-index:60;margin:0}
.product-workspace #workspace.app>.app-layout{display:grid!important;grid-template-columns:212px minmax(0,1fr);position:relative;min-height:0!important;height:100%!important;overflow:hidden;align-items:stretch}
.product-workspace #workspace.app.client-role>.app-layout{grid-template-columns:185px minmax(0,1fr)}
.product-workspace #workspace.app.theme-field>.app-layout{grid-template-columns:176px minmax(0,1fr)}
.product-workspace #workspace.app .app-sidebar{display:flex!important;flex-direction:column;position:relative!important;top:0;align-self:stretch;height:100%!important;min-height:0!important;max-height:none!important;min-width:0;overflow:hidden!important;white-space:normal}
.product-workspace #workspace.app .sidebar-heading{flex-shrink:0}
.product-workspace #workspace.app .app-nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:4px 0}
.product-workspace #workspace.app .nav-group{display:block!important;margin:8px 0 12px}
.product-workspace #workspace.app .nav-group>summary{display:flex;align-items:center;gap:8px;padding:8px 5px;cursor:pointer;list-style:none}
.product-workspace #workspace.app .nav-group>summary::-webkit-details-marker{display:none}
.product-workspace #workspace.app .nav-group>summary small{margin:0;flex:1}
.product-workspace #workspace.app .nav-group-chevron{width:13px;height:13px;flex-shrink:0;color:var(--muted,#60728c)}
.product-workspace #workspace.app .nav-group[open]>summary .nav-group-chevron{transform:rotate(90deg)}
.product-workspace #workspace.app .sidebar-bottom{position:static!important;flex-shrink:0;margin-top:12px;padding-top:12px;display:flex!important;white-space:normal}
.product-workspace #workspace.app .sidebar-bottom>span:last-child{min-width:0}
.product-workspace #workspace.app .sidebar-bottom strong{white-space:normal;overflow-wrap:anywhere;line-height:1.4}
.product-workspace #workspace.app .app-main{height:100%;min-height:0!important;overflow:auto;overscroll-behavior:contain;min-width:0;box-sizing:border-box}
.product-workspace #workspace.app>.app-status{position:relative;bottom:auto;flex-shrink:0;min-width:0}
@media(max-width:1024px){
 .product-workspace #workspace.app>.app-layout,.product-workspace #workspace.app.client-role>.app-layout,.product-workspace #workspace.app.theme-field>.app-layout{grid-template-columns:minmax(0,1fr)}
 .product-workspace #workspace.app .app-sidebar{display:none!important}
 .product-workspace #workspace.app.nav-open .app-sidebar{display:flex!important;position:absolute!important;top:0!important;bottom:0!important;left:0;width:min(300px,85vw)!important;height:100%!important;max-height:100%!important;z-index:50;background:var(--nav,#fff);overflow:hidden!important;box-sizing:border-box}
 .product-workspace #workspace.app.nav-open .app-sidebar .nav-group{margin:8px 0 12px}
}
@media print{body.product-workspace{height:auto;overflow:visible}.product-workspace #workspace.app{height:auto;display:block;overflow:visible}.product-workspace #workspace.app>.app-layout{display:block!important;height:auto!important;overflow:visible}.product-workspace #workspace.app .app-main{height:auto;overflow:visible}.product-workspace #workspace.app .app-sidebar{display:none!important}}
/* Header clock (South African time) beside the full screen and refresh buttons. */
.shell-right .nq-clock{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15;margin-right:4px;color:inherit;font-variant-numeric:tabular-nums;white-space:nowrap}
.shell-right .nq-clock b{font-size:17px;font-weight:700;letter-spacing:.02em}.shell-right .nq-clock small{font-size:11px;opacity:.75}
@media(max-width:700px){.shell-right .nq-clock{display:none}}
/* Journey set up: direction cards (Incoming a light green, Outgoing a light red), route rows and vehicle chips. */
.pick-set{border:0;padding:0;margin:0 0 19px;min-width:0}.pick-set legend{font-size:11px;font-weight:500;color:#7a84a0;margin-bottom:8px;padding:0}
.pick-set input{position:absolute;opacity:0;width:1px;height:1px}
.dir-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dir-card{position:relative;display:grid;gap:3px;padding:13px 14px;border-radius:13px;border:1.5px solid;cursor:pointer;min-height:84px;align-content:start}
.dir-card b{font-size:15px;font-weight:650}.dir-card small{font-size:11px;line-height:1.4;opacity:.85}.dir-card .icon{width:20px;height:20px;margin-bottom:2px}
.dir-card.in{background:#f1f9f2;border-color:#cfe6d2;color:#2f6f43}.dir-card.out{background:#fcf2f2;border-color:#efd2d2;color:#9a3d3d}
.dir-card.in:has(input:checked){background:#3f8f57;border-color:#3f8f57;color:#fff;box-shadow:0 6px 18px #3f8f5730}
.dir-card.out:has(input:checked){background:#b85454;border-color:#b85454;color:#fff;box-shadow:0 6px 18px #b8545430}
.pick-rows{background:#fff;border:1px solid #dce1ed;border-radius:12px;overflow:hidden}
.pick-row{position:relative;display:flex;align-items:center;gap:11px;padding:13px 14px;border-top:1px solid #e7ebf3;font-size:13px;color:#25304e;cursor:pointer;min-height:48px}
.pick-row:first-child{border-top:0}
.pick-row:before{content:'';width:18px;height:18px;border-radius:50%;border:2px solid #cbd2e1;flex:none;box-sizing:border-box}
.pick-row:has(input:checked){background:#eef0fa;font-weight:600}.pick-row:has(input:checked):before{border:6px solid #6670b5}
.pick-chips{display:flex;flex-wrap:wrap;gap:8px}
.pick-chip{position:relative;cursor:pointer}.pick-chip span{display:inline-block;border:1.5px solid #dce1ed;background:#fff;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:600;color:#3b4669}
.pick-chip:has(input:checked) span{background:#273052;border-color:#273052;color:#fff}
.pick-set :is(.dir-card,.pick-row,.pick-chip):has(input:focus-visible){outline:3px solid #8b97d8;outline-offset:2px}
.product-phone[data-night=true] .dir-card.in{background:#1d3328;border-color:#2f5a3d;color:#9fd8ae}
.product-phone[data-night=true] .dir-card.out{background:#3a2226;border-color:#5e3439;color:#f0a9a9}
.product-phone[data-night=true] .dir-card.in:has(input:checked){background:#3f8f57;color:#fff}.product-phone[data-night=true] .dir-card.out:has(input:checked){background:#b85454;color:#fff}
.product-phone[data-night=true] .pick-rows,.product-phone[data-night=true] .pick-chip span{background:#242d45;border-color:#354059;color:#e7eafa}
.product-phone[data-night=true] .pick-row{border-color:#354059;color:#e7eafa}.product-phone[data-night=true] .pick-row:has(input:checked){background:#2f3a5c}
.product-phone[data-night=true] .pick-chip:has(input:checked) span{background:#8c9df0;border-color:#8c9df0;color:#171d2e}
.product-phone[data-night=true] .pick-set legend{color:#b4c2df}
/* Journey set up drop downs: a larger box with its own arrow, so Assigned trip and Area / route read clearly. */
#journey-form .phone-field select{appearance:none;-webkit-appearance:none;min-height:54px;border-radius:12px;padding:14px 42px 14px 14px;font-size:14px;font-weight:600;color:#25304e;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a84a0' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center/18px;border:1.5px solid #dce1ed}
#journey-form .phone-field select:focus{border-color:#6670b5}
#journey-form .phone-field select:disabled,#journey-form .phone-field select:has(option:only-child){color:#98a1b6;font-weight:500}
.product-phone[data-night=true] #journey-form .phone-field select{background-color:#242d45;border-color:#354059;color:#e7eafa}
#journey-form .vehicle-field input{min-height:54px;border-radius:12px;font-size:15px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border:1.5px solid #dce1ed}
#journey-form .vehicle-field input::placeholder{text-transform:none;letter-spacing:0;font-weight:400}
.product-phone[data-night=true] #journey-form .vehicle-field input{background:#242d45;border-color:#354059;color:#e7eafa}
#journey-form .phone-field select[name="route"]{font-size:13px;padding-right:38px}
/* Backups and updates */
.bk-panel{margin-bottom:18px}.bk-body{display:grid;gap:12px}.bk-body>p{margin:0;color:var(--muted,#62708a);max-width:80ch;line-height:1.6}.bk-body h3{margin:6px 0 0}.bk-body td small{display:block;color:var(--muted,#62708a);font-size:12px}.bk-body>label.btn{justify-self:start}
.bk-head{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:flex-start}.bk-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.bk-confirm,.bk-done,.bk-preview{border:1px solid #d8deea;border-radius:12px;padding:16px;display:grid;gap:10px;background:#f8fafd}
.bk-confirm{border-color:#e7c48a;background:#fffaf0}.bk-confirm label{display:block;max-width:460px;line-height:1.6}.bk-confirm label input{display:block;width:100%;margin-top:6px}.bk-confirm h3,.bk-done h3,.bk-preview h3{margin:0}
.bk-preview ul{margin:0;padding-left:20px;display:grid;gap:4px}.bk-error{color:#b42335;margin:0}.bk-row-actions{display:flex;gap:6px;justify-content:flex-end;white-space:nowrap}
.bk-note{border-top:1px solid #e3e8f1;padding-top:10px}.bk-note h3{margin:0 0 2px}.bk-note p{margin:6px 0}.bk-code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}
.form-grid .wide{grid-column:1/-1}

/* Dashboards only (busy.js marks the page nq-dash): working bar, loading circle and pressed feedback */
html.nq-dash::before{content:"";position:fixed;top:0;left:0;right:0;height:3px;z-index:9999;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,#2f6fd6 40%,#5fa0ff 60%,transparent);background-size:50% 100%;background-repeat:no-repeat;transition:opacity .15s ease .12s}
html.nq-dash.nq-busy::before{opacity:1;animation:nq-busy 1s linear infinite}
@keyframes nq-busy{from{background-position:-50% 0}to{background-position:150% 0}}
html.nq-dash button:active:not(:disabled),html.nq-dash .btn:active,html.nq-dash a.record-link:active,html.nq-dash [data-module]:active,html.nq-dash .registry-card:active,html.nq-dash tr[data-action]:active{transform:translateY(1px);filter:brightness(.95)}
html.nq-dash::after{content:"";position:fixed;top:50%;left:50%;width:42px;height:42px;margin:-21px 0 0 -21px;z-index:9999;pointer-events:none;box-sizing:border-box;border-radius:50%;border:4px solid rgba(47,111,214,.18);border-top-color:#2f6fd6;background:rgba(255,255,255,.85);box-shadow:0 4px 18px rgba(20,40,80,.18);opacity:0;visibility:hidden;transition:opacity .15s ease .15s,visibility 0s linear .3s}
html.nq-dash.nq-busy::after{opacity:1;visibility:visible;transition:opacity .15s ease .15s,visibility 0s;animation:nq-spin .8s linear infinite}
@keyframes nq-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){html.nq-dash.nq-busy::before{animation:none;background:#2f6fd6}html.nq-dash.nq-busy::after{animation-duration:2s}}
.bk-ways{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.bk-ways article{border:1px solid #e3e8f1;border-radius:12px;padding:14px;background:#f8fafd}.bk-ways p{margin:6px 0 0;color:var(--muted,#62708a);line-height:1.55}
.bk-check{display:flex;align-items:center;gap:8px}.bk-installed{color:#2f7a4a;margin:6px 0 0}.bk-current td{background:#f1f6ff}
.danger-link,.btn.danger-link{color:#b42335!important}.record-link+.record-link{margin-left:6px}

/* Vehicle dropdown: opens on tap, narrows as the driver types, scrolls for long lists */
#journey-form .vehicle-wrap{position:relative;display:block}
#journey-form .vehicle-wrap>label{display:block;margin-bottom:6px}
#journey-form .vehicle-wrap input{width:100%;padding-right:44px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2362708a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center}
.vehicle-menu{position:absolute;left:0;right:0;top:calc(100% - 22px);z-index:20;max-height:min(46vh,320px);overflow-y:auto;overscroll-behavior:contain;background:#fff;border:1.5px solid #dce1ed;border-radius:14px;box-shadow:0 12px 28px rgba(20,30,60,.18);padding:6px}
.vehicle-menu[hidden]{display:none}
.vehicle-option{display:block;width:100%;text-align:left;min-height:48px;padding:0 14px;border:0;border-radius:10px;background:transparent;font:600 15px/1 inherit;letter-spacing:.06em;color:#1d2a4d}
.vehicle-option:active,.vehicle-option.current{background:#e8eefb}
.vehicle-note{margin:6px 8px;font-size:12.5px;color:#62708a;line-height:1.5}
.product-phone[data-night=true] .vehicle-menu{background:#242d45;border-color:#354059}
.product-phone[data-night=true] .vehicle-option{color:#e7eafa}
.product-phone[data-night=true] .vehicle-option:active,.product-phone[data-night=true] .vehicle-option.current{background:#324063}
.product-phone[data-night=true] #journey-form .vehicle-wrap input{background-color:#242d45}
.schedule-mode{display:grid;gap:10px;border:1px solid #e3e8f1;border-radius:12px;padding:16px;background:#f8fafd;margin:0 0 16px;max-width:760px}.schedule-mode h3{margin:0}.schedule-mode label{display:flex;gap:10px;align-items:flex-start;line-height:1.5}.schedule-mode .btn{justify-self:start}.schedule-note{margin:0;color:var(--muted,#62708a);font-size:13px;line-height:1.5}

/* Passenger identity rows share a fixed label column and baseline. */
.wallet-person>div:last-child{min-width:0;flex:1}.wallet-person dl{grid-template-columns:72px minmax(0,1fr);align-items:baseline;column-gap:8px;row-gap:5px;line-height:1.4}.wallet-person dt,.wallet-person dd{padding:0;margin:0;min-width:0;overflow-wrap:anywhere}.wallet-person h3{font-size:18px;line-height:1.15;margin:0 0 9px;overflow-wrap:anywhere}