/* skin.css: الشكل الجديد (مرجع My Life). بيتحمل بعد style.css. ألوان: وردي مغبر، موف، برقوقي غامق، ذهبي شامبانيا، عاجي. */
:root{--bg:#FBEFF3;--card:#FFFFFF;--soft:#F8E4EC;--soft2:#FCEFF4;--peach:#F8EBD6;--ink:#3A1634;--mut:#7D5A72;--line:#EBCFDB;--g2:#C25584;--g3:#A93D70;--gd:#6B2150;--gold:#B08A3C;--navy:#4A1F3F;--ringbg:rgba(120,50,90,.14);--glass1:rgba(255,255,255,.92);--glass2:rgba(253,240,246,.85);--gb:rgba(190,100,140,.28);--shadow:rgba(150,60,110,.14);--pinkA:#F8BFD6;--pinkB:#EE97BC;--onpink:#40122F;--creamA:#FBF1D6;--creamB:#F1DFAF;--oncream:#3A2A0E;--ok:#2F7D58;--bad:#B3304F;--warnBg:#FBF0DC;--warnT:#7A5614;--navbg:rgba(255,250,252,.94);--navon:#A93D70;--navoff:#7D5A72}
html[data-theme=dark]{--bg:#1D0C23;--card:#2E1838;--soft:#3A2145;--soft2:#33203E;--peach:#3F2F3A;--ink:#F9EDF3;--mut:#D2B4C7;--line:#4E3359;--g2:#EE95BB;--g3:#D4679B;--gd:#F6C3D6;--gold:#E3C37F;--navy:#120714;--ringbg:rgba(255,255,255,.12);--glass1:rgba(255,255,255,.13);--glass2:rgba(255,255,255,.06);--gb:rgba(255,255,255,.14);--shadow:rgba(0,0,0,.45);--pinkA:#F9C4DA;--pinkB:#E996BC;--onpink:#3E102D;--creamA:#F7EDCF;--creamB:#E7D6A6;--oncream:#3A2A0E;--ok:#86D3AC;--bad:#FF8FA9;--warnBg:#413126;--warnT:#EBCB85;--navbg:rgba(30,12,36,.94);--navon:#F6B4CF;--navoff:#C9AABD}
html,body{background:var(--bg)}
body{background:radial-gradient(120% 60% at 80% -10%,rgba(238,151,188,.35),transparent 60%),radial-gradient(90% 50% at 0 100%,rgba(227,195,127,.18),transparent 60%),linear-gradient(180deg,var(--bg),var(--bg));background-attachment:fixed}
html[data-theme=dark] body{background:radial-gradient(120% 55% at 85% -5%,rgba(215,110,165,.42),transparent 60%),radial-gradient(90% 50% at 0 105%,rgba(120,60,150,.3),transparent 60%),linear-gradient(180deg,#3C1B4A,#1F0D27);background-attachment:fixed}
#app{padding-bottom:96px}
.si{flex:none;vertical-align:middle}.si.flip{transform:scaleX(-1)}
/* بطاقات زجاجية */
.card,.stat,.mrow,.warn,.good,.urgent{background:linear-gradient(145deg,var(--glass1),var(--glass2));border:1px solid var(--gb);box-shadow:0 8px 26px var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.card{border-radius:22px}.mrow{border-radius:20px;width:100%;text-align:start}
.warn{background:var(--warnBg)}.urgent{background:linear-gradient(145deg,var(--glass1),var(--glass2))}
.mrow .ic{background:linear-gradient(145deg,var(--pinkA),var(--pinkB));color:var(--onpink);width:44px;height:44px;border-radius:14px}
.mrow .ch,.ch{color:var(--mut);display:grid;place-items:center}
.mrow .rv{color:var(--mut);font-size:13px}
.btn{background:linear-gradient(135deg,#DD6FA3,#B5457E);color:#fff;box-shadow:0 6px 18px rgba(181,69,126,.35)}
.btn.alt{background:linear-gradient(145deg,var(--glass1),var(--glass2));border:1px solid var(--gb);color:var(--gd);box-shadow:none}
.btn.out{background:transparent;border:1.5px solid var(--g2);color:var(--g2);box-shadow:none}
.chip{background:linear-gradient(145deg,var(--glass1),var(--glass2));border:1px solid var(--gb);color:var(--ink)}.chip.on{background:linear-gradient(135deg,#DD6FA3,#B5457E);color:#fff;border-color:transparent}
.seg{background:var(--soft);border:1px solid var(--gb)}.seg button{color:var(--mut)}.seg button.on{background:linear-gradient(135deg,#DD6FA3,#B5457E);color:#fff}
input,select,textarea{background:var(--card);border-color:var(--line);color:var(--ink)}
.sheet{background:var(--card);border:1px solid var(--gb)}
.ov{background:rgba(25,6,28,.62)}
.plus{background:linear-gradient(145deg,var(--pinkA),var(--pinkB));color:var(--onpink)}
.tag{background:var(--warnBg);color:var(--warnT)}
.hdr{background:linear-gradient(160deg,#E58FB4,#7A3A6E);border-radius:0 0 30px 30px}
html[data-theme=dark] .hdr{background:linear-gradient(160deg,#6A2F62,#2C1334)}
/* رأس صفحة جديد */
.xh{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 6px;gap:8px}
.xt{display:flex;align-items:center;gap:8px;min-width:0}.xt h1{font-size:21px;margin:0;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xi{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,var(--pinkA),var(--pinkB));color:var(--onpink);flex:none}
.xr{display:flex;gap:6px;flex:none}
.gb{min-width:38px;height:38px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:4px;padding:0 9px;background:linear-gradient(145deg,var(--glass1),var(--glass2));border:1px solid var(--gb);color:var(--gd);font-weight:700;font-size:13px;position:relative}
.gb .dot{position:absolute;top:7px;inset-inline-end:8px;width:8px;height:8px;border-radius:50%;background:#FF5C8A}
/* شريط الأقسام */
.qn{position:sticky;top:0;z-index:15;display:flex;gap:6px;overflow-x:auto;padding:calc(8px + env(safe-area-inset-top)) 12px 8px;background:var(--navbg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--gb);scrollbar-width:none}
.qn::-webkit-scrollbar{display:none}
.qc,.qb{display:flex;align-items:center;gap:5px;white-space:nowrap;height:34px;padding:0 11px;border-radius:17px;font-size:13px;font-weight:700;color:var(--ink);background:linear-gradient(145deg,var(--glass1),var(--glass2));border:1px solid var(--gb);flex:none}
.qc.on{background:linear-gradient(135deg,#DD6FA3,#B5457E);color:#fff;border-color:transparent}
.qb{color:var(--gd)}
/* الرئيسية */
.hm{padding:10px 14px}
.hmt{display:flex;align-items:center;gap:10px}.gr{flex:1;min-width:0}.gr h1{font-size:19px;margin:0;color:var(--ink);display:flex;align-items:center;gap:6px}.gr small{color:var(--mut)}.hh{color:var(--g2)}
.avt{position:relative;flex:none;border-radius:50%;padding:2px;background:linear-gradient(135deg,#F2D9A0,#E58FB4);margin-top:8px}
.avt .in{width:100%;height:100%;border-radius:50%;background:linear-gradient(145deg,#4A2250,#2A1233);color:#F6D9A8;display:grid;place-items:center;font-weight:800;font-size:22px}
.avt .cr{position:absolute;top:-13px;inset-inline-start:50%;transform:translateX(-50%);color:#E3C37F}
html[dir=rtl] .avt .cr{transform:translateX(50%)}
.ov-card{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;width:100%;text-align:start;margin:14px 0 10px;padding:16px;border-radius:24px;background:linear-gradient(135deg,var(--creamA),var(--pinkA));color:var(--onpink);box-shadow:0 10px 30px var(--shadow);border:1px solid rgba(255,255,255,.5)}
.okc{width:50px;height:50px;border-radius:50%;background:#3E9B6E;color:#fff;display:grid;place-items:center;flex:none;box-shadow:0 4px 12px rgba(62,155,110,.45)}.okc.w{background:#D98A2B}
.ovt small{display:block;opacity:.8}.ovt b{display:block;font-size:20px}.pillg{display:inline-block;margin-top:4px;background:rgba(255,255,255,.6);padding:3px 10px;border-radius:12px;font-size:12.5px;font-weight:600}
.fl{position:absolute;inset-inline-end:-6px;bottom:-8px;color:#E58FB4;opacity:.55}
.tg{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tl{position:relative;display:flex;flex-direction:column;gap:2px;text-align:start;padding:14px;border-radius:22px;min-height:112px;background:linear-gradient(145deg,var(--glass1),var(--glass2));border:1px solid var(--gb);box-shadow:0 8px 24px var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.tic{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,var(--pinkA),var(--pinkB));color:var(--onpink);margin-bottom:4px}
.tl:nth-child(2) .tic{background:linear-gradient(145deg,#F6E2AE,#E3C37F);color:#43300A}.tl:nth-child(3) .tic{background:linear-gradient(145deg,#D9C2F0,#B58AD6);color:#2D1450}.tl:nth-child(4) .tic{background:linear-gradient(145deg,#C9D4F6,#9CB0E8);color:#14224A}
.tv{font-size:24px;line-height:1.15;color:var(--ink)}.tn{font-weight:700;color:var(--ink)}.tl small{color:var(--mut);font-size:12px}
.ac{display:flex;align-items:center;gap:12px;width:100%;text-align:start;margin:10px 0;padding:14px;border-radius:22px;border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 24px var(--shadow)}
.ac b{display:block;font-size:15.5px}.ac small{display:block;margin-top:2px;font-size:13px;line-height:1.5}
.ac .aic{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;flex:none;background:rgba(255,255,255,.6)}
.ac.pink{background:linear-gradient(135deg,var(--pinkA),var(--pinkB));color:var(--onpink)}.ac.pink .aic{color:#C2335F}
.ac.cream{background:linear-gradient(135deg,var(--creamA),var(--creamB));color:var(--oncream)}.ac.cream .aic{color:#B07C0A}
.ac.soft{background:linear-gradient(145deg,var(--glass1),var(--glass2));color:var(--ink);border-color:var(--gb)}.ac.soft .aic{background:var(--soft);color:var(--ok)}
.ac.pink .ch,.ac.cream .ch{color:inherit}
.ac.big{flex-direction:row;align-items:flex-start;padding:16px}
.bp{display:inline-flex;align-items:center;gap:5px;margin-top:10px;padding:8px 16px;border-radius:20px;background:rgba(255,255,255,.78);color:#3E102D;font-weight:700;font-size:13.5px}
.ctr{text-align:center;margin:10px 0}
.sh{display:flex;align-items:center;justify-content:space-between;margin:16px 2px 8px}.sh h3{margin:0;color:var(--ink)}.sh.in{margin:0 0 8px}
.lk{display:flex;align-items:center;gap:3px;color:var(--g2);font-weight:700;font-size:13px}
/* المساعد */
.bothd{display:flex;align-items:center;gap:10px;margin:8px 0}
.bot{width:68px;height:68px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,#6B3A8A,#3A1B54);color:#F6C3E0;border:1px solid var(--gb);box-shadow:0 0 24px rgba(200,120,220,.4)}
html:not([data-theme=dark]) .bot{background:linear-gradient(145deg,#C98BE0,#9C5DBE);color:#fff}
.bub{padding:10px 14px;border-radius:18px;background:linear-gradient(145deg,var(--glass1),var(--glass2));border:1px solid var(--gb);color:var(--ink);font-weight:600}
.qchips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.qchips button{white-space:nowrap;padding:9px 14px;border-radius:18px;background:linear-gradient(145deg,var(--glass1),var(--glass2));border:1px solid var(--gb);color:var(--gd);font-weight:700}
.ask{display:flex;gap:8px;align-items:center;margin:10px 0;padding:6px;border-radius:26px;background:linear-gradient(145deg,var(--glass1),var(--glass2));border:1px solid var(--gb)}
.ask input{border:0;background:transparent;flex:1}.send{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#DD6FA3,#B5457E);color:#fff;display:grid;place-items:center;flex:none}
/* المالية */
.bal{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px;margin:8px 0 12px;border-radius:24px;background:linear-gradient(135deg,rgba(238,151,188,.35),var(--glass2));border:1px solid var(--gb);box-shadow:0 10px 30px var(--shadow)}
.bal small{color:var(--mut)}.bv{display:block;font-size:34px;line-height:1.15;color:var(--ink)}.bv span{font-size:15px;color:var(--mut);font-weight:500}
.wi{position:absolute;top:14px;inset-inline-end:16px;color:var(--gold)}
.bal .bp{align-self:flex-start;background:linear-gradient(135deg,#DD6FA3,#B5457E);color:#fff;margin-top:6px}
.pt{display:flex;gap:6px;overflow-x:auto;margin:8px 0;padding:4px;border-radius:22px;background:var(--soft);border:1px solid var(--gb)}
.pt button{flex:1;white-space:nowrap;padding:9px 14px;border-radius:18px;color:var(--mut);font-weight:700}.pt button.on{background:linear-gradient(135deg,#DD6FA3,#B5457E);color:#fff}
.pt.sm{background:transparent;border:0;padding:0}.pt.sm button{flex:none;padding:6px 14px;background:linear-gradient(145deg,var(--glass1),var(--glass2));border:1px solid var(--gb);font-size:13px}.pt.sm button.on{border-color:transparent}
.br,.pr{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid var(--line);width:100%;text-align:start}.br:last-child,.pr:last-child{border-bottom:0}
.bi{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;flex:none;background:linear-gradient(145deg,var(--pinkA),var(--pinkB));color:var(--onpink)}
.br .tx,.pr .tx{flex:1;min-width:0}.br .tx small,.pr .tx small{display:block;color:var(--mut)}
.pbar{height:8px;border-radius:8px;background:var(--ringbg);margin-top:10px;overflow:hidden}.pbar i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#8FC8A8,#E3C37F)}
.ln{display:block;margin-top:4px}
/* الصحة */
.hlr{display:flex;align-items:center;gap:14px}
.rg{position:relative;flex:none}.rm{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.rm b{font-size:28px;color:var(--ink)}.rm small{font-size:11px;color:var(--mut);max-width:70px;line-height:1.2}
.hs{flex:1;display:flex;flex-direction:column;gap:10px}.hs small{display:block;color:var(--mut)}.hs b{font-size:20px;color:var(--ink)}.hs i{font-style:normal;font-size:13px;color:var(--mut);font-weight:500}
.mts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mt{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;border-radius:18px;background:linear-gradient(145deg,var(--glass1),var(--glass2));border:1px solid var(--gb)}
.mp{width:100%;height:62px;border-radius:14px;display:grid;place-items:center;color:#5A2447;background:linear-gradient(135deg,#F8D5A8,#F3A6C4)}
.mt b{color:var(--ink)}.mt small{color:var(--mut)}
.big{font-size:24px}
/* البقالة / يومي / تقارير */
.tg2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0}
.tl2{display:flex;align-items:center;gap:10px;padding:14px;border-radius:20px;border:1px solid var(--gb);color:var(--ink)}
.tl2 small{display:block;color:var(--mut);font-size:12px}.tl2 b{font-size:18px}
.tl2.g{background:linear-gradient(135deg,rgba(143,200,168,.35),var(--glass2))}.tl2.w{background:linear-gradient(135deg,rgba(227,195,127,.4),var(--glass2))}
.ds{display:flex;gap:8px;overflow-x:auto;padding:6px 2px}
.ds button{min-width:54px;padding:8px 6px;border-radius:18px;text-align:center;background:linear-gradient(145deg,var(--glass1),var(--glass2));border:1px solid var(--gb);color:var(--mut)}
.ds button b{display:block;font-size:19px;color:var(--ink)}.ds button.on{background:linear-gradient(135deg,#DD6FA3,#B5457E);color:#fff;border-color:transparent}.ds button.on b{color:#fff}
.dnr{display:flex;align-items:center;gap:14px}.lg{flex:1}.lg div{display:flex;align-items:center;gap:8px;padding:3px 0}.lg i{width:11px;height:11px;border-radius:50%;flex:none}.lg span{flex:1}
/* الإعدادات */
.prof{display:flex;align-items:center;gap:12px;padding:14px;margin:10px 0;border-radius:22px;background:linear-gradient(145deg,var(--glass1),var(--glass2));border:1px solid var(--gb)}.prof .tx{flex:1}.prof small{color:var(--mut)}
/* شريط التنقل السفلي */
.nav{left:0;right:0;bottom:0;transform:none;max-width:none;width:100%;border-radius:22px 22px 0 0;padding:8px 8px calc(8px + env(safe-area-inset-bottom));gap:2px;justify-content:space-around;background:var(--navbg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--gb);box-shadow:0 -8px 28px var(--shadow)}
.nav button{flex:1;height:auto;min-width:0;flex-direction:column;gap:2px;padding:6px 2px;border-radius:16px;color:var(--navoff);font-size:inherit}
.nav button span{display:block;font-size:11px;font-weight:700}
.nav button.on{background:linear-gradient(145deg,rgba(238,151,188,.28),rgba(238,151,188,.1));color:var(--navon)}
/* زر فوق */
#fab{position:fixed;inset-inline-end:12px;bottom:calc(82px + env(safe-area-inset-bottom));z-index:18;display:flex;flex-direction:column;gap:6px;left:auto;right:auto}
html[dir=rtl] #fab{left:12px;right:auto;inset-inline-end:auto}html[dir=ltr] #fab{right:12px;left:auto}
#fab button{width:42px;height:42px;border-radius:50%;padding:0;display:grid;place-items:center;background:var(--card);color:var(--gd);border:1px solid var(--gb);box-shadow:0 4px 14px var(--shadow);font-size:0}
#fab button:before{content:'';width:10px;height:10px;border-top:2.5px solid currentColor;border-inline-start:2.5px solid currentColor;transform:rotate(45deg);margin-top:4px}
table{color:var(--ink)}.note{color:var(--mut)}
#toast{background:var(--navy);color:#fff}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.qchips,.pt,.ds,.seg,.chips,.days{scrollbar-width:none}.qchips::-webkit-scrollbar,.pt::-webkit-scrollbar,.ds::-webkit-scrollbar,.seg::-webkit-scrollbar,.chips::-webkit-scrollbar{display:none}
/* v26: المقاييس البيتية */
.hmbox{margin:10px 0;padding:12px;border-radius:18px;background:linear-gradient(145deg,var(--glass1),var(--glass2));border:1px solid var(--gb)}
.hmh{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hmh .lk{margin-inline-start:auto}
.hmq{display:flex;gap:6px;margin:8px 0}.hmq button{flex:1;padding:7px 0;border-radius:14px;background:var(--soft);color:var(--mut);font-weight:700}.hmq button.on{background:linear-gradient(135deg,#DD6FA3,#B5457E);color:#fff}
.hmc{display:flex;flex-wrap:wrap;gap:6px;max-height:190px;overflow:auto}
.hmc button{display:flex;flex-direction:column;align-items:center;padding:7px 10px;border-radius:14px;background:var(--card);border:1px solid var(--line);color:var(--ink);font-weight:700;font-size:13px}.hmc button small{color:var(--mut);font-weight:500;font-size:11px}
.hmg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}
.hmcd{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px;border-radius:16px;background:var(--soft);color:var(--gd)}.hmcd b{color:var(--ink);font-size:13.5px}.hmcd small{color:var(--mut);font-size:11.5px}
.hsv{max-width:100%}
.hmcfg{margin:10px 0}
.hmc button svg{width:42px;height:auto;color:var(--gd)}.hmc{max-height:260px}
/* v27 substitutions */
.sbc{background:var(--card,#fff);border:1px solid var(--line);border-radius:16px;padding:12px;margin:8px 0}
.sbc.sbb{border-style:dashed}.sbc.sbk{border-color:var(--pri,#b8607f)}
.sbg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:6px 0}
.sbg div{background:rgba(184,96,127,.08);border-radius:10px;padding:6px;text-align:center}
.sbg small{display:block;font-size:11px;opacity:.75}.sbg b{font-size:14px}
.sbna{opacity:.6;font-weight:400;font-size:12px}
.sbrec{background:rgba(212,175,110,.16);border:1px solid rgba(212,175,110,.5);border-radius:14px;padding:10px;margin:8px 0}

.hmsw{display:flex;gap:4px;padding:3px;border-radius:16px;background:var(--soft);margin:8px 0}.hmsw button{flex:1;padding:8px 0;border-radius:13px;font-weight:800;color:var(--mut);background:transparent}.hmsw button.on{background:linear-gradient(135deg,#DD6FA3,#B5457E);color:#fff}.hmc button.sel{border:2px solid #B5457E;background:var(--soft)}.hmrow .hmc{max-height:240px}