/* Vego · Velbil · one compact scale (owner 3 Nov 2026 02:05: "too much space taken for small icons; the project page not
   organised and cut at the top; the × white on white"; 02:10: "icons stay — the words in the Profile's font and format;
   a clean app"). Loaded last, for every app (CRM, Projects, Velbil, Team), light and dark:
   - round icon buttons 36 (‹ ← × 🔍 ≡, a sheet's and the top bar's), their icons 20;
   - the words as the Profile's: titles 17 / 600, names 15.5 / 400, details 14 grey, section heads 13.5 / 500 grey;
   - CRM's and Projects' screens a full page on the phone (nothing peeks over their top);
   - the project page: its five sections a compact bar of icons with their names, its head on two short lines;
   - a picture card no taller than it needs; switches and chips 34 high.
   The weight (14 ids) wins over the older looks' 7–12-id rules; the top bar's buttons need 40 (Vego's bar has 38-id rules). */

/* ---------- round icon buttons: 36 everywhere ---------- */
html:not(#c0):not(#c1):not(#c2):not(#c3):not(#c4):not(#c5):not(#c6):not(#c7):not(#c8):not(#c9):not(#c10):not(#c11):not(#c12):not(#c13):not(#c14):not(#c15):not(#c16):not(#c17):not(#c18):not(#c19):not(#c20):not(#c21):not(#c22):not(#c23):not(#c24):not(#c25):not(#c26):not(#c27):not(#c28):not(#c29):not(#c30):not(#c31):not(#c32):not(#c33):not(#c34):not(#c35):not(#c36):not(#c37):not(#c38):not(#c39) body header.top :is(.hback,.hsearch,.hchat,.umenu){width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important}
html:not(#c0):not(#c1):not(#c2):not(#c3):not(#c4):not(#c5):not(#c6):not(#c7):not(#c8):not(#c9):not(#c10):not(#c11):not(#c12):not(#c13):not(#c14):not(#c15):not(#c16):not(#c17):not(#c18):not(#c19):not(#c20):not(#c21):not(#c22):not(#c23):not(#c24):not(#c25):not(#c26):not(#c27):not(#c28):not(#c29):not(#c30):not(#c31):not(#c32):not(#c33):not(#c34):not(#c35):not(#c36):not(#c37):not(#c38):not(#c39) body header.top :is(.hback,.hsearch,.hchat,.umenu) svg{width:20px!important;height:20px!important}
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body #sheet :is(.dnu-ib,.shead > .close,.prtop .prback,.prtop .prx){width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;flex:none!important}
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body #sheet :is(.dnu-ib,.shead > .close,.prtop .prback,.prtop .prx) svg{width:20px!important;height:20px!important}
/* the apps list's × was white on white: dark × on a white round button with a ring */
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body #viewer .vh .close{width:36px!important;height:36px!important;min-width:36px!important;border-radius:50%!important;background:#fff!important;color:#1B1E23!important;box-shadow:0 0 0 1px rgba(16,24,40,.12),0 2px 6px rgba(16,24,40,.12)!important;font-size:22px!important;line-height:36px!important;display:grid!important;place-items:center!important;opacity:1!important}

/* ---------- CRM / Projects screens: a full page on the phone ---------- */
@media (max-width:819px){
  html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body #sheet:is([data-look="crm"],[data-look="pj"])::before{display:none!important} /* a full page has no drag handle over its title */
  html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body #sheet:is([data-look="crm"],[data-look="pj"]){top:0!important;height:100%!important;max-height:none!important;border-radius:0!important;padding-top:env(safe-area-inset-top,0px)!important}
}

/* ---------- the words as the Profile's ---------- */
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body #sheet .shead h3{font-family:inherit!important;font-size:17px!important;font-weight:600!important;line-height:1.25!important;letter-spacing:0!important}
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body #sheet .shead h3 small{font-size:13px!important;font-weight:400!important;line-height:1.3!important;color:#8A9099!important;margin-top:2px!important}
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body :is(#view,#sheet) :is(.pjsech,.remsechead,.dnu-h,.prh,h4.prh,.vbm-card > h4){font-family:inherit!important;font-size:13.5px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;color:#8A9099!important}
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body :is(#view,#sheet) .pjsech :is(h4,b,span:first-child),html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body :is(#view,#sheet) .remsechead h4{font-size:13.5px!important;font-weight:500!important;color:#8A9099!important;text-transform:none!important;letter-spacing:0!important}
html[data-theme="dark"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body #sheet .shead h3 small{color:#9AA0AD!important}

/* ---------- the project page ---------- */
/* its head: the photo 40, the name on two lines, the company under it, Edit a small pill */
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body #sheet[data-mode="project"] .shead{gap:8px!important;padding:8px 12px 6px!important;align-items:center!important}
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body #sheet[data-mode="project"] .shead .pjav{width:40px!important;height:40px!important;min-width:40px!important;flex:none!important}
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body #sheet[data-mode="project"] .shead h3{text-align:start!important;display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden!important;white-space:normal!important;font-size:16px!important}
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body #sheet[data-mode="project"] .shead .editbtn{height:32px!important;min-height:32px!important;padding:0 10px!important;border-radius:999px!important;font-size:13.5px!important;gap:4px!important;flex:none!important}
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body #sheet[data-mode="project"] .shead .editbtn svg{width:16px!important;height:16px!important}
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body #sheet[data-mode="project"] .sbody > p.sub{font-size:13px!important;line-height:1.4!important;color:#8A9099!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;margin:0 0 8px!important}
/* its five sections: one white bar, a blue icon over each name (as before, smaller), the chosen one tinted */
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body #sheet .pjtabs.pjgroups{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(0,1fr))!important;grid-auto-flow:column!important;gap:2px!important;padding:6px!important;margin:0 0 10px!important;background:var(--pane,#fff)!important;border:1px solid var(--line,#E7EAF0)!important;border-radius:14px!important;overflow:visible!important;box-shadow:none!important}
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body #sheet .pjtabs.pjgroups > button{all:unset;box-sizing:border-box;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-width:0!important;height:58px!important;padding:4px 2px!important;border-radius:10px!important;cursor:pointer;font-family:inherit!important;font-size:12px!important;font-weight:500!important;line-height:1.15!important;color:#5B6270!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;background:transparent!important;border:0!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent}
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body #sheet .pjtabs.pjgroups > button .pji{position:relative!important;display:grid!important;place-items:center!important;width:30px!important;height:30px!important;border-radius:9px!important;background:#3B5BFF!important;color:#fff!important;box-shadow:none!important}
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body #sheet .pjtabs.pjgroups > button .pji svg{width:18px!important;height:18px!important}
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body #sheet .pjtabs.pjgroups > button .pji em{position:absolute!important;top:-6px!important;right:-9px!important;min-width:16px!important;height:16px!important;padding:0 4px!important;border-radius:999px!important;font-size:10.5px!important;line-height:16px!important;font-style:normal!important}
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body #sheet .pjtabs.pjgroups > button[aria-selected="true"]{background:#EEF2FF!important;color:#1F3BD9!important;font-weight:600!important}

html[data-theme="dark"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body #sheet .pjtabs.pjgroups{background:#17181E!important;border-color:#2A2D36!important}
html[data-theme="dark"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body #sheet .pjtabs.pjgroups > button{color:#B8BDC8!important}
html[data-theme="dark"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body #sheet .pjtabs.pjgroups > button[aria-selected="true"]{background:rgba(91,140,255,.16)!important;color:#A9C2FF!important}
html[data-theme="dark"]:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body #sheet .pjtabs.pjgroups > button .pji{background:#3B5BFF!important;color:#fff!important}
/* its summary cards: less room around the same words */
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body #sheet .pjsum{gap:8px!important}
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body #sheet .pjsum > *{padding:12px!important;border-radius:14px!important}
/* a picture card (Schedule, Projects …) no taller than its words and buttons need */
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body #view .pghero.phero{min-height:0!important;height:auto!important;padding:14px 16px!important}
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body #view .pghero.phero h1{font-size:22px!important;line-height:28px!important}
/* switches (Open | Done, Schedule | Tasks …) and chips: 34 high */
html:not(#a):not(#b):not(#c):not(#d):not(#e):not(#f):not(#g):not(#h):not(#i):not(#j):not(#k):not(#l):not(#m):not(#n) body :is(#view,#sheet) :is(.seg,.segs,.acsegs,.lpills,.wal-tog,.pjsub,[role="tablist"]):not(.pjgroups) > button{min-height:34px!important;height:auto!important;padding-top:6px!important;padding-bottom:6px!important}