/* ===== BlessyGigs dashboard ===== */
.gx *{box-sizing:border-box}
.gx h2,.gx h3{margin:0;line-height:1.25}
.gx i{font-style:normal}
.gx input,.gx select,.gx textarea,#gxMod input,#gxMod select,#gxMod textarea{background:var(--gf);border:1px solid var(--gl);color:var(--gt);margin:0;min-height:48px}
.gx textarea,#gxMod textarea{min-height:90px;resize:vertical}
.gx[data-th=light] .btn.ghost,#gxMod[data-th=light] .btn.ghost{color:#0f172a;border-color:#94a3b8}
.gn{color:var(--gm);font-size:.86rem;margin:2px 0 0}
.gwarn{margin:0 0 14px;padding:12px 14px;border:1px solid #dcc68f88;border-radius:14px;color:#dcc68f;font-size:.88rem;line-height:1.5}
.gx[data-th=light] .gwarn{color:#8a5a00;background:#fff8e6;border-color:#f0cf85}
.gtop{margin:0 0 16px}
/* sidebar (always deep navy, as in the template) */
.gc{background:var(--gc);border:1px solid var(--gl);border-radius:20px;padding:18px;margin:0 0 16px;box-shadow:var(--gs);min-width:0}
.gc h3{font-size:1.05rem;font-weight:700}
.gch{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
.gwrap{flex-wrap:wrap}
.gsh{display:flex;align-items:center;gap:8px;color:#60a5fa}.gsh b{font-size:.78rem;letter-spacing:0;text-transform:none;color:var(--gt)}
.gx[data-th=light] .gsh{color:#2563eb}
.gtag{font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:99px;border:1px solid #dcc68f88;color:#dcc68f}
.gx[data-th=light] .gtag{color:#8a5a00;border-color:#f0cf85;background:#fff8e6}
.gcs{display:flex;gap:10px;margin:0;padding:2px 2px 10px;list-style:none;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.gcs::-webkit-scrollbar{height:6px}.gcs::-webkit-scrollbar-thumb{background:var(--gl);border-radius:9px}
.gbd{display:flex;align-items:center;gap:10px;flex:none;scroll-snap-align:start;padding:8px 14px 8px 8px;border-radius:14px;background:var(--gf);border:1px solid var(--gl)}
.gbd span{display:flex;flex-direction:column;line-height:1.2}.gbd b{font-size:.86rem}.gbd small{font-size:.7rem;color:var(--gm)}
.cn{display:block;flex:none;border-radius:50%}
.gct{display:inline-flex;align-items:center;gap:8px;font-size:.86rem}
/* table */
.gtw{overflow-x:auto}
.gt{width:100%;border-collapse:collapse;text-align:left}
.gt th{padding:12px 14px;font-size:.72rem;letter-spacing:0;text-transform:none;color:var(--gm);background:var(--gh);white-space:nowrap}
.gt td{padding:14px;border-top:1px solid var(--gl);vertical-align:middle}
.gt .r{text-align:right}.gt .tt{max-width:340px}.gt .tt b{display:block;overflow-wrap:anywhere}.gt .tt small{color:var(--gm)}
.gt .lb{display:none}
.gpill{display:inline-flex;gap:4px;align-items:center;min-height:30px;padding:0 12px;border-radius:99px;border:0;background:var(--gh);color:var(--gt);font-weight:700;font-size:.8rem;cursor:pointer}
.gst{display:inline-flex;align-items:center;padding:4px 12px;border-radius:99px;font-size:.76rem;font-weight:700;white-space:nowrap}
.s-Published,.s-Accepted{background:#1d4ed822;color:#60a5fa}.s-InReview,.s-Pending{background:#f59e0b22;color:#fbbf24}.s-Completed,.s-Declined{background:#64748b2a;color:#94a3b8}
.gx[data-th=light] .s-Published,.gx[data-th=light] .s-Accepted{background:#dbeafe;color:#1d4ed8}.gx[data-th=light] .s-InReview,.gx[data-th=light] .s-Pending{background:#fef3c7;color:#b45309}.gx[data-th=light] .s-Completed,.gx[data-th=light] .s-Declined{background:#e2e8f0;color:#475569}
.gtabs{display:flex;flex-wrap:wrap;gap:6px}
.gtabs button{min-height:40px;padding:0 14px;border-radius:12px;border:0;background:none;color:var(--gm);font-weight:600;font-size:.84rem}
.gtabs button.on{background:#2563eb;color:#fff}
.gseg{background:var(--gh);padding:4px;border-radius:14px;margin:0 0 16px}.gseg button{flex:1}
/* cards and lists */
.gjl{display:grid;gap:14px}
.gjob{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.gjh{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between;width:100%}
.gjob p{margin:0;color:var(--gm);overflow-wrap:anywhere}
.gjm{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;font-size:.88rem;color:var(--gm)}.gjm b{color:var(--gt)}
.gpl{display:grid;gap:12px}.gp{padding:14px;border-radius:16px;background:var(--gf);border:1px solid var(--gl)}
.gp p{margin:8px 0 4px;overflow-wrap:anywhere}
.gph{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.gph>div{flex:1;min-width:140px}.gph small{display:block;color:var(--gm)}
.gempty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:34px 14px;color:var(--gm);text-align:center}.gempty p{margin:0}
.gtl{list-style:none;margin:0;padding:0}
.gtl li{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--gl)}.gtl li:first-child{border-top:0}
.gtl li>div{flex:1;min-width:0}.gtl small{display:block;color:var(--gm);overflow-wrap:anywhere}
.gti{display:grid;place-items:center;width:36px;height:36px;border-radius:50%}.gti.in{background:#16a34a22;color:#22c55e}.gti.out{background:#ef444422;color:#f87171}
.pos{color:#22c55e}.neg{color:#f87171}
/* forms */
.gf{display:flex;flex-direction:column;gap:14px}
.gf label{display:flex;flex-direction:column;gap:6px;font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:none;color:var(--gm)}
.gf label input,.gf label select,.gf label textarea{text-transform:none;letter-spacing:0;font-weight:400;font-size:16px}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.gcsel{display:flex;align-items:center;gap:10px;background:var(--gf);border:1px solid var(--gl);border-radius:14px;padding:0 8px 0 10px}
.gcsel>span{display:flex;flex:none}.gcsel select{border:0;background:none;min-height:46px;padding:0 8px;font-weight:600;text-transform:none;letter-spacing:0;width:100%}
.gcsel select option{color:#0f172a;background:#fff}
.grole{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.grole label{position:relative;display:flex;flex-direction:column;gap:2px;padding:14px;border-radius:16px;border:2px solid var(--gl);background:var(--gf);cursor:pointer;text-transform:none;letter-spacing:0;color:var(--gt)}
.grole label.on{border-color:#2563eb;background:#2563eb18}.grole input{position:absolute;opacity:0;pointer-events:none}.grole small{color:var(--gm);font-weight:400;font-size:.78rem}.grole b{font-size:.95rem}
.gauth{display:block}
.gac{max-width:390px;margin:8px auto;padding:16px 18px 18px}
.gauth .gbr{color:var(--gt);margin:0 0 10px;font-size:1rem}.gauth .gbr>b{width:30px;height:30px;border-radius:9px;font-size:.9rem}
.gauth .gwarn{font-size:.76rem;line-height:1.45;padding:8px 10px;margin:0 0 10px;border-radius:10px}
.gauth .gseg{margin:0 0 12px;padding:3px;border-radius:11px}.gauth .gseg button{min-height:34px;font-size:.84rem;border-radius:9px}
.gauth .gf{gap:10px}.gauth .gf label{font-size:.68rem;gap:4px}
.gauth input{min-height:42px;padding:8px 12px;border-radius:11px;font-size:16px}
.gauth .btn{min-height:44px;font-size:.95rem}
.gauth .grole{gap:8px}.gauth .grole label{padding:9px 11px;border-radius:12px;border-width:1.5px}.gauth .grole b{font-size:.86rem}.gauth .grole small{font-size:.7rem;line-height:1.3}
.gat{font-size:1.05rem;margin:0 0 6px}.gauth .gn{margin:0 0 12px;font-size:.84rem}
.gok{margin:0 0 8px;padding:10px 12px;border-radius:11px;border:1px solid #16a34a66;background:#16a34a1a;color:#86efac;font-size:.86rem}
.gx[data-th=light] .gok{color:#166534;background:#dcfce7}
.glink{display:inline-block;background:none;border:0;padding:6px 0;min-height:36px;color:#4a9bff;font-size:.86rem;font-weight:600;cursor:pointer;text-align:left;text-decoration:none}
.glink:hover{text-decoration:underline}.gx[data-th=light] .glink{color:#1d4ed8}
.gfp{align-self:flex-end;margin:-4px 0 -2px}
.gauth form .glink:last-child{align-self:center}
@media(max-width:560px){.gac{max-width:none;margin:4px 0;padding:14px}.gauth .grole{grid-template-columns:1fr 1fr}.gauth .grole small{display:none}}
/* modal */
#gxMod{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:16px}
#gxMod[hidden]{display:none}
.gmb{position:absolute;inset:0;background:#020617b3;backdrop-filter:blur(3px)}
.gmd{position:relative;width:min(560px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:var(--gc);color:var(--gt);border:1px solid var(--gl);border-radius:22px;box-shadow:0 30px 70px #0009}
.gmh{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 14px 14px 20px;background:#1d4ed8;color:#fff;position:sticky;top:0;z-index:1}
.gmh h3{display:flex;align-items:center;gap:10px;font-size:1rem}.gmh .gib:hover{background:#ffffff22}
.gmd .gf{padding:20px}.gpad{padding:14px 20px 0;margin:0}
.gmf{display:flex;justify-content:flex-end;gap:10px;padding:12px 0;border-top:1px solid var(--gl);position:sticky;bottom:0;background:var(--gc)}
/* ===== v22 app shell (matches the freelancer template) ===== */
.gx,#gxMod{--gc:#fff;--gl:#e2e8f0;--gt:#0f172a;--gm:#64748b;--gf:#f8fafc;--gh:#f1f5f9;--gbg:#f1f5f9;--gs:0 1px 2px #0f172a0f}
.gx[data-th=dark],#gxMod[data-th=dark]{--gc:#1e293b;--gl:#33415599;--gt:#f1f5f9;--gm:#94a3b8;--gf:#0f172a;--gh:#334155;--gbg:#0f172a;--gs:0 1px 2px #0006}
body:has([data-view="gigs"]:not([hidden]) .gx){overflow:hidden}
.gx{position:fixed;inset:0;z-index:60;display:flex;background:var(--gbg);color:var(--gt);font-family:"Segoe UI",system-ui,-apple-system,Roboto,sans-serif;font-size:14px;line-height:1.45}
.gx button,.gx a{font-family:inherit}
.gx[data-th=light] .gbtn.ghost,#gxMod[data-th=light] .gbtn.ghost{color:#334155}
.gx i{font-style:normal}
/* sidebar */
.gside{flex:none;width:288px;display:flex;flex-direction:column;background:#121824;color:#cbd5e1;border-right:1px solid #1e293bcc;min-height:0}
.gx[data-th=dark] .gside{background:#020617}
.gsb{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 0}
.gbr{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:1.1rem;text-decoration:none}
.gbr>b{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#2563eb;color:#fff;font-size:1rem;box-shadow:0 2px 6px #0004}
.gbalw{padding:16px;border-bottom:1px solid #1e293bcc}
.gbal{display:flex;align-items:center;gap:14px;padding:16px;border-radius:12px;background:#1d4ed8;color:#fff;box-shadow:0 8px 18px #0004;min-width:0}
.gbw{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:#65a30d}
.gbal>div{min-width:0}
.gbal small{display:block;font-size:.7rem;letter-spacing:0;text-transform:none;color:#bfdbfe;font-weight:600}
.gbal b{display:block;font-size:1.05rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gside nav{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding:12px;scrollbar-width:thin;scrollbar-color:#334155 transparent}
.gnv{display:flex;align-items:center;gap:14px;width:100%;min-height:46px;padding:0 16px;border-radius:12px;border:0;background:none;color:#cbd5e1;font-size:.95rem;font-weight:500;text-align:left;text-decoration:none;cursor:pointer}
.gnv:hover{background:#1e293bcc;color:#fff}
.gnv.on{background:#1d4ed8;color:#fff;font-weight:600;box-shadow:0 4px 12px #1d4ed855}
.gnv svg{flex:none}.gnv span{flex:1;min-width:0}
.gar{display:grid;transition:transform .2s;color:#94a3b8}.gar.o{transform:rotate(90deg)}
.gsub{display:flex;flex-direction:column;gap:2px;padding:4px 0 4px 36px}.gsub[hidden]{display:none}
.gnv.sub{min-height:38px;padding:0 12px;font-size:.88rem;color:#cbd5e1;border-radius:8px}
.gdot{flex:none;width:8px;height:8px;border-radius:50%;border:1.5px solid #fbbf24;margin-right:-4px}
.gnv.sub.on .gdot{background:#fbbf24}
.gsep{margin:8px 0 4px;border-top:1px solid #1e293bcc}
.gsf{display:flex;align-items:center;gap:12px;padding:14px 16px;border-top:1px solid #1e293bcc;background:#0f172a66}
.gsf>div{flex:1;min-width:0}.gsf b{display:block;color:#fff;font-size:.88rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gsf small{color:#fbbf24;font-size:.74rem;font-weight:500}
.gav{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:#2563eb;color:#fff;font-weight:700;object-fit:cover;box-shadow:0 0 0 2px #f59e0b}
.gib{display:grid;place-items:center;min-width:44px;min-height:44px;padding:0;border-radius:12px;border:0;background:none;color:inherit;cursor:pointer;position:relative}
.gside .gib:hover{background:#ffffff14}
.gscrim{display:none}
/* main + header */
.gmain{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}
.ghd{flex:none;height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px;background:var(--gc);border-bottom:1px solid var(--gl)}
.ghl{display:flex;align-items:center;gap:8px;min-width:0}
.gh1{margin:0;font-size:1.25rem;font-weight:700;color:var(--gt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ght{display:none;font-size:1.05rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gib.gburger{display:none;margin-left:-8px;color:var(--gt)}
.gib.gclose{display:none;color:#94a3b8}
.ghr{display:flex;align-items:center;gap:12px;flex:none}
.ghr .gib{color:var(--gm)}.ghr .gib:hover{background:var(--gh);color:#2563eb}
.gesc{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:12px;background:var(--gh);border:1px solid var(--gl);font-size:.76rem;font-weight:600;white-space:nowrap}
.gesc svg{color:#f59e0b}.gesc b{color:#059669;font-weight:700}.gx[data-th=dark] .gesc b{color:#34d399}
.gwd{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:12px;border:0;background:#f59e0b;color:#020617;font-weight:700;font-size:.88rem;box-shadow:0 2px 6px #f59e0b44;cursor:pointer;white-space:nowrap}
.gwd:hover{background:#d97706}
.gdotn{position:absolute;top:8px;right:9px;width:9px;height:9px;border-radius:50%;background:#f59e0b;border:2px solid var(--gc)}
.glang{position:relative}.glang img{border-radius:3px;display:block}
.glg{position:absolute;right:0;top:calc(100% + 6px);z-index:5;list-style:none;margin:0;padding:6px;min-width:190px;max-height:min(70vh,420px);overflow:auto;background:var(--gc);border:1px solid var(--gl);border-radius:14px;box-shadow:0 18px 40px #0003}
.glg[hidden]{display:none}
.glg button{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 10px;border:0;border-radius:9px;background:none;color:var(--gt);font-size:.9rem;cursor:pointer;text-align:left}
.glg button:hover{background:var(--gh)}
.gbody{flex:1;min-height:0;overflow-y:auto;padding:24px 32px 32px;-webkit-overflow-scrolling:touch}
.gin{max-width:80rem;margin:0 auto}
.gfoot{margin:6px 0 0;color:var(--gm);font-size:.78rem;line-height:1.5;text-align:center}
/* cards */
.gc{background:var(--gc);border:1px solid var(--gl);border-radius:16px;padding:20px;margin:0 0 20px;box-shadow:var(--gs);min-width:0}
.gc h3{font-size:1.05rem;font-weight:700}
.gmg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 20px}
.gm{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:24px 12px;background:var(--gc);border:1px solid var(--gl);border-radius:16px;box-shadow:var(--gs);min-width:0;transition:box-shadow .2s}
.gm:hover{box-shadow:0 6px 18px #0f172a1a}
.gmi{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#2563eb;color:#fff;margin-bottom:8px;box-shadow:0 4px 10px #2563eb4d}
.gml{color:var(--gm);font-size:.88rem;font-weight:600}
.gmv{font-size:1.5rem;line-height:1.25;font-weight:700;overflow-wrap:anywhere}
/* profile card */
.gprof{padding:0;overflow:hidden}
.gcover{height:176px;position:relative;background:linear-gradient(90deg,#1e3a8a,#1e40af 50%,#312e81)}
.gcover:after{content:"";position:absolute;inset:0;opacity:.2;background:radial-gradient(#fff 1px,transparent 1px) 0 0/16px 16px}
.gpb{padding:0 24px 24px}
.gprow{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:-64px 0 16px}
.gprl{display:flex;align-items:flex-start;gap:16px;min-width:0}
.gavw{position:relative;flex:none}
.gavL{display:block;width:112px;height:112px;border-radius:16px;object-fit:cover;background:var(--gh);box-shadow:0 0 0 4px var(--gc),0 10px 20px #0003}
.gavL.ini{display:grid;place-items:center;font-size:2.6rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5)}
.gvf{position:absolute;right:4px;bottom:4px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#2563eb;color:#fff;box-shadow:0 1px 4px #0005}
.gcam{position:absolute;left:6px;bottom:6px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:2px solid var(--gc);background:#0f172ae6;color:#fff;cursor:pointer;padding:0}
.gcam:hover{background:#2563eb}
.gpn{min-width:0;padding-top:72px}
.gpnr{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.gpn h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--gt);overflow-wrap:anywhere}
.gbadge{padding:2px 10px;border-radius:99px;font-size:.7rem;font-weight:700;letter-spacing:0;background:#e0e7ff;color:#3730a3;border:1px solid #a5b4fc}
.gbadge.top{background:#fef3c7;color:#92400e;border-color:#fcd34d}
.gx[data-th=dark] .gbadge{background:#1e1b4b;color:#a5b4fc;border-color:#4338ca}.gx[data-th=dark] .gbadge.top{background:#451a03cc;color:#fbbf24;border-color:#b45309}
.gsub2{margin:2px 0 0;font-size:.9rem;font-weight:600;color:var(--gm);overflow-wrap:anywhere}
.gpa{display:flex;flex-wrap:wrap;gap:8px;flex:none}
.gbtn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 16px;border-radius:12px;border:1px solid transparent;background:#1d4ed8;color:#fff;font-weight:600;font-size:.88rem;cursor:pointer;text-decoration:none;box-shadow:0 2px 6px #1d4ed833}
.gbtn:hover{background:#1e40af}
.gbtn.ghost{background:none;color:var(--gt);border-color:#94a3b8;box-shadow:none}.gbtn.ghost:hover{background:var(--gh)}
.gbtn.am{background:#f59e0b;color:#020617;font-weight:700;box-shadow:0 2px 6px #f59e0b44}.gbtn.am:hover{background:#d97706}
.gbtn.soft{background:#eff6ff;color:#2563eb;box-shadow:none;min-height:34px;font-size:.8rem}.gx[data-th=dark] .gbtn.soft{background:#172554;color:#93c5fd}
.gpg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:16px;border-top:1px solid var(--gl)}
.gpg.g2c{grid-template-columns:repeat(2,minmax(0,1fr))}
.gpl{display:block;margin:0 0 6px;color:#94a3b8;font-size:.72rem;font-weight:700;letter-spacing:0;text-transform:none}
.gchips{display:flex;flex-wrap:wrap;gap:6px}
.gchip{padding:4px 10px;border-radius:8px;background:var(--gh);color:var(--gt);font-size:.78rem;font-weight:500}
.gchip.sk{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.gx[data-th=dark] .gchip.sk{background:#17255488;color:#93c5fd;border-color:#1e40af}
.gpr{display:flex;justify-content:flex-end;gap:24px}.gpr>div{text-align:right}.gpr b{font-size:1.1rem;font-weight:700;color:var(--gt)}.gpr small{color:var(--gm);font-weight:400;font-size:.76rem}
.gpr .gos{color:#059669}.gx[data-th=dark] .gpr .gos{color:#34d399}.gpr .gos small{font-weight:600;color:inherit;font-size:1.1rem}
/* coin strip */
.gsh{display:flex;align-items:center;gap:8px;color:#2563eb;min-width:0}.gsh b{font-size:.74rem;letter-spacing:0;text-transform:none;color:var(--gt)}
.gtag{flex:none;font-size:.72rem;font-weight:700;color:#d97706}
.gstrip{padding:16px}
.gcs{display:flex;gap:10px;margin:0;padding:2px 2px 8px;list-style:none;overflow-x:auto;scrollbar-width:thin}
.gbd{display:flex;align-items:center;gap:8px;flex:none;padding:8px 12px;border-radius:12px;background:var(--gf);border:1px solid var(--gl);transition:transform .2s}.gbd:hover{transform:translateY(-2px)}
.gbd span{display:flex;flex-direction:column;line-height:1.15}.gbd b{font-size:.8rem}.gbd small{font-size:.66rem;color:#94a3b8}
.cn{display:block;flex:none;border-radius:50%}
.gct{display:inline-flex;align-items:center;gap:6px;font-size:.78rem}
/* tabs + rows */
.gtabsec{padding:0;overflow:hidden}
.gft{display:flex;gap:4px;overflow-x:auto;background:var(--gf);border-bottom:1px solid var(--gl);padding:8px 16px 0;scrollbar-width:thin}
.gft button{flex:none;display:flex;align-items:center;gap:8px;min-height:46px;padding:0 16px;background:none;border:0;border-bottom:2px solid transparent;color:var(--gm);font-weight:600;font-size:.88rem;cursor:pointer;white-space:nowrap}
.gft button:hover{color:var(--gt)}.gft button.on{color:#1d4ed8;border-bottom-color:#1d4ed8}.gx[data-th=dark] .gft button.on{color:#60a5fa;border-bottom-color:#60a5fa}
.gftb{padding:24px;display:flex;flex-direction:column;gap:12px}
.gph3{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:4px}.gph3 h3{font-size:1.1rem}
.gam{font-size:.74rem;font-weight:600;color:#d97706}.gbl{font-size:.74rem;font-weight:600;color:#2563eb}
.grow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border-radius:12px;border:1px solid var(--gl);background:var(--gf);margin:0}
.grow:hover{border-color:#60a5fa}
.grl{min-width:0;flex:1;display:flex;flex-direction:column;gap:6px}
.grt{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.grt h4{margin:0;font-size:1rem;font-weight:700;overflow-wrap:anywhere}
.gdesc{margin:0;font-size:.82rem;color:var(--gm);overflow-wrap:anywhere}
.gsm,.gmeta{margin:0;font-size:.78rem;color:var(--gm);display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center}.gsm b{color:var(--gt)}.gmeta svg{vertical-align:-2px}
.grr{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex:none}
.grr small{display:block;font-size:.72rem;color:#94a3b8}.grr b{font-weight:700}.grr .big{font-size:1rem;font-weight:700}
.gsmpg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.gsmp{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;border:1px solid var(--gl);background:var(--gf);min-width:0}
.gsmp>div{flex:1;min-width:0}.gsmp b{display:block;font-size:.9rem;overflow-wrap:anywhere}.gsmp a{display:block;color:#2563eb;font-size:.78rem;overflow-wrap:anywhere}
.gpadd{border-top:1px solid var(--gl);padding-top:16px;margin-top:8px}
.gphoto{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.gphoto .gn{margin:10px 0 0}
.gdl{margin:8px 0;padding:10px 12px;border-radius:12px;background:var(--gh);border:1px solid var(--gl);font-size:.88rem;overflow-wrap:anywhere}.gdl a{color:#2563eb}
.glock{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:#fffbeb;border:1px solid #fde68a;color:#92400e;font-size:.78rem;font-weight:500}.glock svg{flex:none;color:#d97706}
#gxMod[data-th=dark] .glock{background:#451a0366;border-color:#92400e;color:#fcd34d}
.gmh.am{background:#f59e0b;color:#020617}.gmh.am .gib:hover{background:#0000001a}
input.ro{background:var(--gh)!important;font-weight:700}input.mono{font-family:ui-monospace,Menlo,Consolas,monospace}
/* inherited controls */
.gx input,.gx select,.gx textarea,#gxMod input,#gxMod select,#gxMod textarea{border-radius:12px}
.gmf{display:flex;justify-content:flex-end;gap:10px;padding:14px 0 0;margin-top:2px;border-top:1px solid var(--gl)}
.gmd{border-radius:16px}.gmh{background:#1d4ed8}
.gmd .gf{padding:20px}
/* lg and below: off-canvas sidebar */
@media(max-width:1023px){
 .gside{position:fixed;z-index:70;top:0;left:0;bottom:0;width:min(86vw,300px);transform:translateX(-105%);transition:transform .28s ease;padding-top:env(safe-area-inset-top)}
 .gx.nav .gside{transform:none;box-shadow:0 0 40px #0008}
 .gx.nav .gscrim{display:block;position:fixed;inset:0;z-index:65;background:#0f172a99;backdrop-filter:blur(3px)}
 .gib.gclose,.gib.gburger{display:grid}
 .gh1{display:none}.ght{display:block}
 .ghd{padding:0 12px 0 16px}
 .gbody{padding:16px}
 .gpg{grid-template-columns:1fr 1fr}.gpr{grid-column:1/-1;justify-content:flex-start}.gpr>div{text-align:left}
}
@media(max-width:900px){.gesc{display:none}}
@media(max-width:760px){
 .gt thead{display:none}.gt,.gt tbody{display:block}
 .gt tr{display:block;margin:0 0 12px;padding:12px 14px;border:1px solid var(--gl);border-radius:16px;background:var(--gf)}
 .gt td{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;border:0;text-align:right}
 .gt td.tt{display:block;text-align:left;max-width:none;padding-top:0}
 .gt .lb{display:inline;color:var(--gm);font-size:.78rem;text-align:left}
 .gt td.r{justify-content:flex-end}.gtw{overflow:visible}
 .grow{flex-direction:column;align-items:stretch}.grr{justify-content:space-between}
 .gsmpg{grid-template-columns:1fr}
}
@media(max-width:640px){
 .gcover{height:112px}
 .gpb{padding:0 16px 18px}
 .gprow{flex-direction:column;align-items:flex-start;margin-top:-48px;gap:12px}
 .gprl{flex-direction:column;align-items:flex-start;gap:10px}
 .gpn{padding-top:0}
 .gavL{width:96px;height:96px}.gavL.ini{font-size:2.2rem}
 .gpn h2{font-size:1.3rem}
 .gpa{width:100%}.gpa .gbtn{flex:1}
 .gpg,.gpg.g2c{grid-template-columns:1fr}
 .gmg{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .gm{padding:16px 8px}.gmi{width:32px;height:32px}.gmv{font-size:1.15rem}.gml{font-size:.8rem}
 .gc{padding:16px;border-radius:14px}.gftb{padding:16px}
 .g2,.grole{grid-template-columns:1fr}
 .gwd span{display:none}.gwd{min-width:44px;justify-content:center;padding:0 12px}
 .gwd[data-act=post] span{display:none}
 .ghr{gap:4px}
 #gxMod{align-items:flex-end;padding:0}
 .gmd{max-height:92dvh;border-radius:16px 16px 0 0;width:100%}
 .gmf .gbtn{flex:1}
}
@media(max-width:430px){.ght{font-size:.95rem}}
@media(max-width:380px){.gmg{gap:8px}.gmv{font-size:1.02rem}.ght{font-size:.95rem}}
@media(prefers-reduced-motion:reduce){.gside,.gar{transition:none}}
.gx .btn,#gxMod .btn{border-radius:12px;font-weight:600}
.gc.gprof,.gc.gtabsec{padding:0}
/* ===== v23 escrow: status chips, timeline, payment panel, notifications ===== */
.s-AwaitingPayment{background:#f59e0b22;color:#b45309}.s-Funded,.s-Delivered{background:#2563eb1f;color:#1d4ed8}.s-Completed{background:#16a34a1f;color:#15803d}.s-Cancelled,.s-Refunded,.s-Declined,.s-Sent{background:#64748b2a;color:#475569}.s-Disputed{background:#ef44441f;color:#b91c1c}.s-Pending,.s-InReview{background:#f59e0b22;color:#b45309}.s-Accepted,.s-Published{background:#2563eb1f;color:#1d4ed8}
.gx[data-th=dark] .s-AwaitingPayment,.gx[data-th=dark] .s-Pending{color:#fbbf24}.gx[data-th=dark] .s-Funded,.gx[data-th=dark] .s-Delivered,.gx[data-th=dark] .s-Accepted,.gx[data-th=dark] .s-Published{color:#93c5fd}.gx[data-th=dark] .s-Completed{color:#86efac}.gx[data-th=dark] .s-Disputed{color:#fca5a5}.gx[data-th=dark] .s-Cancelled,.gx[data-th=dark] .s-Refunded,.gx[data-th=dark] .s-Declined,.gx[data-th=dark] .s-Sent{color:#cbd5e1}
.gcon{padding:18px;border-radius:14px;border:1px solid var(--gl);background:var(--gf);display:flex;flex-direction:column;gap:12px}
.gcon .grt{justify-content:flex-start}.gcon .grt .gst{margin-left:auto}
.gsteps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.gsteps li{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:.72rem;font-weight:600;color:var(--gm);position:relative}
.gsteps li:before{content:"";position:absolute;top:11px;left:-50%;width:100%;height:2px;background:var(--gl);z-index:0}.gsteps li:first-child:before{display:none}
.gsteps li i{position:relative;z-index:1;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--gc);border:2px solid var(--gl);font-size:.7rem;font-weight:700}
.gsteps li.done i{background:#16a34a;border-color:#16a34a;color:#fff}.gsteps li.done:before,.gsteps li.cur:before{background:#16a34a}
.gsteps li.cur i{border-color:#f59e0b;color:#b45309;box-shadow:0 0 0 4px #f59e0b33}.gsteps li.cur,.gsteps li.done{color:var(--gt)}
.gmsg{margin:0;padding:10px 12px;border-radius:10px;background:var(--gh);font-size:.86rem;font-weight:500}
.gpp{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:12px;border:1px dashed #f59e0b;background:#f59e0b0f}
.gpp.gf{gap:10px}.gpt{margin:0;font-weight:700}
.gdl2{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:.86rem}.gdl2 dt{color:var(--gm);font-weight:600}.gdl2 dd{margin:0;min-width:0;overflow-wrap:anywhere;font-weight:600}
.gdl2 .mono,.mono{font-family:ui-monospace,Menlo,Consolas,monospace}
.gcopy{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;border:1px solid var(--gl);background:var(--gc);color:var(--gt);cursor:pointer;vertical-align:middle;padding:0}
.gwarn2{margin:0;font-size:.8rem;color:#b45309;font-weight:500}.gx[data-th=dark] .gwarn2{color:#fbbf24}
.gcact{margin-top:2px}
.gpi{display:block;height:26px;width:auto;border-radius:7px}.gpt .gpi{display:inline-block;vertical-align:middle;height:22px;margin-right:6px}
.gpm{display:grid;place-items:center;min-width:26px;height:26px;padding:0 4px;border-radius:50%;color:#fff;font-weight:700;font-size:.62rem}
.gpl2{display:grid;gap:12px}.gp{padding:14px;border-radius:12px;background:var(--gf);border:1px solid var(--gl)}.gp p{margin:8px 0 4px;overflow-wrap:anywhere}
.gph{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.gph>div{flex:1;min-width:140px}.gph small{display:block;color:var(--gm)}
.gjh{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between;width:100%}
.gjm{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;font-size:.88rem;color:var(--gm)}.gjm b{color:var(--gt)}
.gjob{display:flex}.gjl{display:grid;gap:12px}
.gload{margin:auto;color:var(--gm);font-weight:600}
.gbw2{position:relative}
.gdotn{position:absolute;top:5px;right:4px;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:#ef4444;color:#fff;font-size:.62rem;font-weight:700;display:grid;place-items:center;border:2px solid var(--gc);line-height:1}
.gnp{position:absolute;right:0;top:calc(100% + 8px);z-index:6;width:min(380px,calc(100vw - 24px));max-height:min(70vh,480px);overflow:auto;background:var(--gc);border:1px solid var(--gl);border-radius:14px;box-shadow:0 18px 40px #0003}
.gnp[hidden]{display:none}
.gnph{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--gl)}
.gnp ul{list-style:none;margin:0;padding:0}.gnp li{border-bottom:1px solid var(--gl)}.gnp li:last-child{border:0}
.gnp li button{display:flex;flex-direction:column;gap:2px;width:100%;padding:12px 14px;border:0;background:none;color:var(--gt);text-align:left;cursor:pointer;font-size:.86rem}
.gnp li.un{background:#2563eb12}.gnp li.un b:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#2563eb;margin-right:8px}
.gnp li span{color:var(--gm);overflow-wrap:anywhere}.gnp li small{color:var(--gm);font-size:.72rem}
.gnone{padding:20px;text-align:center}
.glink{background:none;border:0;color:#2563eb;font-weight:600;font-size:.8rem;cursor:pointer;padding:4px}
@media(max-width:640px){
 .gsteps{grid-template-columns:1fr;gap:8px}.gsteps li{flex-direction:row;text-align:left;gap:10px}.gsteps li:before{display:none}
 .gcon .grt .gst{margin-left:0}
 .gnp{position:fixed;left:12px;right:12px;top:68px;width:auto}
 .gdl2{grid-template-columns:1fr}
}
/* v27: job category picker, attachments */
.gcl,.gatt{display:flex;flex-direction:column;gap:6px;font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:none;color:var(--gm);min-width:0}
.gcl>span,.gal{font-size:.78rem}
.gcat{text-transform:none;letter-spacing:0;font-weight:400;min-width:0}
.gcatb{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:6px 12px;background:var(--gf);border:1px solid var(--gl);border-radius:12px;color:var(--gt);font-size:16px;cursor:pointer;text-align:left}
.gcatb .gcn{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gcar{display:flex;transform:rotate(90deg);color:var(--gm)}
.gcatb[aria-expanded=true] .gcar{transform:rotate(-90deg)}
.gci{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border-radius:10px;font-size:18px;line-height:1;background:hsla(var(--h,200),75%,50%,.18)}
.gcatp{margin-top:6px;border:1px solid var(--gl);border-radius:14px;background:var(--gc);padding:8px}
.gcats{width:100%;box-sizing:border-box;border-radius:10px;font-size:16px;padding:0 12px}
.gcatl{max-height:260px;overflow-y:auto;margin-top:8px;display:flex;flex-direction:column;gap:2px;-webkit-overflow-scrolling:touch}
.gcati{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:4px 8px;border:0;border-radius:10px;background:none;color:var(--gt);font-size:.95rem;cursor:pointer;text-align:left}
.gcati[hidden],.gcatn[hidden]{display:none}.gcati:hover,.gcati:focus-visible{background:var(--gf)}
.gcatn{padding:10px;text-align:center}
.gcc{display:inline-flex;align-items:center;gap:6px}.gcc .gci{width:22px;height:22px;font-size:13px;border-radius:7px}
.gatc{display:flex;flex-wrap:wrap;gap:6px}.gatc:empty{display:none}
.gchip{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:34px;padding:4px 10px;border-radius:999px;border:1px solid var(--gl);background:var(--gf);color:var(--gt);font-size:.8rem;font-weight:500;letter-spacing:0;text-transform:none;text-decoration:none;cursor:pointer}
.gchip span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.gchip small{color:var(--gm);font-size:.7rem}
.gchip button{border:0;background:none;color:var(--gm);font-size:1.1rem;line-height:1;cursor:pointer;padding:0 2px}
.gatr{display:flex}.gatk{display:flex;gap:8px;align-items:stretch}.gatk input{flex:1;min-width:0;border-radius:12px;padding:0 12px;font-size:16px}
.gatd{display:flex;flex-direction:column;gap:6px;margin:8px 0}.gatd>b{font-size:.72rem;letter-spacing:0;text-transform:none;color:var(--gm)}
@media(max-width:640px){.gatk{flex-direction:column}.gatk .gbtn{width:100%;justify-content:center}.gcatl{max-height:220px}}

/* v29 */
.gfee{display:flex;gap:8px;align-items:flex-start;margin:10px 0;padding:9px 12px;border-radius:10px;background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.25);font-size:.82rem;line-height:1.4}
.gfee svg{flex:none;margin-top:2px}
.gv-b{background:#2563eb!important}.gv-g{background:#16a34a!important}
.gbv{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;color:#fff;vertical-align:-2px;font-style:normal}
.gbv svg{width:11px;height:11px}
.gbn{display:flex;align-items:center;gap:6px;margin:6px 0 0;font-size:.8rem;opacity:.9}
.gbn-b svg{color:#2563eb}.gbn-g svg{color:#16a34a}
/* ---------- Top Freelancers ---------- */
.gtl{display:grid;gap:14px;margin:0 0 16px}
.gtf{position:relative;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:14px;align-items:center;margin:0;padding:16px}
.gtf.you{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}
.gtr{display:grid;place-items:center;min-width:44px;height:44px;border-radius:12px;background:var(--gh);color:var(--gt);font-weight:700;font-size:.95rem}
.gtr.r1{background:linear-gradient(135deg,#fde68a,#f59e0b);color:#451a03}.gtr.r2{background:linear-gradient(135deg,#e5e7eb,#9ca3af);color:#111827}.gtr.r3{background:linear-gradient(135deg,#fdba74,#c2410c);color:#fff}
.gtav{width:56px;height:56px;font-size:1.3rem;background:linear-gradient(135deg,#2563eb,#4f46e5)}
.gtm{min-width:0;display:grid;gap:6px}.gtn{font-size:1.05rem}
.gtm .gpnr{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.gts{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:2px}.gts>div{min-width:0}.gts b{display:block;font-size:1rem}
.gtq{padding:14px;border-radius:14px;background:var(--gf);border:1px solid var(--gl)}
.gtpb{padding:18px;display:grid;gap:16px}.gtph{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.gtpn{min-width:0;display:grid;gap:6px}
.gtbio{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.gtpl{margin:0;padding:0;list-style:none;display:grid;gap:6px}.gtpl a{color:#2563eb;overflow-wrap:anywhere}
.gx[data-th=dark] .gtpl a,#gxMod[data-th=dark] .gtpl a{color:#93c5fd}
.gvis{margin:14px 0 4px;padding:12px 14px;border:1px solid var(--gl);border-radius:14px;display:grid;gap:10px}.gvis legend{padding:0 6px;font-weight:700;font-size:.8rem;color:var(--gm)}
.gf label.gck{display:flex;flex-direction:row;align-items:flex-start;gap:10px}.gck input{width:20px;height:20px;flex:none;margin-top:2px}.gck span{font-weight:500}
@media(max-width:640px){.gtf{grid-template-columns:auto minmax(0,1fr);}.gtf .gtr{grid-row:1}.gtf .gtm{grid-column:1/-1}.gtf>.gbtn{grid-column:1/-1;width:100%}.gtav{width:48px;height:48px}.gts{gap:6px 16px}}
.gf label.gck span{text-transform:none;letter-spacing:0;font-size:.9rem;color:var(--gt);font-weight:500;line-height:1.4}

.gcur{display:inline-flex;gap:3px;margin-left:6px;font-style:normal;font-weight:700}
.gcur b{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:.72rem;line-height:1;color:#fff}
.gcur .usd{background:#16a34a}.gcur .btc{background:#f59e0b}
@media(max-width:1100px){.gtl{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.gtl{grid-template-columns:repeat(2,minmax(0,1fr))}.gpod{grid-template-columns:1fr;align-items:stretch}.gpod .p1{order:-1}}
@media(max-width:420px){.gtl{grid-template-columns:1fr}}
.gcur .btc{font-size:.9rem;font-weight:700}
.gdel{border-color:#ef444455}.gdbtn{background:#dc2626;color:#fff;border-color:#dc2626}.gdel a{color:#ef4444;text-decoration:underline}
.glegal{display:flex;gap:12px;flex-wrap:wrap;padding:6px 16px 10px;font-size:.74rem}.glegal a{color:inherit;opacity:.65;text-decoration:none}.glegal a:hover{opacity:1;text-decoration:underline}
.gad{position:relative;margin:0 0 16px;padding:22px 12px 10px;min-height:110px;border:1px dashed var(--gl);border-radius:14px;background:var(--gf);overflow:hidden;text-align:center}.gad small{position:absolute;top:5px;left:10px;font-size:.62rem;font-weight:700;letter-spacing:0;text-transform:none;color:var(--gm)}.gad ins{max-height:160px;overflow:hidden}.gad ins[data-ad-status=unfilled]{display:none!important}
.gad:has(ins[data-ad-status=unfilled]){display:none}

/* Top Freelancers: compact cards */
.gtk-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;margin:0 0 10px}.gtk-top h3{margin:0;font-size:1.05rem}
.gtk-top .gtabs{gap:4px}.gtk-top .gtabs button{min-height:32px;padding:0 12px;border-radius:99px;font-size:.78rem;border:1px solid var(--gl)}.gtk-top .gtabs button.on{border-color:#2563eb}
.gtk-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;margin:0 0 12px}
.gtk{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;padding:12px;border:1px solid var(--gl);border-radius:14px;background:var(--gc);position:relative}
.gtk.first{border-color:#f59e0b88;box-shadow:0 0 0 1px #f59e0b44}.gtk.you{border-color:#2563eb99}
@media(min-width:700px){.gtk.first{grid-column:1/-1}}
.gtk-l{display:flex;flex-direction:column;align-items:center;gap:6px}
.gtk-av{display:block;width:56px;height:56px}.gtk-av .gtph2{box-shadow:0 0 0 2px #f59e0b}
.gtph2{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;background:var(--gh)}
.gtph2.ini{display:grid;place-items:center;font-size:1.2rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5)}
.gtk-av .gvf{right:-3px;bottom:-3px;width:20px;height:20px;border:2px solid var(--gc)}.gtk-av .gvf svg{width:12px;height:12px}
.gmed{position:relative;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:.7rem;font-weight:700;background:var(--gh);color:var(--gt);margin-bottom:6px}
.gmed:before,.gmed:after{content:"";position:absolute;bottom:-7px;width:7px;height:9px;background:inherit;z-index:-1}.gmed:before{left:6px;transform:skewX(12deg)}.gmed:after{right:6px;transform:skewX(-12deg)}
.gmed.m0:before,.gmed.m0:after{display:none}.gmed.m0{width:auto;min-width:26px;height:22px;border-radius:8px;padding:0 6px;margin:0}
.gmed.m1{background:linear-gradient(135deg,#fde68a,#f59e0b);color:#451a03}.gmed.m2{background:linear-gradient(135deg,#e5e7eb,#9ca3af);color:#111827}.gmed.m3{background:linear-gradient(135deg,#fdba74,#c2410c);color:#fff}
.gtk-r{min-width:0;display:grid;gap:4px;align-content:start}
.gtk-n{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.gtk-n b{font-size:.95rem;overflow-wrap:anywhere}
.gtk-you{font-size:.62rem;font-weight:700;padding:1px 8px;border-radius:99px;background:#312e81;color:#c7d2fe;border:1px solid #4f46e5}

.gtk-n .gtk-tr{font-size:.58rem;font-weight:700;padding:1px 7px;border-radius:99px;background:#fef3c7;color:#92400e;border:1px solid #fcd34d}
.gtk-h{margin:0;font-size:.78rem;color:var(--gm);overflow-wrap:anywhere}
.gtk-s{margin:2px 0 0;display:grid;gap:1px}.gtk-s div{display:flex;justify-content:space-between;gap:8px;font-size:.78rem}.gtk-s dt{color:var(--gm)}.gtk-s dd{margin:0;font-weight:700;color:var(--gt)}
.gtk-b{margin-top:6px;min-height:34px;border-radius:9px;border:1px solid var(--gl);background:transparent;color:var(--gt);font-weight:600;font-size:.8rem;cursor:pointer}.gtk-b:hover{border-color:#2563eb}
.gtk-list .gad{grid-column:1/-1;margin:0}
@media(max-width:360px){.gtk{grid-template-columns:52px minmax(0,1fr)}.gtk-av{width:48px;height:48px}}
.gver{text-align:center;margin:6px 0 14px;font-size:.72rem;color:var(--gm)}
/* profile header: let the buttons wrap under the name instead of squeezing it */
.gprow{flex-wrap:wrap}.gprl{flex:1 1 380px}.gpn{min-width:0;flex:1 1 220px}.gpa{flex:0 0 auto}
.gbn{flex-wrap:wrap}.gbn span{flex:1 1 auto;min-width:0}.gbn b{padding:1px 8px;border-radius:99px;background:var(--gh);font-size:.74rem}
/* phone: the header stacks in a column, so the 380px width hint must not become a 380px height */
@media(max-width:640px){.gprow{flex-wrap:nowrap}.gprl,.gpn{flex:0 0 auto}}
/* v22: long translated labels wrap inside their boxes (FR, RU, AM, NL…) */
.gft{flex-wrap:wrap;overflow-x:visible;gap:2px 4px}
.gft button{flex:1 1 auto;white-space:normal;text-align:left;line-height:1.2;height:auto;min-height:46px;padding:6px 12px;max-width:100%}
.gft button span{min-width:0;overflow-wrap:anywhere}
.ght{white-space:normal;text-overflow:clip;line-height:1.15;overflow-wrap:anywhere;max-height:2.4em}