/* BTECHub platform UI — resources, accounts, comments, admin. Uses site.css tokens. */
.bh-lock{overflow:hidden;}
.bh-ic{flex-shrink:0;vertical-align:middle;}

/* ---------- forms & buttons ---------- */
.bh-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;}
.bh-field>label{font-weight:600;font-size:13.5px;color:var(--ink);}
.bh-field .hint{font-size:12.5px;color:var(--ink-soft);}
.bh-input,.bh-select,.bh-textarea{width:100%;font:inherit;font-size:15px;color:var(--ink);background:#fff;border:1.5px solid var(--line);border-radius:10px;padding:11px 14px;transition:border-color .15s ease,box-shadow .15s ease;}
html.dark .bh-input,html.dark .bh-select,html.dark .bh-textarea{background:var(--panel-2);}
.bh-textarea{min-height:96px;resize:vertical;line-height:1.7;}
.bh-input:focus,.bh-select:focus,.bh-textarea:focus{outline:none;border-color:var(--copper);box-shadow:0 0 0 3px rgba(44,92,130,0.18);}
.bh-input[dir=ltr]{text-align:left;}
.bh-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:700;font-size:14.5px;padding:11px 20px;border-radius:10px;border:1.5px solid transparent;background:var(--copper);color:#fff;cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease,opacity .15s ease;}
.bh-btn:hover:not(:disabled){transform:translateY(-1px);background:#25506f;box-shadow:0 10px 22px -12px rgba(44,92,130,0.6);}
.bh-btn.ghost{background:transparent;color:var(--ink);border-color:var(--line);}
.bh-btn.ghost:hover:not(:disabled){background:var(--paper-2);box-shadow:none;}
.bh-btn.danger{background:#B4432F;}
.bh-btn.danger:hover:not(:disabled){background:#9a3726;}
.bh-btn.sm{padding:7px 12px;font-size:13px;border-radius:8px;}
.bh-btn.block{width:100%;}
.bh-btn:disabled{opacity:.55;cursor:not-allowed;}
.bh-btn.is-busy{position:relative;color:transparent!important;pointer-events:none;}
.bh-btn.is-busy::after{content:"";position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:bhspin .7s linear infinite;}
.bh-btn.ghost.is-busy::after{border-color:var(--line);border-top-color:var(--copper);}
@keyframes bhspin{to{transform:rotate(360deg);}}
.bh-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:6px;}
.bh-msg{font-size:13.5px;padding:10px 14px;border-radius:10px;margin-bottom:14px;background:rgba(44,92,130,0.1);color:var(--ink);}
.bh-msg.err{background:rgba(180,67,47,0.12);color:#9a3726;}
html.dark .bh-msg.err{color:#f0a393;}
.bh-msg.ok{background:rgba(31,110,92,0.12);color:var(--teal);}
.bh-link{color:var(--copper);font-weight:600;cursor:pointer;background:none;border:none;font:inherit;font-weight:600;padding:0;}
.bh-link:hover{text-decoration:underline;}

/* ---------- avatar / role ---------- */
.bh-av{display:inline-grid;place-items:center;border-radius:50%;overflow:hidden;color:#fff;font-weight:700;flex-shrink:0;line-height:1;}
.bh-av img{width:100%;height:100%;object-fit:cover;display:block;}
.bh-role{display:inline-block;font-size:11.5px;font-weight:700;padding:2px 9px;border-radius:20px;background:var(--paper-2);color:var(--ink-soft);}
.bh-role-teacher{background:rgba(31,110,92,.14);color:var(--teal);}
.bh-role-moderator{background:rgba(122,79,176,.15);color:#7A4FB0;}
.bh-role-admin{background:rgba(44,92,130,.16);color:var(--copper);}
.bh-role-owner{background:#8A6A1F;color:#fff;}

/* ---------- modal / toast / banner ---------- */
.bh-modal-wrap{position:fixed;inset:0;z-index:300;background:rgba(5,8,7,.62);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:18px;animation:fadein .2s ease;}
.bh-modal{background:var(--paper);color:var(--ink);width:100%;max-width:520px;max-height:92vh;border-radius:16px;border:1px solid var(--line);box-shadow:0 30px 70px -20px rgba(0,0,0,.5);display:flex;flex-direction:column;overflow:hidden;}
html:not(.dark) .bh-modal{background:#fff;}
.bh-modal.wide{max-width:900px;}
.bh-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line);}
.bh-modal-head h3{font-size:17px;}
.bh-x{background:none;border:none;font-size:26px;line-height:1;cursor:pointer;color:var(--ink-soft);padding:0 4px;}
.bh-x:hover{color:var(--ink);}
.bh-modal-body{padding:20px;overflow:auto;}
.bh-confirm-msg{margin-bottom:16px;line-height:1.8;}
#bhToasts{position:fixed;inset-block-end:20px;inset-inline-start:20px;z-index:400;display:flex;flex-direction:column;gap:8px;max-width:min(92vw,380px);}
.bh-toast{background:var(--panel);color:#fff;padding:12px 16px;border-radius:12px;font-size:14px;line-height:1.6;box-shadow:0 14px 34px -12px rgba(0,0,0,.5);opacity:0;transform:translateY(10px);transition:all .25s ease;border-inline-start:4px solid var(--copper-soft);}
.bh-toast.show{opacity:1;transform:none;}
.bh-toast.ok{border-inline-start-color:#2fa37f;}
.bh-toast.err{border-inline-start-color:#d4634d;}
.bh-demo-banner{background:#8A6A1F;color:#fff;text-align:center;font-size:13px;padding:8px 16px;line-height:1.6;}

/* ---------- page headers ---------- */
.bh-head{padding:44px 0 30px;}
.bh-head h1{font-size:clamp(26px,4vw,38px);line-height:1.3;margin-bottom:8px;}
.bh-head p{color:var(--ink-soft);max-width:640px;}
.bh-page{padding-bottom:70px;min-height:60vh;}

/* ---------- auth ---------- */
.bh-auth-wrap{display:grid;place-items:start center;padding:46px 0 70px;}
.bh-auth{width:100%;max-width:440px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px 28px;box-shadow:0 24px 60px -34px rgba(10,18,20,.45);}
html.dark .bh-auth{background:var(--panel-2);}
.bh-auth h1{font-size:24px;margin-bottom:6px;}
.bh-auth .sub{color:var(--ink-soft);font-size:14px;margin-bottom:22px;}
.bh-tabs2{display:grid;grid-template-columns:1fr 1fr;background:var(--paper-2);border-radius:12px;padding:4px;margin-bottom:22px;}
.bh-tabs2 button{font:inherit;font-weight:700;font-size:14px;padding:10px;border:none;background:transparent;border-radius:9px;cursor:pointer;color:var(--ink-soft);transition:all .15s ease;}
.bh-tabs2 button.on{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.1);}
html.dark .bh-tabs2 button.on{background:var(--panel);}
.bh-auth .alt{margin-top:16px;text-align:center;font-size:13.5px;color:var(--ink-soft);}
.bh-pw{position:relative;}
.bh-pw .bh-input{padding-inline-end:44px;}
.bh-pw button{position:absolute;inset-block:0;inset-inline-end:6px;background:none;border:none;color:var(--ink-soft);cursor:pointer;padding:0 8px;}
.bh-code{letter-spacing:.5em;text-align:center;font-family:var(--font-m);font-size:20px;}

/* ---------- account ---------- */
.bh-acc{display:grid;grid-template-columns:300px 1fr;gap:22px;align-items:start;}
.bh-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;}
html.dark .bh-card{background:var(--panel-2);}
.bh-card h2{font-size:17px;margin-bottom:14px;}
.bh-profile{text-align:center;}
.bh-profile .bh-av{margin:0 auto 12px;}
.bh-profile h2{margin:0 0 6px;font-size:19px;}
.bh-kv{display:grid;gap:10px;margin-top:16px;text-align:start;font-size:14px;}
.bh-kv div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:10px;}
.bh-kv span:first-child{color:var(--ink-soft);}
.bh-kv span:last-child{font-weight:600;word-break:break-all;text-align:end;}

/* ---------- resource library ---------- */
.bh-lib{display:grid;grid-template-columns:290px 1fr;gap:26px;align-items:start;}
.bh-side{position:sticky;top:96px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;}
html.dark .bh-side{background:var(--panel-2);}
.bh-side h2{font-size:15px;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.bh-side .bh-field{margin-bottom:14px;}
.bh-side .reset{font-size:12.5px;}
.bh-seg{display:grid;gap:6px;}
.bh-seg button{display:flex;align-items:center;gap:10px;font:inherit;font-size:13.5px;text-align:start;padding:9px 12px;border-radius:10px;border:1.5px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;transition:all .15s ease;}
.bh-seg button:hover{border-color:var(--copper-soft);}
.bh-seg button.on{background:var(--panel);border-color:var(--panel);color:#fff;}
html.dark .bh-seg button.on{background:var(--copper);border-color:var(--copper);}
.bh-seg b{font-family:var(--font-m);font-size:12px;opacity:.8;}
.bh-searchbar{position:relative;margin-bottom:16px;}
.bh-searchbar .bh-input{padding-inline-start:44px;font-size:15.5px;padding-block:14px;border-radius:14px;}
.bh-searchbar .bh-ic{position:absolute;inset-block:0;margin:auto 0;inset-inline-start:15px;color:var(--ink-soft);}
.bh-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px;font-size:14px;color:var(--ink-soft);}
.bh-chips{display:flex;gap:8px;flex-wrap:wrap;}
.bh-chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;background:var(--paper-2);color:var(--ink);padding:5px 8px 5px 12px;border-radius:20px;border:none;cursor:pointer;font-family:inherit;}
.bh-chip:hover{background:var(--line);}
.bh-sort{font:inherit;font-size:13.5px;border:1.5px solid var(--line);background:transparent;color:var(--ink);border-radius:8px;padding:6px 10px;}
.bh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;}
.bh-res{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
html.dark .bh-res{background:var(--panel-2);}
.bh-res:hover{transform:translateY(-4px);box-shadow:0 22px 40px -26px rgba(10,18,20,.55);border-color:var(--copper-soft);}
.bh-thumb{position:relative;aspect-ratio:16/10;background:linear-gradient(135deg,var(--panel),#1d3a52);display:grid;place-items:center;color:rgba(255,255,255,.9);overflow:hidden;}
.bh-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.bh-thumb .glyph{opacity:.85;}
.bh-thumb .type{position:absolute;inset-block-start:10px;inset-inline-start:10px;font-size:11.5px;font-weight:700;background:rgba(5,8,7,.7);color:#fff;padding:3px 10px;border-radius:20px;backdrop-filter:blur(4px);}
.bh-thumb .status{position:absolute;inset-block-start:10px;inset-inline-end:10px;font-size:11px;font-weight:700;background:#8A6A1F;color:#fff;padding:3px 9px;border-radius:20px;}
.bh-res-body{padding:15px 16px 12px;display:flex;flex-direction:column;gap:8px;flex:1;}
.bh-res h3{font-size:15.5px;line-height:1.5;}
.bh-meta{display:flex;flex-wrap:wrap;gap:6px;}
.bh-meta span{font-size:12px;background:var(--paper-2);color:var(--ink-soft);padding:2px 9px;border-radius:6px;}
.bh-meta .unit{background:rgba(44,92,130,.12);color:var(--copper);}
.bh-res .desc{font-size:13px;color:var(--ink-soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.bh-res-foot{display:flex;gap:8px;padding:0 16px 16px;}
.bh-res-foot .bh-btn{flex:1;padding:9px 10px;font-size:13.5px;}
.bh-dl-count{font-size:12px;color:var(--ink-soft);display:flex;align-items:center;gap:5px;margin-top:auto;}
.bh-empty{text-align:center;padding:60px 20px;color:var(--ink-soft);border:1.5px dashed var(--line);border-radius:16px;}
.bh-empty .bh-ic{margin-bottom:10px;opacity:.6;}
.bh-skel{height:300px;border-radius:16px;background:linear-gradient(90deg,var(--paper-2),var(--line),var(--paper-2));background-size:200% 100%;animation:bhskel 1.2s linear infinite;}
@keyframes bhskel{to{background-position:-200% 0;}}
.bh-pager{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:26px;flex-wrap:wrap;}
.bh-pager button{font:inherit;min-width:38px;height:38px;border-radius:10px;border:1.5px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;font-weight:600;}
.bh-pager button.on{background:var(--panel);color:#fff;border-color:var(--panel);}
.bh-pager button:disabled{opacity:.4;cursor:not-allowed;}
.bh-filter-toggle{display:none;}
.bh-preview{width:100%;height:min(68vh,600px);border:0;border-radius:10px;background:var(--paper-2);}

/* ---------- comments ---------- */
.bh-comments{max-width:780px;margin:0 auto;}
.bh-cm-form{display:flex;gap:12px;align-items:flex-start;margin-bottom:22px;}
.bh-cm-form .box{flex:1;}
.bh-cm-form .bh-textarea{min-height:84px;}
.bh-cm-form .row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap;}
.bh-stars{display:inline-flex;gap:2px;direction:ltr;}
.bh-stars button{background:none;border:none;font-size:22px;color:#c9ccce;cursor:pointer;padding:0 1px;line-height:1;}
.bh-stars button.on{color:#d9a21b;}
.bh-cm-login{background:var(--paper-2);border-radius:14px;padding:18px;text-align:center;margin-bottom:22px;color:var(--ink-soft);}
.bh-cm{display:flex;gap:12px;padding:16px 0;border-top:1px solid var(--line);}
.bh-cm.pinned{background:rgba(44,92,130,.06);margin-inline:-14px;padding-inline:14px;border-radius:12px;border-top-color:transparent;}
.bh-cm.hidden{opacity:.55;}
.bh-cm .main{flex:1;min-width:0;}
.bh-cm .top{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;}
.bh-cm .name{font-weight:700;font-size:14.5px;}
.bh-cm .when{font-size:12.5px;color:var(--ink-soft);}
.bh-cm .txt{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14.5px;line-height:1.8;}
.bh-cm .stars{color:#d9a21b;font-size:13px;letter-spacing:1px;direction:ltr;}
.bh-cm .tools{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;}
.bh-cm .tools button{display:inline-flex;align-items:center;gap:5px;background:none;border:none;font:inherit;font-size:12.5px;color:var(--ink-soft);cursor:pointer;padding:4px 8px;border-radius:6px;}
.bh-cm .tools button:hover{background:var(--paper-2);color:var(--ink);}
.bh-cm .tools button.del:hover{color:#B4432F;}
.bh-pin-tag{font-size:11.5px;font-weight:700;color:var(--copper);display:inline-flex;align-items:center;gap:4px;}
.bh-rating-sum{display:flex;align-items:center;gap:14px;margin-bottom:20px;}
.bh-rating-sum .big{font-size:38px;font-weight:800;line-height:1;}
.bh-rating-sum .st{color:#d9a21b;letter-spacing:2px;direction:ltr;}

/* ---------- admin ---------- */
.bh-admin{display:grid;grid-template-columns:230px 1fr;gap:22px;align-items:start;}
.bh-anav{position:sticky;top:96px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px;display:grid;gap:4px;}
html.dark .bh-anav{background:var(--panel-2);}
.bh-anav button{display:flex;align-items:center;gap:10px;font:inherit;font-weight:600;font-size:14px;padding:11px 12px;border:none;background:transparent;border-radius:10px;cursor:pointer;color:var(--ink-soft);text-align:start;}
.bh-anav button:hover{background:var(--paper-2);color:var(--ink);}
.bh-anav button.on{background:var(--panel);color:#fff;}
html.dark .bh-anav button.on{background:var(--copper);}
.bh-anav .count{margin-inline-start:auto;font-family:var(--font-m);font-size:11.5px;background:#B4432F;color:#fff;border-radius:20px;padding:1px 8px;}
.bh-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:22px;}
.bh-stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;}
html.dark .bh-stat{background:var(--panel-2);}
.bh-stat .ic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(44,92,130,.12);color:var(--copper);margin-bottom:10px;}
.bh-stat b{display:block;font-size:28px;line-height:1.1;font-weight:800;}
.bh-stat span{font-size:13px;color:var(--ink-soft);}
.bh-stat small{display:block;font-size:12px;color:var(--teal);margin-top:4px;}
.bh-two{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.bh-list{display:grid;gap:0;}
.bh-list .it{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line);font-size:14px;}
.bh-list .it:first-child{border-top:none;}
.bh-list .it .grow{flex:1;min-width:0;}
.bh-list .it .grow small{display:block;color:var(--ink-soft);font-size:12.5px;}
.bh-bars .row{display:grid;grid-template-columns:130px 1fr 40px;gap:10px;align-items:center;font-size:13px;margin-bottom:8px;}
.bh-bars .track{height:9px;background:var(--paper-2);border-radius:20px;overflow:hidden;}
.bh-bars .fill{height:100%;background:var(--copper);border-radius:20px;}
.bh-tbl-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:#fff;}
html.dark .bh-tbl-wrap{background:var(--panel-2);}
.bh-tbl{width:100%;border-collapse:collapse;font-size:13.5px;min-width:640px;}
.bh-tbl th{text-align:start;font-size:12px;color:var(--ink-soft);font-weight:700;padding:11px 14px;background:var(--paper-2);white-space:nowrap;}
.bh-tbl td{padding:11px 14px;border-top:1px solid var(--line);vertical-align:middle;}
.bh-tbl .who{display:flex;align-items:center;gap:10px;}
.bh-tbl .who small{display:block;color:var(--ink-soft);font-size:12px;}
.bh-tbl .ops{display:flex;gap:4px;justify-content:flex-end;flex-wrap:wrap;}
.bh-tbl .ops button{background:none;border:1px solid var(--line);border-radius:8px;padding:5px 8px;cursor:pointer;color:var(--ink-soft);display:inline-flex;align-items:center;gap:4px;font:inherit;font-size:12.5px;}
.bh-tbl .ops button:hover{background:var(--paper-2);color:var(--ink);}
.bh-tbl .ops button.del:hover{color:#B4432F;border-color:#B4432F;}
.bh-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px;align-items:center;}
.bh-toolbar .bh-input{max-width:320px;}
.bh-toolbar .grow{flex:1;}
.bh-status{font-size:11.5px;font-weight:700;padding:2px 9px;border-radius:20px;}
.bh-status.published{background:rgba(31,110,92,.14);color:var(--teal);}
.bh-status.pending{background:rgba(138,106,31,.18);color:#8A6A1F;}
.bh-status.hidden{background:var(--paper-2);color:var(--ink-soft);}
.bh-formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;}
.bh-formgrid .full{grid-column:1/-1;}
.bh-role-select{font:inherit;font-size:13px;border:1.5px solid var(--line);border-radius:8px;padding:5px 8px;background:transparent;color:var(--ink);}

/* ---------- responsive ---------- */
@media(max-width:960px){
  .bh-lib{grid-template-columns:1fr;}
  .bh-side{position:static;display:none;}
  .bh-side.open{display:block;}
  .bh-filter-toggle{display:inline-flex;}
  .bh-acc,.bh-admin{grid-template-columns:1fr;}
  .bh-anav{position:static;display:flex;overflow-x:auto;}
  .bh-anav button{white-space:nowrap;}
  .bh-two{grid-template-columns:1fr;}
}
@media(max-width:620px){
  .bh-formgrid{grid-template-columns:1fr;}
  .bh-grid{grid-template-columns:1fr;}
  .bh-auth{padding:24px 18px;}
  .bh-head{padding:30px 0 20px;}
  .bh-cm-form{flex-direction:column;}
}

.bh-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#1f1f1f;font:600 14.5px var(--font-d);cursor:pointer;transition:box-shadow .15s,transform .15s;}
.bh-google:hover{box-shadow:0 6px 18px -8px rgba(0,0,0,.35);transform:translateY(-1px);}
.bh-google:disabled{opacity:.6;cursor:wait;}
.bh-or{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--ink-soft);font-size:12.5px;}
.bh-or:before,.bh-or:after{content:"";flex:1;height:1px;background:var(--line);}
.bh-gbtn{display:flex;justify-content:center;min-height:44px;color-scheme:light;}