/*
 * Danışan uygulamasının ortak arayüz bileşenleri (tek kaynak). Portalda (/client) bağlantıyla yüklenir; ziyaretçi sitesindeki
 * "uygulama ekranları" (ana sayfadaki cihaz çerçeveleri, uygulama turu) aynı dosyayı sayfaya gömer (SiteStyles). Böylece sitede
 * görünen ekran, portalın gerçek bileşenleridir. Ölçüler em cinsindendir: cihaz çerçevesinin içinde yazı boyu küçülünce bileşenler
 * de orantılı küçülür. Yazı tipi tanımları (@font-face) site.css ve portal.css'tedir; burada yalnızca aile adları kullanılır.
 *
 * Kan şekeri durumu renk körlüğüne dayanıklıdır: renk + simge + metin (Hedefte ✓ / Yüksek ▲ / Düşük ▼).
 * Bölümler: 1 belirteçler · 2 cihaz çerçevesi · 3 ekran + uygulama çubuğu · 4 kart, sayı, durum, gösterge · 5 küçük grafik, halka,
 * ilerleme · 6 kutucuklar, satırlar, belgeler · 7 düğme, çip, bölümlü seçim · 8 mesaj balonları · 9 takvim, öğün · 10 form, uyarı,
 * boş durum · 11 sekme çubuğu (görünüm; sabitleme portal.css'te).
 */

/* 1 ─ Belirteçler */
:root{
    --p-bg:#f1f5f4;
    --p-surface:#fff;
    --p-ink:#0f1a20;
    --p-muted:#55616c;
    --p-line:#e1e7ea;
    --p-brand:#10743a;
    --p-brand-strong:#0b5a2c;
    --p-brand-soft:#e7f3ea;
    --p-lime:#8cc63f;
    --p-lime-soft:#eef7df;
    --p-band:rgb(140 198 63/.22);
    --p-high:#e8642a;
    --p-high-text:#a8420f;
    --p-high-soft:#fdeee5;
    --p-very-high:#8f2d0a;     /* çok yüksek (beyaz yazıyla 8:1) */
    --p-low:#c81e4e;
    --p-low-text:#b0173f;
    --p-low-soft:#fbe8ee;
    --p-water:#2f7ff0;
    --p-water-text:#1d5fc4;
    --p-water-soft:#e7f0fe;
    --p-device:#0b1116;
    --p-device-2:#141d24;
    --p-danger:#b42318;
    --p-success:#10743a;
    --p-radius:1.15em;
    --p-font:"Atkinson Next","Atkinson Yedek",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
    --p-display:"Bricolage","Bricolage Yedek",var(--p-font);
    --p-mono:"Atkinson Mono","Atkinson Mono Yedek",ui-monospace,Menlo,Consolas,monospace;
    --p-shadow:0 1px 2px rgb(15 26 32/.05),0 10px 24px -16px rgb(15 26 32/.28);
}
.p-icon{flex:none;width:1.4em;height:1.4em}
.p-mono{font-family:var(--p-mono);font-variant-numeric:tabular-nums}
.p-muted{color:var(--p-muted);font-size:.9em}
.p-link{padding:0;border:0;background:none;color:var(--p-brand);font:inherit;font-weight:700;text-decoration:none;cursor:pointer}
.p-link:hover{text-decoration:underline}
.p-link.is-danger{color:var(--p-danger)}

/* 2 ─ Cihaz çerçevesi (yalnızca sitede; HTML ile çizilir, ekran görüntüsü değildir) */
.p-device{--d-w:300px;position:relative;width:var(--d-w);max-width:100%;padding:11px;border-radius:50px;background:var(--p-device);box-shadow:inset 0 0 0 1.5px #2a353e,0 2px 4px rgb(11 17 22/.2),0 50px 90px -40px rgb(11 17 22/.6);font-size:12.5px}
.p-device::before{content:"";position:absolute;top:96px;left:-3px;width:3px;height:54px;border-radius:2px 0 0 2px;background:#202a32}
.p-device-screen{position:relative;overflow:hidden;aspect-ratio:9/19;border-radius:40px;background:var(--p-bg);color:var(--p-ink);font-family:var(--p-font);line-height:1.4;isolation:isolate}
.p-island{position:absolute;top:10px;left:50%;z-index:3;width:30%;height:24px;border-radius:14px;background:var(--p-device);transform:translateX(-50%)}
.p-statusbar{display:flex;align-items:center;justify-content:space-between;height:44px;padding:4px 26px 0;font-family:var(--p-mono);font-size:1em;font-weight:700}
.p-statusbar-icons{display:flex;gap:4px;align-items:center}
.p-statusbar-icons i{display:block;width:1.15em;height:.7em;border-radius:2px;background:currentColor;opacity:.85}
.p-statusbar-icons i:first-child{width:.9em;clip-path:polygon(0 100%,100% 0,100% 100%)}
.p-device-home{position:absolute;bottom:7px;left:50%;z-index:3;width:36%;height:4px;border-radius:2px;background:var(--p-ink);opacity:.8;transform:translateX(-50%)}
.p-device .p-screen{height:calc(100% - 44px);overflow:hidden;padding:0 1.1em 6em}
.p-device .p-tabbar{position:absolute;right:0;bottom:0;left:0}

/* 3 ─ Ekran + uygulama çubuğu */
.p-screen{background:var(--p-bg);color:var(--p-ink);font-family:var(--p-font)}
.p-appbar{display:flex;align-items:center;gap:.6em;min-height:3.2em}
.p-appbar-title{flex:1;margin:0;font-family:var(--p-display);font-size:1.15em;font-weight:700;letter-spacing:-.01em;text-align:center}
.p-appbar-btn{position:relative;display:inline-grid;place-items:center;width:2.6em;height:2.6em;border-radius:50%;background:var(--p-surface);color:var(--p-ink);box-shadow:var(--p-shadow)}
.p-appbar-btn .p-icon{width:1.25em;height:1.25em}
.p-hello{margin:.2em 0 .1em;font-family:var(--p-display);font-size:1.75em;font-weight:750;letter-spacing:-.025em;line-height:1.08}
.p-date{margin:0 0 .9em;color:var(--p-muted);font-size:.92em}
.p-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:.6em;margin:1.2em 0 .5em;font-family:var(--p-display);font-size:1.05em;font-weight:700}
.p-section-title a{font-family:var(--p-font);font-size:.85em}

/* 4 ─ Kart, büyük sayı, durum çipi, aralık göstergesi */
.p-card{position:relative;margin-bottom:.8em;padding:1em 1.1em;border-radius:var(--p-radius);background:var(--p-surface);box-shadow:var(--p-shadow)}
.p-card>:last-child{margin-bottom:0}
.p-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:.6em;margin-bottom:.6em}
.p-card-head h2,.p-card-head h3,.p-h2{margin:0;font-family:var(--p-display);font-size:1.08em;font-weight:700;letter-spacing:-.01em;line-height:1.25}
.p-card.is-dark{background:var(--p-device);color:#eef3f5}
.p-card.is-dark .p-muted{color:#a5b3bc}
.p-card.is-accent{background:var(--p-lime-soft);box-shadow:none}
.p-card.is-unread{box-shadow:inset .3em 0 0 var(--p-brand),var(--p-shadow)}
.p-kicker{display:flex;align-items:center;gap:.45em;margin:0 0 .35em;color:var(--p-muted);font-size:.85em;font-weight:700}
.p-kicker .p-icon{width:1.15em;height:1.15em;color:var(--p-brand)}
.p-reading{display:flex;align-items:baseline;gap:.3em;margin:0;font-family:var(--p-mono);font-size:3em;font-weight:700;letter-spacing:-.04em;line-height:1}
.p-reading small{font-family:var(--p-font);font-size:.3em;font-weight:700;letter-spacing:0;color:var(--p-muted)}
.p-reading-row{display:flex;align-items:center;justify-content:space-between;gap:.8em;flex-wrap:wrap}
.p-state{display:inline-flex;align-items:center;gap:.35em;padding:.3em .7em .3em .45em;border-radius:999px;font-size:.85em;font-weight:700;line-height:1.2;white-space:nowrap}
.p-state svg{width:1.1em;height:1.1em;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.p-state.is-in{background:var(--p-brand-soft);color:var(--p-brand)}
.p-state.is-high{background:var(--p-high-soft);color:var(--p-high-text)}
.p-state.is-low{background:var(--p-low-soft);color:var(--p-low-text)}
.p-state.is-very-high{background:var(--p-very-high);color:#fff}
.p-state.is-none{background:#eef1f3;color:var(--p-muted)}
/* Aralık göstergesi: düşük | hedef | yüksek bölgeleri; işaretçinin yeri --pos (0–100%) */
.p-gauge{position:relative;height:.7em;margin:1.1em 0 1.6em;border-radius:999px;background:linear-gradient(90deg,var(--p-low) 0 18%,var(--p-lime) 18% 60%,var(--p-high) 60% 84%,var(--p-very-high) 84% 100%)}
.p-gauge::before,.p-gauge::after{position:absolute;top:1.15em;color:var(--p-muted);font-family:var(--p-mono);font-size:.72em;font-weight:600}
.p-gauge::before{content:attr(data-low);left:18%;transform:translateX(-50%)}
.p-gauge::after{content:attr(data-high);left:60%;transform:translateX(-50%)}
.p-gauge-vh{position:absolute;top:1.15em;left:84%;color:var(--p-muted);font-family:var(--p-mono);font-size:.72em;font-weight:600;transform:translateX(-50%)}
.p-gauge-mark{position:absolute;top:50%;left:var(--pos,50%);width:1.35em;height:1.35em;border:.3em solid #fff;border-radius:50%;background:var(--p-ink);box-shadow:0 2px 6px rgb(15 26 32/.35);transform:translate(-50%,-50%)}

/* 5 ─ Küçük grafik (SVG), halka, ilerleme çubuğu */
.p-spark{display:block;width:100%;height:auto;overflow:visible}
.p-spark .band{fill:var(--p-band)}
.p-spark .band-edge{stroke:var(--p-lime);stroke-width:1;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}
.p-spark .line{fill:none;stroke:var(--p-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.p-spark .grid{stroke:var(--p-line);stroke-width:1;vector-effect:non-scaling-stroke}
.p-spark .dot{fill:var(--p-surface);stroke:var(--p-brand);stroke-width:2;vector-effect:non-scaling-stroke}
.p-spark .dot.is-high{stroke:var(--p-high)}
.p-spark .dot.is-low{stroke:var(--p-low)}
.p-spark .dot.is-very-high{fill:var(--p-very-high);stroke:var(--p-very-high)}
.p-spark text{fill:var(--p-muted);font-family:var(--p-mono);font-size:10px}
.p-ring{--pct:0;--ring:var(--p-water);position:relative;display:grid;flex:none;place-items:center;width:4.6em;height:4.6em;border-radius:50%;background:conic-gradient(var(--ring) calc(var(--pct) * 1%),#e6ecef 0)}
.p-ring::before{content:"";position:absolute;inset:.5em;border-radius:50%;background:var(--p-surface)}
.p-ring>*{position:relative;font-family:var(--p-mono);font-size:.95em;font-weight:700}
.p-ring.is-brand{--ring:var(--p-brand)}
.p-progress{height:.85em;margin-bottom:.6em;overflow:hidden;border-radius:999px;background:var(--p-water-soft)}
.p-progress-bar{display:block;width:var(--v,0%);height:100%;border-radius:999px;background:var(--p-water)}
.p-mini{display:flex;align-items:center;gap:.8em}
.p-mini-text{min-width:0}
.p-mini-text strong{display:block;font-family:var(--p-mono);font-size:1.15em}

/* 6 ─ Kutucuklar (ana menü), satırlar, belge satırı */
.p-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7em;margin-bottom:.8em}
.p-stat{display:flex;flex-direction:column;gap:.15em;padding:.85em 1em;border-radius:var(--p-radius);background:var(--p-surface);box-shadow:var(--p-shadow)}
.p-stat-label,.p-stat-note{color:var(--p-muted);font-size:.85em}
.p-stat-value{font-family:var(--p-mono);font-size:1.5em;font-weight:700;letter-spacing:-.02em;line-height:1.15}
.p-stat-value small{font-family:var(--p-font);font-size:.55em;font-weight:600;letter-spacing:0;color:var(--p-muted)}
.p-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7em}
.p-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:.7em;min-height:6.4em;padding:.85em .9em;border-radius:var(--p-radius);background:var(--p-surface);box-shadow:var(--p-shadow);color:var(--p-ink);font-size:.92em;font-weight:700;line-height:1.2;text-decoration:none}
.p-tile:hover{box-shadow:inset 0 0 0 2px var(--p-brand),var(--p-shadow)}
.p-tile .p-icon{width:2.3em;height:2.3em;padding:.45em;border-radius:.75em;background:var(--p-brand-soft);color:var(--p-brand)}
.p-tile.is-soon{opacity:.6;box-shadow:none;background:#e9eef0}
.p-tile.is-soon:hover{box-shadow:none}
.p-tile small{color:var(--p-muted);font-size:.85em;font-weight:600}
.p-tile .p-badge{top:.7em;right:.7em}
.p-badge{position:absolute;top:-.2em;right:-.3em;min-width:1.5em;height:1.5em;padding:0 .4em;border-radius:999px;background:var(--p-low);color:#fff;font-family:var(--p-mono);font-size:.72em;font-weight:700;line-height:1.5em;text-align:center}
.p-rows{border-radius:var(--p-radius);background:var(--p-surface);box-shadow:var(--p-shadow);overflow:hidden}
.p-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.35em .8em;min-height:3.4em;padding:.7em 0;border-bottom:1px solid var(--p-line)}
.p-row:last-child{border-bottom:0}
.p-rows>.p-row{padding-inline:1.1em}
.p-row strong{font-family:var(--p-mono);font-weight:700}
.p-row-main{display:flex;align-items:center;gap:.7em;min-width:0}
.p-row-main>span{min-width:0}
.p-row-title{display:block;font-weight:700}
.p-row-sub{display:block;color:var(--p-muted);font-size:.85em}
.p-row-actions{display:flex;gap:.9em;align-items:center;margin:0}
.p-row-actions form{margin:0}
.p-dot{flex:none;width:.7em;height:.7em;border-radius:50%;background:var(--p-brand)}
.p-dot.is-high{background:var(--p-high)}
.p-dot.is-low{background:var(--p-low)}
.p-dot.is-very-high{background:var(--p-very-high)}
.p-doc-icon{display:grid;flex:none;place-items:center;width:2.6em;height:2.6em;border-radius:.8em;background:var(--p-low-soft);color:var(--p-low-text);font-family:var(--p-mono);font-size:.78em;font-weight:700}
.p-doc-icon.is-brand{background:var(--p-brand-soft);color:var(--p-brand)}
.p-kv{display:grid;grid-template-columns:minmax(7em,40%) 1fr;gap:.5em 1em;margin:0 0 .6em}
.p-kv dt{color:var(--p-muted)}
.p-kv dd{margin:0;font-weight:700}
.p-kv.is-stacked{grid-template-columns:1fr;gap:0}
.p-kv.is-stacked dt{margin-top:.8em;color:var(--p-ink);font-weight:700}
.p-kv.is-stacked dd{padding-bottom:.6em;border-bottom:1px solid var(--p-line);color:var(--p-muted);font-weight:400;white-space:pre-line}
.p-list{margin:0 0 .8em;padding-left:1.2em}
.p-pre{white-space:pre-line}

/* 7 ─ Düğme, çip, bölümlü seçim (radyo düğmeleri) */
.p-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45em;min-height:3.4em;padding:.7em 1.3em;border:1.5px solid var(--p-brand);border-radius:999px;background:var(--p-brand);color:#fff;font:inherit;font-weight:700;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .2s,transform .15s}
.p-btn:hover{background:var(--p-brand-strong);border-color:var(--p-brand-strong);color:#fff}
.p-btn:active{transform:scale(.98)}
.p-btn.is-ghost{background:transparent;color:var(--p-brand)}
.p-btn.is-ghost:hover{background:var(--p-brand-soft);color:var(--p-brand-strong)}
.p-btn.is-small{min-height:2.6em;padding:.4em .95em;font-size:.9em}
.p-btn.is-block{width:100%}
.p-btn.is-dark{border-color:var(--p-device);background:var(--p-device);color:#fff}
.p-btn .p-icon{width:1.2em;height:1.2em}
.p-chips{display:flex;flex-wrap:wrap;gap:.45em}
.p-chip{display:inline-flex;align-items:center;gap:.35em;min-height:2.3em;padding:.3em .85em;border:1px solid var(--p-line);border-radius:999px;background:var(--p-surface);color:var(--p-ink);font-size:.88em;font-weight:700;text-decoration:none}
.p-chip.is-on{border-color:var(--p-ink);background:var(--p-ink);color:#fff}
.p-seg{display:flex;gap:.25em;margin:0;padding:.25em;border:0;border-radius:999px;background:#e4eaec}
.p-seg>legend{float:left;width:100%;margin:0 0 .4em;padding:0;font-weight:700;font-size:.92em}
.p-seg label,.p-seg span{position:relative;display:flex;flex:1;align-items:center;justify-content:center;min-height:2.6em;padding:.3em .6em;border-radius:999px;color:var(--p-muted);font-size:.9em;font-weight:700;text-align:center;cursor:pointer}
.p-seg input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.p-seg label:has(input:checked),.p-seg .is-on{background:var(--p-surface);color:var(--p-ink);box-shadow:0 1px 3px rgb(15 26 32/.15)}
.p-seg label:has(input:focus-visible){outline:3px solid var(--p-brand);outline-offset:1px}
.p-fieldset{margin:0;padding:0;border:0}
.p-fieldset>legend{margin:0 0 .4em;padding:0;font-weight:700;font-size:.92em}

/* 8 ─ Mesaj balonları (güvenli mesajlaşma) */
.p-thread{display:flex;flex-direction:column;gap:.6em}
.p-msg{max-width:86%;margin:0;padding:.7em .95em;border-radius:1.2em 1.2em 1.2em .35em;background:var(--p-surface);box-shadow:var(--p-shadow)}
.p-msg.is-mine{align-self:flex-end;border-radius:1.2em 1.2em .35em 1.2em;background:var(--p-brand);color:#fff}
.p-msg-meta{margin:0 0 .25em;color:var(--p-muted);font-size:.78em;font-weight:700}
.p-msg.is-mine .p-msg-meta{color:rgb(255 255 255/.78)}
.p-msg-body{margin:0;white-space:pre-line;overflow-wrap:anywhere}
.p-msg-img{display:block;width:12em;height:9em;margin-top:.5em;border-radius:.8em;object-fit:cover}
.p-msg.is-mine .p-link{color:#fff;text-decoration:underline}
.p-day-sep{align-self:center;margin:.3em 0;padding:.2em .8em;border-radius:999px;background:#e4eaec;color:var(--p-muted);font-family:var(--p-mono);font-size:.75em;font-weight:700}
.p-composer{display:flex;align-items:center;gap:.5em;padding:.45em .45em .45em 1em;border-radius:999px;background:var(--p-surface);box-shadow:var(--p-shadow);color:var(--p-muted)}
.p-composer span{flex:1}
.p-composer i{display:grid;place-items:center;width:2.5em;height:2.5em;border-radius:50%;background:var(--p-brand);color:#fff;font-style:normal}

/* 9 ─ Takvim şeridi, saat çipleri, öğün kaydı */
.p-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:.3em;margin-bottom:.8em}
.p-cal span{display:grid;gap:.15em;padding:.45em 0;border-radius:.8em;background:var(--p-surface);color:var(--p-muted);font-size:.78em;font-weight:700;text-align:center}
.p-cal b{color:var(--p-ink);font-family:var(--p-mono);font-size:1.25em}
.p-cal .is-on{background:var(--p-ink);color:#cfd8dd}
.p-cal .is-on b{color:#fff}
.p-meal{display:flex;gap:.8em;align-items:flex-start}
.p-meal img,.p-meal-art{flex:none;width:5.6em;height:5.6em;border-radius:.9em;object-fit:cover}
.p-meal-art{position:relative;display:block;background:radial-gradient(circle at 50% 50%,#fff 0 46%,#f3f0e8 47% 100%)}
.p-meal-art::before{content:"";position:absolute;inset:22%;border-radius:50%;background:conic-gradient(var(--p-lime) 0 50%,#e8a25a 0 75%,#d9c27a 0)}
.p-meal-art.is-b::before{background:conic-gradient(#7fb24a 0 45%,#c9734a 0 70%,#efd9a2 0)}
.p-meal-art.is-c::before{background:conic-gradient(#9cc95c 0 55%,#f0b37e 0 80%,#e5d3a8 0)}
.p-meal-body{min-width:0}
.p-meal-body p{margin:0 0 .3em}
.p-photo{width:10em;height:10em;border-radius:1em;object-fit:cover}

/* 10 ─ Form, uyarı, boş durum */
.p-form{display:flex;flex-direction:column;gap:.45em}
.p-form label{margin-top:.5em;font-size:.92em;font-weight:700}
.p-form .p-seg label{margin-top:0}
.p-form input:not([type=checkbox]):not([type=radio]),.p-form select,.p-form textarea{width:100%;min-height:3.4em;padding:.75em 1em;border:1.5px solid #c5cfd4;border-radius:1em;background:var(--p-surface);color:var(--p-ink);font:inherit;font-size:max(16px,1em);-webkit-appearance:none;appearance:none}
.p-form input[type=number]{font-family:var(--p-mono);font-weight:700}
.p-form input[type=date],.p-form input[type=time]{min-height:3.4em;padding-top:.85em;padding-bottom:.85em;line-height:1.2}
.p-form input::-webkit-date-and-time-value{text-align:left}
.p-form input:focus-visible,.p-form select:focus-visible,.p-form textarea:focus-visible{border-color:var(--p-brand);outline:3px solid var(--p-band);outline-offset:0}
.p-form select{padding-right:2.6em;background-image:linear-gradient(45deg,transparent 50%,var(--p-muted) 50%),linear-gradient(135deg,var(--p-muted) 50%,transparent 50%);background-position:calc(100% - 1.3em) 50%,calc(100% - .95em) 50%;background-size:.36em .36em;background-repeat:no-repeat}
.p-form textarea{min-height:7em;resize:vertical}
.p-form input[type=file]{padding:.6em;font-size:.9em}
.p-form .p-btn{margin-top:.8em}
.p-check{display:flex;gap:.6em;align-items:flex-start;font-weight:600}
.p-form .p-check{font-weight:600}
.p-check input{flex:none;width:1.3em;height:1.3em;margin-top:.15em;accent-color:var(--p-brand)}
.p-big-input{font-family:var(--p-mono);font-size:2.2em!important;font-weight:700;text-align:center}
.p-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.7em}
.p-grid-2 label{display:block}
.p-alert{margin:0 0 1em;padding:.85em 1em;border-radius:1em;font-weight:600}
.p-alert ul{margin:.4em 0 0;padding-left:1.2em}
.p-alert p{margin:0}
.p-alert.is-success{background:var(--p-brand-soft);color:var(--p-success)}
.p-alert.is-error{background:#fdecea;color:var(--p-danger)}
.p-empty{display:grid;justify-items:center;gap:.25em;padding:1.4em .6em;color:var(--p-muted);text-align:center}
.p-empty .p-icon{width:2.6em;height:2.6em;padding:.55em;border-radius:50%;background:#e8eef0;color:var(--p-muted)}
.p-empty-title{margin:.3em 0 0;color:var(--p-ink);font-weight:700}
.p-empty p{margin:0}
.p-consent{margin-top:.6em;padding:.9em;border-radius:1em;background:var(--p-lime-soft)}
.p-badge-line{font-weight:700}
.p-badge-line.is-success{color:var(--p-success)}

/* 11 ─ Sekme çubuğu (görünüm). Portalda sabitlenir (portal.css), cihaz çerçevesinde ekranın altına oturur. */
.p-tabbar{z-index:5;display:grid;grid-template-columns:repeat(5,1fr);align-items:stretch;padding:.3em .4em;border-top:1px solid rgb(15 26 32/.08);background:rgb(255 255 255/.94)}
.p-tabbar>a,.p-tabbar>button,.p-tabbar>span{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15em;min-height:3.9em;padding:.2em 0;border:0;background:none;color:var(--p-muted);font:inherit;font-size:.72em;font-weight:700;text-decoration:none;cursor:pointer}
.p-tabbar .p-icon{width:1.9em;height:1.9em}
.p-tabbar [aria-current=page],.p-tabbar .is-on{color:var(--p-brand)}
.p-tabbar [aria-current=page] .p-icon,.p-tabbar .is-on .p-icon{padding:.25em;border-radius:.7em;background:var(--p-brand-soft)}
.p-tabbar .p-badge{top:.4em;right:calc(50% - 1.9em)}
.p-stat.p-mini{flex-direction:row;align-items:center}
.p-stat.p-mini .p-ring{width:3.6em;height:3.6em;font-size:.85em}
.p-mini-text strong{white-space:nowrap}