.bdm{--navy:#0b315f;--orange:#ff6b00;max-width:1230px;margin:24px auto 32px;padding:0 15px;color:var(--navy);scroll-margin-top:100px}.bdm,.bdm *{box-sizing:border-box}.bdm [hidden]{display:none!important}.bdm button,.bdm a{letter-spacing:0;text-transform:none}.bdm button{cursor:pointer}.bdm button:focus-visible,.bdm a:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.bdm-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));background:#f0f7fc;border-radius:7px;overflow:hidden;margin-bottom:20px}.bdm .bdm-tabs button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;white-space:normal;min-height:110px;margin:0;padding:14px 10px;border:0;border-right:1px solid #e0eaf3;border-bottom:3px solid transparent;border-radius:0;box-shadow:none;color:var(--navy);background:transparent;font-size:13px;font-weight:500;line-height:1.45}.bdm .bdm-tabs button[aria-pressed=true]{background:#fff1e5;color:var(--orange);border-bottom-color:var(--orange)}.bdm-tabs svg{flex-shrink:0;width:28px;height:28px}.bdm-panel{padding:22px;border:1px solid #e0eaf3;border-radius:8px;background:white}.bdm-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.bdm h2{margin:0;color:#071c3f;font-size:25px;line-height:1.3}.bdm-count{font-size:12px;background:#edf6ff;padding:4px 10px;border-radius:15px}.bdm .bdm-all{margin:0 0 0 auto;min-height:36px;padding:5px 12px;font-size:13px;line-height:1.3;background:white;border:1px solid #d9e5ef;border-radius:5px;color:var(--navy)}.bdm-head,.bdm-item{display:grid;grid-template-columns:minmax(0,1fr) 130px 190px;gap:20px;align-items:center}.bdm-head{padding:9px 12px;border-radius:5px;background:#eff7fc;font-size:11px;font-weight:600;color:#596d88}.bdm-item{padding:15px 12px;border-bottom:1px solid #e2eaf2}.bdm-name{display:flex;align-items:center;gap:14px;min-width:0}.bdm-file{display:flex;flex:0 0 30px;color:#0b315f}.bdm-name h3{margin:0 0 4px;font-size:15px;font-weight:700;line-height:1.4;color:#071c3f;overflow-wrap:anywhere}.bdm-name p{margin:0;font-size:12px;line-height:1.4;color:#73829b}.bdm-type{justify-self:start;font-size:12px;line-height:1.4;background:#eaf5ff;border-radius:4px;padding:5px 9px;overflow-wrap:anywhere}.bdm-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px}.bdm-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;font-size:13px;color:var(--navy)}.bdm-actions>a:first-child{text-decoration:underline}.bdm-actions .bdm-download{color:#ed6200;border:1px solid #ff6b00;border-radius:5px;padding:6px 12px;white-space:nowrap}.bdm-pages{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin-top:16px}.bdm .bdm-pages button{display:inline-flex;justify-content:center;align-items:center;min-width:36px;height:36px;min-height:36px;padding:0 8px;margin:0;background:white;border:1px solid #dce5ef;border-radius:4px;color:var(--navy);font-size:13px;line-height:1}.bdm .bdm-pages button[aria-current=page]{background:var(--orange);border-color:var(--orange);color:white}.bdm-pages button:disabled{opacity:.4;cursor:default}.bdm-empty{text-align:center;margin:22px 0;font-size:14px}.bdm br,.bdm p:empty{display:none}@media(max-width:849px){.bdm-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.bdm-head,.bdm-item{grid-template-columns:minmax(0,1fr) 100px 170px;gap:12px}.bdm-actions{gap:10px}}@media(max-width:549px){.bdm{padding:0;margin:18px auto}.bdm-panel{padding:16px 12px}.bdm .bdm-tabs button{font-size:12px;min-height:110px;padding:12px 6px}.bdm h2{font-size:22px}.bdm-toolbar{gap:8px}.bdm .bdm-all{font-size:12px}.bdm-head{display:none}.bdm-item{grid-template-columns:minmax(0,1fr) auto;padding:15px 0;gap:10px}.bdm-name{grid-column:1/-1;gap:10px}.bdm-name h3{font-size:14px}.bdm-actions a{font-size:12px;min-height:44px}.bdm .bdm-pages button{min-width:40px;height:40px}}
/* 1.1: thanh tab trượt và màu sắc theo demo */
.bdm .bdm-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#c9ddec #f0f7fc;background:#f0f7fc;margin-bottom:20px}
.bdm .bdm-tabs button{flex:0 0 16.666667%;min-width:0;scroll-snap-align:start;background:#f0f7fc}
.bdm .bdm-tabs button[aria-pressed=true]{background:#fff0e2;color:#ff6500;font-weight:700;border-bottom-color:#ff6500}
.bdm-tab-slider{position:relative}
.bdm .bdm-tab-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:30px;height:38px;min-height:38px;min-width:30px;margin:0;padding:0;border:1px solid #ff6b00;border-radius:5px;background:#fff;color:#ff6500;font-size:26px;line-height:1;box-shadow:0 2px 6px #0b315f14}
.bdm .bdm-tab-prev{left:-12px}.bdm .bdm-tab-next{right:-12px}.bdm .bdm-tab-arrow:disabled{opacity:.4;cursor:default}
.bdm .bdm-panel,.bdm .bdm-item{background:#fff}
.bdm .bdm-head{background:#edf6fb;color:#617590}
.bdm .bdm-count,.bdm .bdm-type{background:#e6f3ff;color:#0b315f}
.bdm .bdm-actions .bdm-download{background:#fff;border:1.5px solid #ff6500;color:#ff6500;font-weight:700;text-decoration:none;box-shadow:none}
.bdm .bdm-actions .bdm-download:hover{background:#fff0e2;border-color:#e95e00;color:#e95e00}
@media(max-width:849px){.bdm .bdm-tabs button{flex-basis:33.333333%}}
@media(max-width:549px){.bdm .bdm-tabs button{flex-basis:50%;min-height:100px}.bdm .bdm-tab-prev{left:-5px}.bdm .bdm-tab-next{right:-5px}}