/* look16-own.css — v479 · the last screens drawn after Apple's own apps, in Jetsy's own look (Joe, Sat 24 Oct 2026, 6:08pm: "redo Extra
   Features before Apple's reviewer gets there … I'd also change the last few screens that still look in Jetsy's own look's: the + menu, the Find
   box, the money chart and the calendar. Do this right away as well"; 6:09pm "Check every thing to make sure there's nothing apple would
   have an issue with or any other company"). Loaded after look15-own.css. Not legal advice.
     · Extra Features — no track-style tab switch, no strip of big featured cards, no rounded "get" capsule, no big rounded-square app icon
       on the preview: Jetsy's outlined tabs (the picked one orange), Jetsy's search field, an outlined "Add" button, the preview's title at
       the left with an orange Done, a round icon and an orange button;
     · the + menu — not a centered action sheet with a separate big Close: the title at the left, the choices as a two-column grid of
       Jetsy tiles ("Talk to Jetsy" across both), Close an outlined button;
     · Find and every list's search box — Jetsy's outlined field with an orange edge while typing (not a soft gray rounded bar); Close an
       outlined button;
     · the money sheet's chart — Jetsy's orange bars, one per day (week, month), week (3 months) or month (year) — drawn by look13-money.js;
     · the calendar — the day numbers in rounded squares, today an orange outline, the picked day an orange wash (not filled circles);
     · a customer's page — the actions as Jetsy buttons (icon beside the word, two to a row), not four equal tiles under the name.
   Off for one phone: localStorage nolook16 = 1 (html.nolook16). Every rule sits under html:not(.nolook16) with fake ids so it wins over
   looks 13 and 14 whatever the order. */

html:not(.nolook16){
  --j16-or:var(--j15-or,#FF6A1A); --j16-or-soft:var(--j15-or-soft,rgba(255,106,26,.16)); --j16-or-ink:#FFB27A;
  --j16-line:var(--j15-line,rgba(201,212,230,.16)); --j16-edge:var(--j15-edge,rgba(201,212,230,.10));
  --j16-field:rgba(201,212,230,.05); --j16-card:rgba(201,212,230,.045); --j16-ink:#E9F0F8; --j16-ink2:rgba(214,224,240,.66);
}
html.je-light:not(.nolook16){
  --j16-or-ink:#C2410C; --j16-field:#FFFFFF; --j16-card:#FFFFFF; --j16-ink:#10203A; --j16-ink2:rgba(16,32,58,.62);
}

/* ---------------------------------------------------------------------------------------------- Extra Features -- */
html:not(.nolook16):not(#j16x) body #main#main .cmk-tabs{background:none!important;padding:0!important;gap:8px!important;border-radius:0!important}
html:not(.nolook16):not(#j16x) body #main#main .cmk-tabs .cmk-tab{background:none!important;box-shadow:none!important;border:1.5px solid var(--j16-line)!important;
  border-radius:10px!important;color:var(--j16-ink)!important;font-weight:600!important;min-height:44px}
html:not(.nolook16):not(#j16x) body #main#main .cmk-tabs .cmk-tab.on{border-color:var(--j16-or)!important;background:var(--j16-or-soft)!important;color:var(--j16-or-ink)!important;font-weight:700!important}
html:not(.nolook16):not(#j16x) body #main#main .cmk-tabs .cmk-tab::after{display:none!important}
html:not(.nolook16):not(#j16x) body #main#main .l14m-feat{display:none!important}   /* no strip of big featured cards */
html:not(.nolook16):not(#j16x) body #main#main #cmk-bd .cmk-r>.b.sm::before{border-radius:10px!important;background:transparent!important;box-shadow:inset 0 0 0 1.5px var(--j16-line)!important;top:6px;bottom:6px}
html:not(.nolook16):not(#j16x) body #main#main #cmk-bd .cmk-r>.b.sm.cmk-add::before{box-shadow:inset 0 0 0 1.5px var(--j16-or)!important}
html:not(.nolook16):not(#j16x) body #main#main #cmk-bd .cmk-r>.b.sm.cmk-add{color:var(--j16-or-ink)!important;font-weight:700!important;border-radius:10px!important}
html:not(.nolook16):not(#j16x) body #main#main #cmk-bd .cmk-r>.b.sm.cmk-add:active::before{background:var(--j16-or-soft)!important}
/* the preview */
html:not(.nolook16):not(#j16x) .l14m-grab{display:none!important}
html:not(.nolook16):not(#j16x) .l14m-shd{justify-content:flex-start!important;padding:0 64px 0 18px!important;height:56px!important}
html:not(.nolook16):not(#j16x) .l14m-shd h2{font-size:20px!important;line-height:26px!important;font-weight:800!important;letter-spacing:0!important;text-align:left!important}
html:not(.nolook16):not(#j16x) .l14m-done{color:var(--j16-or)!important;font-weight:700!important;right:4px!important}
html:not(.nolook16):not(#j16x) .l14m-sh .cmk-m,
html:not(.nolook16):not(#j16x) .l14m-sh .cmk-m.j6-mi[data-l13c]{flex:0 0 64px!important;width:64px!important;height:64px!important;min-height:64px!important;border-radius:50%!important}
html:not(.nolook16):not(#j16x) .l14m-sh .cmk-m.j6-mi .ji{width:34px!important;height:34px!important}
html:not(.nolook16):not(#j16x) .l14m-nm b{font-size:20px!important;line-height:25px!important;letter-spacing:0!important}
html:not(.nolook16):not(#j16x) .l14m-nm .cmk-new{border-radius:6px!important;background:none!important;box-shadow:inset 0 0 0 1.5px var(--j16-or);color:var(--j16-or-ink)!important}
html:not(.nolook16):not(#j16x) .l14m-do{border-radius:12px!important;background:var(--j16-or)!important;color:#1A0C02!important;font-weight:800!important}
html:not(.nolook16):not(#j16x) .l14m-do.l14m-quiet{background:none!important;box-shadow:inset 0 0 0 1.5px var(--j16-line);color:var(--j16-ink)!important}

/* ---------------------------------------------------------------------------------------------- search fields -- */
html:not(.nolook16):not(#j16x) body #main#main .cmk-q,
html:not(.nolook16):not(#j16x) body #main#main :is(.search input,#callQ,.jtx-bar input[type="search"]),
html:not(.nolook16):not(#j16x) body .jfind-wrap .jfind-in{border:1.5px solid var(--j16-line)!important;border-radius:12px!important;background-color:var(--j16-field)!important;
  box-shadow:none!important;color:var(--j16-ink)!important}
html:not(.nolook16):not(#j16x) body #main#main .cmk-q:focus,
html:not(.nolook16):not(#j16x) body #main#main :is(.search input,#callQ,.jtx-bar input[type="search"]):focus,
html:not(.nolook16):not(#j16x) body .jfind-wrap .jfind-in:focus{border-color:var(--j16-or)!important;box-shadow:0 0 0 3px var(--j16-or-soft)!important;outline:none!important}
html:not(.nolook16):not(#j16x) body .jfind-wrap .jfind-x{color:var(--j16-ink)!important;background:none!important;border:1.5px solid var(--j16-line)!important;border-radius:10px!important;
  min-height:44px;padding:0 14px!important;font-weight:700!important}

/* ---------------------------------------------------------------------------------------------- the + menu -- */
html:not(.nolook16):not(#j16x) body .jmb-ov .jmb-plus-sh .jmb-g{display:none!important}
html:not(.nolook16):not(#j16x) body .jmb-ov .jmb-plus-sh h3{text-align:left!important;font-size:20px!important;line-height:26px!important;font-weight:800!important;padding:14px 4px 10px!important;color:var(--j16-ink)!important;letter-spacing:0!important;text-transform:none!important}
html:not(.nolook16):not(#j16x) body .jmb-ov .jmb-plus-sh .jmb-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;
  background:none!important;border-radius:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important}
html:not(.nolook16):not(#j16x) body .jmb-ov .jmb-plus-sh .jmb-grid .jmb-a{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;
  min-height:56px!important;margin:0!important;padding:8px 10px!important;border-radius:14px!important;background:var(--j16-card)!important;box-shadow:inset 0 0 0 1px var(--j16-edge)!important;
  text-align:left!important;font-size:15px!important;line-height:19px!important;font-weight:600!important}
html:not(.nolook16):not(#j16x) body .jmb-ov .jmb-plus-sh .jmb-grid .jmb-a::before{display:none!important}
html:not(.nolook16):not(#j16x) body .jmb-ov .jmb-plus-sh .jmb-grid .jmb-a.q{grid-column:1 / -1!important;background:var(--j16-or-soft)!important;box-shadow:inset 0 0 0 1.5px var(--j16-or)!important}
html:not(.nolook16):not(#j16x) body .jmb-ov .jmb-plus-sh .jmb-grid .jmb-a:active{filter:brightness(1.12)}
html:not(.nolook16):not(#j16x) body .jmb-ov .jmb-plus-sh .jmb-x{background:none!important;color:var(--j16-ink)!important;border:1.5px solid var(--j16-line)!important;border-radius:12px!important;
  min-height:48px!important;font-weight:700!important;margin-top:12px!important}

/* ---------------------------------------------------------------------------------------------- the calendar -- */
html:not(.nolook16):not(#j16x) body #main#main .jcal .jc-dn{border-radius:10px!important}
html:not(.nolook16):not(#j16x) body #main#main .jcal .jc-d.now .jc-dn,
html:not(.nolook16):not(#j16x) body #main#main .jcal .jc-md.now .jc-dn{background:none!important;box-shadow:inset 0 0 0 2px var(--j16-or)!important;color:var(--j16-or-ink)!important;font-weight:800!important}
html:not(.nolook16):not(#j16x) body #main#main .jcal .jc-d.sel:not(.now) .jc-dn,
html:not(.nolook16):not(#j16x) body #main#main .jcal .jc-md.sel:not(.now) .jc-dn{background:var(--j16-or-soft)!important;box-shadow:none!important;color:var(--j16-ink)!important}
html:not(.nolook16):not(#j16x) body #main#main .jcal .jc-d.now.sel .jc-dn,
html:not(.nolook16):not(#j16x) body #main#main .jcal .jc-md.now.sel .jc-dn{background:var(--j16-or-soft)!important}

/* ---------------------------------------------------------------------------------------------- a customer's page -- */
html:not(.nolook16):not(#j16x) body #main#main .pcard>:is(.cpf-acts,.acts)>:is(a,button).b.b[data-j14k]:not([data-j14k="quiet"]){
  flex:1 1 calc(50% - 4px)!important;max-width:none!important;flex-direction:row!important;justify-content:flex-start!important;gap:8px!important;
  min-height:48px!important;padding:0 12px!important;border-radius:12px!important;font-size:15px!important;line-height:19px!important;font-weight:700!important}
html:not(.nolook16):not(#j16x) body #main#main .pcard>:is(.cpf-acts,.acts)>.b.b[data-j14k]:not([data-j14k="quiet"])>svg,
html:not(.nolook16):not(#j16x) body #main#main .pcard>:is(.cpf-acts,.acts)>.b.b[data-j14k][data-j14i]:not([data-j14k="quiet"])::before{width:20px!important;height:20px!important;-webkit-mask-size:20px 20px!important;mask-size:20px 20px!important}
html:not(.nolook16):not(#j16x) body #main#main .pcard>:is(.cpf-acts,.acts)>.b.b[data-j14l]:not([data-j14k="quiet"])::after{font-size:15px!important;line-height:19px!important;font-weight:700!important}
html:not(.nolook16):not(#j16x):not(#j16y) body #main#main .pcard>:is(.cpf-acts,.acts)>.b.b[data-j14l]:not([data-j14k="quiet"]){font-size:0!important;line-height:0!important}   /* the label the script writes shows; the button's own long words stay hidden */

/* ---------------------------------------------------------------------------------------------- the money chart's bars -- */
html:not(.nolook16) .j13m-bar{fill:var(--j16-or)}
html:not(.nolook16) .j13m-bar.j13m-bar0{fill:var(--j16-line)}
html:not(.nolook16) .j13m-bar.j13m-hit{fill:#FFB27A}
html.je-light:not(.nolook16) .j13m-bar.j13m-hit{fill:#C2410C}

/* ---------------------------------------------------------------------------------------------- a job row's time (Joe 6:07pm) -- */
/* "11:30" did not fit the 2.1rem a job row gives its time at look12's 15 px: the text guard then let the time take the whole row and the
   name and address were squeezed to nothing (one letter a line). The time gets room for "12:30" */
html:not(.nolook16):not(#j16x) body #main#main .jobs .job>.when:first-child{width:3em!important;min-width:3em!important;flex:0 0 3em!important}
html:not(.nolook16) .j13m-svg .j13m-cd{display:none}

/* ---------------------------------------------------------------------------------------------- small ones -- */
/* "Their app" on a customer's page: a teal, not the indigo-purple (Joe 4:38pm and 5:41pm: no purple) */
html:not(.nolook16){--j14-app-bg:rgba(54,194,180,.18);--j14-app-tx:#5FE0D2}
html.je-light:not(.nolook16){--j14-app-bg:rgba(30,158,146,.12);--j14-app-tx:#0F766E}
/* the way back ("‹ Customers", "‹ All cards"): Jetsy's orange, like every other back link in the app */
html:not(.nolook16):not(#j16x) body #main#main button.back{color:var(--j16-or-ink)!important}