/* Amber theme tokens layered over Orchid */
:root, [data-bs-theme="light"] {
  --orchid-bg: #FFFDF7; --orchid-surface: #FFFFFF; --orchid-border: #FDE68A66; --orchid-text: #292524;
  --orchid-text-muted: #57534E; --orchid-hover: #FEF3C7; --orchid-primary: #D97706; --orchid-accent: #FDE68A;
  --bs-primary: #F59E0B; --bs-primary-rgb: 245,158,11; --bs-primary-bg-subtle: #FEF3C7; --bs-primary-text-emphasis: #92400E;
  --bs-primary-border-subtle: #FDE68A; --bs-link-color: #B45309; --bs-link-hover-color: #92400E;
  --bs-link-color-rgb: 180,83,9; --bs-body-font-family: 'Plus Jakarta Sans','Inter',system-ui,sans-serif;
  --bs-border-color: #F1E6C3; --bs-card-bg: #fff;
}
[data-bs-theme="dark"] {
  --orchid-bg: #1C1917; --orchid-surface: #292524; --orchid-border: #44403C; --orchid-text: #FAFAF9;
  --orchid-text-muted: #A8A29E; --orchid-hover: #44403C; --orchid-primary: #FBBF24;
  --bs-primary: #F59E0B; --bs-primary-rgb: 245,158,11; --bs-primary-bg-subtle: #44403C; --bs-primary-text-emphasis: #FBBF24;
  --bs-primary-border-subtle: #78350F; --bs-link-color: #FBBF24; --bs-link-hover-color: #FDE68A; --bs-link-color-rgb: 251,191,36;
  --bs-body-bg: #1C1917; --bs-body-color: #FAFAF9; --bs-border-color: #44403C; --bs-card-bg: #292524;
}
body.orchid-body { font-family: 'Plus Jakarta Sans','Inter',system-ui,sans-serif; }
.card, .orchid-card { border-radius: 1rem; border-color: var(--orchid-border); background: var(--orchid-surface); }
.btn-primary { --bs-btn-color: #292524; --bs-btn-hover-color: #292524; --bs-btn-active-color:#292524; --bs-btn-hover-bg: #D97706; --bs-btn-hover-border-color:#D97706; --bs-btn-active-bg:#D97706; --bs-btn-disabled-bg:#F59E0B; --bs-btn-disabled-border-color:#F59E0B; --bs-btn-disabled-color:#292524; }
[data-bs-theme="dark"] .btn-primary:hover { --bs-btn-hover-bg:#FBBF24; --bs-btn-hover-border-color:#FBBF24; }
.btn-outline-primary { --bs-btn-color: #B45309; --bs-btn-hover-color:#292524; --bs-btn-active-color:#292524; --bs-btn-active-bg:#F59E0B; }
[data-bs-theme="dark"] .btn-outline-primary { --bs-btn-color: #FBBF24; }
.btn, .form-control, .form-select { min-height: 38px; }
:focus-visible, .form-control:focus, .form-select:focus, .btn:focus-visible { box-shadow: 0 0 0 .22rem rgba(245,158,11,.4) !important; border-color:#F59E0B; }
.form-check-input:checked { background-color:#F59E0B; border-color:#F59E0B; }
.progress-bar { background-color:#F59E0B; }
.text-primary { color: var(--orchid-primary) !important; }
.bg-primary { background-color:#F59E0B !important; color:#292524 !important; }
.badge.bg-primary-subtle, .bg-primary-subtle { background-color: var(--bs-primary-bg-subtle) !important; }
.orchid-body .table > :not(caption) > * > * { background: transparent; }
[data-bs-theme="dark"] .form-select, [data-bs-theme="dark"] textarea.form-control { background-color: var(--orchid-hover); color: var(--orchid-text); border-color: var(--orchid-border); }
.orchid-brand__logo svg { width: 32px; height: 32px; }
.nav-badge { margin-left:auto; }
.page-title { font-weight: 800; letter-spacing: -.02em; }
.stat-card { display:flex; gap:.9rem; align-items:center; padding:1rem 1.1rem; height:100%; text-decoration:none; color:inherit; transition: transform .15s, box-shadow .15s; }
a.stat-card:hover { transform: translateY(-2px); box-shadow: 0 8px 22px rgba(217,119,6,.15); color:inherit; }
.stat-card .ico { width:46px; height:46px; border-radius:14px; display:grid; place-items:center; font-size:1.3rem; background: var(--bs-primary-bg-subtle); color: var(--orchid-primary); flex:none; }
.stat-card .val { font-size:1.45rem; font-weight:800; line-height:1.1; }
.stat-card .lbl { color: var(--orchid-text-muted); font-size:.8rem; }
.feature-card { display:block; padding:1.25rem; text-align:left; text-decoration:none; color:inherit; position:relative; height:100%; }
a.feature-card:hover { border-color:#F59E0B; box-shadow:0 8px 22px rgba(217,119,6,.15); color:inherit; }
.feature-card .ico { width:48px; height:48px; border-radius:14px; display:grid; place-items:center; font-size:1.4rem; background:var(--bs-primary-bg-subtle); color:var(--orchid-primary); margin-bottom:.75rem; }
.thumb { width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:.9rem .9rem 0 0; background: var(--bs-primary-bg-subtle); display:grid; place-items:center; color:var(--orchid-primary); font-size:2.2rem; }
.thumb-sm { width:56px; height:42px; object-fit:cover; border-radius:.5rem; background:var(--bs-primary-bg-subtle); display:inline-grid; place-items:center; color:var(--orchid-primary); }
.ring { --p:0; width:120px; height:120px; border-radius:50%; background: conic-gradient(#F59E0B calc(var(--p)*1%), var(--bs-primary-bg-subtle) 0); display:grid; place-items:center; flex:none; }
.ring > span { width:92px; height:92px; border-radius:50%; background:var(--orchid-surface); display:grid; place-items:center; font-weight:800; font-size:1.4rem; }
.chip-step { display:inline-flex; align-items:center; gap:.4rem; padding:.35rem .75rem; border-radius:99px; border:1px solid var(--orchid-border); font-size:.8rem; background:var(--orchid-surface); }
.chip-step.done { background:#DCFCE7; border-color:#86EFAC; color:#166534; }
[data-bs-theme="dark"] .chip-step.done { background:#14532D; color:#BBF7D0; border-color:#166534; }
.video-frame { position:relative; aspect-ratio:16/9; background:#000; border-radius:1rem; overflow:hidden; }
.video-frame iframe, .video-frame video { position:absolute; inset:0; width:100%; height:100%; border:0; }
.status-badge { font-size:.72rem; font-weight:700; padding:.3em .7em; border-radius:99px; text-transform:capitalize; white-space:nowrap; }
.s-new{background:#E0F2FE;color:#075985}.s-under_review{background:#FEF3C7;color:#92400E}.s-assigned{background:#EDE9FE;color:#5B21B6}
.s-in_progress{background:#FFEDD5;color:#9A3412}.s-resolved{background:#DCFCE7;color:#166534}.s-closed{background:#E7E5E4;color:#44403C}
.s-active,.s-approved,.s-paid,.s-joined{background:#DCFCE7;color:#166534}.s-pending,.s-not_joined{background:#FEF3C7;color:#92400E}
.s-suspended,.s-rejected,.s-terminated,.s-refunded{background:#FEE2E2;color:#991B1B}
.kanban { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(250px,1fr); gap:1rem; overflow-x:auto; padding-bottom:1rem; }
.kanban-col { background:var(--bs-primary-bg-subtle); border-radius:1rem; padding:.75rem; min-height:300px; }
.kanban-col.over { outline:2px dashed #F59E0B; }
.kanban-card { background:var(--orchid-surface); border:1px solid var(--orchid-border); border-radius:.75rem; padding:.7rem; margin-bottom:.6rem; cursor:grab; font-size:.85rem; }
.module-item { border:1px solid var(--orchid-border); border-radius:.9rem; padding:.85rem 1rem; background:var(--orchid-surface); }
.lesson-row { display:flex; align-items:center; gap:.75rem; padding:.7rem .9rem; border-bottom:1px solid var(--orchid-border); text-decoration:none; color:inherit; }
.lesson-row:hover { background:var(--orchid-hover); color:inherit; }
.lesson-row.locked { opacity:.55; pointer-events:none; }
.rules-box { max-height:260px; overflow:auto; border:1px solid var(--orchid-border); border-radius:.75rem; padding:1rem; background:var(--orchid-bg); }
.terms-body { max-height:55vh; overflow:auto; border:1px solid var(--orchid-border); border-radius:.75rem; padding:1.25rem; background:var(--orchid-surface); }
.auth-wrap { min-height:100vh; display:grid; place-items:center; padding:1rem; background: radial-gradient(circle at 20% 10%, #FEF3C7, transparent 45%), var(--orchid-bg); }
.auth-card { width:100%; max-width:430px; padding:2rem; }
.sla-over { color:#DC2626; font-weight:700; }
.prose img{max-width:100%} .prose{line-height:1.7}
trix-editor { min-height: 200px; background: var(--orchid-surface); }
@media (max-width: 575.98px){ .btn{ min-height:44px; } .page-actions .btn{flex:1} }
.card.stat-card { flex-direction: row; }
.orchid-brand__text { background: none !important; -webkit-text-fill-color: #92400E; color:#92400E; font-weight:800; }
[data-bs-theme="dark"] .orchid-brand__text { -webkit-text-fill-color:#FBBF24; color:#FBBF24; }
.card-header { background: transparent; border-bottom-color: var(--orchid-border); }

/* ---------- Sidebar: bold & attractive ---------- */
.orchid-nav-section__label { font-weight:800; font-size:.72rem; letter-spacing:.14em; color:#B45309; padding:0 .9rem; margin-bottom:.6rem; }
[data-bs-theme="dark"] .orchid-nav-section__label { color:#FBBF24; }
.orchid-nav li + li { margin-top:.2rem; }
.orchid-nav__link { padding:.65rem .8rem; border-radius:14px; font-size:.95rem; font-weight:700; color:var(--orchid-text); gap:.8rem; transition:background-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease; }
.orchid-nav__link i { width:34px; height:34px; min-width:34px; display:grid; place-items:center; border-radius:10px; font-size:1.1rem; background:#FEF3C7; color:#B45309; transition:inherit; }
[data-bs-theme="dark"] .orchid-nav__link i { background:rgba(251,191,36,.14); color:#FBBF24; }
.orchid-nav__link:hover { background:#FFF7E6; color:#92400E; transform:translateX(3px); }
[data-bs-theme="dark"] .orchid-nav__link:hover { background:rgba(251,191,36,.1); color:#FBBF24; }
.orchid-nav__link:hover i { background:#FDE68A; }
.orchid-nav__link.active { color:#fff; font-weight:800; background:linear-gradient(135deg,#F59E0B,#D97706); box-shadow:0 8px 18px -6px rgba(217,119,6,.55); }
.orchid-nav__link.active i { background:rgba(255,255,255,.22); color:#fff; }
.orchid-nav__link.active:hover { transform:none; color:#fff; background:linear-gradient(135deg,#F59E0B,#D97706); }
.orchid-nav__link.active::before { left:-1rem; width:4px; background:linear-gradient(180deg,#F59E0B,#FDE68A); }

/* ---------- Share menu ---------- */
.share-trigger { width:38px; height:38px; border-radius:50%; border:0; display:grid; place-items:center; background:rgba(255,255,255,.95); color:#B45309; box-shadow:0 4px 12px rgba(0,0,0,.18); transition:transform .15s, background .15s, color .15s; }
.share-trigger:hover { transform:scale(1.08); background:#D97706; color:#fff; }
.share-menu { min-width:300px; border-radius:16px; border:1px solid var(--orchid-border); box-shadow:0 18px 40px -12px rgba(0,0,0,.28); }
.share-menu__title { font-weight:800; font-size:.9rem; margin-bottom:.75rem; }
.share-menu__row { display:grid; grid-template-columns:repeat(3,1fr); gap:.5rem; margin-bottom:.85rem; }
.share-btn { display:flex; flex-direction:column; align-items:center; gap:.35rem; padding:.7rem .25rem; border-radius:12px; text-decoration:none; font-size:.75rem; font-weight:700; color:var(--orchid-text); background:var(--orchid-hover); transition:transform .15s; }
.share-btn i { width:40px; height:40px; border-radius:50%; display:grid; place-items:center; font-size:1.2rem; color:#fff; }
.share-btn:hover { transform:translateY(-2px); color:var(--orchid-text); }
.share-btn--wa i { background:#25D366; } .share-btn--fb i { background:#1877F2; } .share-btn--em i { background:#EA4335; }
.share-menu__copy { display:flex; gap:.4rem; }
.share-menu__copy input { flex:1; min-width:0; font-size:.78rem; border:1px solid var(--orchid-border); border-radius:8px; padding:.35rem .6rem; background:transparent; color:var(--orchid-text-muted); }
.module-card-wrap { position:relative; }
.module-card-wrap .share-dd { position:absolute; top:.75rem; right:.75rem; z-index:5; }
@media (max-width:575.98px){ .share-menu{ min-width:270px; } }

/* ---- mobile: bottom navigation + drawer header options ---- */
.mobile-nav,.drawer-tools{display:none}
@media (max-width:991.98px){
  .orchid-header__right{display:flex!important;gap:.15rem;flex:none}
  .orchid-header__left{min-width:0;flex:1}
  .orchid-header__left .fw-bold{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .orchid-header__left .fw-bold{display:inline!important;font-weight:900!important;font-size:1.1rem}
  .orchid-main{padding-bottom:5.5rem}
  .orchid-footer{padding-bottom:5rem!important}
  .mobile-nav{position:fixed;left:.6rem;right:.6rem;bottom:.6rem;z-index:1030;display:flex;justify-content:space-around;gap:.15rem;padding:.4rem;background:var(--bs-body-bg);border:1px solid #F1E6C3;border-radius:1.4rem;box-shadow:0 0 28px rgba(245,158,11,.3),0 14px 30px -12px rgba(0,0,0,.35);padding-bottom:calc(.4rem + env(safe-area-inset-bottom))}
  .mobile-nav__item{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.45rem .1rem;border:0;background:transparent;border-radius:1rem;color:var(--bs-secondary-color);font-size:.66rem;font-weight:800;text-decoration:none;transition:.2s}
  .mobile-nav__item i{font-size:1.25rem;line-height:1}
  .mobile-nav__item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .mobile-nav__item.active{background:linear-gradient(180deg,#FBBF24,#F59E0B);color:#292524;box-shadow:0 0 16px rgba(245,158,11,.5)}
  .drawer-tools{display:block;padding:.75rem .75rem 0}
  .drawer-tools .orchid-nav-section__label,.drawer-tools .orchid-nav{display:none}
  .drawer-tools .orchid-nav__link{font-weight:800}
  .drawer-tools form.drawer-search{display:flex;gap:.4rem;margin-bottom:.5rem}
  .drawer-tools .drawer-search .form-control{font-weight:600;border-radius:.8rem}
  .drawer-tools .drawer-search .btn{border-radius:.8rem;background:#F59E0B;border:0;color:#292524}
  .drawer-tools .orchid-theme-toggle{display:flex!important;align-items:center;gap:.65rem;width:100%;border:0;background:transparent;text-align:left}
}