/* FuLoop SU — Patron ve Merkez mobil/tablet (pm-*). Jetonlar ortak sistemle aynı (TASARIM-SISTEMI.md): Jost, FA6, azur, vurgu #1479BD, kart 18, düğme 10, rozet 6, dokunma 44. */
@import url("vendor/fonts/jost/jost.css");
:root{ --serit:linear-gradient(90deg,#06223D 0%,#0A3A63 50%,#0C4E81 100%); --vurgu:#1479BD; --vm:#0B5C9E; --va:#E7F3FB; --koyu:#072038; --zemin:#F1F6FA; --kart:#fff;
 --cizgi:#DCE6EF; --metin:#0F2236; --soluk:#4F6479; --tehlike:#c62828; --ok:#1d6b3d; --uyari:#8a5300; --uyari-bg:#fff3d6; --golge:0 2px 6px rgba(9,39,68,.08); }
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Jost",system-ui,"Segoe UI",sans-serif;font-size:15px;color:var(--metin);background:#fff;-webkit-font-smoothing:antialiased}
.pm{width:390px;height:844px;overflow:hidden;position:relative;background:var(--zemin);display:flex;flex-direction:column}
.pm.tablet{width:820px;height:1180px}
.pm-ust{flex:none;height:58px;background:var(--serit);color:#fff;display:flex;align-items:center;gap:10px;padding:0 14px}
.pm-ust img{width:34px;height:34px}
.pm-ust .ad{font-weight:700;font-size:17px;line-height:1}.pm-ust .ad em{font-style:normal;font-weight:300;color:#7BCDF8;margin-left:4px}
.pm-ust .ad small{display:block;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#b9dcf3;margin-top:3px}
.pm-ust .sag{margin-left:auto;display:flex;gap:8px;align-items:center}
.pm-ust .ik{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:17px;position:relative}
.pm-ust .ik b{position:absolute;top:2px;right:0;min-width:18px;height:18px;border-radius:9px;background:#F5B94A;color:#3B2500;font-size:11px;font-weight:700;display:grid;place-items:center;padding:0 4px}
.pm-ust .geri{font-size:18px;width:36px}
.pm-ust .bas{font-weight:600;font-size:18px;letter-spacing:.01em}
.pm-govde{flex:1;min-height:0;overflow:hidden;padding:12px;display:flex;flex-direction:column;gap:10px}
.pm-alt{flex:none;height:64px;background:#fff;border-top:1px solid var(--cizgi);display:flex}
.pm-alt a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11.5px;font-weight:500;color:var(--soluk);position:relative}
.pm-alt a i{font-size:19px}
.pm-alt a.on{color:var(--vm);font-weight:600}
.pm-alt a.on::before{content:"";position:absolute;top:0;width:34px;height:3px;border-radius:0 0 3px 3px;background:var(--vurgu)}
.pm-alt a b{position:absolute;top:6px;left:calc(50% + 6px);min-width:17px;height:17px;border-radius:9px;background:var(--tehlike);color:#fff;font-size:10.5px;display:grid;place-items:center;padding:0 4px}
.k{background:var(--kart);border:1px solid var(--cizgi);border-radius:18px;box-shadow:var(--golge);padding:12px 14px}
.k.s{padding:10px 12px}.k.sifir{padding:0;overflow:hidden}
.kb{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;margin-bottom:8px}
.kb i{color:var(--vm);font-size:14px;width:16px;text-align:center}
.kb .sg{margin-left:auto;font-size:12.5px;font-weight:500;color:var(--vm)}
.et{font-size:11.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--soluk)}
.sy{font-variant-numeric:tabular-nums}
.kr{color:var(--tehlike)}.yes{color:var(--ok)}.sl{color:var(--soluk)}
small,.kucuk{font-size:12.5px;color:var(--soluk)}
.hero{background:linear-gradient(135deg,#0A3A63 0%,#1479BD 100%);color:#fff;border-radius:18px;padding:14px 16px;box-shadow:var(--golge)}
.hero .et{color:#b9dcf3}.hero .buyuk{font-size:38px;font-weight:600;letter-spacing:-.02em;line-height:1.05;margin:2px 0 8px}
.hero .buyuk small{font-size:15px;color:#cfe8f8;font-weight:400;margin-left:6px}
.bol{display:flex;height:8px;border-radius:5px;overflow:hidden;gap:2px;margin-bottom:8px}.bol i{display:block;height:100%}
.hero .u3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.hero .u3 div{font-size:12px;color:#cfe8f8;line-height:1.25}.hero .u3 b{display:block;font-size:17px;color:#fff;font-weight:600}
.hero .u3 span.n{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px}
.s3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.s2{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.s4{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.sk{background:#fff;border:1px solid var(--cizgi);border-radius:14px;box-shadow:var(--golge);padding:9px 11px;min-width:0}
.sk .et{font-size:10.5px;letter-spacing:.06em}.sk b{display:block;font-size:24px;font-weight:600;line-height:1.15;font-variant-numeric:tabular-nums}
.sk small{display:block;font-size:12px;line-height:1.2}
.sk.v{background:var(--va);border-color:#BBDDF1}.sk.w{background:var(--uyari-bg);border-color:#F1D08A}.sk.w b{color:#6B4200}.sk.t{background:#fde4e4;border-color:#f6c9c9}.sk.t b{color:#9B1C1C}
.r{display:inline-flex;align-items:center;gap:4px;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600;white-space:nowrap;background:#E3EAF1;color:#26405a}
.r.ok{background:#dcf3e4;color:#14532d}.r.uy{background:#fff3d6;color:#8a5300}.r.th{background:#fde4e4;color:#9B1C1C}.r.vu{background:var(--va);color:var(--vm)}.r.ko{background:#0A3A63;color:#fff}
.bant{display:flex;align-items:flex-start;gap:10px;padding:9px 12px;border-radius:12px;font-size:13.5px;line-height:1.3}
.bant i{margin-top:2px}.bant.uy{background:var(--uyari-bg);color:#6B4200;border:1px solid #F1D08A}.bant.th{background:#fde4e4;color:#9B1C1C;border:1px solid #f6c9c9}.bant.vu{background:var(--va);color:#0B3F6B;border:1px solid #BBDDF1}
.bant .git{margin-left:auto;align-self:center;font-weight:600;white-space:nowrap}
.sat{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--cizgi);min-height:44px}
.sat:first-child{border-top:0}.sat .gv{flex:1;min-width:0;line-height:1.2}
.sat .gv b{font-weight:600;font-size:15px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sat .gv small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sat .sg{text-align:right;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1.2}.sat .sg small{display:block;font-weight:400}
.av{flex:none;width:38px;height:38px;border-radius:50%;background:var(--va);color:var(--vm);display:grid;place-items:center;font-weight:700;font-size:14px}
.av.k2{background:#0A3A63;color:#fff}.av.w{background:var(--uyari-bg);color:#6B4200}.av.t{background:#fde4e4;color:#9B1C1C}.av.o{background:#dcf3e4;color:#14532d}
.ic{flex:none;width:38px;height:38px;border-radius:11px;background:var(--va);color:var(--vm);display:grid;place-items:center;font-size:16px}
.ic.w{background:var(--uyari-bg);color:#8a5300}.ic.t{background:#fde4e4;color:#9B1C1C}.ic.o{background:#dcf3e4;color:#14532d}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 14px;border-radius:10px;border:1px solid var(--cizgi);background:#fff;color:var(--vm);font-weight:600;font-size:15px;font-family:inherit}
.btn.a{background:var(--vurgu);border-color:var(--vurgu);color:#fff}.btn.k{background:var(--koyu);border-color:var(--koyu);color:#fff}.btn.wa{background:#e3f6ea;border-color:#b6e3c6;color:#14532d}
.btn.ik{width:44px;padding:0}.btn.kc{min-height:36px;font-size:13.5px;padding:0 11px}.btn.tam{width:100%}
.btns{display:flex;gap:8px}.btns .btn{flex:1}
.cip{display:flex;gap:6px;overflow:hidden}.cip span{flex:none;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid var(--cizgi);font-size:14px;font-weight:500;color:var(--soluk)}
.cip span.on{background:var(--vurgu);border-color:var(--vurgu);color:#fff;font-weight:600}.cip span em{font-style:normal;font-size:12px;opacity:.85}
.seg{display:flex;background:#E3EAF1;border-radius:12px;padding:3px}.seg span{flex:1;text-align:center;padding:8px 0;border-radius:9px;font-size:14px;font-weight:500;color:var(--soluk)}.seg span.on{background:#fff;color:var(--vm);font-weight:600;box-shadow:var(--golge)}
.har{position:relative;border-radius:12px;overflow:hidden;background:#DCEBF5}.har svg{display:block;width:100%;height:100%}
.cub{display:flex;align-items:flex-end;gap:7px;height:96px}.cub div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px;height:100%;font-size:11px;color:var(--soluk)}
.cub div i{display:block;width:100%;border-radius:5px 5px 0 0;background:linear-gradient(0deg,#0B5C9E,#1479BD)}.cub div i.son{background:#E39B14}
.cub div span{font-size:11.5px}
.bar{height:8px;border-radius:5px;background:#E3EAF1;overflow:hidden}.bar i{display:block;height:100%;background:var(--vurgu);border-radius:5px}.bar i.w{background:#E39B14}.bar i.t{background:var(--tehlike)}
.ist{display:grid;grid-template-columns:104px 1fr auto;gap:8px;align-items:center;padding:5px 0;font-size:14px}.ist .ad{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.an{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;border-top:1px solid var(--cizgi);font-size:15px}.an:first-child{border-top:0}
.an small{display:block}
.sw{flex:none;width:50px;height:28px;border-radius:14px;background:#C9D6E2;position:relative}.sw::before{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.sw.on{background:var(--vurgu)}.sw.on::before{left:25px}
.foto{border-radius:12px;background:linear-gradient(135deg,#9fc4dc,#5f93b5);display:grid;place-items:center;color:#fff;position:relative;overflow:hidden}
.foto i{font-size:26px;opacity:.9}.foto span{position:absolute;left:8px;bottom:6px;font-size:11.5px;background:rgba(7,32,56,.65);padding:1px 8px;border-radius:6px}
.fiy{display:grid;grid-template-columns:1fr 58px 20px 100px;gap:6px;align-items:center;min-height:46px;border-top:1px solid var(--cizgi);font-size:15px}.fiy:first-child{border-top:0}
.inp{height:40px;border:1px solid var(--cizgi);border-radius:12px;background:#fff;padding:0 10px;display:flex;align-items:center;justify-content:flex-end;font-weight:600;font-variant-numeric:tabular-nums}.inp.on{border:2px solid var(--vurgu);background:var(--va);color:var(--vm)}
.tus{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tus span{height:60px;border-radius:14px;background:#fff;border:1px solid var(--cizgi);box-shadow:var(--golge);display:grid;place-items:center;font-size:26px;font-weight:500}.tus span.c{background:#fde4e4;color:#9B1C1C;font-size:18px}
.nok{display:flex;justify-content:center;gap:14px}.nok i{width:16px;height:16px;border-radius:50%;border:2px solid var(--vurgu)}.nok i.d{background:var(--vurgu)}
.sb{position:absolute;left:0;right:0;bottom:64px;background:#fff;border-top:1px solid var(--cizgi);padding:10px 12px;display:flex;gap:8px;box-shadow:0 -4px 14px rgba(9,39,68,.08)}
.tz{display:grid;grid-template-columns:76px 1fr;min-height:0}
.yan{display:flex;flex-direction:column;gap:6px;background:linear-gradient(180deg,#0A3A63,#06223D);padding:10px 6px;color:#cfe3f3}
.yan a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 0;border-radius:12px;font-size:11.5px}.yan a i{font-size:20px}.yan a.on{background:rgba(255,255,255,.14);color:#fff;font-weight:600}
.tg{flex:1;min-height:0;overflow:hidden;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}
.tg .tam{grid-column:1/-1}.tg .col{display:flex;flex-direction:column;gap:10px;min-width:0}
.tablet-wrap{display:flex;flex-direction:column;height:100%}.tablet-wrap .tz{flex:1}
.sube{display:flex;flex-direction:column;gap:8px}
.sube .bas{display:flex;align-items:center;gap:10px}.sube .bas b{font-size:17px;font-weight:600;line-height:1.1}.sube .bas small{display:block}
.sube .ciro{margin-left:auto;text-align:right;font-size:22px;font-weight:600;line-height:1.05;font-variant-numeric:tabular-nums}.sube .ciro small{display:block;font-size:12px;font-weight:400}
.sube .m4{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.sube .m4 div{background:var(--zemin);border-radius:10px;padding:6px 8px;line-height:1.15}.sube .m4 b{display:block;font-size:16.5px;font-weight:600;font-variant-numeric:tabular-nums}.sube .m4 small{font-size:11px}
.sube .ft{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--soluk)}
.sube.off{border-color:#f6c9c9}
.led{display:inline-block;width:9px;height:9px;border-radius:50%;background:#2e9d5b;margin-right:5px}.led.w{background:#E39B14}.led.t{background:var(--tehlike)}
.bk{display:grid;grid-template-columns:90px 1fr;gap:8px;align-items:center;font-size:13.5px;padding:3px 0}
.bk .t{display:flex;flex-direction:column;gap:3px}.bk .t .bar{height:9px}.bk .t span{font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums}
.bk .g{font-weight:600;line-height:1.15}.bk .g small{display:block;font-weight:400;font-size:11.5px}
.not{display:flex;gap:10px;padding:10px 0;border-top:1px solid var(--cizgi);align-items:flex-start}.not:first-child{border-top:0}
.not .gv{flex:1;min-width:0;line-height:1.25}.not .gv b{font-weight:600;font-size:15px}.not .gv small{display:block;margin-top:2px}
.not .zm{font-size:12px;color:var(--soluk);white-space:nowrap}
.not .eyl{display:flex;gap:6px;margin-top:7px}
.not.yeni{background:linear-gradient(90deg,var(--va),transparent 70%);margin:0 -14px;padding-left:14px;padding-right:14px}
.qr{width:190px;height:190px;border-radius:18px;background:#fff;border:1px solid var(--cizgi);padding:14px;box-shadow:var(--golge);margin:0 auto;position:relative}
.qr svg{width:100%;height:100%}.qr .lg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:10px;background:#fff;display:grid;place-items:center;padding:4px}
.qr .lg img{width:100%}

.kb3 .sk b{font-size:19px;white-space:nowrap}