/* assets/css/app.css — umumiy uslublar (Tailwind CDN ustiga) */
body { font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
.brand-grad { background: linear-gradient(135deg, #c9a84c, #b8912a); }
.btn-gold { background: linear-gradient(135deg, #c9a84c, #b8912a); color: #fff; transition: opacity .15s, transform .15s; }
.btn-gold:hover { opacity: .92; transform: translateY(-1px); }
.btn-gold:disabled { opacity: .5; transform: none; cursor: not-allowed; }
.card { background: #fff; border: 1px solid #e7e5e4; border-radius: 1rem; }
.inp { width: 100%; padding: .55rem .75rem; font-size: .875rem; border: 1px solid #e7e5e4; border-radius: .6rem; background: #fafaf9; outline: none; transition: border-color .15s, box-shadow .15s; }
.inp:focus { border-color: #c9a84c; box-shadow: 0 0 0 3px rgba(201,168,76,.15); background: #fff; }
.lbl { display: block; font-size: .75rem; font-weight: 500; color: #78716c; margin-bottom: .35rem; }
.badge { display: inline-flex; align-items: center; gap: .25rem; padding: .15rem .6rem; border-radius: 9999px; font-size: .72rem; font-weight: 600; white-space: nowrap; }
.progress { height: 6px; background: #f0ece4; border-radius: 99px; overflow: hidden; }
.progress > div { height: 100%; border-radius: 99px; background: linear-gradient(90deg, #c9a84c, #b8912a); transition: width .5s; }
.tab-btn { border-bottom: 2px solid transparent; white-space: nowrap; transition: color .15s, border-color .15s; }
.tab-btn.active { color: #b8912a; border-bottom-color: #c9a84c; }
.tab-btn:hover { color: #b8912a; }
table.tbl { width: 100%; border-collapse: collapse; font-size: .875rem; }
table.tbl th { text-align: left; padding: .6rem .75rem; background: #fafaf9; color: #78716c; font-weight: 600; border-bottom: 1px solid #e7e5e4; white-space: nowrap; }
table.tbl td { padding: .6rem .75rem; border-bottom: 1px solid #f5f5f4; }
table.tbl tr:hover td { background: #fafaf9; }

/* Modal (Ui.modal orqali) */
.modal-bg { position: fixed; inset: 0; background: rgba(28,25,23,.4); z-index: 50; display: flex; align-items: center; justify-content: center; padding: 1rem; }
.modal-box { background: #fff; border-radius: 1rem; width: 100%; max-height: 92vh; overflow-y: auto; box-shadow: 0 25px 50px -12px rgba(0,0,0,.25); }
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* Ochiq sahifalar (login/register) */
.auth-wrap { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 1rem; background: radial-gradient(circle at 20% 10%, #fdf6e3 0, #faf9f7 45%, #f5f5f4 100%); }
.auth-card { background: #fff; border: 1px solid #e7e5e4; border-radius: 1.25rem; padding: 2rem; width: 100%; max-width: 420px; box-shadow: 0 20px 40px -20px rgba(120,90,20,.25); }
.alert { padding: .75rem; border-radius: .6rem; font-size: .85rem; text-align: center; margin-bottom: 1rem; }
.alert-danger { background: #fef2f2; border: 1px solid #fecaca; color: #991b1b; }
.alert-success { background: #f0fdf4; border: 1px solid #bbf7d0; color: #166534; }