:root{--navy:#062a5e;--navy-deep:#041d42;--red:#bd0c06;--orange:#e47a04;--gold:#ffd600;--bg:#f4f5f8;--card:#fff;--ink:#1c2230;--muted:#5d6675;--line:#e1e4ea;--warn-bg:#fff4e5;--warn-line:#e47a04;--note-bg:#eef2f9;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;margin:0;padding:0;font-family:Calibri,Carlito,Segoe UI,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.4}button{font:inherit}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:10;color:var(--navy);padding:calc(8px + var(--safe-top)) 14px 8px;border-bottom:4px solid var(--navy);background:#fff;align-items:center;gap:10px;display:flex;position:sticky;top:0;box-shadow:0 2px 6px #062a5e26}.topbar .back{color:var(--navy);cursor:pointer;background:0 0;border:0;padding:0 8px 2px 0;font-size:26px;line-height:1}.topbar .title{letter-spacing:.2px;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;flex:1;font-size:18px;font-weight:700;overflow:hidden}.topbar .logo{width:auto;height:40px;display:block}.topbar .logo.small{height:34px}.topbar .offline{background:var(--red);color:#fff;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.hero{background:var(--navy);color:#fff;text-align:center;padding:14px 14px 12px}.hero .h{text-transform:uppercase;letter-spacing:1px;color:#fff;font-size:22px;font-weight:700}.hero .h span{color:var(--gold)}.hero .sub{color:#c6d3e6;margin-top:2px;font-size:12.5px}.search{background:var(--navy);padding:12px 14px}.search input{border:1px solid var(--line);background:var(--card);width:100%;color:var(--ink);border-radius:12px;outline:none;padding:12px 14px;font-size:16px}.search input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #ffd60059}.main{padding:14px 14px calc(24px + var(--safe-bottom));flex:1;width:100%;max-width:760px;margin:0 auto}.grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width>=560px){.grid{grid-template-columns:repeat(3,1fr)}}.tile{background:var(--card);border:1px solid var(--line);text-align:left;cursor:pointer;border-radius:14px;flex-direction:column;gap:6px;min-height:120px;padding:16px 14px;transition:transform 80ms,border-color 80ms;display:flex}.tile:active{border-color:var(--orange);transform:scale(.98)}.tile{border-top:4px solid var(--navy)}.tile:nth-child(odd){border-top-color:var(--red)}.tile .icon{font-size:26px}.tile .name{color:var(--navy);font-size:15px;font-weight:700}.tile .blurb{color:var(--muted);font-size:12.5px}.notes-tile{background:var(--navy);color:#fff;border-color:var(--navy);grid-column:1/-1;border-top-color:var(--gold)!important}.notes-tile .name{color:var(--gold)}.notes-tile .blurb{color:#cfd6e3}.section-head{margin:4px 0 14px}.section-head h1{color:var(--navy);margin:0 0 4px;font-size:22px}.section-head p{color:var(--muted);margin:0;font-size:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;padding:14px}.card h2{color:var(--navy);align-items:center;gap:8px;margin:0 0 8px;font-size:16.5px;display:flex}.card ul{margin:6px 0 0;padding-left:20px}.card li{margin:5px 0}.card p{margin:6px 0}.tablewrap{-webkit-overflow-scrolling:touch;margin:8px -4px 4px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;vertical-align:top;padding:7px 8px}table.wrap{table-layout:fixed}table.wrap td,table.wrap th{white-space:normal;padding:7px 6px;font-size:13.5px}table.wrap th:first-child,table.wrap td:first-child{width:24%}table.wrap th:nth-child(2),table.wrap td:nth-child(2){width:22%;font-size:12.5px}th{background:var(--navy);color:#fff;font-size:13px;font-weight:700;position:sticky;top:0}tr:nth-child(2n) td{background:#f8f9fb}td:first-child{font-weight:600}.callout{border-radius:10px;margin-top:10px;padding:10px 12px;font-size:14px}.callout.warn{background:var(--warn-bg);border-left:4px solid var(--warn-line)}.callout.note{background:var(--note-bg);border-left:4px solid var(--navy)}.callout b{margin-right:4px}.results .hit{color:var(--orange);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:12px;font-weight:700}.empty{text-align:center;color:var(--muted);padding:40px 10px}.notes textarea{border:1px solid var(--line);width:100%;min-height:160px;font:inherit;resize:vertical;border-radius:12px;padding:12px;font-size:15px}.notes textarea:focus{border-color:var(--orange);outline:none}.notes .row{align-items:center;gap:8px;margin-top:8px;display:flex}.btn{background:var(--red);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:10px 16px;font-weight:700}.btn:disabled{opacity:.45}.btn.ghost{border:1px solid var(--line);color:var(--muted);background:0 0}.saved{color:var(--muted);font-size:12px}.notes-list .note-item{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:10px;padding:12px}.notes-list .note-item .meta{color:var(--muted);justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.notes-list .note-item pre{white-space:pre-wrap;font:inherit;margin:0}.notes-list .del,.table .del{color:#b23b3b;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px}.section-notes{margin-top:18px}.section-notes h3{color:var(--navy);margin:0 0 8px;font-size:15px}.install{background:var(--card);border:1px dashed var(--orange);color:var(--muted);border-radius:12px;margin:12px 0 0;padding:12px;font-size:13.5px}.install b{color:var(--navy)}.footer{text-align:center;color:var(--muted);padding:16px 0 0;font-size:12px}.footer img{height:44px;margin:0 auto 6px;display:block}.docs-hint{color:var(--muted);font-size:13px;margin:0 0 8px!important}.doc{border:1px solid var(--line);color:var(--navy);background:var(--bg);border-radius:10px;align-items:center;gap:10px;margin-top:8px;padding:10px 12px;font-weight:600;text-decoration:none;display:flex}.doc:active{border-color:var(--orange)}.doc-ic{background:var(--red);color:#fff;letter-spacing:.5px;border-radius:5px;padding:3px 6px;font-size:11px;font-weight:700}.doc-arrow{color:var(--muted);margin-left:auto;font-size:20px}.form-ic{background:var(--navy)}.form label{color:var(--muted);margin-top:10px;font-size:13px;font-weight:600;display:block}.form input{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:#fff;border-radius:10px;margin-top:4px;padding:11px 12px;font-size:16px;display:block}.form input:focus{border-color:var(--orange);outline:none;box-shadow:0 0 0 3px #e47a042e}.form .row2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.form .row2>label:last-child{max-width:140px}.form .row2.wide{grid-template-columns:2fr 1fr}.form .row2.wide>label:last-child{max-width:none}.form .item{border-top:1px dashed var(--line);margin-top:8px;padding-top:4px}.form .item:first-of-type{border-top:0;margin-top:0}.form .totals{border-top:2px solid var(--navy);margin-top:12px;padding-top:6px}.form .totals>div{justify-content:space-between;align-items:center;gap:10px;padding:6px 0;display:flex}.form .totals input{text-align:right;width:110px;margin:0;padding:8px 10px}.form .totals .grand{color:var(--navy);font-size:17px}.form .totals .bad{color:var(--red);font-weight:700}.form .legal{color:var(--muted);font-size:13px;line-height:1.45}.sigwrap{margin-top:10px}.sigpad{border:1px dashed var(--navy);touch-action:none;background:#fff;border-radius:10px;width:100%;height:140px;display:block}.sigrow{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.hint{color:var(--muted);font-size:12.5px}.hint.center{text-align:center;margin-top:10px}.form .actions{flex-direction:column;gap:10px;margin-top:14px;display:flex}.btn.big{text-align:center;padding:15px;font-size:17px}.btn.ghost{text-align:center;text-decoration:none}.form .callout{margin-bottom:4px}.form textarea{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);resize:vertical;background:#fff;border-radius:10px;margin-top:4px;padding:11px 12px;font-size:16px;display:block}.form textarea:focus{border-color:var(--orange);outline:none;box-shadow:0 0 0 3px #e47a042e}.chips{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.chip{border:1px solid var(--line);color:var(--navy);cursor:pointer;background:#fff;border-radius:999px;padding:8px 14px;font-weight:600}.chip.on{background:var(--navy);color:#fff;border-color:var(--navy)}.checklist{flex-direction:column;gap:6px;margin-top:8px;display:flex}.check{text-align:left;border:1px solid var(--line);font:inherit;color:var(--ink);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:15px;display:flex}.check .box{border-radius:6px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-weight:800;display:inline-flex}.check.ok .box{background:var(--navy);color:#fff}.check.attn{border-color:var(--red);background:#fff5f3}.check.attn .box{background:var(--red);color:#fff}.check.na{color:var(--muted)}.check.na .box{background:var(--bg);color:var(--muted);border:1px solid var(--line)}.photo-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px;display:grid}.photo{aspect-ratio:1;border:1px solid var(--line);background:var(--bg);border-radius:10px;position:relative;overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%;display:block}.photo.add{color:var(--navy);border:1px dashed var(--navy);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:26px;display:flex}.photo.add span{font-size:12px;font-weight:700}.photo-x{color:#fff;cursor:pointer;background:#0009;border:0;border-radius:999px;width:24px;height:24px;position:absolute;top:4px;right:4px}.forms-tile{grid-column:1/-1;border-top-color:var(--orange)!important}.form-link small{color:var(--muted);font-weight:500}.card h2 .tag{color:var(--red);background:#fff5f3;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.form input[type=time]{min-height:46px}.btn.small{align-self:flex-start;margin-top:8px;padding:6px 12px;font-size:13px}.totals-card .totals>div b{text-align:right}.form .row2>label .chip{margin-top:4px;display:inline-block}.form label.initials{background:#fff8e1;border:1px solid #f0d27a;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin:8px 0;padding:8px 10px;font-weight:600;display:flex}.form label.initials input{text-align:center;letter-spacing:2px;text-transform:uppercase;width:84px;margin:0;font-weight:800}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:14px}.table th,.table td{text-align:right;border-bottom:1px solid var(--line);white-space:nowrap;padding:6px}.table th:first-child,.table td:first-child{text-align:left}.table thead th{background:var(--navy);color:#fff}.table tfoot th{border-top:2px solid var(--navy)}.table tr.flag td{background:#fff8e1}.initwrap{background:#fff8e1;border:1px solid #f0d27a;border-radius:10px;grid-template-columns:1fr 150px;align-items:center;gap:10px;margin:8px 0;padding:8px 10px;display:grid}.initwrap.done{background:#eef7ee;border-color:#9fd3a5}.initlabel{font-size:14px;font-weight:600}.initpad .sigwrap{margin:0}.initpad canvas.sigpad{height:64px!important}.initpad .sigrow .hint{display:none}.initpad .sigrow{justify-content:flex-end;margin-top:2px}.form label.initials{display:none}.lock{background:var(--navy);color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.lock-logo{background:#fff;border-radius:12px;height:64px;margin-bottom:14px;padding:8px 14px}.lock h1{letter-spacing:1px;margin:0 0 12px;font-size:26px}.lock-form{flex-direction:column;gap:12px;width:100%;max-width:320px;display:flex}.lock-form input{text-align:center;letter-spacing:12px;border:0;border-radius:12px;padding:12px;font-size:30px}.lock .hint{color:#cfd8ea}.lock .callout.warn{color:#1b1b1b;text-align:left}.lockbtn{cursor:pointer;background:0 0;border:0;padding:6px 8px;font-size:20px}.profile-tile{border-color:#9fd3a5}.card.gate{border:2px solid var(--red);background:#fff5f5}.card.gate h2{color:var(--red)}.grid.sub{margin-bottom:14px}.tile.group-tile{border:2px solid var(--navy)}.crumb{color:var(--muted);margin-bottom:4px;font-size:13px;text-decoration:none;display:inline-block}.call-row{text-align:left;border:1px solid var(--line);cursor:pointer;width:100%;font:inherit;background:#fff;border-radius:10px;grid-template-columns:28px 1fr 28px;align-items:center;gap:10px;margin-top:8px;padding:8px 10px;display:grid}.call-row .n{color:var(--navy);font-weight:800}.call-row .who small{color:var(--muted)}.call-row .st{color:var(--red);text-align:center;font-weight:800}.call-row .st.ok{color:#2e7d32}.call-open{border:2px solid var(--navy);border-radius:12px;margin-top:8px;padding:10px}.call-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.sale{background:#fff8e1;border:1px solid #f0d27a;border-radius:10px;margin-top:8px;padding:8px 10px}.picker{border:1px solid var(--line);background:#f4f7fb;border-radius:12px;margin:8px 0 10px;padding:10px 12px}.picker-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.pick{text-align:left;border:1px solid var(--line);width:100%;font:inherit;cursor:pointer;background:#fff;border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:10px;margin-top:8px;padding:8px 10px;display:grid}.pick.shop,.pick.done{cursor:default;background:#fafafa}.pick.done{opacity:.7}.pick-main{flex-direction:column;gap:2px;min-width:0;display:flex}.pick-main small{color:#556}.pick-main small.desc{color:#334;white-space:normal}.pick-main small.note{color:var(--red)}.pick-add{background:var(--navy);color:#fff;white-space:nowrap;border-radius:999px;padding:6px 12px;font-weight:700}.linklike{color:var(--navy);font:inherit;cursor:pointer;background:0 0;border:0;padding:6px 0 0;text-decoration:underline}.p3info{border-left:3px solid var(--orange);background:#fff8e6;border-radius:6px;margin:6px 0 8px;padding:6px 10px;font-size:13px;line-height:1.35}.p3info span{white-space:pre-wrap}.steps{margin:6px 0;padding-left:20px}.steps li{margin:4px 0}.callout.ok{background:#eefaf0;border-left:4px solid #4caf50}.callout.ok ul{margin:6px 0 0 18px;padding:0}.p3name{color:var(--navy);margin-bottom:4px;font-weight:700;display:block}.onboard-tile{border:2px solid var(--orange);background:#fff9f0;grid-column:1/-1;border-top-color:var(--orange)!important}.onboard-tile .name{color:var(--orange)}.progress{background:var(--bg);border:1px solid var(--line);border-radius:999px;height:12px;margin:6px 0;overflow:hidden}.progress .bar{background:linear-gradient(90deg, var(--navy), var(--orange));border-radius:999px;height:100%;transition:width .3s}.progress.small{width:90px;height:8px;margin:0}.form-ic.done{background:#2e7d32}.quiz-opts{flex-direction:column;gap:8px;margin-top:8px;display:flex}.chip.opt{text-align:left;white-space:normal;border-radius:10px;padding:11px 14px;font-weight:500;line-height:1.35}.chip.opt.on{font-weight:700}.card.quiz-miss{border-color:var(--red);background:#fff5f3}.card.quiz-miss h2{color:var(--red)}.form label.consent{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:flex-start;gap:10px;margin-top:10px;padding:10px 12px;display:flex}.form label.consent input[type=checkbox]{width:22px;height:22px;accent-color:var(--navy);flex:none;margin:2px 0 0}.form label.consent .legal{margin:0;font-weight:500}.pick.overdue{border-color:var(--red);background:#fff5f3}.pick.soon{opacity:.85}.period-nav{justify-content:space-between;align-items:center;gap:8px;margin:10px 0 4px;display:flex}.period-nav b{color:var(--navy);text-align:center;flex:1;font-size:17px}.period-nav select{border:1px solid var(--line);font:inherit;color:var(--navy);background:#fff;border-radius:10px;flex:1;margin:0;padding:10px 12px;font-size:16px;font-weight:700}.period-nav .btn.small{padding:8px 14px;font-size:18px;line-height:1}.chip.small{padding:3px 9px;font-size:12px;font-weight:600}.form select{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:#fff;border-radius:10px;margin-top:4px;padding:11px 12px;font-size:16px;display:block}.form .item small.hint{margin-bottom:2px;font-weight:600;display:block}.card-img{border:1px solid var(--line,#d9dee5);background:#fff;border-radius:10px;margin:8px 0 10px;text-decoration:none;display:block;overflow:hidden}.card-img img{width:100%;height:auto;display:block}.card-img span{color:#5c6670;border-top:1px solid #e6eaef;padding:6px 10px;font-size:12px;display:block}.topbar .tutbtn{background:var(--note-bg);border:1px solid var(--line);color:var(--navy);cursor:pointer;border-radius:999px;width:34px;height:34px;margin-right:8px;padding:0;font-size:17px;line-height:1}.tutorials-tile{background:#f6f8fd;border-color:#b9c6e4;border-top-color:var(--navy)!important}.tut-ic{background:var(--note-bg);color:var(--navy);font-size:16px}.tut-backdrop{z-index:50;background:#041d428c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.tut-sheet{width:100%;max-width:560px;padding:14px 16px calc(14px + var(--safe-bottom));background:#fff;border-radius:18px 18px 0 0;max-height:88vh;animation:.22s ease-out tut-up;overflow-y:auto;box-shadow:0 -6px 24px #00000040}@keyframes tut-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.tut-head{align-items:center;gap:10px;margin-bottom:6px;display:flex}.tut-icon{font-size:26px}.tut-title{flex-direction:column;flex:1;line-height:1.2;display:flex}.tut-title b{color:var(--navy);font-size:17px}.tut-title small{color:var(--muted);font-size:12px}.tut-x{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:4px 6px;font-size:18px}.tut-intro{color:var(--muted);margin:4px 0 10px;font-size:14px}.tut-video{background:#000;border-radius:12px;width:100%;max-height:60vh;margin:4px 0 10px}.tut-step{background:var(--bg);border-radius:12px;gap:12px;min-height:120px;padding:12px;display:flex}.tut-step .tut-n{background:var(--navy);color:#fff;border-radius:50%;flex:0 0 30px;justify-content:center;align-items:center;height:30px;font-weight:700;display:flex}.tut-step b{color:var(--navy);font-size:16px}.tut-step p{margin:4px 0 0;font-size:15px}.tut-step .callout{margin-top:8px}.tut-dots{justify-content:center;gap:6px;margin:12px 0 8px;display:flex}.tut-dots span{background:var(--line);cursor:pointer;border-radius:50%;width:8px;height:8px}.tut-dots span.on{background:var(--red);border-radius:4px;width:22px}.tut-nav{gap:10px;display:flex}.tut-nav .btn{text-align:center;flex:1}.tut-foot{color:var(--muted);justify-content:space-between;margin-top:10px;font-size:13px;display:flex}.tut-foot a{color:var(--navy);font-weight:700;text-decoration:none}.tut-foot span{cursor:pointer}
