/* MAVIRELO Projects & Bids — scoped legibility layer. */

#projects,
#projects .card {
  color: #18313a !important;
  opacity: 1 !important;
}

#projects .card h2,
#projects .card h3,
#projects .card strong,
#projects .card b {
  color: #18313a !important;
  opacity: 1 !important;
}

#projects .card .eyebrow {
  color: #5f7479 !important;
  opacity: 1 !important;
}

#projects .card .status-badge {
  color: #18313a !important;
  opacity: 1 !important;
}

#projects .card [style*="color:#526a70"],
#projects .card [style*="color: #526a70"] {
  color: #526a70 !important;
  opacity: 1 !important;
}

#projects .card [style*="color:#18313a"],
#projects .card [style*="color: #18313a"] {
  color: #18313a !important;
  opacity: 1 !important;
}

html[data-theme="dark"] #projects,
html[data-theme="dark"] #projects .card,
html[data-theme="dark"] #projects .lease-row,
html[data-theme="dark"] #projects .resolution-note {
  color:#edf4f7 !important;
}
html[data-theme="dark"] #projects h1,
html[data-theme="dark"] #projects h2,
html[data-theme="dark"] #projects h3,
html[data-theme="dark"] #projects strong,
html[data-theme="dark"] #projects b,
html[data-theme="dark"] #projects .card [style*="color:#18313a"],
html[data-theme="dark"] #projects .card [style*="color: #18313a"] {
  color:#edf4f7 !important;
}
html[data-theme="dark"] #projects .subtle,
html[data-theme="dark"] #projects .eyebrow,
html[data-theme="dark"] #projects .card [style*="color:#526a70"],
html[data-theme="dark"] #projects .card [style*="color: #526a70"] {
  color:#9db0bc !important;
}
html[data-theme="dark"] #projects .status-badge{color:#dce8ed !important;}


/* Construction Projects — UX refinement v1
   Shared visual language for Project Overview, Tenant Buildout & TIA, and Vendor & GC Portal. */
#projects .card,
#tenant-buildout .card,
#external-portals .card{
  background:linear-gradient(145deg,rgba(16,42,52,.96),rgba(10,31,43,.98));
  border:1px solid rgba(91,174,169,.28);
  box-shadow:none;
}
#projects .mav-workspace-refined,
#tenant-buildout > .card,
#external-portals .portal-shell > .card:first-child{
  padding:20px 22px;
}
#projects .mav-workspace-kpis,
#tenant-buildout .mav-workspace-kpis{
  gap:10px!important;
}
#projects .mav-workspace-kpis>div,
#tenant-buildout .mav-workspace-kpis>div{
  min-height:88px;
  padding:14px 15px;
  border:1px solid rgba(95,174,170,.24);
  border-radius:12px;
  background:rgba(11,37,48,.72)!important;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
#projects .mav-workspace-kpis>div strong,
#tenant-buildout .mav-workspace-kpis>div strong{
  font-size:21px;
  line-height:1.05;
  letter-spacing:-.02em;
}
#projects .mav-workspace-item,
#tenant-buildout .lease-row{
  background:rgba(9,30,42,.56);
  border:1px solid rgba(95,174,170,.24)!important;
  border-radius:13px!important;
  box-shadow:none!important;
}
#projects .mav-workspace-item{padding:16px 18px!important}
#tenant-buildout .lease-row{padding:16px 18px;margin-top:10px}
#projects .mav-workspace-item:hover,
#tenant-buildout .lease-row:hover,
#external-portals .portal-project-grid>div:hover{
  border-color:rgba(78,190,181,.5)!important;
  background:rgba(12,43,53,.72)!important;
}
#projects .status-badge,
#tenant-buildout .status-badge,
#external-portals .status-badge{
  border:1px solid rgba(90,175,170,.22);
  background:rgba(22,67,75,.55);
  color:#dce9eb!important;
}
#projects .eyebrow,
#tenant-buildout .eyebrow,
#external-portals .eyebrow{
  color:#82aaa9!important;
  letter-spacing:.13em;
}
#tenant-buildout .resolution-note{
  margin-top:12px!important;
  padding:11px 13px;
  border-left:3px solid #48b5aa;
  border-radius:6px;
  background:rgba(28,76,78,.24);
}
#external-portals .portal-shell{gap:12px}
#external-portals .portal-hero{
  padding:20px 22px;
  background:linear-gradient(110deg,rgba(10,62,70,.88),rgba(22,76,68,.62));
}
#external-portals .portal-hero h2{font-size:24px;margin:2px 0 6px}
#external-portals .portal-project-grid{gap:10px}
#external-portals .portal-project-grid>div{
  border:1px solid rgba(95,174,170,.24);
  border-radius:12px;
  padding:14px 15px;
  background:rgba(9,30,42,.56);
}
#external-portals .portal-row{
  border-color:rgba(95,174,170,.2);
  background:rgba(9,30,42,.42);
  padding:12px 14px;
}
#external-portals .portal-records{padding:18px 20px}
#external-portals .portal-review button{
  border-color:rgba(95,174,170,.3);
  background:rgba(9,30,42,.6);
}
html:not([data-theme="dark"]) #projects .card,
html:not([data-theme="dark"]) #tenant-buildout .card,
html:not([data-theme="dark"]) #external-portals .card{
  background:#fff;
  border-color:#dce7e6;
}
html:not([data-theme="dark"]) #projects .mav-workspace-kpis>div,
html:not([data-theme="dark"]) #tenant-buildout .mav-workspace-kpis>div,
html:not([data-theme="dark"]) #projects .mav-workspace-item,
html:not([data-theme="dark"]) #tenant-buildout .lease-row,
html:not([data-theme="dark"]) #external-portals .portal-project-grid>div,
html:not([data-theme="dark"]) #external-portals .portal-row{
  background:#f8fbfa!important;
  border-color:#dce7e6!important;
}
@media(max-width:900px){
  #projects .mav-workspace-kpis,
  #tenant-buildout .mav-workspace-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}


/* Construction Projects — intelligence hierarchy v2 */
#projects .construction-intelligence{padding:0!important;overflow:hidden}
#projects .construction-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:24px 26px 20px;background:linear-gradient(110deg,rgba(18,73,78,.34),rgba(9,30,42,0))}
#projects .construction-hero h2{font-size:27px;margin:2px 0 5px;letter-spacing:-.025em}
#projects .construction-hero-status{text-align:right;border:1px solid rgba(86,181,172,.25);border-radius:10px;padding:9px 12px;background:rgba(10,35,45,.55)}
#projects .construction-hero-status span,#projects .construction-hero-status strong{display:block}
#projects .construction-hero-status span{font-size:9px;letter-spacing:.13em;color:#82aaa9}
#projects .construction-hero-status strong{font-size:12px;margin-top:3px}
#projects .construction-primary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid rgba(95,174,170,.2);border-bottom:1px solid rgba(95,174,170,.2)}
#projects .construction-primary{min-height:118px;padding:18px 20px;border-right:1px solid rgba(95,174,170,.18);background:rgba(7,29,40,.28)}
#projects .construction-primary:last-child{border-right:0}
#projects .construction-primary>span,#projects .construction-primary>strong,#projects .construction-primary>small{display:block}
#projects .construction-primary>span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#8fa8b2}
#projects .construction-primary>strong{font-size:27px;letter-spacing:-.035em;margin-top:12px}
#projects .construction-primary>small{font-size:11px;color:#91a8b1;margin-top:6px}
#projects .construction-primary.is-risk{background:linear-gradient(145deg,rgba(83,55,27,.18),rgba(7,29,40,.3));box-shadow:inset 0 -2px 0 rgba(214,163,63,.62)}
#projects .construction-primary.is-decision{box-shadow:inset 0 -2px 0 rgba(74,184,174,.6)}
#projects .construction-secondary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:13px 20px;background:rgba(8,27,37,.5);border-bottom:1px solid rgba(95,174,170,.18)}
#projects .construction-secondary-strip>div{padding:2px 14px;border-right:1px solid rgba(95,174,170,.14)}
#projects .construction-secondary-strip>div:last-child{border-right:0}
#projects .construction-secondary-strip span,#projects .construction-secondary-strip strong,#projects .construction-secondary-strip small{display:block}
#projects .construction-secondary-strip span{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#7f9ba6}
#projects .construction-secondary-strip strong{font-size:15px;margin-top:3px}
#projects .construction-secondary-strip small{font-size:9px;color:#7f9ba6;margin-top:2px}
#projects .construction-section-head{display:flex;justify-content:space-between;align-items:flex-end;padding:22px 26px 6px}
#projects .construction-section-head h3{font-size:19px;margin:2px 0 0}
#projects .construction-section-head>span{font-size:10px;color:#7f9ba6}
#projects .construction-project-list{display:grid;gap:12px;padding:8px 18px 22px}
#projects .construction-project-card{position:relative;padding:17px 18px 0;border:1px solid rgba(95,174,170,.23);border-radius:13px;background:rgba(8,29,40,.56);overflow:hidden}
#projects .construction-project-card.priority-high{border-left:3px solid rgba(214,163,63,.82)}
#projects .construction-project-card.priority-medium{border-left:3px solid rgba(74,184,174,.64)}
#projects .construction-project-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
#projects .construction-project-head h3{font-size:17px;margin:2px 0 0}
#projects .construction-project-metrics{display:grid;grid-template-columns:1fr 1fr 1.1fr 1.25fr 1fr;gap:0;margin-top:15px;border-top:1px solid rgba(95,174,170,.13);border-bottom:1px solid rgba(95,174,170,.13)}
#projects .construction-project-metrics>div{padding:12px 14px 12px 0}
#projects .construction-project-metrics span,#projects .construction-project-metrics strong,#projects .construction-project-metrics small{display:block}
#projects .construction-project-metrics span{font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:#7f9ba6}
#projects .construction-project-metrics strong{font-size:15px;margin-top:4px}
#projects .construction-project-metrics small{font-size:10px;color:#7f9ba6;margin-top:3px}
#projects .risk-text{color:#d8ad58!important}
#projects .construction-progress{height:2px;background:rgba(95,174,170,.1);margin-top:13px}
#projects .construction-progress span{display:block;height:100%;background:#45afa6}
#projects .construction-decision-strip{margin:0 -18px;padding:13px 18px 14px;background:rgba(18,62,68,.32);border-top:1px solid rgba(95,174,170,.15)}
#projects .construction-decision-strip span{display:block;font-size:9px;letter-spacing:.12em;color:#75a4a4;margin-bottom:4px}
#projects .construction-decision-strip strong{font-size:13px;line-height:1.4}
html:not([data-theme="dark"]) #projects .construction-hero{background:linear-gradient(110deg,#eef8f6,#fff)}
html:not([data-theme="dark"]) #projects .construction-primary,html:not([data-theme="dark"]) #projects .construction-secondary-strip,html:not([data-theme="dark"]) #projects .construction-project-card{background:#f8fbfa}
html:not([data-theme="dark"]) #projects .construction-decision-strip{background:#eef7f5}
@media(max-width:1050px){#projects .construction-primary-grid{grid-template-columns:repeat(2,1fr)}#projects .construction-project-metrics{grid-template-columns:repeat(3,1fr)}}


/* Construction Projects — Tenant Buildout intelligence parity */
#tenant-buildout .buildout-intelligence{padding:0!important;overflow:hidden}
#tenant-buildout .construction-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:24px 26px 20px;background:linear-gradient(110deg,rgba(18,73,78,.34),rgba(9,30,42,0))}
#tenant-buildout .construction-hero h2{font-size:27px;margin:2px 0 5px;letter-spacing:-.025em}
#tenant-buildout .construction-hero-status{text-align:right;border:1px solid rgba(86,181,172,.25);border-radius:10px;padding:9px 12px;background:rgba(10,35,45,.55)}
#tenant-buildout .construction-hero-status span,#tenant-buildout .construction-hero-status strong{display:block}
#tenant-buildout .construction-hero-status span{font-size:9px;letter-spacing:.13em;color:#82aaa9}
#tenant-buildout .construction-hero-status strong{font-size:12px;margin-top:3px}
#tenant-buildout .construction-primary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(95,174,170,.2);border-bottom:1px solid rgba(95,174,170,.2)}
#tenant-buildout .construction-primary{min-height:118px;padding:18px 20px;border-right:1px solid rgba(95,174,170,.18);background:rgba(7,29,40,.28)}
#tenant-buildout .construction-primary:last-child{border-right:0}
#tenant-buildout .construction-primary>span,#tenant-buildout .construction-primary>strong,#tenant-buildout .construction-primary>small{display:block}
#tenant-buildout .construction-primary>span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#8fa8b2}
#tenant-buildout .construction-primary>strong{font-size:27px;letter-spacing:-.035em;margin-top:12px}
#tenant-buildout .construction-primary>small{font-size:11px;color:#91a8b1;margin-top:6px}
#tenant-buildout .construction-primary.is-risk{background:linear-gradient(145deg,rgba(83,55,27,.18),rgba(7,29,40,.3));box-shadow:inset 0 -2px 0 rgba(214,163,63,.62)}
#tenant-buildout .construction-secondary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:13px 20px;background:rgba(8,27,37,.5);border-bottom:1px solid rgba(95,174,170,.18)}
#tenant-buildout .construction-secondary-strip>div{padding:2px 14px;border-right:1px solid rgba(95,174,170,.14)}
#tenant-buildout .construction-secondary-strip>div:last-child{border-right:0}
#tenant-buildout .construction-secondary-strip span,#tenant-buildout .construction-secondary-strip strong{display:block}
#tenant-buildout .construction-secondary-strip span{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#7f9ba6}
#tenant-buildout .construction-secondary-strip strong{font-size:15px;margin-top:3px}
#tenant-buildout .construction-section-head{display:flex;justify-content:space-between;align-items:flex-end;padding:22px 26px 6px}
#tenant-buildout .construction-section-head h3{font-size:19px;margin:2px 0 0}
#tenant-buildout .construction-section-head>span{font-size:10px;color:#7f9ba6}
#tenant-buildout .construction-project-list{display:grid;gap:12px;padding:8px 18px 22px}
#tenant-buildout .construction-project-card{position:relative;padding:17px 18px 0;border:1px solid rgba(95,174,170,.23);border-radius:13px;background:rgba(8,29,40,.56);overflow:hidden}
#tenant-buildout .construction-project-card.priority-high{border-left:3px solid rgba(214,163,63,.82)}
#tenant-buildout .construction-project-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
#tenant-buildout .construction-project-head h3{font-size:17px;margin:2px 0 0}
#tenant-buildout .buildout-badges{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
#tenant-buildout .construction-project-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:15px;border-top:1px solid rgba(95,174,170,.13);border-bottom:1px solid rgba(95,174,170,.13)}
#tenant-buildout .construction-project-metrics>div{padding:12px 14px 12px 0}
#tenant-buildout .construction-project-metrics span,#tenant-buildout .construction-project-metrics strong,#tenant-buildout .construction-project-metrics small{display:block}
#tenant-buildout .construction-project-metrics span{font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:#7f9ba6}
#tenant-buildout .construction-project-metrics strong{font-size:15px;margin-top:4px}
#tenant-buildout .construction-project-metrics small{font-size:10px;color:#7f9ba6;margin-top:3px}
#tenant-buildout .risk-text{color:#d8ad58!important}
#tenant-buildout .buildout-control-strip{display:flex;gap:18px;flex-wrap:wrap;padding:10px 0;color:#8ca5ae;font-size:9px;letter-spacing:.08em}
#tenant-buildout .construction-decision-strip{margin:0 -18px;padding:13px 18px 14px;background:rgba(18,62,68,.32);border-top:1px solid rgba(95,174,170,.15)}
#tenant-buildout .construction-decision-strip span{display:block;font-size:9px;letter-spacing:.12em;color:#75a4a4;margin-bottom:4px}
#tenant-buildout .construction-decision-strip strong{font-size:13px;line-height:1.4}
html:not([data-theme="dark"]) #tenant-buildout .construction-hero{background:linear-gradient(110deg,#eef8f6,#fff)}
html:not([data-theme="dark"]) #tenant-buildout .construction-primary,html:not([data-theme="dark"]) #tenant-buildout .construction-secondary-strip,html:not([data-theme="dark"]) #tenant-buildout .construction-project-card{background:#f8fbfa}
html:not([data-theme="dark"]) #tenant-buildout .construction-decision-strip{background:#eef7f5}
@media(max-width:1050px){#tenant-buildout .construction-primary-grid{grid-template-columns:repeat(2,1fr)}#tenant-buildout .construction-project-metrics{grid-template-columns:repeat(3,1fr)}}