/* BidBook Atelier — shared visual system. Loaded after legacy page styles. */
:root, html[data-theme="light"] {
  color-scheme: light;
  --bb-bg:#f5f3ee; --bb-surface:#fffefa; --bb-soft:#eeece5;
  --bb-ink:#172c32; --bb-muted:#637276; --bb-line:#dedfd5;
  --bb-gold:#947137; --bb-gold-soft:#f0e9da; --bb-navy:#142f36;
  --bb-success:#276a53; --bb-success-bg:#e7f1e9;
  --bb-shadow:0 16px 48px rgba(25,44,45,.06);
  --primary-color:var(--bb-gold); --secondary-color:var(--bb-success);
  --primary-rgb:148,113,55; --secondary-rgb:39,106,83;
  --background-color:var(--bb-bg); --text-color:var(--bb-ink);
  --text-secondary:var(--bb-muted); --text-muted:var(--bb-muted);
  --box-background:var(--bb-surface); --box-secondary:var(--bb-soft);
  --border-color:var(--bb-line); --input-bg:var(--bb-surface);
  --card-bg:var(--bb-surface); --testimonial-bg:var(--bb-surface);
  --gradient:linear-gradient(120deg,#142f36,#294b50);
  --about-gradient:var(--bb-soft); --shadow-primary:rgba(148,113,55,.12);
  --shadow-secondary:rgba(39,106,83,.1); --shadow-color:rgba(25,44,45,.08);
}
html[data-theme="dark"] {
  color-scheme:dark;
  --bb-bg:#0c191d; --bb-surface:#13262b; --bb-soft:#1a3035;
  --bb-ink:#eeeede; --bb-muted:#a7b6b6; --bb-line:#2b4246;
  --bb-gold:#d9bc81; --bb-gold-soft:#33352b; --bb-navy:#0c2026;
  --bb-success:#a1d2b5; --bb-success-bg:#1c3930;
  --bb-shadow:0 16px 48px rgba(0,0,0,.14);
  --primary-color:var(--bb-gold); --secondary-color:var(--bb-success);
  --primary-rgb:217,188,129; --secondary-rgb:161,210,181;
  --background-color:var(--bb-bg); --text-color:var(--bb-ink);
  --text-secondary:var(--bb-muted); --text-muted:var(--bb-muted);
  --box-background:var(--bb-surface); --box-secondary:var(--bb-soft);
  --border-color:var(--bb-line); --input-bg:var(--bb-surface);
  --card-bg:var(--bb-surface); --testimonial-bg:var(--bb-surface);
  --about-gradient:var(--bb-soft); --shadow-color:rgba(0,0,0,.15);
}
html { scroll-padding-top:100px; }
html:root body { background:var(--bb-bg)!important; color:var(--bb-ink)!important; font-family:'Cairo',sans-serif; line-height:1.8; opacity:1!important; animation:none!important; }
html:root body *, html:root body *::before, html:root body *::after { box-sizing:border-box; }
:where(body) :is(p,span,h1,h2,h3,h4,h5,h6,a,li,label,div) { color:inherit; }
html:root body a { color:var(--bb-ink); }
html:root body a:hover { color:var(--bb-gold); }
html:root body :is(button,a,input,select,textarea):focus-visible { outline:3px solid var(--bb-gold)!important; outline-offset:4px; }
:where(html body) img { max-width:100%; }
html:root body .container { width:calc(100% - 80px); max-width:1560px; }
html:root body .section-padding { padding:64px 0; }
html:root body :is(h1,h2,h3,h4,h5) { color:var(--bb-ink); text-shadow:none; }
html:root body :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea) {
  border:1px solid var(--bb-line); background:var(--bb-surface); color:var(--bb-ink); border-radius:12px; box-shadow:none;
}
html:root body input::placeholder,html:root body textarea::placeholder { color:var(--bb-muted); opacity:1; }
html:root body :is(.main-color,.sec-color,.color-one,.color-two) { color:var(--bb-gold)!important; }
html:root body .modern-navbar {
  position:relative; z-index:1030; margin:0; border:0; border-bottom:1px solid var(--bb-line);
  border-radius:0; background:var(--bb-surface)!important; box-shadow:none!important; padding:16px 0 0;
}
html:root body .modern-navbar::before,html:root body .modern-navbar::after { display:none!important; }
html:root body .modern-navbar .navbar-brand { height:auto; padding:7px 15px; }
html:root body .logo-text { gap:2px; }
html:root body .brand-title { font:600 32px/1.1 Georgia,serif!important; letter-spacing:-1.5px; background:none!important; -webkit-text-fill-color:var(--bb-ink)!important; color:var(--bb-ink)!important; text-shadow:none!important; }
html:root body .brand-sub { font-size:10px!important; letter-spacing:1px; color:var(--bb-gold)!important; }
html:root body .modern-navbar .navbar-nav>li>a { border:0!important; background:transparent!important; box-shadow:none!important; color:var(--bb-muted)!important; border-radius:8px; font-size:13px; padding:15px 14px; }
html:root body .modern-navbar .navbar-nav>.active>a { color:var(--bb-ink)!important; }
html:root body .modern-navbar .navbar-nav>li>a::after { display:none!important; }
html:root body .modern-navbar .nav-icon { opacity:.65; filter:grayscale(1); }
html:root body :is(.btn-pill,.theme-toggle-btn) { border-radius:9px!important; box-shadow:none!important; min-height:42px; font-size:12px; }
html:root body .btn-gold { background:var(--bb-gold-soft)!important; border:1px solid var(--bb-line)!important; color:var(--bb-gold)!important; }
html:root body .btn-blue { background:var(--bb-navy)!important; border:1px solid #486165!important; color:#f4edda!important; }
html:root body .theme-toggle-btn { background:transparent!important; border:1px solid var(--bb-line)!important; color:var(--bb-muted)!important; }
html:root body .theme-toggle-btn i { background:none!important; color:var(--bb-gold)!important; }
html:root body .bottom-nav { margin:18px 0 0; padding:13px 0; border-top:1px solid var(--bb-line); border-bottom:0; background:none; box-shadow:none; display:flex; gap:24px; flex-wrap:wrap; }
html:root body .bottom-nav li a { font-size:12px; color:var(--bb-muted); }
html:root body .bottom-nav li a.active { color:var(--bb-gold); }
/* Quiet architectural surfaces replace neon borders across the existing pages. */
html:root body :is(.services-container,.contact-container,.testimonials,.about,.services,.contact,.download-our-app) { background:var(--bb-bg)!important; color:var(--bb-ink); }
html:root body :is(.serv-box,.testi-box,.contact-card,.contact-card-inner,.price-box,.form-box,.tenders-seo-section,.faq-item,.alert-box,.monksa-list) {
  background:var(--bb-surface)!important; border:1px solid var(--bb-line)!important;
  border-radius:18px!important; box-shadow:var(--bb-shadow)!important; color:var(--bb-ink)!important;
}
html:root body :is(.serv-box,.contact-card,.price-box,.form-box)::before,html:root body :is(.serv-box,.contact-card,.price-box,.form-box)::after { display:none!important; }
html:root body .services .serv-box { padding:24px 12px!important; min-height:174px; transition:transform .2s,border-color .2s; }
html:root body .services .serv-box:hover { transform:translateY(-4px); border-color:var(--bb-gold)!important; }
html:root body .services .serv-box img { width:45px; height:45px; object-fit:contain; margin:0 auto 16px; }
html:root body .services .serv-box :is(h1,h4) { color:var(--bb-ink)!important; font-size:14px!important; }
html:root body .services .serv-box span.green { background:var(--bb-success-bg)!important; color:var(--bb-success)!important; box-shadow:none; }
html:root body .contact :is(h2,h3,h4,p),html:root body .testimonials :is(h2,h4,p),html:root body .about p { color:var(--bb-ink)!important; }
html:root body :is(.contact-header-icon,.contact button,.one,.two,.done,.load-more-btn) { background:var(--bb-navy)!important; color:#f4edda!important; box-shadow:none!important; border:1px solid #486165!important; border-radius:10px; }
html:root body :is(.prices .nav-tabs,.intenral-header) { background:var(--bb-soft); border-color:var(--bb-line); }
html:root body .prices .nav-tabs a { color:var(--bb-ink); }
html:root body .price-box { padding:28px; margin:16px 0; }
html:root body :is(.mwrden-box,.mohndsen-box,.job-box,.bid-note-box,.material-box,.subscribe-box,.mwrd-card,.comments .panel) { background:var(--bb-surface)!important; color:var(--bb-ink); border:1px solid var(--bb-line)!important; border-radius:16px; box-shadow:var(--bb-shadow)!important; }
html:root body :is(.mwrden-box,.mohndsen-box,.job-box,.bid-note-box,.material-box) :is(h3,h4,h5,p) { color:var(--bb-ink); }
html:root body .content:not(.bb-tenders) { padding-top:32px; }
html:root body .content:not(.bb-tenders) .content-header { background:var(--bb-surface); border:1px solid var(--bb-line); border-radius:14px; padding:20px; margin-bottom:20px; }
html:root body :is(.add-project,.add-material,.sub,.btn-success) { background:var(--bb-navy)!important; color:#f4edda!important; border:1px solid #486165!important; border-radius:9px; box-shadow:none!important; }
html:root body .filter-box .owl-filter button { background:var(--bb-surface)!important; color:var(--bb-muted)!important; border:1px solid var(--bb-line)!important; border-radius:9px; box-shadow:none!important; }
html:root body .filter-box .owl-filter button.active { background:var(--bb-navy)!important; color:#e9d3a7!important; }
html:root body .filter-btn { border-color:var(--bb-line); background:var(--bb-gold-soft); color:var(--bb-gold); border-radius:9px; box-shadow:none; }
html:root body .price-box button { min-height:48px; background:var(--bb-navy)!important; border:1px solid #486165; border-radius:9px; color:#f4edda; box-shadow:none; }
html:root body .hero-slider-section { background:var(--bb-bg)!important; padding:28px 0; }
html:root body .hero-slider-container { max-width:1560px; width:calc(100% - 80px); padding:0; }
html:root body :is(.hero-slider-shell,.app-promo-card) { background:var(--bb-surface)!important; border:1px solid var(--bb-line)!important; box-shadow:var(--bb-shadow)!important; border-radius:16px; }
html:root body .hero-slider-shell::before,html:root body .hero-slider-shell::after { display:none!important; }
html:root body :is(.slider-title,.app-title) { color:var(--bb-ink)!important; background:none!important; -webkit-text-fill-color:var(--bb-ink)!important; text-shadow:none; }
html:root body .slider-subtitle { color:var(--bb-muted)!important; }
html:root body .slider-nav .nav-btn { background:var(--bb-soft)!important; color:var(--bb-gold)!important; border-color:var(--bb-line)!important; box-shadow:none!important; }
html:root body .slider-indicators .indicator.active { background:var(--bb-gold)!important; box-shadow:none!important; }
html:root body :is(.services-purple h2,.contact-purple h2) { color:var(--bb-ink)!important; background:none!important; -webkit-text-fill-color:var(--bb-ink)!important; }
html:root body :is(.services-purple h2,.contact-purple h2)::after { background:var(--bb-gold)!important; box-shadow:none!important; height:2px; }
html:root body .contact-card-inner { border:0!important; box-shadow:none!important; }
html:root body .contact-header-text { color:var(--bb-muted)!important; }
html:root body .contact-header-text strong { color:var(--bb-ink)!important; }
html:root body .contact-form textarea { background:var(--bb-bg)!important; color:var(--bb-ink)!important; border:1px solid var(--bb-line)!important; border-radius:10px!important; }
html:root body .contact-form textarea::placeholder { color:var(--bb-muted)!important; }
html:root body .site-footer { background:var(--bb-navy)!important; border-top:1px solid #43534c; box-shadow:none!important; margin-top:40px; padding-top:44px; }
html:root body .site-footer::before,html:root body .footer-wave { display:none!important; }
html:root body .footer-links li a,html:root body .footer-social a { background:transparent!important; border-color:#3c5357!important; color:#e4e4d6!important; box-shadow:none!important; }
html:root body .footer-bottom { background:transparent!important; border-top:1px solid #3c5357!important; }
html:root body .site-footer .copyright-text,html:root body .site-footer .brand-link,html:root body .site-footer .current-year { color:#c8d2cd!important; }
/* Home: compact, shared surfaces from the introduction through the app download. */
html:root body .home-hero-intro { padding:26px 0 18px!important; background:var(--bb-bg)!important; border:0; overflow:visible; }
html:root body .home-hero-intro::after { display:none; }
html:root body .home-hero-intro .container { padding:22px 26px; border:1px solid var(--bb-line); border-right:3px solid var(--bb-gold); border-radius:16px; background:var(--bb-surface); }
html:root body .home-hero-intro .page-main-title { max-width:1200px; color:var(--bb-ink)!important; font-size:clamp(24px,2.1vw,32px)!important; line-height:1.6; font-weight:700; margin:0 0 10px; }
html:root body .home-hero-intro .page-main-subtitle { color:var(--bb-muted)!important; font-size:13px!important; max-width:1200px; line-height:1.95; margin:0; }
html:root body .home-hero-intro .page-main-subtitle strong { color:inherit; }
html:root body .bb-eyebrow { display:flex; align-items:center; gap:9px; color:var(--bb-gold); font-size:11px; font-weight:700; letter-spacing:2px; margin-bottom:16px; }
html:root body .bb-eyebrow::before { content:''; width:26px; height:1px; background:currentColor; }
html:root body .hero-slider-section { padding:0 0 22px; background:var(--bb-bg)!important; }
html:root body .hero-slider-container { max-width:1560px; width:calc(100% - 80px); padding:0; }
html:root body .hero-slider-shell { padding:18px; border-radius:16px; box-shadow:none!important; }
html:root body .hero-slider-shell>.row { display:grid; grid-template-columns:minmax(0,1fr) 220px; gap:18px; margin:0; }
html:root body .hero-slider-shell>.row::before,html:root body .hero-slider-shell>.row::after { display:none; }
html:root body .hero-slider-shell>.row>div { width:auto; min-width:0; padding:0; float:none; }
html:root body .hero-main-slider { height:auto!important; min-height:176px; background:var(--bb-soft)!important; border:1px solid var(--bb-line); border-radius:12px; box-shadow:none; }
html:root body .slider-items-container { display:grid; height:auto; min-height:176px; }
html:root body .slider-item { position:relative; inset:auto; grid-area:1/1; padding:22px 26px 46px; visibility:hidden; pointer-events:none; transform:none!important; min-width:0; }
html:root body .slider-item.active { visibility:visible; pointer-events:auto; }
html:root body .slider-title { font-size:24px; line-height:1.6; margin:0 0 8px; }
html:root body .slider-subtitle { color:var(--bb-muted)!important; font-size:14px; line-height:1.85; max-width:none; }
html:root body .slider-indicators { bottom:14px; gap:7px; }
html:root body .slider-indicators .indicator { background:var(--bb-line); }
html:root body .slider-indicators { bottom:0; gap:0; }
html:root body .slider-indicators .indicator,html:root body .slider-indicators .indicator.active { position:relative; width:44px; height:44px; background:transparent!important; box-shadow:none!important; }
html:root body .slider-indicators .indicator::after { content:''; position:absolute; top:19px; left:19px; width:6px; height:6px; border-radius:6px; background:var(--bb-muted); opacity:.4; }
html:root body .slider-indicators .indicator.active::after { width:18px; left:13px; background:var(--bb-gold); opacity:1; }
html:root body .slider-nav { display:none; }
html:root body .app-sidebar { display:flex; height:100%; }
html:root body .app-promo-card { width:100%; padding:16px; gap:10px; justify-content:center; border-radius:12px; box-shadow:none!important; }
html:root body .app-title { font-size:14px; line-height:1.7; margin:0; }
html:root body .app-stores { display:flex; flex-direction:column; align-items:center; gap:8px; }
html:root body .app-stores .store-link { display:flex; align-items:center; justify-content:center; width:100%; min-height:44px; }
html:root body .app-stores .store-link img { width:auto; height:40px; max-width:100%; object-fit:contain; margin:0; box-shadow:none; }
html:root body .services { padding:22px 0 30px; }
html:root body .services::before,html:root body .services::after { display:none!important; }
html:root body .services>.container>h2 { text-align:right; font-size:22px; line-height:1.6; margin:0 0 18px; }
html:root body .services>.container>h2::after { width:32px; height:2px; margin:7px 0 0 auto; }
html:root body .services>.container>.row { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; margin:0; }
html:root body .services>.container>.row::before,html:root body .services>.container>.row::after { display:none; }
html:root body .services>.container>.row>div { width:auto!important; min-width:0; padding:0; float:none; }
html:root body .services .serv-box { min-height:124px; height:100%; margin:0; padding:16px 10px!important; border-radius:14px!important; box-shadow:none!important; }
html:root body .services .serv-box>a { display:flex; align-items:center; justify-content:center; height:100%; }
html:root body .services .serv-box>a>.row { width:100%; margin:0; gap:7px; }
html:root body .services .serv-box>a>.row>div { padding:0; margin:0!important; }
html:root body .services .serv-box .spec :is(h1,h2,h4) { font-size:14px!important; line-height:1.7; white-space:normal; overflow:visible; margin:0; }
html:root body .services .serv-box span { position:static; inset:auto; transform:none; margin:0; max-width:100%; }
html:root body .services .serv-box :is(.green,.red) { min-width:0; padding:2px 7px; font-size:11px; line-height:1.6; border-radius:6px; box-shadow:none; }
html:root body .services .serv-box img { width:32px; height:32px; margin:0 auto; }
html:root body .services .bb-service-artwork { display:flex; align-items:center; justify-content:center; }
html:root body .services .bb-service-artwork img { display:none; }
html:root body .bb-service-icon { width:32px; height:32px; color:var(--bb-gold); flex-shrink:0; }
html:root body .services>.container>.row>div:nth-child(-n+2) .serv-box { background:var(--bb-gold-soft)!important; border-color:var(--bb-gold)!important; }
html:root body .app-download-container { padding:24px 0 32px!important; background:var(--bb-bg)!important; }
html:root body .app-download-shell { padding:28px!important; background:var(--bb-surface)!important; border:1px solid var(--bb-line)!important; border-radius:18px; box-shadow:none!important; }
html:root body .app-download-shell::before,html:root body .app-download-shell::after { display:none!important; }
html:root body .app-download-inner>.row { display:grid; grid-template-columns:minmax(0,1fr) 220px; align-items:center; gap:28px; margin:0; }
html:root body .app-download-inner>.row::before,html:root body .app-download-inner>.row::after { display:none; }
html:root body .app-download-inner>.row>div { width:auto!important; min-width:0; padding:0; float:none; }
html:root body .app-download-text h5 { color:var(--bb-ink)!important; font-size:25px; line-height:1.6; margin:0 0 10px; }
html:root body .app-download-text h5 span { color:var(--bb-gold)!important; background:none!important; -webkit-text-fill-color:var(--bb-gold)!important; }
html:root body .app-download-text p { color:var(--bb-muted)!important; font-size:14px; line-height:1.9; max-width:720px; margin:0 0 18px; }
html:root body .app-download-stores { display:flex; flex-wrap:wrap; justify-content:flex-start; gap:10px; }
html:root body .app-download-stores .store-btn { width:145px; max-width:45%; }
html:root body .app-download-stores a { display:flex; align-items:center; min-height:44px; }
html:root body .app-download-stores img { width:100%; height:auto; margin:0; box-shadow:none!important; filter:none; }
html:root body .app-download-badges { gap:8px; margin-top:14px; }
html:root body .app-download-badge { color:var(--bb-muted)!important; border:1px solid var(--bb-line); background:var(--bb-soft)!important; padding:5px 9px; font-size:11px; box-shadow:none; }
html:root body .app-download-badge i { color:var(--bb-gold)!important; }
html:root body .app-download-image { display:flex; align-items:center; justify-content:center; }
html:root body .app-download-image img { width:auto!important; max-width:100%!important; height:auto!important; max-height:280px!important; object-fit:contain; margin:0 auto; filter:none!important; transform:none!important; }
/* Tender workspace */
html:root body .bb-tenders { padding:36px 0 64px!important; }
html:root body .bb-tenders .page-header-block { position:relative; padding:26px 30px; margin:0 0 24px; border:1px solid var(--bb-line); border-radius:18px; background:var(--bb-surface); border-right:3px solid var(--bb-gold); }
html:root body .bb-tenders .page-header-block::before { content:'BIDBOOK / OPPORTUNITIES'; display:block; direction:ltr; text-align:right; color:var(--bb-gold); font:11px/1.5 Georgia,serif; letter-spacing:2px; margin-bottom:10px; }
html:root body .bb-tenders .page-main-title { color:var(--bb-ink)!important; font-size:30px!important; font-weight:700; margin:0 0 8px; }
html:root body .bb-tenders .page-main-subtitle { color:var(--bb-muted)!important; font-size:13px; max-width:900px; margin:0; line-height:1.9; }
html:root body .bb-tenders .content-header { padding:0; margin:0 0 18px; border:0; background:none; }
html:root body .bb-tenders .content-header>.row { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; }
html:root body .bb-tenders .content-header .col-sm-5 { width:auto; flex:1; }
html:root body .bb-tenders .content-header .col-sm-4 { width:42%; }
html:root body .bb-tenders .content-header h2 { font-size:16px!important; margin:0!important; line-height:1.8; }
html:root body #Search { height:50px; padding:10px 18px!important; font-size:14px; border:1px solid var(--bb-line)!important; background:var(--bb-surface)!important; color:var(--bb-ink)!important; border-radius:10px; }
html:root body .bb-tenders .filter-box { padding:0 0 22px; margin:0; border:0; background:none!important; box-shadow:none; }
html:root body .bb-tenders .filter-box>.row { display:flex; align-items:flex-start; gap:12px; margin:0; }
html:root body .bb-tenders .filter-box>.row::before,html:root body .bb-tenders .filter-box>.row::after { display:none; }
html:root body .bb-tenders .filter-box .col-sm-2 { width:auto; padding:0; flex:0 0 auto; }
html:root body .bb-tenders .filter-box .filter-tabs { width:auto; flex:1; min-width:0; padding:0; }
html:root body .bb-tenders .filter-btn { min-height:44px; height:44px; min-width:105px; margin:0; transform:none!important; border:1px solid var(--bb-gold)!important; border-radius:9px; background:var(--bb-gold-soft)!important; color:var(--bb-gold)!important; box-shadow:none!important; }
html:root body .filter-tabs-scroll-container { overflow-x:auto!important; overflow-y:hidden; width:100%; padding:0 0 8px!important; margin:0!important; touch-action:pan-x pan-y; scrollbar-width:thin; scrollbar-color:var(--bb-line) transparent; }
html:root body .filter-tabs-scroll-container::before,html:root body .filter-tabs-scroll-container::after { display:none!important; }
html:root body .filter-tabs-wrapper { display:flex!important; width:max-content; min-width:100%; gap:8px!important; padding:0!important; }
html:root body .filter-tab-item { display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; width:max-content!important; max-width:none!important; min-height:44px; height:44px; padding:8px 18px!important; border:1px solid var(--bb-line)!important; border-radius:9px!important; background:var(--bb-surface)!important; color:var(--bb-muted)!important; font:600 12px 'Cairo',sans-serif!important; white-space:nowrap; box-shadow:none!important; transform:none!important; }
html:root body .filter-tab-item.active,html:root body .filter-tab-item:hover { background:var(--bb-navy)!important; color:#e9d3a7!important; border-color:#57716d!important; }
html:root body .bb-tenders #LoadData { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:0; }
html:root body .bb-tenders #LoadData::before,html:root body .bb-tenders #LoadData::after { display:none; }
html:root body .bb-tenders #LoadData>.col-sm-6 { width:auto; float:none; padding:0; min-width:0; }
html:root body .bb-tenders #LoadData>.ads { grid-column:1/-1; }
html:root body .content .monksa .deal-box { height:100%; margin:0; padding:22px!important; background:var(--bb-surface)!important; border:1px solid var(--bb-line)!important; border-radius:16px; box-shadow:0 4px 24px #142f3604!important; transition:transform .2s,border-color .2s; }
html:root body .content .monksa .deal-box:hover { transform:translateY(-3px); border-color:var(--bb-gold)!important; }
html:root body .content .monksa .deal-box.speciaBorder { border-right:3px solid var(--bb-success)!important; }
html:root body .content .monksa .deal-box .right-box { border:0; padding:0 0 0 12px; }
html:root body .content .monksa .deal-box .right-box h4 { margin:0 0 12px; }
html:root body .content .monksa .deal-box .right-box h4 span { color:var(--bb-gold)!important; font-size:12px; background:none; }
html:root body .content .monksa .deal-box .right-box h5 { color:var(--bb-success)!important; background:var(--bb-success-bg); border-radius:6px; padding:4px 6px; margin:0; font-size:10px; line-height:1.8; text-align:center; }
html:root body .content .monksa .deal-box .right-box p { color:var(--bb-ink)!important; font-size:14px; line-height:1.95; min-height:62px; margin:4px 0 18px; overflow-wrap:anywhere; }
html:root body .content .monksa .deal-box .details-box { padding:12px 5px 0; border:0; border-top:1px solid var(--bb-line); background:none; }
html:root body .content .monksa .deal-box .details-box { border-radius:0; box-shadow:none; }
html:root body .content .monksa .deal-box .details-box h3 { font-size:10px; color:var(--bb-muted)!important; margin:0 0 5px; }
html:root body .content .monksa .deal-box .details-box span { font-size:15px; color:var(--bb-ink); font-weight:700; }
html:root body .content .monksa .deal-box .left-box { display:flex; flex-direction:column; gap:12px; border:0; padding:0; }
html:root body .content .monksa .deal-box .left-box { background:transparent; border-radius:0; box-shadow:none; }
html:root body .content .monksa .deal-box .left-box .icon-box { margin:0; padding:5px 0; background:none; border:0; color:var(--bb-muted); }
html:root body .content .monksa .deal-box .left-box .icon-box i { color:var(--bb-muted); font-size:16px; }
html:root body .content .monksa .deal-box .left-box .icon-box i.clicked { color:#ce6774; }
html:root body .content .monksa .deal-box .left-box .icon-box span { color:var(--bb-muted); font-size:9px; }
html:root body .tenders-seo-section { padding:28px; margin-top:48px; font-size:13px; line-height:2; }
html:root body .tenders-seo-section :is(h2,h3),html:root body .tenders-faq :is(h2,h3) { color:var(--bb-ink)!important; }
html:root body .tenders-faq .faq-item { padding:20px; }
html:root body .load-more-btn { min-height:48px; margin-top:24px; padding:10px 28px; }
html:root body .load-more-btn :is(.btn-text,.btn-icon,.btn-icon i) { color:#f4edda!important; -webkit-text-fill-color:#f4edda!important; }
html:root body .fab-home-container { z-index:1040!important; }
html:root body:has(.tender-overlay.active) .fab-home-container,
html:root body.modal-open .fab-home-container { visibility:hidden; pointer-events:none; }
html:root body .fab-home-btn { background:var(--bb-surface)!important; color:var(--bb-gold)!important; border:1px solid var(--bb-line)!important; box-shadow:var(--bb-shadow)!important; width:48px; height:48px; min-width:0; border-radius:14px; }
html:root body a.fab-home-btn { display:flex; align-items:center; justify-content:center; text-decoration:none; }
html:root body .fab-home-btn :is(.fab-home-text,.fab-home-ripple) { display:none; }
html:root body .fab-home-icon i { color:var(--bb-gold)!important; }
/* A single scrolling sheet, with persistent controls and near full-screen content. */
html:root body #tenderOverlay { padding:12px; z-index:1055; align-items:stretch; justify-content:center; }
html:root body #tenderOverlay.active { display:flex; }
html:root body #tenderOverlay .tender-overlay__backdrop { background:#041419c9; backdrop-filter:blur(9px); }
html:root body #tenderOverlay .tender-overlay__container {
  position:relative!important; display:flex; flex-direction:column; width:100%!important; max-width:none!important;
  height:calc(100vh - 24px)!important; height:calc(100dvh - 24px)!important; max-height:none!important; min-height:0!important;
  margin:0!important; padding:0!important; border:1px solid var(--bb-line); border-radius:18px!important;
  background:var(--bb-bg)!important; color:var(--bb-ink); overflow:hidden!important; box-shadow:0 24px 100px #0004;
}
html:root body #tenderOverlay .tender-overlay__floating-controls {
  position:relative!important; inset:auto!important; transform:none!important; flex:0 0 auto; width:100%!important;
  order:2; display:flex!important; align-items:center; justify-content:center; gap:10px; padding:12px 24px!important;
  background:var(--bb-surface)!important; border:0; border-top:1px solid var(--bb-line); border-radius:0!important; box-shadow:0 -8px 28px #00000008!important; z-index:2;
}
html:root body #tenderOverlay .tender-overlay__floating-controls::before { content:'BIDBOOK / ملف المناقصة'; color:var(--bb-gold); font-size:12px; font-weight:700; margin-left:auto; letter-spacing:1px; }
html:root body #tenderOverlay .tender-overlay__floating-controls::after { content:''; position:absolute; top:-1px; right:28%; left:28%; height:1px; background:linear-gradient(90deg,transparent,var(--bb-gold),transparent); }
html:root body #tenderOverlay :is(.tender-overlay__nav-btn,.tender-overlay__close-floating) {
  position:static!important; transform:none!important; flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; gap:8px;
  width:auto; min-width:48px; height:48px; min-height:48px; margin:0; padding:8px 18px; border:1px solid var(--bb-line)!important;
  border-radius:12px!important; background:var(--bb-soft)!important; color:var(--bb-ink)!important; box-shadow:inset 0 1px 0 #ffffff08!important; font:600 12px 'Cairo',sans-serif;
}
html:root body #tenderOverlay :is(.tender-overlay__nav-btn--prev,.tender-overlay__nav-btn--next) { min-width:120px; background:linear-gradient(120deg,var(--bb-navy),#294b50)!important; color:#f1dfb9!important; border-color:#526a66!important; }
html:root body #tenderOverlay :is(.tender-overlay__nav-btn--prev,.tender-overlay__nav-btn--next) :is(.btn-label,i) { color:#f1dfb9!important; }
html:root body #tenderOverlay .tender-overlay__nav-btn--prev { order:0; }
html:root body #tenderOverlay .tender-overlay__nav-btn--next { order:1; }
html:root body #tenderOverlay .tender-overlay__nav-btn--share { order:2; color:var(--bb-gold)!important; }
html:root body #tenderOverlay .tender-overlay__close-floating { order:3; background:transparent!important; color:var(--bb-muted)!important; padding:8px; }
html:root body #tenderOverlay .tender-overlay__nav-btn:disabled { opacity:.45!important; cursor:not-allowed; }
html:root body #tenderOverlay .tender-overlay__nav-btn:not(:disabled):hover { filter:brightness(1.1); border-color:var(--bb-gold)!important; }
html:root body #tenderOverlay .btn-label { display:inline!important; }
html:root body #tenderOverlay .overlay-container { order:1; flex:1; min-height:0; width:100%; max-width:none; overflow-y:auto!important; overflow-x:hidden; overscroll-behavior:contain; padding:0!important; background:var(--bb-bg)!important; scrollbar-width:thin; }
html:root body #tenderOverlay .tender-overlay__scroll-spacer { display:none!important; }
html:root body .bb-share-notice { position:absolute; bottom:88px; left:50%; transform:translateX(-50%); z-index:12; width:max-content; min-width:220px; max-width:calc(100% - 28px); padding:13px 18px; border:1px solid var(--bb-gold); border-radius:12px; background:var(--bb-surface); color:var(--bb-ink); box-shadow:var(--bb-shadow); font-size:13px; text-align:center; }
html:root body .bb-share-notice input { display:block; width:100%; min-height:44px; margin-top:10px; direction:ltr; font-size:14px; }
html:root body .bb-share-notice button { min-height:40px; margin-top:8px; background:var(--bb-soft); color:var(--bb-ink); box-shadow:none; }
html:root body .bb-dossier { padding:clamp(18px,2.2vw,38px); max-width:1900px; margin:auto; }
html:root body .bb-dossier-head { display:grid; grid-template-columns:1fr auto; gap:12px 30px; align-items:center; padding-bottom:22px; border-bottom:1px solid var(--bb-line); margin-bottom:22px; }
html:root body .bb-dossier-head .bb-eyebrow { grid-column:1/-1; margin:0; font-size:10px; }
html:root body #tenderOverlay .bb-dossier-title { margin:0; color:var(--bb-ink)!important; font-size:clamp(20px,2vw,32px); line-height:1.65; font-weight:700; overflow-wrap:anywhere; }
html:root body .bb-dossier-category { grid-column:1; color:var(--bb-muted); font-size:12px; }
html:root body .bb-dossier-status { grid-column:2; grid-row:2/4; padding:10px 16px; border:1px solid var(--bb-line); border-radius:9px; background:var(--bb-success-bg); color:var(--bb-success); font-size:12px; white-space:nowrap; }
html:root body .bb-dossier-status.expired { background:var(--bb-gold-soft); color:var(--bb-gold); }
html:root body .bb-dossier-grid { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr); align-items:start; gap:22px; }
html:root body .bb-dossier-main,html:root body .bb-dossier-side { min-width:0; display:grid; gap:18px; }
html:root body .bb-panel { padding:22px; border:1px solid var(--bb-line); border-radius:13px; background:var(--bb-surface); }
html:root body .bb-panel h2 { display:flex; align-items:center; gap:10px; font-size:14px; font-weight:700; margin:0 0 18px; color:var(--bb-ink)!important; }
html:root body .bb-panel h2 i { color:var(--bb-gold); }
html:root body .bb-description { font-size:15px; line-height:2; color:var(--bb-ink); overflow-wrap:anywhere; white-space:pre-line; }
html:root body .bb-description :is(p,li,ul,ol,div,span) { font-size:inherit; line-height:inherit; color:inherit; }
html:root body .bb-description :is(p,ul,ol) { margin:0 0 12px; }
html:root body .bb-description :is(ol,ul) { padding-inline-start:24px; white-space:normal; }
html:root body .bb-description ol { list-style:decimal outside; }
html:root body .bb-description ul { list-style:disc outside; }
html:root body .bb-description li { display:list-item; white-space:pre-line; }
html:root body .bb-description li+li { margin-top:4px; }
html:root body .bb-description :is(img,table,iframe) { max-width:100%!important; }
html:root body .bb-description table { width:100%!important; table-layout:fixed; }
html:root body .bb-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; margin:0; }
html:root body .bb-fact { padding:14px 0; min-width:0; border-bottom:1px solid var(--bb-line); }
html:root body .bb-fact:nth-child(odd) { padding-left:18px; }
html:root body .bb-fact dt { font-size:11px; font-weight:400; color:var(--bb-muted); margin-bottom:5px; }
html:root body .bb-fact dd { font-size:14px; color:var(--bb-ink); font-weight:700; margin:0; overflow-wrap:anywhere; }
html:root body .bb-fact-wide { grid-column:1/-1; padding-left:0!important; }
html:root body .bb-contact-action { display:inline-flex; align-items:center; justify-content:center; width:36px; min-width:36px; height:36px; padding:0; margin-right:8px; background:var(--bb-gold-soft); border:1px solid var(--bb-line); border-radius:8px; color:var(--bb-gold); }
html:root body .bb-files { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:10px; }
html:root body .bb-file { display:flex; align-items:center; gap:12px; min-width:0; padding:14px; border:1px solid var(--bb-line); border-radius:10px; color:var(--bb-ink); text-decoration:none; transition:border-color .2s; }
html:root body .bb-file:hover { border-color:var(--bb-gold); }
html:root body .bb-file>i { color:var(--bb-gold); font-size:23px; }
html:root body .bb-file span { min-width:0; font-size:12px; overflow-wrap:anywhere; }
html:root body .bb-file small { display:block; color:var(--bb-muted); font-size:10px; margin-top:3px; }
html:root body .bb-file-empty { padding:16px; border:1px dashed var(--bb-line); border-radius:9px; font-size:12px; color:var(--bb-muted); }
/* Filter: fixed top and bottom, one independently scrolling body. */
html:root body #filter { z-index:1060; padding:16px!important; }
html:root body #filter .modal-dialog { width:min(860px,100%); max-width:none; margin:0 auto; height:100%; display:flex; align-items:center; }
html:root body #filter .modal-content { display:flex; flex-direction:column; width:100%; max-height:100%; background:var(--bb-surface)!important; border:1px solid var(--bb-line)!important; border-radius:18px; box-shadow:var(--bb-shadow)!important; overflow:hidden; }
html:root body #filter .modal-header { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; flex-shrink:0; padding:16px 22px!important; border-bottom:1px solid var(--bb-line)!important; background:var(--bb-surface)!important; }
html:root body #filter .modal-header::before,html:root body #filter .modal-header::after { display:none; }
html:root body #filter .modal-header::before { content:'تخصيص نتائج البحث'; display:block; color:var(--bb-ink); font-weight:700; font-size:14px; margin-left:auto; }
html:root body #filter .modal-close-filter { order:3; }
html:root body #filter .modal-header .close { order:3; opacity:1; min-width:40px; min-height:40px; color:var(--bb-gold); text-shadow:none; }
html:root body #filter .modal-header .reset { color:var(--bb-gold)!important; font-size:12px; }
html:root body #filter :is(.modal-close-filter,.modal-reset-filter) { float:none!important; position:static!important; display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:8px 12px!important; margin:0!important; color:var(--bb-gold)!important; background:var(--bb-gold-soft)!important; border:1px solid var(--bb-line)!important; border-radius:8px; font-size:11px!important; text-decoration:none; }
html:root body #filter .bb-filter-scroll { min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:4px 22px 18px; }
html:root body #filter .modal-html:root body { padding:16px 0!important; background:transparent!important; color:var(--bb-ink)!important; }
html:root body #filter fieldset { border:0!important; padding:0!important; margin:0; }
html:root body #filter legend { color:var(--bb-muted)!important; font-size:12px; font-weight:700; border:0; margin:0 0 12px; }
html:root body #filter .select-box { display:flex!important; align-items:center; position:relative; gap:9px; min-height:46px; height:auto!important; margin-bottom:9px; padding:9px 11px!important; border:1px solid var(--bb-line); border-radius:9px; background:var(--bb-soft); }
html:root body #filter .select-box:has(input:checked) { border-color:var(--bb-gold); background:var(--bb-gold-soft); }
html:root body #filter .select-box input { position:static!important; opacity:1!important; appearance:auto!important; -webkit-appearance:auto!important; flex:0 0 17px; width:17px!important; height:17px!important; margin:0!important; accent-color:var(--bb-gold); }
html:root body #filter .select-box label { position:static; flex:1; margin:0!important; padding:0!important; font-size:11px; line-height:1.7; color:var(--bb-ink)!important; cursor:pointer; }
html:root body #filter .select-box label::before,html:root body #filter .select-box label::after { display:none!important; }
html:root body #filter :is(select,.spec) { min-height:46px; width:100%; padding:8px 12px; margin:8px 0 14px; font:14px 'Cairo',sans-serif; border:1px solid var(--bb-line)!important; background:var(--bb-surface)!important; color:var(--bb-ink)!important; }
html:root body #filter .input-group { width:100%; display:flex; align-items:center; margin-bottom:10px; }
html:root body #filter .input-group-addon { display:flex; align-items:center; justify-content:center; height:46px; padding:0 9px; border:0; background:transparent; color:var(--bb-gold); }
html:root body #filter input.datepicker2 { margin:6px 0 8px; border-radius:9px; }
html:root body #filter .modal-footer { flex-shrink:0; padding:14px 22px!important; border-top:1px solid var(--bb-line)!important; background:var(--bb-surface)!important; }
html:root body #filter .done { display:block; width:100%; min-height:48px; font-weight:700; background:var(--bb-navy)!important; color:#f4edda!important; border:1px solid #486165!important; }
html:root body .datepicker-dropdown { z-index:1070!important; background:var(--bb-surface); color:var(--bb-ink); border-color:var(--bb-line); }
/* Bootstrap payment dialogs use the same light/dark surface as their text. */
html:root body .modal .modal-content { background:var(--bb-surface)!important; color:var(--bb-ink)!important; border:1px solid var(--bb-line); }
html:root body .modal :is(.modal-header,.modal-footer) { background:var(--bb-surface); border-color:var(--bb-line); }
html:root body .modal .modal-title,html:root body #ImageModal .modal-body h4 { color:var(--bb-ink)!important; }
html:root body .modal .close { color:var(--bb-ink)!important; text-shadow:none; opacity:1; }
html:root body .modal .close span { color:inherit!important; }
html:root body #ImageModal .modal-body h4 span { color:var(--bb-success)!important; }
html:root body #ImageModal .modal-content { border-radius:16px; overflow:hidden; }
html:root body #ImageModal .modal-footer .btn { color:#fff!important; min-height:44px; }
html:root body #ImageModal .modal-footer .btn-danger { background:#98443f!important; border-color:#98443f; }
html:root body #ImageModal .picture-div { width:100%!important; max-width:400px; margin-left:auto; margin-right:auto; float:none; }
html:root body #ImageModal .modal-body .row { margin-left:0; margin-right:0; }
/* Standalone tender pages and shared content cards follow the same design as the dialog. */
html:root body .tender-details-container {
  --bg-body:var(--bb-bg); --bg-card:var(--bb-surface); --bg-muted:var(--bb-soft);
  --border-subtle:var(--bb-line); --border-medium:var(--bb-line); --border-strong:var(--bb-line);
  --text-main:var(--bb-ink); --text-soft:var(--bb-muted); --text-muted:var(--bb-muted);
  --primary:var(--bb-gold); --primary-soft:var(--bb-gold); --accent:var(--bb-gold); --accent-soft:var(--bb-gold);
  --brand-blue:var(--bb-gold); --brand-purple:var(--bb-gold); --neon-blue:var(--bb-gold); --neon-purple:var(--bb-gold); --neon-pink:var(--bb-gold);
  --success:var(--bb-success); --warning:var(--bb-gold); --card-gradient:var(--bb-surface);
  background:var(--bb-bg)!important; padding:28px 0!important;
}
html:root body .tenders-container { width:calc(100% - 80px); max-width:1560px; padding:0; margin:0 auto; }
html:root body .tender-breadcrumb { padding:22px 26px; margin-bottom:20px; border:1px solid var(--bb-line); border-radius:16px; background:var(--bb-surface); }
html:root body .tender-breadcrumb-main h1 { font-size:clamp(22px,2vw,30px); line-height:1.65; margin:12px 0 8px; color:var(--bb-ink)!important; }
html:root body .tender-badge { background:var(--bb-gold-soft)!important; color:var(--bb-gold)!important; border:1px solid var(--bb-line); border-radius:7px; box-shadow:none!important; }
html:root body .tender-category { color:var(--bb-muted)!important; font-size:13px; }
html:root body .tender-category i { color:var(--bb-gold)!important; }
html:root body :is(.tender-card,.card-block,.bb-archive-explore,.bb-archive-card) { background:var(--bb-surface)!important; color:var(--bb-ink)!important; border:1px solid var(--bb-line)!important; box-shadow:none!important; }
html:root body .tender-card::before,html:root body .tender-card::after { display:none!important; }
html:root body .tender-card { border-radius:16px; }
html:root body .tender-card-top { background:transparent!important; padding:22px; }
html:root body .tender-card-header { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,.55fr); align-items:start; gap:24px; }
html:root body .tender-title-main { color:var(--bb-ink)!important; font-size:18px; line-height:1.8; }
html:root body .tender-subtitle { color:var(--bb-muted)!important; font-size:14px; line-height:1.9; }
html:root body .tender-header-meta { width:auto; background:var(--bb-soft); border:1px solid var(--bb-line); border-radius:12px; padding:16px; }
html:root body .status-pill { background:var(--bb-success-bg)!important; color:var(--bb-success)!important; border:1px solid var(--bb-line); box-shadow:none!important; }
html:root body .status-pill :is(span,i) { color:inherit!important; }
html:root body .header-meta-item { color:var(--bb-muted); font-size:12px; }
html:root body .header-meta-item i { color:var(--bb-gold)!important; }
html:root body .tender-card-actions { background:var(--bb-soft)!important; border-color:var(--bb-line); padding:14px 22px; gap:12px; flex-wrap:wrap; }
html:root body .tender-actions-title { color:var(--bb-muted)!important; font-size:12px; }
html:root body :is(.action-pill,.nav-chip) { min-height:44px; padding:9px 15px; background:var(--bb-surface)!important; color:var(--bb-ink)!important; border:1px solid var(--bb-line)!important; border-radius:9px; box-shadow:none!important; font-size:12px; }
html:root body :is(.action-pill,.nav-chip) :is(span,i) { color:inherit; }
html:root body .tender-time-highlight { background:transparent!important; padding:16px 22px 0; }
html:root body .tender-time-card { background:var(--bb-gold-soft)!important; border:1px solid var(--bb-line)!important; color:var(--bb-ink)!important; border-radius:9px; box-shadow:none; }
html:root body .tender-time-card i { color:var(--bb-gold)!important; }
html:root body .tender-card-body { padding:20px 22px; background:var(--bb-bg)!important; }
html:root body .tender-grid { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:18px; }
html:root body .card-block { border-radius:12px; }
html:root body .card-block-header { background:transparent!important; border-color:var(--bb-line); padding:16px; }
html:root body .card-block-title { color:var(--bb-ink)!important; font-size:14px; }
html:root body .card-block-title i { color:var(--bb-gold)!important; text-shadow:none!important; filter:none!important; }
html:root body .card-block-body { padding:16px; color:var(--bb-ink); }
html:root body .field-box { background:var(--bb-soft)!important; border:1px solid var(--bb-line); border-radius:9px; padding:12px; }
html:root body .field-label { color:var(--bb-muted)!important; font-size:11px; }
html:root body .field-value { color:var(--bb-ink)!important; font-size:14px; line-height:1.85; }
html:root body .description-text { color:var(--bb-ink)!important; font-size:14px; line-height:1.9; }
html:root body .file-card { background:var(--bb-surface)!important; color:var(--bb-ink)!important; border:1px solid var(--bb-line); border-radius:10px; box-shadow:none!important; }
html:root body .file-title { color:var(--bb-ink)!important; }
html:root body .file-meta { color:var(--bb-muted)!important; }
html:root body .alert-soft { background:var(--bb-soft)!important; color:var(--bb-muted)!important; border:1px dashed var(--bb-line); }
html:root body .bb-archive-explore :is(h2,strong) { color:var(--bb-ink)!important; }
html:root body .bb-archive-explore :is(p,span) { color:var(--bb-muted)!important; }
html:root body .tender-icon { background:var(--bb-gold-soft)!important; color:var(--bb-gold)!important; box-shadow:none; }
html:root body .tender-meta,html:root body .tender-description { color:var(--bb-muted)!important; }
html:root body .tender-title { color:var(--bb-ink)!important; }
html:root body .tender-prices { border-color:var(--bb-line); }
html:root body .tender-prices>:is(div,span) { background:var(--bb-soft)!important; border-color:var(--bb-line); color:var(--bb-ink); }
html:root body .tender-mobile-footer { background:var(--bb-surface)!important; color:var(--bb-muted); border-color:var(--bb-line); }
html:root body .tender-mobile-footer :is(.copyright-text,.brand-link,.current-year) { color:var(--bb-muted)!important; }
html:root body .tender-footer { background:var(--bb-soft)!important; border-color:var(--bb-line); }
html:root body .tender-whatsapp { background:var(--bb-success-bg)!important; color:var(--bb-success)!important; border-color:var(--bb-line); box-shadow:none; }
html:root body .login.form-box { padding:28px; }
html:root body .login input:not([type=checkbox]) { width:100%; min-height:48px; margin:0 0 14px; padding:10px 14px; }
html:root body .login label { color:var(--bb-muted); }
html:root body .login button { min-height:48px; background:var(--bb-navy)!important; color:#f4edda!important; border-color:#486165; box-shadow:none; }
html:root body :is(.text-muted,.help-block) { color:var(--bb-muted)!important; }
html:root body :is(.btn-default,.btn-secondary) { background:var(--bb-soft)!important; color:var(--bb-ink)!important; border-color:var(--bb-line); box-shadow:none; }
html:root body :is(.btn-primary,.btn-info) { background:var(--bb-navy)!important; color:#f4edda!important; border-color:#486165; box-shadow:none; }
html:root body .table>thead>tr>th { background:var(--bb-soft); color:var(--bb-ink); border-color:var(--bb-line); }
html:root body .table>tbody>tr>td { background:var(--bb-surface); color:var(--bb-ink); border-color:var(--bb-line); }
html:root body .picture-div { max-width:100%!important; }
html:root body .dropdown-menu { background:var(--bb-surface); border:1px solid var(--bb-line); border-radius:12px; box-shadow:var(--bb-shadow); }
html:root body .dropdown-menu>li>a { min-height:44px; padding:10px 16px; color:var(--bb-ink); }
html:root body .dropdown-menu>li>a:hover { background:var(--bb-soft); color:var(--bb-gold); }
html:root body .navbar .dropdown-toggle img { width:24px; height:24px; border-radius:50%; object-fit:cover; }
html:root body #loginOverlay { --login-surface:var(--bb-surface); --login-ink:var(--bb-ink); --login-field:var(--bb-bg); --login-muted:var(--bb-muted); --login-line:var(--bb-line); --login-gold:var(--bb-gold); }
html:root body #loginOverlay .login-overlay__header { background:var(--bb-navy)!important; }
html:root body #loginOverlay .login-overlay__title { color:#f4edda!important; }
html:root body .subscription-activation-overlay .tender-overlay__container { background:var(--bb-surface)!important; color:var(--bb-ink); border:1px solid var(--bb-line); box-shadow:var(--bb-shadow); }
html:root body .subscription-activation__header { background:var(--bb-soft)!important; }
html:root body .subscription-activation__title { color:var(--bb-ink)!important; font-size:22px; }
html:root body .subscription-activation__message { color:var(--bb-muted)!important; }
html:root body .subscription-activation__logout-btn { background:var(--bb-navy)!important; color:#f4edda!important; box-shadow:none!important; min-height:44px; }
@media(min-width:1600px) { html:root body .bb-tenders #LoadData { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(min-width:768px) and (max-width:1100px) { html:root body .services>.container>.row { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:1100px) and (min-width:768px) {
  html:root body .modern-navbar .navbar-nav>li>a { padding:12px 7px; font-size:11px; }
  html:root body .nav-buttons-group { gap:6px; }
  html:root body .theme-toggle-btn .theme-text { display:none; }
  html:root body .btn-pill { padding:8px 10px; }
}
@media(max-width:767px) {
  html:root body .container { width:100%; padding-left:18px; padding-right:18px; }
  html:root body .section-padding { padding:36px 0; }
  html:root body .tenders-container { width:100%; padding:0 12px; }
  html:root body .tender-details-container { padding:16px 0!important; }
  html:root body .tender-breadcrumb { padding:16px; margin-bottom:12px; }
  html:root body .tender-breadcrumb-main { min-width:0; }
  html:root body .tender-breadcrumb-main h1 { font-size:20px; }
  html:root body .tender-nav-buttons { display:flex; flex-direction:row; width:100%; gap:8px; }
  html:root body .nav-chip { min-width:0; width:auto; flex:1; font-size:11px; padding:9px; }
  html:root body .tender-card-header { grid-template-columns:minmax(0,1fr); gap:12px; }
  html:root body .tender-card-top,html:root body .tender-card-body { padding:14px; }
  html:root body .tender-title-main { font-size:16px; }
  html:root body .tender-subtitle { font-size:13px; }
  html:root body .tender-header-meta { padding:12px; }
  html:root body .tender-card-actions { padding:12px 14px; }
  html:root body .actions-group { display:flex; flex-wrap:wrap; gap:6px; width:100%; }
  html:root body .action-pill { flex:1; min-width:0; padding:8px; font-size:11px; }
  html:root body .tender-grid { grid-template-columns:minmax(0,1fr); gap:12px; }
  html:root body .field-row { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  html:root body .field-box { padding:10px; min-width:0; }
  html:root body .field-value { font-size:12px; overflow-wrap:anywhere; }
  html:root body .tender-time-highlight { padding:12px 14px 0; }
  html:root body .login.form-box { padding:20px; }
  html:root body .modern-navbar { padding:0; }
  html:root body .modern-navbar .navbar-header { display:grid; grid-template-columns:minmax(0,1fr) 44px 44px; align-items:center; gap:8px; min-height:72px; padding:10px 0; margin:0; position:relative; }
  html:root body .modern-navbar .navbar-header::before,html:root body .modern-navbar .navbar-header::after { display:none; }
  html:root body .modern-navbar .navbar-brand { position:static!important; transform:none!important; order:0; margin:0!important; padding:0; float:none; justify-self:start; }
  html:root body .brand-title { font-size:27px!important; }
  html:root body .brand-sub { display:block!important; font-size:9px!important; line-height:1.6; }
  html:root body .modern-navbar .navbar-toggle { position:static!important; inset:auto!important; transform:none!important; order:3; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; width:44px; height:44px; margin:0!important; padding:10px; float:none; border:1px solid var(--bb-line); background:var(--bb-soft)!important; border-radius:11px; box-shadow:none; }
  html:root body .modern-navbar .icon-bar { background:var(--bb-ink)!important; margin:0!important; width:19px; }
  html:root body .mobile-header-actions { position:static!important; inset:auto!important; transform:none!important; margin:0!important; width:44px; }
  html:root body .mobile-theme-btn { width:44px!important; height:44px; min-height:44px; padding:8px; border-radius:11px!important; }
  html:root body .mobile-theme-btn .theme-text { display:none!important; }
  html:root body #mainNav { background:var(--bb-surface)!important; border-color:var(--bb-line); max-height:70dvh; overflow-y:auto; box-shadow:none!important; }
  html:root body #mainNav .navbar-nav { margin:0; padding:8px 0; }
  html:root body .modern-navbar .navbar-nav>li>a { min-height:48px; display:flex; align-items:center; gap:10px; padding:10px 12px; font-size:14px; }
  html:root body .bottom-nav.hidden-xs { display:none!important; }
  html:root body .home-hero-intro { padding:16px 0 12px!important; }
  html:root body .home-hero-intro .container { width:calc(100% - 28px); padding:16px; border-radius:12px; }
  html:root body .home-hero-intro .page-main-title { font-size:20px!important; line-height:1.65; margin-bottom:8px; }
  html:root body .home-hero-intro .page-main-subtitle { font-size:12px!important; line-height:1.9; }
  html:root body .hero-slider-section { padding:0 0 12px; }
  html:root body .hero-slider-container { width:100%; padding:0 14px; }
  html:root body .hero-slider-shell { padding:0; border:0!important; background:transparent!important; box-shadow:none!important; }
  html:root body .hero-slider-shell>.row { grid-template-columns:minmax(0,1fr); gap:0; }
  html:root body .hero-slider-shell>.row>div:nth-child(2) { display:none; }
  html:root body .hero-main-slider { min-height:170px; border-radius:14px; background:var(--bb-surface)!important; }
  html:root body .slider-items-container { min-height:170px; }
  html:root body .slider-item { padding:18px 18px 42px; }
  html:root body .slider-title { font-size:20px; line-height:1.6; margin:0 0 8px; }
  html:root body .slider-subtitle { font-size:13px; line-height:1.85; }
  html:root body .services { padding:14px 0 24px; }
  html:root body .services>.container { padding:0 14px; }
  html:root body .services>.container>h2 { font-size:19px; margin:0 0 14px; }
  html:root body .services>.container>.row { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  html:root body .services>.container>.row>.col-xs-3 { width:auto; padding:0; }
  html:root body .services .serv-box { min-height:84px; padding:12px!important; border-radius:12px!important; }
  html:root body .services>.container>.row>div:nth-child(-n+2) .serv-box { min-height:96px; }
  html:root body .services .serv-box>a>.row { display:grid; grid-template-columns:32px minmax(0,1fr); gap:3px 9px; align-items:center; text-align:right; }
  html:root body .services .serv-box>a>.row>div { width:auto; min-width:0; }
  html:root body .services .serv-box>a>.row>div:first-child { grid-column:1; grid-row:1/3; align-self:center; }
  html:root body .services .serv-box>a>.row>.spec { grid-column:2; grid-row:1; }
  html:root body .services .serv-box>a>.row>div:nth-child(3) { grid-column:2; grid-row:2; }
  html:root body .services .serv-box>a>.row:not(:has(>div:nth-child(3)))>.spec { grid-row:1/3; }
  html:root body .services .serv-box .spec :is(h1,h2,h4) { font-size:13px!important; line-height:1.65; }
  html:root body .services .serv-box :is(.green,.red) { font-size:10px; padding:2px 6px; }
  html:root body .services .bb-service-icon,html:root body .services .serv-box img { width:29px; height:29px; }
  html:root body .app-download-container { padding:14px 0 24px!important; }
  html:root body .app-download-shell { padding:20px!important; border-radius:14px; }
  html:root body .app-download-inner>.row { grid-template-columns:minmax(0,1fr); gap:0; }
  html:root body .app-download-image { display:none; }
  html:root body .app-download-text h5 { font-size:21px; }
  html:root body .app-download-text p { font-size:13px; margin-bottom:14px; }
  html:root body .app-download-stores .store-btn { width:140px; max-width:calc(50% - 5px); }
  html:root body .bb-tenders { padding-top:20px!important; }
  html:root body .bb-tenders .page-header-block { padding:20px; margin-bottom:20px; border-radius:12px; }
  html:root body .bb-tenders .page-main-title { font-size:22px!important; line-height:1.7; }
  html:root body .bb-tenders .page-main-subtitle { font-size:11px; }
  html:root body .bb-tenders .content-header .col-sm-5 { display:none; }
  html:root body .bb-tenders .content-header .col-sm-4 { width:100%; }
  html:root body .bb-tenders .filter-box>.row { flex-wrap:nowrap; gap:8px; }
  html:root body .bb-tenders .filter-box .col-sm-2 { width:auto; }
  html:root body .bb-tenders .filter-btn { width:auto; min-width:76px; height:44px; text-align:center; font-size:11px; }
  html:root body .bb-tenders .filter-box .filter-tabs { flex:1; width:auto; min-width:0; }
  html:root body .bb-tenders #LoadData { grid-template-columns:minmax(0,1fr); gap:12px; }
  html:root body .content .monksa .deal-box { padding:16px!important; border-radius:12px; }
  html:root body .content .monksa .deal-box .right-box p { font-size:13px; }
  html:root body .tenders-seo-section { padding:20px; }
  html:root body #tenderOverlay { padding:0; }
  html:root body #tenderOverlay .tender-overlay__container { height:100vh!important; height:100dvh!important; border-radius:0!important; border:0; }
  html:root body #tenderOverlay .tender-overlay__floating-controls { display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr) 48px 48px; padding:10px 12px max(10px,env(safe-area-inset-bottom))!important; gap:8px; }
  html:root body #tenderOverlay .tender-overlay__floating-controls::before { display:none; }
  html:root body #tenderOverlay :is(.tender-overlay__nav-btn,.tender-overlay__close-floating) { min-width:0; width:100%; height:48px; min-height:48px; padding:6px 8px; gap:7px; font-size:12px; }
  html:root body #tenderOverlay .tender-overlay__nav-btn--share .btn-label { display:none!important; }
  html:root body #tenderOverlay .tender-overlay__close-floating { font-size:16px; }
  html:root body .bb-dossier { padding:max(10px,env(safe-area-inset-top)) 10px 12px; }
  html:root body .bb-dossier-head { grid-template-columns:minmax(0,1fr) auto; gap:7px 8px; padding-bottom:10px; margin-bottom:10px; }
  html:root body .bb-dossier-head .bb-eyebrow { display:none; }
  html:root body #tenderOverlay .bb-dossier-title { grid-column:1/-1; font-size:18px; line-height:1.65; }
  html:root body .bb-dossier-category { grid-column:1; grid-row:2; font-size:10px; overflow-wrap:anywhere; }
  html:root body .bb-dossier-status { grid-column:2; grid-row:2; justify-self:end; padding:4px 8px; font-size:10px; }
  html:root body .bb-dossier-grid { grid-template-columns:minmax(0,1fr); gap:10px; }
  html:root body .bb-dossier-main,html:root body .bb-dossier-side { display:contents; }
  html:root body .bb-summary-panel { order:0; }
  html:root body .bb-description-panel { order:1; }
  html:root body .bb-documents-panel { order:2; }
  html:root body .bb-panel { padding:12px; border-radius:10px; }
  html:root body .bb-panel h2 { font-size:12px; line-height:1.6; padding:0; margin:0 0 8px; }
  html:root body .bb-description { font-size:13.5px; line-height:1.8; }
  html:root body .bb-description :is(p,ul,ol) { margin:0 0 7px; }
  html:root body .bb-description>:last-child { margin-bottom:0; }
  html:root body .bb-fact { padding:7px 0; }
  html:root body .bb-fact:nth-child(odd) { padding-left:0; }
  html:root body .bb-fact dt { font-size:10px; line-height:1.6; padding:0; margin:0 0 3px; }
  html:root body .bb-fact dd { font-size:12px; line-height:1.7; padding:0; margin:0; }
  html:root body .bb-facts { gap:0 10px; }
  html:root body .bb-fact-wide { display:grid; grid-template-columns:72px minmax(0,1fr); align-items:center; gap:8px; }
  html:root body .bb-fact-wide dt { margin:0; }
  html:root body .bb-fact-wide dd { display:flex; align-items:center; justify-content:space-between; gap:6px; }
  html:root body .bb-fact-wide:last-child { border-bottom:0; padding-bottom:0; }
  html:root body .bb-contact-action { flex:0 0 44px; width:44px; min-width:44px; height:44px; margin:0; }
  html:root body .bb-file { padding:10px; gap:9px; }
  html:root body .bb-file>i { font-size:20px; }
  html:root body .bb-files { grid-template-columns:minmax(0,1fr); }
  html:root body #filter { padding:0!important; }
  html:root body #filter .modal-dialog { width:100%; height:100%; margin:0; align-items:stretch; }
  html:root body #filter .modal-content { border-radius:0; border:0!important; max-height:none; height:100vh; height:100dvh; }
  html:root body #filter .modal-header { padding:12px 16px!important; padding-top:max(12px,env(safe-area-inset-top))!important; }
  html:root body #filter .modal-header::before { font-size:12px; }
  html:root body #filter .bb-filter-scroll { flex:1; padding:0 16px 12px; }
  html:root body #filter .modal-footer { padding:12px 16px max(12px,env(safe-area-inset-bottom))!important; }
  html:root body #filter .select-box { padding:9px!important; min-height:52px; }
  html:root body #filter .select-box label { font-size:11px; }
  html:root body #filter .modal-body fieldset>.row>.col-md-6.col-xs-12 { width:50%; padding-left:7px; padding-right:7px; }
  html:root body .fab-home-container { bottom:16px; left:14px; right:auto; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto!important; } html:root body *,html:root body *::before,html:root body *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }