:root{
 --bg:#05060b;--surface:#0c0f1b;--surface2:#11152a;--line:#252b4a;
 --text:#f7f8ff;--muted:#a7aec8;--primary:#4c8dff;--secondary:#9a5cff;
 --shadow:0 20px 60px rgba(0,0,0,.28);
}
html[data-theme="light"]{
 --bg:#f5f7fb;--surface:#fff;--surface2:#f0f3fa;--line:#dce2ef;
 --text:#101522;--muted:#5d667a;--primary:#315ee8;--secondary:#7b35d6;
 --shadow:0 15px 45px rgba(31,45,80,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 10% 0%,rgba(72,92,255,.16),transparent 35%),radial-gradient(circle at 90% 15%,rgba(153,70,255,.16),transparent 32%),var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.6;transition:background .25s,color .25s}
html[data-theme="light"] body{background:radial-gradient(circle at 10% 0%,rgba(72,92,255,.08),transparent 35%),radial-gradient(circle at 90% 15%,rgba(153,70,255,.07),transparent 32%),var(--bg)}
a{color:var(--primary)}
.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:13px 4%;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.brand{display:flex;gap:10px;align-items:center;color:var(--text);text-decoration:none;min-width:0}
.brand-mark{width:43px;height:43px;flex:0 0 43px;border:2px solid #5d7cff;border-radius:12px;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,#0c1638,#32105e);box-shadow:0 0 28px rgba(93,124,255,.28)}
.brand small{display:block;font-size:8px;letter-spacing:1.4px;color:var(--muted);margin-top:-2px;white-space:nowrap}
.nav{display:flex;gap:14px;align-items:center}
.nav a,.footer a{color:var(--muted);text-decoration:none}
.nav a:hover,.footer a:hover{color:var(--text)}
.nav-pill,.btn{border:0;border-radius:12px;padding:10px 17px!important;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff!important;box-shadow:0 8px 28px rgba(96,86,255,.25);transition:.25s;cursor:pointer}
.nav-pill:hover,.btn:hover{transform:translateY(-2px);box-shadow:0 12px 34px rgba(96,86,255,.38)}
.theme-btn{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:11px;padding:9px 11px;cursor:pointer}
.menu-btn{display:none;background:none;border:0;color:var(--text);font-size:24px}
main{min-height:55vh}
.hero{padding:80px 4% 65px;max-width:1200px;margin:auto;text-align:center}
.eyebrow{display:inline-block;color:#8e9dff;border:1px solid #323a74;background:rgba(63,77,181,.12);padding:7px 13px;border-radius:999px;font-size:12px}
.hero h1{font-size:clamp(40px,7vw,78px);line-height:1.03;margin:22px 0;background:linear-gradient(90deg,var(--text),#8fb7ff,#b56cff);-webkit-background-clip:text;color:transparent}
.hero p{max-width:760px;margin:0 auto 30px;color:var(--muted);font-size:18px}
.searchbox{max-width:850px;margin:25px auto;display:flex;padding:7px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
.searchbox input{flex:1;background:transparent;border:0;outline:0;color:var(--text);padding:15px;font-size:16px;min-width:0}
.section{padding:55px 4%;max-width:1250px;margin:auto}
.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:25px}
.section h2{font-size:34px;margin:0}
.muted{color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 94%,var(--primary)),var(--surface));border:1px solid var(--line);border-radius:20px;padding:23px;transition:.25s;position:relative;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.08)}
.card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--primary) 55%,var(--line));box-shadow:var(--shadow)}
.et{color:#8fa8ff;font-size:12px;font-weight:800;letter-spacing:.7px}
.card h3{margin:7px 0 10px;font-size:19px}
.meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;color:var(--muted);font-size:13px}
.locked{margin-top:18px;padding:14px;border:1px dashed #48518b;border-radius:14px;background:rgba(90,93,255,.06)}
.form-card{max-width:720px;margin:45px auto;background:var(--surface);border:1px solid var(--line);padding:30px;border-radius:22px;box-shadow:var(--shadow)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.field{margin-bottom:16px}.field label{display:block;color:var(--muted);font-size:13px;margin-bottom:6px}
.field input,.field textarea,.field select{width:100%;padding:12px 13px;background:var(--surface2);border:1px solid var(--line);border-radius:11px;color:var(--text);outline:none}
.field textarea{min-height:140px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#657dff}
.alert{padding:13px 15px;border-radius:12px;margin-bottom:15px;background:#281a2a;border:1px solid #60334f}.success{background:#10261f;border-color:#235b47}
.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:15px;overflow:hidden}.table th,.table td{padding:13px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}.table th{color:var(--muted)}
.detail{max-width:1100px;margin:45px auto;padding:0 4%}.detail-hero{padding:35px;border-radius:25px;background:linear-gradient(135deg,rgba(27,35,76,.75),rgba(46,18,70,.65));border:1px solid #3a4374}
html[data-theme="light"] .detail-hero{background:linear-gradient(135deg,#eef3ff,#f7efff);border-color:#d4dcef}
.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-top:20px}.kv{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kv div{padding:13px;background:var(--surface2);border:1px solid var(--line);border-radius:12px}.kv span{display:block;color:var(--muted);font-size:11px}
.footer{margin-top:70px;padding:50px 4% 20px;border-top:1px solid var(--line);background:var(--surface)}
.footer-grid{max-width:1250px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.footer h4{margin-top:0}.footer a{display:block;margin:6px 0;font-size:14px}.footer-brand{font-size:22px;font-weight:900}.copyright{max-width:1250px;margin:35px auto 0;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price{font-size:42px;font-weight:900}.feature{margin:10px 0;color:var(--muted)}
.adminbar{padding:12px 4%;background:var(--surface);border-bottom:1px solid var(--line)}.adminnav{display:flex;gap:15px;flex-wrap:wrap}.adminnav a{color:var(--muted);text-decoration:none}
.container{max-width:1250px;margin:auto;padding:35px 4%}
.payment-box{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface2)}
.payment-note{font-size:12px;color:var(--muted)}
.floating-toggle{position:fixed;right:18px;bottom:18px;z-index:60}
@media(max-width:1050px){.nav{gap:8px}.nav a{font-size:13px}.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){
 .topbar{padding:11px 4%}.menu-btn{display:block}.theme-btn{margin-right:6px}
 .nav{display:none}.nav-open .nav{display:flex;position:absolute;top:68px;left:0;right:0;flex-direction:column;align-items:stretch;padding:16px 4%;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow)}
 .nav a{padding:9px}.nav-pill{display:block;text-align:center}
 .brand small{font-size:7px}.brand-mark{width:38px;height:38px;flex-basis:38px}
 .hero{padding:55px 5% 45px}.hero h1{font-size:clamp(38px,12vw,60px)}.hero p{font-size:16px}
 .searchbox{flex-direction:column;padding:8px}.searchbox input{width:100%;background:var(--surface2);border-radius:11px;margin-bottom:8px}.searchbox .btn{width:100%}
 .section{padding:40px 5%}.section-head{display:block}.section h2{font-size:29px}
 .grid,.pricing,.footer-grid,.detail-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}
 .form-card{margin:25px auto;padding:22px 18px}.detail{padding:0 5%;margin:25px auto}.detail-hero{padding:24px}.kv{grid-template-columns:1fr}
 .meta{grid-template-columns:1fr}.table{min-width:700px}.footer{padding:40px 5% 20px}
}
@media(max-width:420px){.brand span:last-child{font-size:13px}.brand small{letter-spacing:1px}.hero h1{font-size:38px}.btn{width:100%;text-align:center}.card{padding:19px}}

/* === Preview-inspired tender experience === */
.tenders-page{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 8%,rgba(70,88,255,.13),transparent 30%),radial-gradient(circle at 10% 20%,rgba(31,183,255,.08),transparent 28%)}
.tenders-hero{position:relative;padding:90px 4% 70px;overflow:hidden;text-align:center;border-bottom:1px solid var(--line)}
.tenders-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(16,34,78,.22),transparent 42%,rgba(79,35,160,.16));pointer-events:none}
.tenders-hero-glow{position:absolute;width:850px;height:420px;left:50%;top:10%;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(37,130,255,.22),rgba(116,70,255,.13) 38%,transparent 70%);filter:blur(25px);pointer-events:none}
.tenders-hero-content{position:relative;z-index:2;max-width:1000px;margin:auto}
.tender-eyebrow{color:#69d8ff;border-color:rgba(37,141,255,.55);background:rgba(15,71,140,.14);box-shadow:0 0 35px rgba(0,117,255,.10)}
.tenders-hero h1{font-size:clamp(42px,6vw,72px);letter-spacing:-3.5px;margin:20px 0 13px;line-height:1.03;background:linear-gradient(90deg,var(--text),#b8d4ff 52%,#a877ff);-webkit-background-clip:text;color:transparent}
.tenders-hero h1 span{color:#2d9cff;-webkit-text-fill-color:#2d9cff;text-shadow:0 0 28px rgba(45,156,255,.25)}
.tenders-hero p{max-width:690px;margin:0 auto;color:var(--muted);font-size:16px}
.tender-search{max-width:860px;margin:30px auto 0;display:flex;align-items:center;gap:8px;padding:8px;background:rgba(8,14,30,.76);border:1px solid rgba(64,133,236,.35);border-radius:17px;box-shadow:0 20px 70px rgba(0,45,120,.18),inset 0 0 30px rgba(42,101,255,.04);transition:.35s}
.tender-search:focus-within{border-color:rgba(50,150,255,.8);box-shadow:0 20px 80px rgba(0,100,255,.22),0 0 35px rgba(95,67,255,.10)}
.tender-search input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--text);padding:14px 8px;font-size:15px}
.search-icon{font-size:25px;color:#4da8ff;padding-left:8px}
.tender-search-btn{white-space:nowrap;border-radius:12px!important;padding:12px 17px!important}
.tender-search-btn span,.tender-view-btn span{margin-left:6px;transition:.3s}
.tender-search-btn:hover span,.tender-view-btn:hover span{transform:translate(3px,-2px)}
.tender-results-section{position:relative}
.tender-results-head{align-items:end}
.tender-results-head h2{letter-spacing:-1.4px}
.kicker{color:#7181a5}
.results-chip{padding:8px 13px;border:1px solid rgba(76,141,255,.28);border-radius:999px;color:#9ec5ff;background:rgba(43,91,170,.10);font-size:12px;white-space:nowrap}
.tender-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tender-card{position:relative;overflow:hidden;padding:22px;border-radius:18px;border:1px solid rgba(72,94,145,.34);background:linear-gradient(145deg,rgba(15,23,45,.94),rgba(7,10,20,.96));box-shadow:0 12px 40px rgba(0,0,0,.18);transition:transform .38s,border-color .38s,box-shadow .38s}
.tender-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(39,145,255,.06),transparent 38%,rgba(125,70,255,.08));opacity:.7;pointer-events:none}
.tender-card-glow{position:absolute;width:190px;height:190px;right:-90px;top:-110px;background:radial-gradient(circle,rgba(52,140,255,.22),transparent 68%);filter:blur(8px);transition:.45s;pointer-events:none}
.tender-card:hover{transform:translateY(-8px);border-color:rgba(58,150,255,.72);box-shadow:0 22px 65px rgba(0,65,170,.23),0 0 0 1px rgba(119,78,255,.10)}
.tender-card:hover .tender-card-glow{transform:scale(1.5);opacity:1}
.tender-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;position:relative;z-index:2}
.tender-ref{color:#59b7ff!important;font-size:11px!important}
.tender-tag{max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 9px;border-radius:999px;color:#bfaeff;background:rgba(119,77,255,.10);border:1px solid rgba(125,91,255,.25);font-size:9px}
.tender-card h3{position:relative;z-index:2;font-size:18px;line-height:1.4;margin:15px 0 9px;letter-spacing:-.45px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tender-org{position:relative;z-index:2;color:#8fa3c2;font-size:12px;margin:0 0 15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tender-meta-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:9px}
.tender-meta-item{display:flex;gap:8px;align-items:flex-start;padding:10px;border:1px solid rgba(67,93,145,.22);border-radius:11px;background:rgba(10,18,35,.58);min-width:0;transition:.3s}
.tender-card:hover .tender-meta-item{border-color:rgba(71,130,222,.28)}
.tender-meta-icon{color:#42a9ff;font-size:13px;width:16px;text-align:center;flex:0 0 16px}
.tender-meta-item small{display:block;color:#697993;font-size:8px;text-transform:uppercase;letter-spacing:.7px;margin-bottom:2px}
.tender-meta-item strong{display:block;color:#dce8fa;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tender-card-bottom{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px;padding-top:14px;border-top:1px solid rgba(68,92,140,.2)}
.source-label{font-size:9px;color:#687891;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tender-view-btn{padding:9px 13px!important;border-radius:10px!important;font-size:11px!important;white-space:nowrap}
.empty-tenders{text-align:center;grid-column:1/-1;padding:55px 25px}
.empty-icon{width:48px;height:48px;display:grid;place-items:center;margin:0 auto 12px;border-radius:14px;color:#59b7ff;background:rgba(52,139,255,.10);border:1px solid rgba(52,139,255,.24);font-size:24px}

/* Detail */
.tender-detail-page{position:relative}
.tender-detail-hero{position:relative;overflow:hidden;padding:42px;border-color:rgba(48,137,255,.42);background:linear-gradient(135deg,rgba(13,30,65,.92),rgba(26,12,55,.86))!important;box-shadow:0 25px 80px rgba(15,54,130,.18)}
.detail-hero-glow{position:absolute;width:560px;height:300px;right:-100px;top:-120px;background:radial-gradient(circle,rgba(46,151,255,.23),transparent 68%);filter:blur(15px)}
.detail-hero-content{position:relative;z-index:2}
.tender-detail-hero h1{max-width:900px;font-size:clamp(30px,4.4vw,56px);line-height:1.08;letter-spacing:-2px;margin:18px 0 13px}
.detail-org{color:#a8bad4;margin:0;font-size:14px}
.detail-quick{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.detail-quick span{padding:8px 12px;border-radius:10px;border:1px solid rgba(75,139,225,.24);background:rgba(5,16,35,.48);color:#8da5c5;font-size:11px}
.detail-quick b{color:#e5f0ff}
.tender-detail-grid{margin-top:20px}
.tender-info-card,.subscriber-card{position:relative;overflow:hidden}
.detail-section-title h2{margin:0 0 20px;font-size:27px;letter-spacing:-1px}
.detail-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.detail-info-item{padding:14px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface2) 90%,var(--primary)),var(--surface2));transition:.3s}
.detail-info-item:hover{transform:translateY(-2px);border-color:rgba(76,141,255,.48);box-shadow:0 10px 30px rgba(30,70,150,.10)}
.detail-info-item span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px}
.detail-info-item strong{display:block;color:var(--text);font-size:13px;overflow-wrap:anywhere}
.detail-description{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
.detail-description h2{font-size:21px;margin:0 0 10px}
.subscriber-card{background:linear-gradient(145deg,rgba(15,24,48,.97),rgba(26,12,51,.95));border-color:rgba(103,83,214,.35)}
.subscriber-kicker{font-size:9px;letter-spacing:1.8px;color:#63baff}
.subscriber-card h3{font-size:25px;line-height:1.15;margin:13px 0 10px;letter-spacing:-.8px}
.access-points{display:grid;gap:9px;margin:22px 0;padding:15px;border-radius:13px;background:rgba(5,13,29,.5);border:1px solid rgba(76,105,168,.2)}
.access-points span{font-size:11px;color:#b6c6dd}
.subscriber-card .btn{width:100%;text-align:center;margin-top:5px}
.official-link{display:block;text-align:center;margin-top:14px;font-size:11px;color:#6dbdff!important}

html[data-theme="light"] .tender-search{background:rgba(255,255,255,.82);border-color:#d3ddf1}
html[data-theme="light"] .tender-card{background:linear-gradient(145deg,#fff,#f5f8ff);border-color:#dce3f1;box-shadow:0 12px 35px rgba(31,45,80,.08)}
html[data-theme="light"] .tender-card:before{background:linear-gradient(135deg,rgba(39,145,255,.035),transparent 38%,rgba(125,70,255,.045))}
html[data-theme="light"] .tender-meta-item{background:#f6f8fc;border-color:#e0e6f0}
html[data-theme="light"] .tender-meta-item strong{color:#182235}
html[data-theme="light"] .tender-org{color:#63728a}
html[data-theme="light"] .tender-detail-hero{background:linear-gradient(135deg,#edf4ff,#f7efff)!important}
html[data-theme="light"] .subscriber-card{background:linear-gradient(145deg,#f0f5ff,#f7f0ff)}
html[data-theme="light"] .access-points{background:rgba(255,255,255,.62)}

@media(max-width:1050px){.tender-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.tenders-hero{padding:60px 5% 45px}.tender-search{flex-wrap:wrap}.tender-search input{width:calc(100% - 40px)}.tender-search-btn{width:100%}.tender-results-head{display:flex}.tender-grid{grid-template-columns:1fr}.tender-detail-hero{padding:28px 23px}.detail-info-grid{grid-template-columns:1fr}}
@media(max-width:520px){.tender-results-head{display:block}.results-chip{display:inline-block;margin-top:12px}.tender-card{padding:18px}.tender-meta-grid{grid-template-columns:1fr}.tender-card-bottom{align-items:flex-end}.source-label{max-width:45%}}

/* Tender intelligence enhancements */
.source-badge-public{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.02em;border:1px solid rgba(120,130,255,.2)}
.source-badge-public.gem{background:rgba(0,132,255,.10);color:#1671d9}.source-badge-public.ep{background:rgba(99,70,255,.10);color:#6049d8}
.tender-summary{font-size:13px;line-height:1.55;opacity:.68;margin:8px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tender-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){.tender-meta-grid{grid-template-columns:1fr}}

/* =========================================================
   ELITE TENDER UI POLISH — responsive, stable light/dark UI
   ========================================================= */
:root{
  color-scheme:dark;
  --content-max:1280px;
  --radius-lg:22px;
  --radius-md:14px;
}
html[data-theme="light"]{color-scheme:light}
body{overflow-x:hidden}
.topbar{min-height:74px;padding:12px clamp(18px,4vw,64px);gap:22px}
.brand{flex:0 0 auto;min-width:245px}
.brand-mark{width:46px;height:46px;flex-basis:46px;color:#fff!important;position:relative;overflow:hidden;border-color:#5878ff;background:linear-gradient(145deg,#07153d,#32106a);box-shadow:0 0 0 1px rgba(104,132,255,.18),0 0 28px rgba(81,102,255,.28)}
.brand-mark span{color:#fff!important;font-weight:900;font-size:17px;line-height:1}
html[data-theme="light"] .brand-mark{color:#fff!important;background:linear-gradient(145deg,#162b78,#5d24b7);border-color:#4167ed;box-shadow:0 8px 24px rgba(61,86,180,.25)}
.brand strong{font-weight:800}
.header-actions{display:flex;align-items:center;gap:8px;margin-left:auto;order:2}
.theme-btn{width:44px;height:44px;display:grid;place-items:center;padding:0!important;font-size:18px;line-height:1;background:var(--surface);color:var(--text);border:1px solid var(--line);box-shadow:0 5px 18px rgba(0,0,0,.06);transition:.22s}
.theme-btn:hover{transform:translateY(-2px);background:var(--surface2);border-color:color-mix(in srgb,var(--primary) 55%,var(--line));box-shadow:0 9px 25px rgba(45,75,160,.14)}
.nav{order:3;margin-left:auto}
.nav a{transition:color .18s,background .18s,transform .18s}
.nav a:not(.nav-pill){padding:7px 4px;border-radius:8px}
.nav a:not(.nav-pill):hover{color:var(--primary);background:color-mix(in srgb,var(--primary) 7%,transparent);transform:translateY(-1px)}
.nav-pill{padding:11px 18px!important}
.menu-btn{order:4}

/* consistent page width / prevent content escaping viewport */
.section,.container{width:100%;max-width:var(--content-max);padding-left:clamp(18px,4vw,54px);padding-right:clamp(18px,4vw,54px)}
.tenders-page{width:100%;overflow:clip}
.tenders-hero{padding-left:clamp(18px,4vw,54px);padding-right:clamp(18px,4vw,54px)}
.tenders-hero-content{width:100%;max-width:980px}
.tenders-hero h1{overflow-wrap:anywhere;word-break:normal}

/* Light mode: clear surfaces, readable borders and hover state */
html[data-theme="light"] body{background:linear-gradient(135deg,#f5f8ff 0%,#f7f5ff 55%,#f9f7ff 100%)}
html[data-theme="light"] .topbar{background:rgba(255,255,255,.88);border-bottom-color:#dfe5f2;box-shadow:0 5px 25px rgba(38,54,100,.05)}
html[data-theme="light"] .tenders-page{background:radial-gradient(circle at 10% 5%,rgba(63,111,255,.10),transparent 32%),radial-gradient(circle at 90% 12%,rgba(141,76,255,.10),transparent 32%)}
html[data-theme="light"] .tenders-hero{border-bottom-color:#dfe5f2}
html[data-theme="light"] .tenders-hero:before{background:linear-gradient(135deg,rgba(75,116,235,.08),transparent 45%,rgba(132,73,221,.06))}
html[data-theme="light"] .tender-card{color:var(--text)}
html[data-theme="light"] .tender-card:hover{background:linear-gradient(145deg,#fff,#f0f5ff);border-color:#7b93d9;box-shadow:0 20px 55px rgba(53,76,145,.16),0 0 0 1px rgba(80,107,208,.10)}
html[data-theme="light"] .tender-card:hover .tender-meta-item{background:#edf2fb;border-color:#b9c7e3}
html[data-theme="light"] .tender-card:hover .tender-meta-item strong{color:#10182a}
html[data-theme="light"] .tender-card:hover h3{color:#153c9a}
html[data-theme="light"] .tender-meta-item{transition:.22s}
html[data-theme="light"] .tender-view-btn:hover{filter:brightness(.93)}
html[data-theme="light"] .tender-filter-bar{background:rgba(255,255,255,.86);box-shadow:0 10px 35px rgba(43,60,110,.07)}
html[data-theme="light"] .tender-filter-bar input,html[data-theme="light"] .tender-filter-bar select{background:#f7f9fd;color:#172035}
html[data-theme="light"] .results-chip{color:#4a58b4;background:#eef1ff;border-color:#cbd3f2}
html[data-theme="light"] .kicker{color:#596887}

/* Card sizing: all cards stay aligned even with very long tender titles */
.tender-card{min-width:0;height:100%;display:flex;flex-direction:column}
.tender-card h3{min-height:76px;overflow-wrap:anywhere}
.tender-org{min-height:19px}
.tender-summary{min-height:40px}
.tender-meta-item{min-width:0;overflow:hidden}
.tender-meta-item strong{max-width:100%;overflow-wrap:anywhere}
.tender-card-bottom{margin-top:auto}
.tender-tag,.source-badge-public{flex:0 0 auto}
.tender-card-top{min-width:0}
.source-badge-public{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Admin table: never let long organisation/title push the whole page sideways */
.admin-table-wrap,.table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:16px}
.admin-table-wrap table,.table-wrap .table{min-width:0!important;width:100%;table-layout:fixed}
.admin-table-wrap th,.admin-table-wrap td,.table-wrap .table th,.table-wrap .table td{overflow-wrap:anywhere;word-break:break-word;vertical-align:middle}
.admin-table-wrap th:first-child,.admin-table-wrap td:first-child{width:100px}
.admin-table-wrap th:last-child,.admin-table-wrap td:last-child{width:170px}
.admin-table-wrap td a{max-width:100%;overflow-wrap:anywhere}

/* Generic buttons / links have one consistent hover treatment */
a,button,.btn{transition:color .18s,background .18s,border-color .18s,box-shadow .22s,transform .18s,filter .18s}
.btn:hover{filter:saturate(1.08)}

@media(max-width:1100px){
 .topbar{flex-wrap:wrap}
 .brand{min-width:0}
 .nav{margin-left:auto}
 .tender-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
 .topbar{position:sticky;flex-wrap:nowrap}
 .header-actions{margin-left:auto}
 .nav{margin-left:0}
 .brand{min-width:0;max-width:62vw}
 .brand small{max-width:180px;overflow:hidden;text-overflow:ellipsis}
 .tender-grid{grid-template-columns:1fr}
 .tender-card h3{min-height:0}
 .tender-summary{min-height:0}
 .admin-table-wrap table,.table-wrap .table{min-width:760px!important}
}
@media(max-width:520px){
 .topbar{padding:10px 14px}
 .brand-mark{width:42px;height:42px;flex-basis:42px}
 .brand small{font-size:6.5px;letter-spacing:1px}
 .theme-btn{width:40px;height:40px}
 .tenders-hero{padding-top:58px;padding-bottom:48px}
 .tenders-hero h1{letter-spacing:-2px}
 .tender-filter-bar{padding:11px}
}

/* =========================================================
   ELITE TENDER — MOBILE-FIRST RESPONSIVE POLISH
   Clean mobile surfaces, restrained purple, no horizontal spill
   ========================================================= */
@media (max-width: 800px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body{background:var(--bg)!important}

  /* Header */
  .topbar{
    min-height:64px!important;
    height:64px;
    padding:8px 14px!important;
    gap:8px!important;
    background:color-mix(in srgb,var(--surface) 96%,transparent)!important;
    backdrop-filter:blur(14px);
  }
  .brand{max-width:calc(100% - 94px)!important;min-width:0!important;gap:8px}
  .brand-mark{
    width:40px!important;height:40px!important;flex-basis:40px!important;
    border-radius:10px!important;
    background:linear-gradient(145deg,#12265f,#294fc0)!important;
    border-color:#4c78ff!important;
    box-shadow:0 4px 16px rgba(44,82,190,.20)!important;
  }
  .brand-mark span{font-size:15px!important;color:#fff!important}
  .brand strong,.brand{font-size:14px}
  .brand small{font-size:6px!important;letter-spacing:.85px!important;max-width:170px!important}
  .header-actions{gap:6px!important}
  .theme-btn{width:38px!important;height:38px!important;font-size:16px!important;border-radius:10px!important}
  .menu-btn{display:grid!important;place-items:center;width:38px;height:38px;padding:0;font-size:22px}

  /* Mobile menu: compact, solid surface rather than purple overlay */
  .nav-open .nav{
    top:64px!important;
    padding:10px 14px 14px!important;
    gap:3px!important;
    background:var(--surface)!important;
    border-bottom:1px solid var(--line)!important;
    box-shadow:0 14px 35px rgba(10,20,45,.12)!important;
  }
  .nav-open .nav a{
    padding:11px 12px!important;
    border-radius:9px!important;
    color:var(--text)!important;
  }
  .nav-open .nav a:not(.nav-pill):hover{
    background:var(--surface2)!important;
    color:var(--primary)!important;
    transform:none!important;
  }
  .nav-open .nav .nav-pill{margin-top:4px}

  /* Remove decorative purple wash on mobile */
  .tenders-page,
  html[data-theme="light"] .tenders-page{
    background:var(--bg)!important;
  }
  .tenders-hero{
    padding:42px 16px 30px!important;
    border-bottom:1px solid var(--line)!important;
    background:var(--surface)!important;
  }
  .tenders-hero:before,.tenders-hero-glow{display:none!important}
  .tenders-hero-content{max-width:680px!important}
  .tender-eyebrow{
    color:var(--primary)!important;
    background:color-mix(in srgb,var(--primary) 7%,var(--surface))!important;
    border-color:color-mix(in srgb,var(--primary) 22%,var(--line))!important;
    box-shadow:none!important;
    font-size:9px!important;
    padding:6px 9px!important;
  }
  .tenders-hero h1{
    font-size:clamp(34px,11vw,48px)!important;
    letter-spacing:-2px!important;
    margin:15px 0 9px!important;
    background:none!important;
    color:var(--text)!important;
    -webkit-text-fill-color:initial!important;
  }
  .tenders-hero h1 span{
    color:var(--primary)!important;
    -webkit-text-fill-color:var(--primary)!important;
    text-shadow:none!important;
  }
  .tenders-hero p{font-size:14px!important;line-height:1.55!important;margin-bottom:20px!important}

  /* Search */
  .tender-search{
    margin:18px auto 0!important;
    padding:6px!important;
    gap:6px!important;
    border-radius:12px!important;
    background:var(--surface2)!important;
    border-color:var(--line)!important;
    box-shadow:none!important;
  }
  .tender-search input{
    width:100%!important;
    min-height:44px!important;
    padding:11px 10px!important;
    background:var(--surface)!important;
    border:1px solid var(--line)!important;
    border-radius:9px!important;
  }
  .tender-search .search-icon{display:none}
  .tender-search-btn{
    width:100%!important;
    min-height:42px!important;
    background:var(--primary)!important;
    box-shadow:0 6px 16px rgba(49,94,232,.16)!important;
  }
  html:not([data-theme="light"]) .tender-search-btn{background:#3f7df0!important}

  /* Results section */
  .section.tender-results-section{padding:27px 14px 38px!important}
  .tender-results-head{display:flex!important;align-items:flex-start!important;gap:10px!important;margin-bottom:16px!important}
  .tender-results-head h2{font-size:23px!important;line-height:1.2!important;margin:3px 0!important}
  .tender-results-head p{font-size:12px!important;margin:3px 0 0!important}
  .results-chip{font-size:10px!important;padding:6px 9px!important;background:var(--surface2)!important;color:var(--muted)!important;border-color:var(--line)!important}

  /* Filters */
  .tender-filter-bar{
    grid-template-columns:1fr!important;
    gap:7px!important;
    margin-bottom:17px!important;
    padding:9px!important;
    background:var(--surface)!important;
    border-color:var(--line)!important;
    box-shadow:none!important;
  }
  .tender-filter-bar input,.tender-filter-bar select{
    min-height:40px!important;
    padding:9px 10px!important;
    background:var(--surface2)!important;
    border-color:var(--line)!important;
    font-size:13px!important;
  }
  .tender-filter-bar .btn{
    width:100%!important;
    min-height:40px!important;
    background:var(--primary)!important;
    box-shadow:none!important;
  }
  .filter-clear{min-height:34px!important;color:var(--muted)!important}

  /* Tender cards */
  .tender-grid{grid-template-columns:1fr!important;gap:12px!important}
  .tender-card{
    padding:15px!important;
    border-radius:15px!important;
    background:var(--surface)!important;
    border:1px solid var(--line)!important;
    box-shadow:0 5px 18px rgba(20,35,70,.06)!important;
  }
  .tender-card:before,.tender-card-glow{display:none!important}
  .tender-card:hover{
    transform:none!important;
    border-color:color-mix(in srgb,var(--primary) 42%,var(--line))!important;
    box-shadow:0 8px 24px rgba(20,45,100,.10)!important;
  }
  .tender-card-top{gap:7px!important}
  .tender-ref{font-size:10px!important;color:var(--primary)!important}
  .tender-tag,.source-badge-public{
    font-size:8px!important;
    padding:4px 7px!important;
    background:var(--surface2)!important;
    color:var(--muted)!important;
    border-color:var(--line)!important;
  }
  .tender-card h3{
    font-size:17px!important;
    line-height:1.32!important;
    letter-spacing:-.25px!important;
    margin:12px 0 7px!important;
    min-height:0!important;
    -webkit-line-clamp:4!important;
  }
  .tender-org{font-size:11px!important;margin-bottom:9px!important;min-height:0!important}
  .tender-summary{font-size:11px!important;line-height:1.45!important;min-height:0!important;margin:5px 0 10px!important}
  .tender-meta-grid{grid-template-columns:1fr 1fr!important;gap:6px!important}
  .tender-meta-item{
    min-height:54px!important;
    padding:8px!important;
    border-radius:9px!important;
    background:var(--surface2)!important;
    border-color:var(--line)!important;
  }
  .tender-meta-item:hover{transform:none!important}
  .tender-meta-icon{font-size:11px!important;width:13px!important;flex-basis:13px!important;color:var(--primary)!important}
  .tender-meta-item small{font-size:7px!important;margin-bottom:1px!important}
  .tender-meta-item strong{font-size:9px!important;line-height:1.25!important;color:var(--text)!important}
  .tender-card-bottom{margin-top:11px!important;padding-top:10px!important;gap:7px!important}
  .source-label{font-size:8px!important;max-width:55%!important}
  .tender-view-btn{width:auto!important;min-height:34px!important;padding:7px 10px!important;font-size:9px!important;background:var(--primary)!important;box-shadow:none!important}

  /* Detail page */
  .detail,.tender-detail-page{width:100%!important;padding:0 14px!important;margin:20px auto!important}
  .tender-detail-hero{padding:23px 17px!important;border-radius:16px!important;background:var(--surface)!important;box-shadow:none!important}
  .detail-hero-glow{display:none!important}
  .tender-detail-hero h1{font-size:29px!important;line-height:1.15!important;letter-spacing:-1px!important;margin:12px 0!important;overflow-wrap:anywhere}
  .detail-org{font-size:12px!important}
  .detail-quick{gap:6px!important;margin-top:14px!important}
  .detail-quick span{font-size:9px!important;padding:6px 8px!important;background:var(--surface2)!important;border-color:var(--line)!important}
  .tender-detail-grid{grid-template-columns:1fr!important;gap:12px!important}
  .tender-info-card,.subscriber-card{padding:17px!important;border-radius:15px!important}
  .detail-section-title h2{font-size:21px!important}
  .detail-info-grid{grid-template-columns:1fr 1fr!important;gap:7px!important}
  .detail-info-item{padding:10px!important;background:var(--surface2)!important}
  .detail-info-item strong{font-size:11px!important}
  .detail-info-item span{font-size:8px!important}
  .subscriber-card{background:var(--surface)!important;border-color:var(--line)!important}
  .subscriber-card h3{font-size:21px!important}

  /* Generic pages/cards */
  .hero{padding:45px 16px 35px!important}
  .hero h1{font-size:40px!important}
  .section,.container{padding-left:14px!important;padding-right:14px!important}
  .card{border-radius:15px!important;box-shadow:0 5px 18px rgba(20,35,70,.06)!important}
  .footer{margin-top:35px!important;padding:32px 14px 18px!important}
  .footer-grid{gap:20px!important}

  /* Admin: use a clean contained table area instead of page-wide overflow */
  .admin-table-wrap,.table-wrap{max-width:100%!important;overflow-x:auto!important;border:1px solid var(--line)!important;background:var(--surface)!important}
  .admin-table-wrap table,.table-wrap .table{min-width:680px!important}
}

@media (max-width:390px){
  .brand small{display:none!important}
  .brand{font-size:13px!important}
  .brand-mark{width:38px!important;height:38px!important;flex-basis:38px!important}
  .tender-results-head{display:block!important}
  .results-chip{margin-top:8px!important}
  .tender-meta-grid{grid-template-columns:1fr!important}
  .tender-card-bottom{align-items:center!important}
  .source-label{max-width:48%!important}
}

/* Light mobile mode: neutral white/blue, no purple cast */
@media (max-width:800px){
 html[data-theme="light"] body{background:#f6f8fc!important}
 html[data-theme="light"] .tenders-page{background:#f6f8fc!important}
 html[data-theme="light"] .tenders-hero{background:#fff!important}
 html[data-theme="light"] .tender-card{background:#fff!important}
 html[data-theme="light"] .tender-meta-item,
 html[data-theme="light"] .tender-filter-bar input,
 html[data-theme="light"] .tender-filter-bar select,
 html[data-theme="light"] .tender-search input{background:#f5f7fb!important}
 html[data-theme="light"] .tender-search{background:#eef2f8!important}
 html[data-theme="light"] .tender-tag,
 html[data-theme="light"] .source-badge-public{background:#f1f4f9!important;color:#536078!important}
 html[data-theme="light"] .tender-view-btn,
 html[data-theme="light"] .tender-search-btn,
 html[data-theme="light"] .tender-filter-bar .btn{background:#315ee8!important;color:#fff!important}
}