/* Legal Reference Portal V6.9 — clarity-first UI, protected reader, mobile polish */
:root{
  --v69-bg:#f4f6f8;--v69-surface:#ffffff;--v69-surface-2:#f8fafc;--v69-text:#17212b;--v69-muted:#667784;--v69-line:#dfe5ea;
  --v69-primary:#102f43;--v69-primary-2:#1e526d;--v69-gold:#d6a52e;--v69-shadow:0 14px 38px rgba(15,35,50,.09);--v69-radius:18px;
}
[data-bs-theme="dark"]{
  --v69-bg:#081118;--v69-surface:#101b24;--v69-surface-2:#15242e;--v69-text:#eef4f7;--v69-muted:#a9b8c3;--v69-line:#2a3c49;
  --v69-primary:#d9e7ee;--v69-primary-2:#8bb5cb;--v69-gold:#e5b84b;--v69-shadow:0 18px 48px rgba(0,0,0,.32);
}
body.v67-ui{background:var(--v69-bg)!important;color:var(--v69-text)!important}
body.v67-ui main,body.v67-ui .section-space,body.v67-ui .bg-soft-v6{color:var(--v69-text)}
body.v67-ui .bg-soft-v6{background:var(--v69-surface-2)!important}
body.v67-ui .panel,body.v67-ui .publication-card,body.v67-ui .stat-card,body.v67-ui .category-card-v6,body.v67-ui .daily-reference-v67,body.v67-ui .continue-reading-card-v67,body.v67-ui .author-ranking-card-v67,body.v67-ui .contributor-benefits-v67,body.v67-ui .settings-card,body.v67-ui .modal-content,body.v67-ui .dropdown-menu,body.v67-ui .offcanvas{
  background:var(--v69-surface)!important;color:var(--v69-text)!important;border-color:var(--v69-line)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
body.v67-ui h1,body.v67-ui h2,body.v67-ui h3,body.v67-ui h4,body.v67-ui h5,body.v67-ui h6,body.v67-ui strong{color:var(--v69-text)}
body.v67-ui p,body.v67-ui li,body.v67-ui label,body.v67-ui td,body.v67-ui th{color:var(--v69-text)}
body.v67-ui .text-muted{color:var(--v69-muted)!important}
body.v67-ui .form-control,body.v67-ui .form-select,body.v67-ui textarea,body.v67-ui .input-group-text{background:var(--v69-surface)!important;color:var(--v69-text)!important;border-color:var(--v69-line)!important}
body.v67-ui .form-control::placeholder,body.v67-ui textarea::placeholder{color:var(--v69-muted)!important;opacity:.82}

/* Buttons: always readable */
.v67-ui .btn{font-weight:850!important;text-shadow:none!important;border-width:1px!important}
.v67-ui .btn-gold{background:linear-gradient(135deg,#f0d77e,var(--v69-gold))!important;color:#14212a!important;border-color:#c49320!important;box-shadow:0 9px 22px rgba(193,139,20,.16)!important}
.v67-ui .btn-gold:hover{color:#0b1217!important;filter:brightness(1.04)}
.v67-ui .btn-outline-dark{background:var(--v69-surface)!important;color:var(--v69-text)!important;border-color:var(--v69-line)!important}
.v67-ui .btn-outline-dark:hover{background:var(--v69-text)!important;color:var(--v69-surface)!important}
.v67-ui .btn-light{background:var(--v69-surface-2)!important;color:var(--v69-text)!important;border-color:var(--v69-line)!important}
[data-bs-theme="dark"] .v67-ui .btn-outline-light{color:#fff!important;border-color:rgba(255,255,255,.35)!important;background:rgba(255,255,255,.06)!important}

/* Header is the only persistent glass surface; becomes almost solid while scrolling. */
.v67-ui .site-header-v6{padding:7px 9px;background:transparent;transition:.2s ease}
.v67-ui .site-navbar-v6{background:rgba(7,28,42,.94)!important;border:1px solid rgba(255,255,255,.13)!important;backdrop-filter:blur(12px) saturate(120%)!important;-webkit-backdrop-filter:blur(12px) saturate(120%)!important;box-shadow:0 10px 30px rgba(0,0,0,.16)!important}
.v67-ui .site-header-v6.is-scrolled .site-navbar-v6{background:#0a2638!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 10px 32px rgba(0,0,0,.25)!important}
.v67-ui .site-navbar-v6 a,.v67-ui .site-navbar-v6 button,.v67-ui .site-navbar-v6 strong,.v67-ui .site-navbar-v6 small{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.32)}
.v67-ui .site-navbar-v6 .dropdown-menu,.v67-ui .site-navbar-v6 .dropdown-menu *{color:var(--v69-text)!important;text-shadow:none!important}
.v67-ui .header-icon-btn,.v67-ui .header-search-pill,.v67-ui .account-chip-v6{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important}

/* Hero: backgrounds remain visible, no heavy double-glass overlay. */
.v67-ui .hero-v6{background:#102f43!important;border-radius:0 0 26px 26px!important}
.v67-ui .hero-background-carousel-v63{display:block!important;opacity:1!important}
.v67-ui .hero-background-image-v63{opacity:1!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important;filter:blur(var(--hero-blur,0px))!important}
.v67-ui .hero-background-image-v63::after{background:rgba(3,18,28,var(--hero-overlay,.32))!important}
.v67-ui .hero-glass-overlay-v63{background:linear-gradient(110deg,rgba(4,20,31,.62),rgba(5,25,37,.18) 58%,rgba(4,20,31,.42))!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.v67-ui .hero-discovery-glass-v63{background:rgba(7,31,45,.82)!important;border:1px solid rgba(255,255,255,.16)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.v67-ui .hero-discovery-glass-v63 *{color:#fff!important}
.v67-ui .hero-v6::after{background:linear-gradient(to bottom,transparent,var(--v69-bg))!important;height:86px!important}

/* Main home sections must follow theme instead of staying light. */
.v67-ui .home-stats-v6,.v67-ui .publish-cta-v6,.v67-ui .app-download-section-v67{color:var(--v69-text)}
.v67-ui .daily-reference-v67,.v67-ui .continue-reading-card-v67,.v67-ui .author-ranking-card-v67,.v67-ui .contributor-benefits-v67{box-shadow:var(--v69-shadow)!important}
[data-bs-theme="dark"] .v67-ui .daily-reference-v67,[data-bs-theme="dark"] .v67-ui .continue-reading-card-v67,[data-bs-theme="dark"] .v67-ui .author-ranking-card-v67,[data-bs-theme="dark"] .v67-ui .contributor-benefits-v67{background:var(--v69-surface)!important;border-color:var(--v69-line)!important}

/* Notification dropdown, modeled after the supplied Facebook-style reference. */
.notification-wrapper-v69{position:relative;display:grid;place-items:center}
.notif-btn-v69{width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(255,255,255,.10);color:#fff;display:grid;place-items:center;position:relative;transition:.18s ease;box-shadow:none}
.notif-btn-v69:hover,.notif-btn-v69.active{background:#e8f2ff;color:#0d5f9d;border-color:#d8e8f8;transform:scale(1.03)}
.notif-badge-v69{position:absolute;top:-4px;right:-4px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:#e41e3f;color:#fff;font:800 10px/19px Tajawal,Arial,sans-serif;border:2px solid #0a2638;text-align:center}
.notif-dropdown-v69{position:absolute;top:calc(100% + 12px);left:0;width:min(380px,calc(100vw - 22px));background:var(--v69-surface);border:1px solid var(--v69-line);border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.18);opacity:0;visibility:hidden;transform:translateY(-10px) scale(.97);transform-origin:top left;transition:opacity .18s ease,transform .2s ease,visibility .18s;z-index:1200;overflow:visible;color:var(--v69-text)}
.notif-dropdown-v69::before{content:"";position:absolute;top:-7px;left:17px;width:14px;height:14px;background:var(--v69-surface);border-top:1px solid var(--v69-line);border-left:1px solid var(--v69-line);transform:rotate(45deg);z-index:-1}
.notif-dropdown-v69.show{opacity:1;visibility:visible;transform:none}
.notif-header-v69{display:flex;align-items:center;justify-content:space-between;padding:15px 16px 11px;border-bottom:1px solid var(--v69-line)}
.notif-header-v69 h3{margin:0;font-size:1.03rem;font-weight:900;color:var(--v69-text)}
.notif-header-v69 button{border:0;background:transparent;color:#0868b0;font-size:.69rem;font-weight:850;border-radius:9px;padding:.38rem .5rem;display:inline-flex;align-items:center;gap:.3rem}
.notif-header-v69 button:hover{background:var(--v69-surface-2)}
.notif-body-v69{max-height:390px;overflow-y:auto;padding:7px}.notif-body-v69::-webkit-scrollbar{width:6px}.notif-body-v69::-webkit-scrollbar-thumb{background:#b9c3ca;border-radius:99px}
.notif-list-v69{display:grid;gap:3px}
.notif-item-v69{width:100%;border:0;display:grid;grid-template-columns:52px minmax(0,1fr) 10px;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;text-decoration:none;background:transparent;color:var(--v69-text);text-align:right;transition:.15s ease;position:relative}
.notif-item-v69:hover{background:var(--v69-surface-2);color:var(--v69-text)}
.notif-item-v69.unread{background:color-mix(in srgb,#1877f2 8%,var(--v69-surface))}.notif-item-v69.unread:hover{background:color-mix(in srgb,#1877f2 12%,var(--v69-surface))}
.notif-avatar-icon-v69{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:1.15rem;background:linear-gradient(135deg,#dfeeff,#c9e3ff);color:#0c69aa;flex:0 0 auto}
.notif-avatar-icon-v69.success{background:linear-gradient(135deg,#dff6e9,#ccefdc);color:#178353}.notif-avatar-icon-v69.warning{background:linear-gradient(135deg,#fff0c8,#ffe2a1);color:#9c6500}
.notif-copy-v69{min-width:0}.notif-copy-v69 strong,.notif-copy-v69 span,.notif-copy-v69 small{display:block}.notif-copy-v69 strong{font-size:.76rem;font-weight:900;color:var(--v69-text);line-height:1.35}.notif-copy-v69>span{font-size:.68rem;line-height:1.55;color:var(--v69-text);margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-copy-v69 small{font-size:.58rem;font-weight:700;color:#5f83a0;margin-top:3px}.notif-unread-dot-v69{width:9px;height:9px;border-radius:50%;background:#1877f2;box-shadow:0 0 0 3px color-mix(in srgb,#1877f2 15%,transparent)}
.notif-footer-v69{padding:10px 13px;text-align:center;border-top:1px solid var(--v69-line);background:var(--v69-surface-2);border-radius:0 0 16px 16px}.notif-footer-v69 a{color:#0868b0;text-decoration:none;font-size:.7rem;font-weight:900}.notif-footer-v69 a:hover{text-decoration:underline}
.notif-empty-v69{text-align:center;padding:26px 16px}.notif-empty-v69>span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--v69-surface-2);color:#198754;margin:0 auto 7px}.notif-empty-v69 strong{display:block;font-size:.8rem}.notif-empty-v69 p{margin:4px 0 0;font-size:.65rem;color:var(--v69-muted)!important}.notif-loading-v69{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:22px;color:var(--v69-muted);font-size:.7rem}

/* Search and auth surfaces should be solid, not transparent glass. */
.v67-ui .search-modal-card-v66,.v67-ui .auth-modern-card{background:var(--v69-surface)!important;border-color:var(--v69-line)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:var(--v69-shadow)!important}
.v67-ui .search-field-v66,.v67-ui .search-filter-surface-v66{background:var(--v69-surface)!important;border-color:var(--v69-line)!important}
.auth-white-v68{background:#f5f7f9!important}.auth-white-v68 .auth-modern-card{background:#fff!important;color:#17212b!important}
.auth-white-v68 .social-login-tile,.auth-white-v68 .social-login-disabled-v69{min-height:46px;border-radius:14px;border:1px solid #e1e6ea;background:#fff;color:#242d33;display:flex;align-items:center;justify-content:center;gap:.55rem;text-decoration:none;font-size:.75rem;font-weight:800;transition:.15s ease}.auth-white-v68 .social-login-tile:hover{border-color:#b9c7d1;box-shadow:0 7px 20px rgba(15,35,50,.08);transform:translateY(-1px)}.auth-white-v68 .social-login-disabled-v69{opacity:.55;cursor:not-allowed}.auth-white-v68 .social-login-tile svg,.auth-white-v68 .social-login-disabled-v69 svg{width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important}

/* Mobile and scroll clarity: avoid transparent content floating above text. */
@media(max-width:991.98px){
  .v67-ui .site-header-v6{padding:5px 7px}.v67-ui .site-navbar-v6{border-radius:16px!important;background:#0a2638!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .v67-ui .hero-v6{margin-top:-66px!important;padding-top:118px!important;border-radius:0 0 22px 22px!important}
  .v67-ui .mobile-bottom-nav-v6{background:#102f43!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:rgba(255,255,255,.14)!important}
  .v67-ui .mobile-bottom-nav-v6 a,.v67-ui .mobile-bottom-nav-v6 button{color:#fff!important}
}
@media(max-width:767.98px){
  .notification-wrapper-v69{position:static}.notif-dropdown-v69{position:fixed;top:64px;left:10px;right:10px;width:auto;max-height:calc(100dvh - 82px);transform-origin:top center}.notif-body-v69{max-height:58dvh}.notif-dropdown-v69::before{display:none}
  .notif-item-v69{grid-template-columns:44px minmax(0,1fr) 9px;padding:8px}.notif-avatar-icon-v69{width:44px;height:44px;font-size:1rem}.notif-copy-v69 strong{font-size:.72rem}.notif-copy-v69>span{font-size:.64rem}
  .v67-ui .panel,.v67-ui .publication-card,.v67-ui .daily-reference-v67,.v67-ui .continue-reading-card-v67,.v67-ui .author-ranking-card-v67{border-radius:14px!important;box-shadow:0 7px 20px rgba(15,35,50,.06)!important}
  .v67-ui .section-space{padding-block:2.1rem!important}.v67-ui .row.g-4{--bs-gutter-y:.85rem}
  .v67-ui .global-search-modal-v66 .modal-dialog{padding:0;margin:8px}.v67-ui .search-modal-card-v66{border-radius:16px!important}
}
@media(max-width:430px){
  body.v67-ui{font-size:14px}.v67-ui .btn{min-height:40px!important;font-size:.68rem!important;padding:.5rem .72rem!important}.notif-header-v69{padding:12px}.notif-header-v69 h3{font-size:.92rem}.notif-header-v69 button{font-size:.62rem}.notif-body-v69{padding:5px}
}

/* Reader native protected stream */
.reader-page .pdf-native-fallback{background:#353b40;border:0;width:100%;min-height:calc(100dvh - 68px)}
.reader-page.reader-native-mode .reader-document-wrap{background:#353b40!important}