/* SAFIRA.id V16.0.1 — Public Navigation & Buyer Requirement Card Upgrade */
:root{
  --m1601-navy:#082a4f;
  --m1601-ink:#102a43;
  --m1601-green:#0b765f;
  --m1601-green-strong:#075b4a;
  --m1601-teal-soft:#eaf7f3;
  --m1601-blue-soft:#f2f6fb;
  --m1601-line:#d8e3ec;
  --m1601-shadow:0 22px 54px rgba(8,42,79,.10);
}

/* Public navigation */
body.public-v1600 .public-header{
  background:color-mix(in srgb,var(--m16-surface) 94%,transparent);
  border-bottom-color:color-mix(in srgb,var(--m16-border) 82%,transparent);
}
body.public-v1600 .public-header-inner{gap:18px!important}
body.public-v1600 .public-nav{gap:18px!important}
body.public-v1600 .public-nav a{
  color:color-mix(in srgb,var(--m16-text) 78%,var(--m16-muted));
  font-size:12.5px!important;
  font-weight:780;
  letter-spacing:-.01em;
  padding:29px 0 27px;
  white-space:nowrap;
}
body.public-v1600 .public-nav a:hover,
body.public-v1600 .public-nav a.active{color:var(--m1601-green)}
body.public-v1600 .public-nav a:after{
  left:50%;right:50%;bottom:17px!important;height:3px;border-radius:999px;
  background:linear-gradient(90deg,var(--m1601-green),#0fa88d);
}
body.public-v1600 .public-nav a:hover:after,
body.public-v1600 .public-nav a.active:after{left:0;right:0}
body.public-v1600 .public-primary-cta{
  border-radius:999px;
  padding-inline:17px;
  box-shadow:0 10px 24px rgba(11,118,95,.18);
}
body.public-v1600 .public-login-link{border-radius:999px}

/* Buyer opportunity section */
.m1601-opportunity-section{
  position:relative;
  background:
    radial-gradient(circle at 6% 4%,rgba(11,118,95,.06),transparent 28%),
    radial-gradient(circle at 94% 94%,rgba(8,42,79,.045),transparent 30%),
    var(--m16-surface);
}
.m1601-opportunity-grid{gap:24px}
.m1601-opportunity-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:100%;
  padding:25px;
  border:1px solid color-mix(in srgb,var(--m16-border) 90%,#b6c9d8);
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 12px 32px rgba(8,42,79,.065);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.m1601-opportunity-card:before{
  content:"";
  position:absolute;
  left:0;top:0;right:0;height:4px;
  background:linear-gradient(90deg,var(--m1601-green),#16a58d 55%,#86d8c7);
}
.m1601-opportunity-card:hover{
  transform:translateY(-5px);
  border-color:color-mix(in srgb,var(--m1601-green) 35%,var(--m16-border));
  box-shadow:var(--m1601-shadow);
}
.m1601-card-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:21px;
}
.m1601-card-header .m16-card-code{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 10px;
  border:1px solid var(--m16-border);
  border-radius:999px;
  background:var(--m16-bg);
  color:var(--m16-muted);
  font-size:.69rem;
  font-weight:850;
  letter-spacing:.035em;
}
.m1601-status-group{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}
.m1601-verified{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:5px 9px;
  border-radius:999px;
  background:var(--m1601-teal-soft);
  color:var(--m1601-green-strong);
  font-size:.66rem;
  font-weight:850;
  white-space:nowrap;
}
.m1601-verified:before{
  content:"✓";
  display:grid;
  place-items:center;
  width:15px;height:15px;
  border-radius:50%;
  background:var(--m1601-green);
  color:#fff;
  font-size:.58rem;
}
.m1601-card-copy{margin-bottom:17px}
.m1601-opportunity-label{
  display:block;
  margin-bottom:7px;
  color:var(--m1601-green);
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.m1601-opportunity-card .m1601-card-copy h3{
  margin:0 0 7px;
  color:var(--m16-navy);
  font-size:clamp(1.25rem,1.8vw,1.55rem);
  line-height:1.22;
  letter-spacing:-.03em;
}
.m1601-opportunity-card .m1601-card-copy p{
  margin:0;
  color:var(--m16-muted);
  font-size:.88rem;
}
.m1601-destination{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:1px 0 14px;
  padding:14px 15px;
  border:1px solid color-mix(in srgb,var(--m1601-green) 15%,var(--m16-border));
  border-radius:15px;
  background:linear-gradient(135deg,var(--m1601-teal-soft),color-mix(in srgb,var(--m16-surface) 82%,var(--m1601-teal-soft)));
}
.m1601-destination>small{
  color:var(--m16-muted);
  font-size:.66rem;
  font-weight:800;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.m1601-destination>strong{min-width:0;color:var(--m16-navy)}
.m1601-destination .country-identity{
  justify-content:flex-end;
  font-weight:850;
  color:var(--m16-navy);
}
.m1601-destination .country-flag{
  width:30px;
  height:22px;
  border-radius:5px;
  box-shadow:0 2px 7px rgba(8,42,79,.12);
}
.m1601-meta{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:0 0 20px;
}
.m1601-meta>div{
  min-height:78px;
  padding:12px 13px;
  border-radius:13px;
  background:var(--m16-bg);
}
.m1601-meta small{font-size:.64rem;font-weight:750;letter-spacing:.045em}
.m1601-meta strong{
  margin-top:7px;
  color:var(--m16-navy);
  font-size:.91rem;
  line-height:1.35;
}
.m1601-card-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:auto;
  padding-top:17px;
  border-top:1px solid var(--m16-border);
}
.m1601-card-footer>span{
  color:var(--m16-muted);
  font-size:.7rem;
  line-height:1.4;
}
.m1601-detail-btn{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:42px;
  padding:0 15px;
  border-radius:11px;
  background:var(--m1601-green);
  color:#fff!important;
  font-size:.77rem;
  font-weight:850!important;
  white-space:nowrap;
  box-shadow:0 9px 20px rgba(11,118,95,.18);
  transition:background .2s ease,transform .2s ease;
}
.m1601-detail-btn:hover{background:var(--m1601-green-strong);transform:translateX(1px)}
.m1601-detail-btn b{font-size:1rem;line-height:1}
.m1601-empty-card{grid-column:1/-1;text-align:center;padding:48px}

html[data-theme="dark"] .m1601-verified{background:rgba(24,164,135,.16);color:#8be2d0}
html[data-theme="dark"] .m1601-destination{
  background:linear-gradient(135deg,rgba(11,118,95,.15),rgba(13,31,45,.88));
}
html[data-theme="dark"] .m1601-destination .country-flag{border-color:rgba(255,255,255,.2)}

@media(max-width:1399px){
  body.public-v1600 .public-nav{gap:15px!important}
  body.public-v1600 .public-nav a{font-size:12px!important}
}
@media(max-width:1199px){
  body.public-v1600 .public-nav{display:none!important}
}
@media(max-width:991px){
  .m1601-opportunity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
  .m1601-opportunity-grid{grid-template-columns:1fr}
  .m1601-opportunity-card{padding:21px;border-radius:20px}
  .m1601-card-header{display:block}
  .m1601-status-group{justify-content:flex-start;margin-top:10px}
  .m1601-card-footer{display:grid}
  .m1601-detail-btn{width:100%}
  .m1601-card-footer>span{text-align:center}
}
@media(max-width:420px){
  .m1601-meta{grid-template-columns:1fr}
  .m1601-meta>div{min-height:auto}
  .m1601-destination{align-items:flex-start;display:grid}
  .m1601-destination .country-identity{justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce){
  .m1601-opportunity-card,.m1601-detail-btn{transition:none!important}
}