@layer components{[data-app] body:not(.hazir){visibility:hidden}[data-app]{--app:#18181b;--app-soft:#f4f4f5}[data-app=veteriner]{--app:#0f766e;--app-soft:#f0fdfa}[data-app=kuyumcu]{--app:#92400e;--app-soft:#fffbeb}[data-app=lojistik]{--app:#c2410c;--app-soft:#fff7ed}[data-app=magaza]{--app:#9d174d;--app-soft:#fdf2f8}[data-app=kasa]{--app:#b91c1c;--app-soft:#fef2f2}.app-logo{background:var(--app);color:#fff;border-radius:.5rem;flex-shrink:0;place-items:center;width:2.25rem;height:2.25rem;font-size:.8125rem;font-weight:800;display:grid}.nav-item{width:100%;min-height:2.5rem;color:var(--muted);text-align:left;border-radius:.5rem;align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:.875rem;font-weight:600;display:flex}.nav-item:hover{background:var(--surface-2);color:var(--fg)}.nav-item[aria-current=page]{background:var(--app-soft);color:var(--app)}.tab-bar{inset-inline:0;z-index:40;border-top:1px solid var(--line);background:var(--surface);padding-bottom:env(safe-area-inset-bottom);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;bottom:0}.tab-item{min-height:3.75rem;color:var(--muted);flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .25rem;font-size:.75rem;font-weight:600;display:flex}.tab-item[aria-current=page]{color:var(--app)}.app-btn{background:var(--app);color:#fff;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;min-height:2.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:700;display:inline-flex}.app-btn:hover{filter:brightness(1.12)}.app-btn-2{border:1px solid var(--line);background:var(--surface);border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;min-height:2.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.app-btn-2:hover{border-color:var(--muted)}.kart{background:var(--surface);border:1px solid var(--line);border-radius:.75rem}.kart-baslik{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1rem;font-weight:700;display:flex}.satir{border-top:1px solid var(--line-soft);text-align:left;align-items:center;gap:.25rem 1rem;width:100%;padding:.75rem 1rem;font-size:.875rem;display:grid}.satir:first-child{border-top:0}button.satir:hover,a.satir:hover{background:var(--surface-2)}.satir-baslik{border-bottom:1px solid var(--line);color:var(--muted);gap:1rem;padding:.625rem 1rem;font-size:.75rem;font-weight:700;display:none}@media (width>=768px){.satir-baslik{display:grid}}.pill{white-space:nowrap;border-radius:999px;align-items:center;gap:.25rem;width:fit-content;padding:.125rem .5rem;font-size:.75rem;font-weight:700;display:inline-flex}.pill-ok{color:#166534;background:#dcfce7}.pill-warn{color:#92400e;background:#fef3c7}.pill-bad{color:#991b1b;background:#fee2e2}.pill-notr{background:var(--surface-2);color:#3f3f46}.pill-app{background:var(--app-soft);color:var(--app)}.stat{padding:1rem}.stat dt{color:var(--muted);font-size:.8125rem}.stat dd{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:.25rem;font-size:1.5rem;font-weight:800}.alan{font-size:.8125rem;font-weight:700;display:block}.girdi{border:1px solid var(--line);background:var(--surface);border-radius:.5rem;width:100%;min-height:2.5rem;margin-top:.375rem;padding:.5rem .75rem;font-size:.9375rem;display:block}.girdi:focus{outline:2px solid var(--app);outline-offset:0;border-color:#0000}.cip{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:.375rem .75rem;font-size:.8125rem;font-weight:600}.cip[aria-pressed=true]{background:var(--fg);border-color:var(--fg);color:var(--bg)}.cubuk{background:var(--surface-2);border-radius:999px;height:.5rem;overflow:hidden}.cubuk>span{border-radius:inherit;background:var(--app);width:0;height:100%;display:block}dialog.sayfa{border:1px solid var(--line);background:var(--surface);width:min(32rem,100% - 2rem);max-height:calc(100dvh - 4rem);color:var(--fg);border-radius:1rem;margin:auto;padding:0}dialog.sayfa::backdrop{background:#0006}@media (width<768px){dialog.sayfa{border-radius:1rem 1rem 0 0;width:100%;max-width:100%;max-height:92dvh;margin:auto 0 0}}.dialog-ust{z-index:1;border-bottom:1px solid var(--line);background:var(--surface);align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex;position:sticky;top:0}.toast{z-index:60;color:#fff;opacity:0;pointer-events:none;background:#18181b;border-radius:.625rem;max-width:calc(100% - 2rem);padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:opacity .15s ease-out,transform .15s ease-out;position:fixed;bottom:5.5rem;left:50%;transform:translate(-50%,.5rem)}.toast.acik{opacity:1;transform:translate(-50%)}@media (width>=768px){.toast{bottom:1.5rem}}.imza{border:1px dashed var(--muted);background:var(--surface-2);touch-action:none;border-radius:.5rem;width:100%;height:9rem}.anahtar{background:var(--line);border-radius:999px;flex-shrink:0;width:2.75rem;height:1.5rem;transition:background-color .15s ease-out;position:relative}.anahtar:after{content:"";background:#fff;border-radius:999px;width:1.125rem;height:1.125rem;transition:transform .15s ease-out;position:absolute;top:.1875rem;left:.1875rem;box-shadow:0 1px 2px #00000040}.anahtar[aria-checked=true]{background:var(--app)}.anahtar[aria-checked=true]:after{transform:translate(1.25rem)}.sekme{color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.625rem .25rem;font-size:.875rem;font-weight:700}.sekme[aria-selected=true]{color:var(--fg);border-color:var(--app)}}