/* Giao diện theo mẫu POULTRY ERP V1.1: thanh bên navy, nội dung nền sáng, nút xanh dương */
:root{--nav:#132b40;--blue:#2469ca;--green:#087e66;--bg:#f4f7fa;--text:#213245;--mute:#6e7f90;--line:#e1e8ee;
  --bs-body-bg:#f4f7fa;--bs-body-color:#213245;--bs-primary:#2469ca;--bs-link-color:#2469ca;--bs-link-hover-color:#1b559f;
  --bs-border-color:#e1e8ee;--bs-body-font-family:'Segoe UI',Arial,sans-serif;--bs-body-font-size:14px;color-scheme:light}
html{color-scheme:light}
body{background:var(--bg);color:var(--text);font:14px/1.52 'Segoe UI',Arial,sans-serif;margin:0}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}

/* --- khung --- */
aside.side{width:245px;background:var(--nav);color:#d5e2ef;position:fixed;inset:0 auto 0 0;padding:23px 13px;overflow:auto;z-index:20}
.brand{font-size:21px;font-weight:800;color:#fff;padding:8px 12px 25px;display:block;text-decoration:none!important}
.brand b{color:#65d4b4}
.side nav{display:grid;gap:5px}
.side nav a{padding:11px 12px;text-align:left;color:#bed2e4;background:transparent;border:0;border-radius:10px;font-weight:550;text-decoration:none;display:block}
.side nav a:hover,.side nav a.active{background:#2a4861;color:#fff}
.side nav a.active{box-shadow:inset 3px 0 #60c6a6}
.asidefoot{margin:27px 8px;border:1px solid #41556a;border-radius:10px;padding:11px;font-size:12px;color:#c7d2df}
.asidefoot button{margin-top:8px;background:transparent;border:1px solid #41556a;color:#d5e2ef;border-radius:8px;padding:4px 10px;font-size:12px}
.asidefoot button:hover{background:#2a4861}
main.mainarea{margin-left:245px;min-width:0}
.top{height:65px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 28px}
.top small{color:var(--mute)}
.wrap{padding:27px 30px;max-width:1450px;margin:auto}
@media(max-width:1050px){aside.side{width:195px}main.mainarea{margin-left:195px}.wrap{padding:22px}}
@media(max-width:720px){aside.side{position:relative;width:auto;padding:10px 13px}.brand{padding:2px 5px 12px;font-size:17px}
  .side nav{display:flex;overflow-x:auto}.side nav a{white-space:nowrap;padding:8px 10px;font-size:12px}.asidefoot{display:none}
  main.mainarea{margin:0}.top{height:48px;padding:0 14px}.wrap{padding:17px 13px}}

/* --- tiêu đề --- */
.wrap h5{font-size:25px;line-height:1.25;font-weight:700;margin:0 0 5px;color:var(--text)}
.wrap h5 small{font-size:13px;font-weight:400}
.wrap h6{font-size:16px;font-weight:700;margin:0 0 10px}
.text-muted{color:var(--mute)!important}

/* --- nút --- */
.btn{border-radius:9px;font-weight:650;padding:9px 14px;font-size:14px}
.btn-sm{padding:6px 11px;font-size:13px}
.btn-success,.btn-primary{background:var(--blue);border-color:var(--blue);color:#fff}
.btn-success:hover,.btn-primary:hover,.btn-success:focus{background:#1b559f;border-color:#1b559f;color:#fff}
.btn-outline-success,.btn-outline-secondary,.btn-outline-primary{background:#fff;color:#2b4a67;border:1px solid #dce5ed}
.btn-outline-success:hover,.btn-outline-secondary:hover,.btn-outline-primary:hover{background:#f3f8ff;color:#1b559f;border-color:#6ca7e7}
.btn-outline-danger{background:#fff;color:#c23f48;border:1px solid #f0c9cc}
.btn-outline-danger:hover{background:#fdf0f1;color:#a82f38;border-color:#e59ba0}
.btn-warning{background:#fff0de;border-color:#f0cf9d;color:#8a560f}
.btn-danger{background:#c23f48;border-color:#c23f48}
.btn-link{color:var(--blue);font-weight:650}
.btn:disabled{opacity:.5}

/* --- thẻ = panel --- */
.card{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:none;overflow:hidden}
.card-body{padding:17px 19px}
.card-body.py-2{padding:14px 16px!important}
.card-body small.text-muted{display:block;margin-bottom:4px}
.kpi{font-size:22px;font-weight:700;line-height:1.2}

/* --- bảng --- */
.table{--bs-table-bg:transparent;margin-bottom:0;white-space:nowrap}
.table>:not(caption)>*>*{padding:11px 14px;border-bottom:1px solid #eef2f5;font-size:12.5px;background:transparent}
.table thead th,.table th{color:#738396;background:#fbfcfe;font-size:11px;text-transform:uppercase;font-weight:600;letter-spacing:.2px}
.table-sm>:not(caption)>*>*{padding:11px 14px}
.table tbody tr:last-child>*{border-bottom:0}
.table-hover>tbody>tr:hover>*{background:#f6f9fc}
.table-light,.table-light>*{--bs-table-bg:#f6f9fc}
.table-responsive,.bg-white.table-responsive{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:auto}
.table-responsive>.table{margin:0}
.table.bg-white{background:#fff!important}
.card .table-responsive{border:0;border-radius:0}
.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.card table.table td{white-space:normal}
.card table.table td.num{white-space:nowrap}

/* --- form --- */
.form-control,.form-select{border:1px solid #d4dfe9;border-radius:8px;padding:9px 11px;background-color:#fff;color:var(--text);font-size:14px}
.form-control-sm,.form-select-sm{padding:6px 9px;font-size:13px}
.form-control:focus,.form-select:focus{border-color:#6ca7e7;box-shadow:0 0 0 3px #2469ca22}
.form-label{font-size:12px;font-weight:650;color:#62788c;margin-bottom:4px}
.req::after{content:" *";color:#c23f48}

/* --- thông báo kiểu "note" --- */
.alert{border:0;border-left:3px solid #6aabdf;border-radius:6px;background:#edf6ff;color:#4d6e87;font-size:13px}
.alert-success{border-left-color:#4cb592;background:#e8f5ef;color:#147e66}
.alert-danger{border-left-color:#d9646c;background:#fdeef0;color:#a73640}
.alert-warning{border-left-color:#e6b45b;background:#fff8e9;color:#876627}
.alert-light,.alert-secondary{border-left-color:#6aabdf;background:#edf6ff;color:#4d6e87;border:0;border-left:3px solid #6aabdf}

/* --- nhãn trạng thái dạng viên thuốc --- */
.badge{padding:4px 9px;border-radius:50px;font-size:11px;font-weight:700}
.badge.bg-success{background:#e8f5ef!important;color:#147e66}
.badge.bg-warning{background:#fff0de!important;color:#a46b16!important}
.badge.bg-secondary{background:#e8f1ff!important;color:#286bc0}

/* --- tab / pills --- */
.nav-tabs{border-bottom:1px solid var(--line)}
.nav-tabs .nav-link{color:#5b7186;font-weight:600;border:0;border-bottom:2px solid transparent;border-radius:0}
.nav-tabs .nav-link.active{color:var(--blue);background:transparent;border-bottom:2px solid var(--blue)}
.nav-pills .nav-link{border-radius:9px;font-weight:600;color:#2b4a67!important;background:#fff;border:1px solid #dce5ed;margin:0 6px 6px 0}
.nav-pills .nav-link.active{background:#f3f8ff!important;border-color:#6ca7e7;color:var(--blue)!important}

/* --- màu chữ số liệu --- */
.text-success{color:var(--green)!important}
.text-danger{color:#c23f48!important}
.small,small{font-size:12px}
hr{border-color:var(--line);opacity:1}