/* Немного общих стилей поверх Tailwind */
.inp { width: 100%; border: 1px solid #d6d3d1; border-radius: .5rem; padding: .5rem .75rem; background: #fff; }
.inp-sm { border: 1px solid #d6d3d1; border-radius: .375rem; padding: .25rem .5rem; background: #fff; width: 6rem; }
.btn { background: #44403c; color: #fff; border-radius: .5rem; padding: .45rem .9rem; font-size: .9rem; }
.btn:hover { background: #292524; }
.btn-light { background: #e7e5e4; color: #292524; border-radius: .5rem; padding: .35rem .75rem; font-size: .85rem; }
.btn-light:hover { background: #d6d3d1; }
.btn-tab { padding: .35rem .9rem; border-radius: .5rem; background: #f5f5f4; }
.btn-tab.active { background: #44403c; color: #fff; }
.btn-nav { padding: .35rem .8rem; border-radius: .5rem; font-size: .9rem; color: #d6d3d1; }
.btn-nav.active, .btn-nav:hover { background: #57534e; color: #fff; }
.card { background: #fff; border-radius: .75rem; box-shadow: 0 1px 2px rgba(0,0,0,.06); padding: 1rem 1.25rem; }
.card h2 { font-weight: 700; margin-bottom: .6rem; }
table.t { width: 100%; font-size: .875rem; border-collapse: collapse; }
table.t th { text-align: left; color: #78716c; font-weight: 500; padding: .3rem .4rem; border-bottom: 1px solid #e7e5e4; }
table.t td { padding: .3rem .4rem; border-bottom: 1px solid #f5f5f4; vertical-align: top; }
.muted { color: #78716c; font-size: .85rem; }
.bar { height: .5rem; background: #e7e5e4; border-radius: 999px; overflow: hidden; }
.bar > div { height: 100%; background: #65a30d; }