/* Practice Books — QuickBooks Online look (Oct 2026).
   Light QBO palette in both site themes: charcoal rail, white header, #2CA01C green actions, #0077C5 links. */
html body .sb.sb{
  --qb-green:#2CA01C;--qb-green-d:#108000;--qb-blue:#0077C5;--qb-blue-d:#0062A3;--qb-ink:#393A3D;--qb-muted:#6B6C72;--qb-line:#DCDEE3;--qb-line2:#E9EBEF;--qb-bg:#F4F5F8;
  --surface:#fff;--surface-2:#F4F5F8;--ink:#393A3D;--muted:#6B6C72;--line:#DCDEE3;--good:#1E7D12;--good-soft:#E8F5E5;--gold:#2CA01C;--gold-soft:#E8F5E5;
  --sb-link:#0077C5;--pb-blue:#2CA01C;--pb-blue-d:#108000;--pb-rail:#393A3D;--pb-bg:#F4F5F8;--pb-orange:#FF8000;--pb-gray:#D4D7DC;--pb-teal:#2CA01C;--pb-lteal:#9ED68E;--pb-foot:#393A3D;
  --body:"Avenir Next","Avenir","Nunito Sans","Segoe UI",Helvetica,Arial,sans-serif;--display:var(--body);
  color-scheme:light;background:var(--qb-bg);color:var(--qb-ink);font-family:var(--body);font-size:14px}
html body .sb.sb :is(input,select,textarea,button){font-family:var(--body)}
/* shell */
html body .sb.sb .pb-rail{background:#393A3D}
html body .sb.sb .pb-logo{font:700 15px var(--body);letter-spacing:-.01em;padding:4px 10px 16px}
html body .sb.sb .pb-logo .sb-tiles i:nth-child(1){background:#2CA01C!important}html body .sb.sb .pb-logo .sb-tiles i:nth-child(2){background:#108000!important}
html body .sb.sb .pb-logo .sb-tiles i:nth-child(3){background:#53B700!important}html body .sb.sb .pb-logo .sb-tiles i:nth-child(4){background:#2CA01C!important}
html body .sb.sb .pb-ri{font:500 14px var(--body)}
html body .sb.sb .pb-ri.on{font-weight:700}
html body .sb.sb .pb-hd{background:#fff;border-bottom:1px solid var(--qb-line);min-height:56px}
html body .sb.sb .pb-search{background:#fff;border:1px solid #8D9096;border-radius:4px;max-width:480px}
html body .sb.sb .pb-search:focus-within{border-color:var(--qb-green);box-shadow:0 0 0 2px rgba(44,160,28,.25)}
html body .sb.sb .pb-hi{color:var(--qb-ink);border-radius:4px}
html body .sb.sb .pb-hi:hover{background:#ECEEF1}
html body .sb.sb .pb-hi b{background:var(--qb-green);color:#fff}
html body .sb.sb .pb-close{border:1px solid #8D9096;border-radius:4px}
html body .sb.sb .sb-main{background:var(--qb-bg);padding:24px 32px 90px}
/* page headings + tabs */
html body .sb.sb .sb-ph h2,html body .sb.sb .pb-hello h2,html body .sb.sb .pr-ehead h2{font:600 24px/1.25 var(--body)!important;color:var(--qb-ink);letter-spacing:0!important}
html body .sb.sb .sb-ph p{color:var(--qb-muted)}
html body .sb.sb .sb-tabs{border-bottom:1px solid var(--qb-line);gap:0;margin-bottom:18px}
html body .sb.sb .sb-tabs button{font:500 14px var(--body);color:var(--qb-ink);padding:12px 16px;border-bottom:4px solid transparent}
html body .sb.sb .sb-tabs button:hover{color:#000;background:rgba(0,0,0,.03)}
html body .sb.sb .sb-tabs button.on{font-weight:700;color:var(--qb-ink);border-bottom-color:var(--qb-green)}
/* buttons + links */
html body .sb.sb .btn{border-radius:4px;font:600 14px var(--body);box-shadow:none}
html body .sb.sb .pb-pri{background:var(--qb-green);border:1px solid var(--qb-green);color:#fff}
html body .sb.sb .pb-pri:hover{background:var(--qb-green-d);border-color:var(--qb-green-d)}
html body .sb.sb .sb-ghost,html body .sb.sb .pb-ghostd{background:#fff;border:1px solid #8D9096;color:var(--qb-ink)}
html body .sb.sb .sb-ghost:hover,html body .sb.sb .pb-ghostd:hover{background:#F4F5F8;border-color:var(--qb-ink)}
html body .sb.sb .sb-lnk{color:var(--qb-blue);font-weight:600}
html body .sb.sb .sb-lnk:hover{color:var(--qb-blue-d);text-decoration:underline}
html body .sb.sb .pb-new{border-radius:4px;font:600 15px var(--body)}
/* tables */
html body .sb.sb .sb-tw{background:#fff;border:1px solid var(--qb-line);border-radius:4px}
html body .sb.sb .sb-tbl th{background:#fff;color:var(--qb-muted);font:700 12px var(--body);letter-spacing:.04em;border-bottom:1px solid var(--qb-line)}
html body .sb.sb .sb-tbl td{border-bottom:1px solid var(--qb-line2)}
html body .sb.sb .sb-tbl tbody tr:hover>td{background:#F4F5F8}
html body .sb.sb .sb-tbl .sb-trow td{font-weight:700;background:#FAFAFB}
/* pills */
html body .sb.sb .sb-pill{border-radius:4px;font:700 12px var(--body);padding:3px 8px}
html body .sb.sb .sb-pill.ok{background:#E8F5E5;color:#1E7D12}
html body .sb.sb .sb-pill.bad{background:#FDECEA;color:#C42B1C}
html body .sb.sb .sb-pill.part{background:#FFF1E0;color:#A65200}
html body .sb.sb .sb-pill.info{background:#E5F2FA;color:#0062A3}
html body .sb.sb .sb-pill.due{background:#ECEEF1;color:var(--qb-muted)}
/* dashboard widgets */
html body .sb.sb .pb-w{border-radius:4px!important;border:1px solid var(--qb-line)!important;box-shadow:0 1px 2px rgba(0,0,0,.06)!important;padding:20px 22px!important}
html body .sb.sb .pb-w h3{font:700 13px var(--body)!important;letter-spacing:.06em;text-transform:uppercase;color:var(--qb-muted)}
html body .sb.sb .pb-w header small{font-size:13px;color:var(--qb-muted)}
html body .sb.sb .pb-w header small::after{content:" ▾";font-size:10px}
html body .sb.sb .pb-wbig{font:600 30px/1.2 var(--body)!important;color:var(--qb-ink)}
html body .sb.sb .pb-hbar+.pb-hbar i{background:#21ABF6!important}
html body .sb.sb .pb-shortcuts button>span{border-radius:50%!important;border:1px solid var(--qb-line)!important;color:var(--qb-green)!important;box-shadow:none!important;background:#fff!important}
html body .sb.sb .pb-shortcuts button:hover>span{border-color:var(--qb-green)!important;transform:none!important}
html body .sb.sb .pb-shortcuts button{font:600 13px var(--body);color:var(--qb-ink)}
html body .sb.sb .sb-prog i{background:var(--qb-green)}
/* dialogs + forms */
html body .sb.sb .sb-dlg{border-radius:4px;padding:22px 24px}
html body .sb.sb .sb-dlg.wide{width:min(880px,100%)}
html body .sb.sb .sb-dlg h3{font:600 20px var(--body);color:var(--qb-ink)}
html body .sb.sb .sb-dlg :is(input:not([type=checkbox]):not([type=radio]),select,textarea),html body .sb.sb .pf :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border:1px solid #8D9096;border-radius:4px}
html body .sb.sb .sb-dlg :is(input,select,textarea):focus,html body .sb.sb .pf :is(input,select,textarea):focus{border-color:var(--qb-green);box-shadow:0 0 0 2px rgba(44,160,28,.25);outline:none}
html body .sb.sb .pf-h{background:#fff;border-bottom:1px solid var(--qb-line)}
html body .sb.sb .pf-f{background:#393A3D}

/* ---------- Payroll center ---------- */
.sb .pr-card{background:#fff;border:1px solid var(--qb-line,#DCDEE3);border-radius:4px;padding:18px 20px;box-shadow:0 1px 2px rgba(0,0,0,.05);min-width:0}
.sb .pr-card h3{margin:0;font:600 18px/1.3 var(--body);color:var(--qb-ink,#393A3D)}
.sb .pr-card>header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.sb .pr-card p{margin:4px 0 0}
.sb .pr-k{display:block;font:700 12px var(--body);letter-spacing:.06em;text-transform:uppercase;color:#6B6C72;margin-bottom:6px}
.sb .pr-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0 8px}
.sb .pr-cards .pr-card h3{font-size:24px}
.sb .pr-cards .pr-card .btn,.sb .pr-cards .pr-card .sb-lnk{margin-top:12px}
.sb .pr-setup{border-left:4px solid #2CA01C;margin-bottom:16px}
.sb .pr-bar{height:6px;background:#ECEEF1;border-radius:3px;overflow:hidden;margin:14px 0 6px}
.sb .pr-bar i{display:block;height:100%;background:#2CA01C;transition:width .4s}
.sb .pr-steps{list-style:none;margin:6px 0 0;padding:0}
.sb .pr-steps li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #E9EBEF}
.sb .pr-steps li:first-child{border-top:0}
.sb .pr-steps li b{display:block;font-weight:700;color:#393A3D}
.sb .pr-steps li span{font-size:13px;color:#6B6C72}
.sb .pr-steps li.ok b{color:#6B6C72}
.sb .pr-ck{width:24px;height:24px;border-radius:50%;border:2px solid #8D9096;display:inline-grid;place-items:center;font:700 13px var(--body);color:#fff;flex:none;background:#fff;vertical-align:middle}
.sb .pr-ck.on{background:#2CA01C;border-color:#2CA01C}
.sb .pr-sec h3 .pr-ck{width:20px;height:20px;font-size:11px;margin-right:8px}
.sb .pr-sec{margin-bottom:14px}
.sb .pr-sec>header{align-items:center}
.sb .pr-sec>header h3{font-size:16px;display:flex;align-items:center}
.sb .pr-dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px 24px;margin:14px 0 0}
.sb .pr-dl div{min-width:0}
.sb .pr-dl dt{font-size:12.5px;color:#6B6C72}
.sb .pr-dl dd{margin:2px 0 0;font-weight:600;color:#393A3D;overflow-wrap:anywhere}
.sb .pr-miss{color:#A65200;font-weight:600}
.sb .pr-flow{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 16px;padding:0;background:#fff;border:1px solid #DCDEE3;border-radius:4px}
.sb .pr-flow li{padding:14px 16px;border-left:1px solid #E9EBEF;min-width:0}
.sb .pr-flow li:first-child{border-left:0}
.sb .pr-flow b{display:flex;align-items:center;gap:8px;color:#393A3D}
.sb .pr-flow b i{font-style:normal;width:22px;height:22px;border-radius:50%;background:#E8F5E5;color:#1E7D12;display:grid;place-items:center;font-size:12px}
.sb .pr-flow span{display:block;font-size:12.5px;color:#6B6C72;margin-top:4px}
.sb .pr-seg{display:inline-flex;border:1px solid #8D9096;border-radius:4px;overflow:hidden;margin:0 0 14px;flex-wrap:wrap}
.sb .pr-seg button{background:#fff;border:0;border-left:1px solid #8D9096;padding:7px 16px;font:600 13.5px var(--body);color:#393A3D;cursor:pointer}
.sb .pr-seg button:first-child{border-left:0}
.sb .pr-seg button.on{background:#393A3D;color:#fff}
.sb .pr-av{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#E8F5E5;color:#1E7D12;font:700 12px var(--body);margin-right:10px;vertical-align:middle;flex:none}
.sb .pr-av.big{width:56px;height:56px;font-size:20px;margin:0}
.sb .pr-left{display:block;font-size:12px;color:#6B6C72;margin-top:3px}
.sb .pr-acts{white-space:nowrap}
.sb .pr-ehead{display:flex;align-items:center;gap:16px;margin:14px 0 18px;flex-wrap:wrap}
.sb .pr-ehead h2{margin:0}
.sb .pr-ehead p{margin:4px 0 0;color:#6B6C72}
.sb .pr-ehead .sb-btns{margin-left:auto}
.sb .pr-egrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.sb .pr-egrid .pr-sec{margin-bottom:16px}
.sb .pr-done{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid #DCDEE3;border-top:4px solid #2CA01C;border-radius:4px;padding:18px 20px;margin-bottom:16px}
.sb .pr-done h3{margin:0;font:600 20px var(--body)}
.sb .pr-done p{margin:6px 0 12px;color:#393A3D}
.sb .pr-done>div:nth-child(2){flex:1;min-width:0}
.sb .pr-doneic{width:44px;height:44px;border-radius:50%;background:#2CA01C;color:#fff;display:grid;place-items:center;font:700 22px var(--body);flex:none}
.sb .pr-ul{margin:8px 0 12px;padding-left:20px}.sb .pr-ul li{margin:4px 0}
.sb .pr-run .sb-qty{width:84px}
.sb .pr-off td{color:#8D9096;background:#FAFAFB}
/* offer letter */
.sb .pr-offer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px;align-items:start}
.sb .pr-offer label,.sb .pr-offer .pf-r{margin-bottom:10px}.sb .pr-offer .pf-r label{margin-bottom:0}
.sb .pr-letter{background:#fff;border:1px solid #DCDEE3;box-shadow:0 6px 18px -10px rgba(0,0,0,.3);padding:26px 28px;font:14px/1.6 Georgia,"Times New Roman",serif;color:#222;max-height:62vh;overflow:auto}
.sb .pr-letter p{margin:0 0 12px}
.sb .pr-lhd{border-bottom:2px solid #2CA01C;padding-bottom:8px;margin-bottom:14px;display:flex;flex-direction:column;font-family:var(--body)}
.sb .pr-lhd b{font-size:17px;color:#393A3D}.sb .pr-lhd span{font-size:12.5px;color:#6B6C72}
.sb .pr-sign{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:22px;padding-top:12px;border-top:1px dashed #C8CBD1;font-family:var(--body);font-size:13px}
.sb .pr-sig{font:400 22px "La Belle Aurore",cursive;color:#0D3C8C}
/* practice documents */
.sb .pr-docs{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:12px}
.sb .pr-doc{position:relative;overflow:hidden;background:#FFFEF8;border:1px solid #DCDEE3;border-radius:4px;padding:16px 18px;font-size:13.5px}
.sb .pr-doc small{display:block;color:#6B6C72;font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:11px}
.sb .pr-doc h4{margin:6px 0 8px;font:700 15px var(--body);color:#393A3D}
.sb .pr-doc p{margin:0 0 8px;color:#393A3D}
.sb .pr-doc dl{margin:0}.sb .pr-doc dt{color:#6B6C72;font-size:12px;margin-top:8px}.sb .pr-doc dd{margin:1px 0 0;font:700 15px var(--body);color:#111;letter-spacing:.02em}
.sb .pr-wm{position:absolute;right:-28px;top:16px;transform:rotate(30deg);background:#FFF1E0;color:#A65200;font:800 10px var(--body);letter-spacing:.14em;padding:3px 34px;pointer-events:none}
/* pay stub + forms */
.sb .pr-stub{border:1px solid #DCDEE3;border-radius:4px;padding:18px 20px;background:#fff}
.sb .pr-stub header{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:2px solid #393A3D;padding-bottom:10px}
.sb .pr-stub header div{display:flex;flex-direction:column}.sb .pr-stub header span{font-size:12.5px;color:#6B6C72}
.sb .pr-stubto{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:14px 0}
.sb .pr-stubto>div{display:flex;flex-direction:column;gap:1px}.sb .pr-stubto small{color:#6B6C72;font-size:12px}.sb .pr-stubto span{font-size:13px;color:#6B6C72}
.sb .pr-net{text-align:right;background:#E8F5E5;border-radius:4px;padding:8px 14px}.sb .pr-net b{font-size:22px;color:#1E7D12}
.sb .pr-stub .sb-tbl{margin-bottom:12px}
.sb .pr-fwrap{position:relative;overflow:hidden}
.sb .pr-fhd{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#F4F5F8;border:1px solid #DCDEE3;border-radius:4px;padding:12px 14px;margin-bottom:12px}
.sb .pr-fhd div{display:flex;flex-direction:column}.sb .pr-fhd span{font-size:12.5px;color:#6B6C72}
.sb .pr-form td{padding:9px 12px}
.sb .pr-ln{width:64px;font-weight:700;color:#6B6C72;white-space:nowrap}
.sb .pr-due td{color:#C42B1C;font-weight:700}
.sb .pr-w2{border:1px solid #DCDEE3;border-radius:4px;margin-bottom:12px;overflow:hidden}
.sb .pr-w2h{display:flex;justify-content:space-between;gap:10px;background:#F4F5F8;padding:10px 14px;border-bottom:1px solid #DCDEE3}
.sb .pr-w2g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.sb .pr-w2g div{padding:10px 14px;border-right:1px solid #E9EBEF;border-bottom:1px solid #E9EBEF;min-width:0}
.sb .pr-w2g small{display:block;font-size:11.5px;color:#6B6C72}.sb .pr-w2g b{font-size:15px}
.sb .pr-run .pf-foot .sb-hint{max-width:520px}
@media (max-width:1100px){.sb .pr-cards{grid-template-columns:1fr 1fr}.sb .pr-egrid{grid-template-columns:1fr}.sb .pr-offer{grid-template-columns:1fr}.sb .pr-letter{max-height:none}}
@media (max-width:700px){.sb .pr-cards{grid-template-columns:1fr}.sb .pr-flow{grid-template-columns:1fr 1fr}.sb .pr-flow li:nth-child(3){border-left:0}.sb .pr-flow li:nth-child(n+3){border-top:1px solid #E9EBEF}.sb .pr-steps li{grid-template-columns:28px minmax(0,1fr)}.sb .pr-steps li .btn{grid-column:2;justify-self:start}.sb .pr-w2g{grid-template-columns:1fr 1fr}html body .sb.sb .sb-main{padding:16px 16px 90px}}
@media print{body.sb-lock>*:not(.sb){display:none!important}.sb .pb-rail,.sb .pb-hd,.sb .sb-tasks,.sb .sb-mf,.sb .sb-th .sb-x,.sb .pr-seg{display:none!important}.sb .sb-mod{position:static;background:none}.sb .sb-dlg{box-shadow:none;max-height:none;width:100%}}

/* Sales tax center (Taxes) */
.stx-intro{max-width:720px}
.stx-intro h3{margin:0 0 8px}
.stx-steps{margin:12px 0 18px;padding-left:20px;line-height:1.7}
.stx-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:20px}
.stx-grid .qi-card h3{margin:0 0 10px}
@media (max-width:640px){.stx-grid{grid-template-columns:1fr}}