/* Nex Bazaar AI — uygulama bileşen stilleri (Tailwind CDN ile birlikte) */
.nav-link{display:flex;align-items:center;gap:.5rem;padding:.45rem .75rem;border-radius:.6rem;color:#475569;font-weight:500}
.nav-link:hover{background:#f1f5f9;color:#0f172a}
.nav-link.active{background:#eef2ff;color:#4338ca;font-weight:600}
.nav-link svg{color:#94a3b8}.nav-link:hover svg,.nav-link.active svg,.nav-link[aria-expanded=true] svg{color:#4f46e5}
.nav-badge{font-size:10px;font-weight:700;line-height:1;padding:3px 6px;border-radius:999px;background:#d1fae5;color:#047857}
.nav-plus{width:18px;text-align:center;color:#94a3b8;font-size:15px;font-weight:600}
.nav-sub{margin:2px 0 6px 18px;padding-left:12px;border-left:1px solid #e2e8f0}
.nav-sublink{display:block;padding:.32rem .6rem;border-radius:.5rem;color:#64748b;font-size:13px}
.nav-sublink:hover{background:#f1f5f9;color:#0f172a}.nav-sublink.active{background:#eef2ff;color:#4338ca;font-weight:600}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:.6rem;padding:.5rem .9rem;font-size:.875rem;font-weight:600;line-height:1.25rem;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}
.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:.6rem;padding:.5rem .9rem;font-size:.875rem;font-weight:600;background:#4f46e5;color:#fff;border:1px solid #4f46e5;white-space:nowrap}
.btn-primary:hover{background:#4338ca}
.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:.6rem;padding:.5rem .9rem;font-size:.875rem;font-weight:600;background:#fff;color:#334155;border:1px solid #cbd5e1;white-space:nowrap}
.btn-secondary:hover{background:#f8fafc}
.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:.6rem;padding:.5rem .9rem;font-size:.875rem;font-weight:600;background:#fff;color:#be123c;border:1px solid #fecdd3;white-space:nowrap}
.btn-danger:hover{background:#fff1f2}
.btn-sm{padding:.3rem .6rem;font-size:.8rem}
.card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem}
.card-pad{padding:1.25rem}
.label{display:block;font-size:.8rem;font-weight:600;color:#475569;margin-bottom:.3rem}
.input,.select,.textarea{width:100%;border:1px solid #cbd5e1;border-radius:.6rem;padding:.5rem .7rem;font-size:.875rem;background:#fff;color:#0f172a;outline:none}
.input:focus,.select:focus,.textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #e0e7ff}
.input.is-invalid,.select.is-invalid{border-color:#f43f5e}
.input-sm{padding:.35rem .5rem;font-size:.82rem}
.table{width:100%;font-size:.875rem;border-collapse:separate;border-spacing:0}
.table th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;color:#64748b;font-weight:600;padding:.65rem .75rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;white-space:nowrap}
.table td{padding:.65rem .75rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}
.table tbody tr:hover td{background:#fafbff}
.table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.badge{display:inline-flex;align-items:center;border-radius:999px;padding:.12rem .55rem;font-size:.72rem;font-weight:600;white-space:nowrap}
.badge-green{background:#dcfce7;color:#166534}.badge-red{background:#ffe4e6;color:#9f1239}.badge-amber{background:#fef3c7;color:#92400e}
.badge-blue{background:#e0e7ff;color:#3730a3}.badge-gray{background:#f1f5f9;color:#475569}.badge-teal{background:#ccfbf1;color:#115e59}
.page-title{font-size:1.35rem;font-weight:700;color:#0f172a}
.muted{color:#64748b}
.stat{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1rem 1.1rem}
.stat .k{font-size:.75rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.03em}
.stat .v{font-size:1.35rem;font-weight:700;color:#0f172a;margin-top:.25rem;font-variant-numeric:tabular-nums}
.tabs a{padding:.5rem .9rem;border-bottom:2px solid transparent;color:#64748b;font-weight:600;font-size:.875rem;white-space:nowrap}
.tabs a.active{border-color:#4f46e5;color:#4338ca}
.ac-list{position:fixed;z-index:1000;background:#fff;border:1px solid #cbd5e1;border-radius:.6rem;box-shadow:0 10px 25px -10px rgba(15,23,42,.25);max-height:260px;overflow:auto}
.ac-item{padding:.45rem .7rem;cursor:pointer;font-size:.85rem}
.ac-item:hover,.ac-item.on{background:#eef2ff}
dialog.modal{border:none;border-radius:1rem;padding:0;max-width:560px;width:calc(100% - 2rem);box-shadow:0 25px 50px -12px rgba(0,0,0,.35)}
dialog.modal::backdrop{background:rgba(15,23,42,.45)}
@media print{body{background:#fff}.card{border:none}.no-print{display:none!important}}

.tip{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;margin-left:4px;border-radius:999px;background:#e0e7ff;color:#4338ca;font-size:10px;font-weight:700;cursor:help;position:relative;vertical-align:middle}
.tip:hover::after,.tip:focus::after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 6px);transform:translateX(-50%);width:max-content;max-width:260px;white-space:normal;background:#0f172a;color:#fff;font-size:12px;font-weight:400;line-height:1.4;padding:7px 9px;border-radius:8px;z-index:80;box-shadow:0 8px 20px -6px rgba(15,23,42,.35);text-transform:none;letter-spacing:0}
.tip:hover::before,.tip:focus::before{content:'';position:absolute;left:50%;bottom:calc(100% + 1px);transform:translateX(-50%);border:5px solid transparent;border-top-color:#0f172a;z-index:80}