:root{
    --naw-primary: #7d1388;
    --naw-accent:#0f9d58;
    --naw-bg:#f7f9fc;
    --naw-purple: #4E1380;
    --naw-plum-old: #741cbf;    
    --naw-plum-light-old: #9a44e3;
    --naw-plum: #7d1388;
    --naw-plum-hero: #ee555f;
    --naw-plum-light: #7d1388;
    --bg: #f6f4fb;
    --cardShadow: 0 10px 26px rgba(16,24,40,.08);
    --muted: #667085;
    --border: rgba(16,24,40,.12);
    --shadow: 0 14px 30px rgba(16,24,40,.10);
    --good:#12B76A;
    --warn:#F79009;
    --bad:#F04438;
    --middle-color: #be3970;
}

/* 4E1380 */
body{ background: var(--naw-bg); } 

.btn-primary{color:#fff;background-color:var(--naw-plum);border-color:var(--naw-plum)}
.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:var(--naw-plum-light);border-color:var(--naw-plum-light);box-shadow:0 0 0 .25rem rgba(116, 28, 191,.5);}
.btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus {    box-shadow: 0 0 0 .25rem rgba(116, 28, 191, .5);}
.btn-primary:hover{color:#fff;background-color:var(--naw-plum-light);border-color:var(--naw-plum-light)}
.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:var(--naw-plum-light);border-color:var(--naw-plum-light)}
.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:var(--naw-plum-light);border-color:var(--naw-plum-light)}
.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}
.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:var(--naw-plum-light);border-color:var(--naw-plum-light)}

/* .navbar{ background: var(--naw-primary); } */
.navbar{ background: linear-gradient(45deg, var(--naw-plum-light), var(--naw-plum-hero)); }
.navbar .nav-link, .navbar-brand{ color:#fff !important; }
.navbar-expand-lg .navbar-nav .nav-link{ padding-left: 5px; padding-right: 5px;}
.hero{
    background: linear-gradient(45deg, var(--naw-plum-hero), var(--naw-plum-light));
    color:#fff;
}
.hero-old{
    background: linear-gradient(var(--naw-plum), var(--naw-plum-light));
    color:#fff;
}
.table th{
    background: var(--middle-color);
    color:#fff;
}
.badge-soft{
    background: rgba(15,157,88,.12);
    color: var(--naw-accent);
    border: 1px solid rgba(15,157,88,.25);
}
.txtUp{text-transform: uppercase;}
.card{ border: 0; box-shadow: 0 8px 24px rgba(16,24,40,.06); }
.section-title{ letter-spacing: .2px; }
.small-muted{ color:#667085; }
.member-only { display:none; }
.pill { border:1px solid rgba(0,0,0,.08); padding:.35rem .6rem; border-radius:999px; background:#fff; color: var(--naw-primary); }
.pillTop {
    border: 1px solid rgba(0, 0, 0, .08);
    padding: 6px 20px;
    border-radius: 999px;
    background: #fff;
    color: var(--naw-primary);
    font-weight: 600;
}
.mainTagMh{min-height:500px;}
.captacha_sec {display: table;width: 100%;}
.captcha_text {letter-spacing: 5px;background-color: #f1f1f1;padding: 0 40px !important;font-size: 17px;height: 40px;line-height: 40px;font-weight: 600;text-align:center; }
.cfl{float:left; display:inline-block;}
.fph4{text-align: center;line-height: 24px;color: #444;margin-bottom: 20px; font-size:15px;}
#enter_captcha_txt {letter-spacing: 2px;}
.table thead th{font-weight:600; }
.footer{ background: var(--naw-primary); color:#fff; }
.footer a{ color: #dbe7ff; text-decoration:none; }
.footer a:hover{ text-decoration:underline; }
.captacha_sec {
    display: table;
    width: 100%;
}
.captcha_text {
    letter-spacing: 5px;
    background-color: #f1f1f1;
    padding: 0 40px !important;
    font-size: 17px;
    height: 40px;
    line-height: 40px;
    font-weight: 600;
    text-align: center;
}
#enter_captcha_txt {
    letter-spacing: 2px;
}
.control-label {
    font-weight: 500;
    font-size: 15px;
    padding-bottom: 4px;
    color: #555;
}
label.error {
    color: #ff0000;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
}
.res_form .form-control:focus {
    border-color: #333;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 0, 0, .4);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 0, 0, .4);
}
.badge-soft {
    background: linear-gradient(45deg, var(--naw-plum-hero), var(--naw-plum-light));
    color: #fff;
    border: none;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 600;
}
.fblder{ font-weight:bold;}
.lh26{line-height: 26px;}
.totalMem{ font-weight:600; font-size:20px;}
.totalMem span{ font-weight:bold; font-size:30px; color:var(--naw-primary);}
.featuredTag{ float: right;margin-top: -25px;}
.regState{ line-height:25px; padding:10px;  }
.regState p{ margin:0;padding:0;}
.regState span{font-weight:600; }

.dropdown-menu {
border-radius: 10px;
}
.dropdown-item:hover {
    background-color: rgba(78, 19, 128, 0.08);
    color: var(--naw-primary);
    font-weight: 500;
}

/* Optional smooth feel */
.dropdown-menu {transition: opacity .2s ease, transform .2s ease;}

.text-bg-light{font-weight: 600;font-size: 13px;}

.directoryPage .card{ border:0; border-radius:16px; box-shadow: var(--cardShadow); }
.directoryPage .avatar{
    width:56px; height:56px; border-radius:50%;
    object-fit:cover; background:#eef2ff;
    border:2px solid rgba(40,4,112,.15);
}
.directoryPage .name{ font-weight:600; margin:0; }
.directoryPage .meta{ color:var(--muted); margin:0; font-size:.95rem; }

.directoryPage .tag {
    border: 1px dashed rgba(40, 4, 112, .18);
    color: var(--naw-purple);
    background: rgba(40, 4, 112, .06);
    border-radius: 999px;
    padding: 5px 25px;
    font-size: 15px;
}
.btn-naw{
    background: var(--naw-purple);
    border-color: var(--naw-purple);
    color:#fff;
}
.btn-naw:hover{ background: var(--naw-plum); border-color: var(--naw-plum); }
.btn-outline-naw{
    border-color: var(--naw-plum-light);
    color: var(--naw-plum-light);
}
.btn-outline-naw:hover{
    background: var(--naw-plum-light);
    border-color: var(--naw-plum-light);
    color: #fff;
}
.directoryPage .sticky-filters{ top: 0.75rem; position: sticky; z-index: 10; }

#expertDetailModal .naw-modal .modal-content{
    border: 0;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 22px 55px rgba(0,0,0,.25);
}
#expertDetailModal .naw-modal .modal-header{
    border-bottom: 1px solid var(--border);
    background: #fff;
}
#expertDetailModal .naw-modal .modal-title{
    font-weight: 600;
    letter-spacing: .2px;
}
#expertDetailModal .naw-modal .btn-close{
    opacity: .9;
}

/* Left image panel */
#expertDetailModal .expert-photo{
    width: 100%;
    height: 100%;
    min-height: 320px;
    object-fit: cover;
    background: #f3f4f6;
}
#expertDetailModal .photo-wrap{
    position: relative;
    height: 100%;
}
#expertDetailModal .name-strip{
    position: absolute;
    left: 0; right: 0; bottom: 0;
    padding: 12px 14px;
    background: linear-gradient(180deg, transparent, rgba(0,0,0,.55));
    color: #fff;
}
#expertDetailModal .name-strip .name{
    font-size: 1.05rem;
    font-weight: 600;
    margin: 0;
}
#expertDetailModal .name-strip .title{
    margin: 2px 0 0;
    font-size: .92rem;
    opacity: .92;
}

/* Right info panel */
#expertDetailModal .info-label{
    color: var(--muted);
    font-size: .86rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 2px;
}
#expertDetailModal .info-value{
    color: #101828;
    font-weight: 600;
}
#expertDetailModal .info-block{
    padding: 10px 0;
    border-bottom: 1px solid rgba(16,24,40,.08);
}
#expertDetailModal .info-block:last-child{ border-bottom: 0; }

#expertDetailModal .tag{
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    border-radius: 999px;
    padding: .28rem .6rem;
    font-size: .88rem;
    border: 1px solid rgba(40,4,112,.22);
    color: var(--naw-purple);
    background: rgba(40,4,112,.06);
    margin: 4px 6px 0 0;
    white-space: nowrap;
}

/* CTA buttons */
#expertDetailModal .btn-naw{
    background: var(--naw-purple);
    border-color: var(--naw-purple);
    color: #fff;
    font-weight: 600;
}
#expertDetailModal .btn-naw:hover{ background: var(--naw-plum); border-color: var(--naw-plum); }

#expertDetailModal .btn-outline-naw{
    border-color: rgba(40,4,112,.35);
    color: var(--naw-purple);
    font-weight: 600;
}
#expertDetailModal .btn-outline-naw:hover{
    background: rgba(40,4,112,.06);
    border-color: rgba(40,4,112,.55);
    color: var(--naw-purple);
}

.resourcePage .topbar{
  background: radial-gradient(900px circle at 10% 20%, rgba(76,24,105,.35), transparent 55%),
  radial-gradient(900px circle at 90% 0%, rgba(40,4,112,.35), transparent 55%),
  linear-gradient(135deg, var(--naw-purple), var(--naw-plum));
  color:#fff;
}
.resourcePage .card{ border:0; border-radius:16px; box-shadow: var(--cardShadow); }
.resourcePage .pill{
  border-radius:999px;
  border:1px solid rgba(255,255,255,.25);
  background: rgba(255,255,255,.12);
  color:#fff;
  font-size:.9rem;
  padding:.35rem .7rem;
}
.resourcePage .small-muted{ color: var(--muted); }
.resourcePage .btn-naw{
  background: var(--naw-purple);
  border-color: var(--naw-purple);
  color:#fff;
}
.resourcePage .btn-naw:hover{ background: var(--naw-plum); border-color: var(--naw-plum);color:#fff; }
.resourcePage .btn-outline-naw{
  border-color: rgba(40,4,112,.35);
  color: var(--naw-purple);
  font-weight:600;
}
.resourcePage .btn-outline-naw:hover{
  background: rgba(40,4,112,.06);
  border-color: rgba(40,4,112,.55);
  color: var(--naw-purple);
}
.resourcePage .filter-sticky{ position: sticky; top: .75rem; z-index: 10; }
.resourcePage .form-control, .resourcePage .form-select{ border-color: var(--border); }
.resourcePage .form-control:focus, .resourcePage .form-select:focus{border-color: rgba(40,4,112,.45);box-shadow: 0 0 0 .25rem rgba(40,4,112,.12);}
.resourcePage .resource-row{
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 14px;
    background: #fff;
    transition: transform .12s ease, box-shadow .12s ease;
}
.resourcePage .resource-row:hover{
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(16,24,40,.08);
}
.resourcePage .icon-badge{
    width:42px; height:42px;
    display:flex; align-items:center; justify-content:center;
    border-radius:12px;
    border:1px solid var(--border);
    background: rgba(40,4,112,.06);
    color: var(--naw-purple);
    flex: 0 0 auto;
}
.resourcePage .tag{
    border:1px solid rgba(40,4,112,.18);
    color: var(--naw-purple);
    background: rgba(40,4,112,.06);
    border-radius:999px;
    padding:.15rem .55rem;
    font-size:.8rem;
    white-space:nowrap;
}
.resourcePage .meta{
    color: var(--muted);
    font-size: .92rem;
}
.resourcePage .empty{
    border: 1px dashed rgba(40,4,112,.35);
    background: rgba(40,4,112,.04);
    border-radius: 16px;
    padding: 22px;
    color: var(--muted);
}
.fw600{ font-weight:600;}
/* .loopQuestPage .hero{
    background: radial-gradient(900px circle at 15% 20%, rgba(76,24,105,.35), transparent 55%),
    radial-gradient(900px circle at 90% 0%, rgba(40,4,112,.35), transparent 55%),
    linear-gradient(135deg, var(--naw-purple), var(--naw-plum));
    color:#fff;
} */
.loopQuestPage .card{
    border:0;
    border-radius: 16px;
    box-shadow: var(--shadow);
}
.loopQuestPage .pill{
    display:inline-flex; align-items:center; gap:.45rem;
    border: 1px solid rgba(255,255,255,.25);
    background: rgba(255,255,255,.12);
    color:#fff;
    padding:.35rem .7rem;
    border-radius:999px;
    font-weight: 600;
    font-size: .9rem;
    white-space: nowrap;
}
.loopQuestPage .btn-naw{
    background: var(--naw-purple);
    border-color: var(--naw-purple);
    color:#fff;
    font-weight: 600;
    border-radius: 12px;
}
.loopQuestPage .btn-naw:hover{ background: var(--naw-plum); border-color: var(--naw-plum); }
.loopQuestPage .btn-outline-naw{
    border-color: rgba(40,4,112,.35);
    color: var(--naw-purple);
    font-weight: 600;
    border-radius: 12px;
}
.loopQuestPage .btn-outline-naw:hover{
    background: rgba(40,4,112,.06);
    border-color: rgba(40,4,112,.55);
    color: var(--naw-purple);
}
.loopQuestPage .form-control, .loopQuestPage .form-select, .loopQuestPage textarea{
    border-color: var(--border);
    border-radius: 12px;
}
.loopQuestPage .form-control:focus, .loopQuestPage .form-select:focus, .loopQuestPage textarea:focus{
    border-color: rgba(40,4,112,.45);
    box-shadow: 0 0 0 .25rem rgba(40,4,112,.12);
}
.loopQuestPage .section-title{
    font-weight: 600;
    letter-spacing: .2px;
}
.loopQuestPage .small-muted{ color: var(--muted); }
.loopQuestPage .kpi{
    border: 1px solid rgba(16,24,40,.10);
    border-radius: 14px;
    padding: 10px 12px;
    background: #fff;
}
.loopQuestPage .kpi .label{ color: var(--muted); font-size: .85rem; font-weight: 600; }
.loopQuestPage .kpi .value{ font-weight: 600; font-size: 1.1rem; color:#101828; }
.loopQuestPage .case-chip{
    display:inline-flex; align-items:center; gap:.4rem;
    border-radius: 999px;
    padding: .25rem .6rem;
    font-size: .85rem;
    border: 1px solid rgba(40,4,112,.18);
    background: rgba(40,4,112,.05);
    color: var(--naw-purple);
    font-weight: 600;
    white-space: nowrap;
}
.loopQuestPage .prompt-box{
    background: rgba(40,4,112,.04);
    border: 1px solid rgba(40,4,112,.12);
    border-radius: 14px;
    padding: 14px;
    line-height: 1.55;
}
.loopQuestPage .choice{
    border: 1px solid rgba(16,24,40,.12);
    border-radius: 14px;
    padding: 12px 12px;
    background: #fff;
    cursor: pointer;
    transition: transform .06s ease, box-shadow .06s ease, border-color .06s ease;
}
.loopQuestPage .choice:hover{
    transform: translateY(-1px);
    border-color: rgba(40,4,112,.25);
    box-shadow: 0 10px 22px rgba(16,24,40,.08);
}
.loopQuestPage .choice.selected{
    border-color: rgba(40,4,112,.60);
    box-shadow: 0 0 0 .25rem rgba(40,4,112,.12);
}
.loopQuestPage .choice .title{ font-weight: 600; margin-bottom: 2px; }
.loopQuestPage .choice .desc{ color: var(--muted); font-size: .95rem; margin:0; }
.loopQuestPage .badge-soft{
    background: rgba(40,4,112,.08);
    border: 1px solid rgba(40,4,112,.18);
    color: var(--naw-purple);
    font-weight: 600;
    padding: 8px 10px;
}
.loopQuestPage .divider{
    height: 1px;
    background: rgba(16,24,40,.10);
    margin: 14px 0;
}
.loopQuestPage .mono{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
.loopQuestPage .naw-modal .modal-content{
    border: 0;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 22px 55px rgba(0,0,0,.25);
}
.loopQuestPage pre{
    background:#0b1020;
    color:#e6e8ef;
    border-radius: 14px;
    padding: 14px;
    overflow:auto;
    border: 1px solid rgba(255,255,255,.08);
    margin:0;
}

.outcomeDetectPage .card{ border:0; border-radius:16px; box-shadow: var(--shadow); }
.outcomeDetectPage .btn-naw{
background: var(--naw-purple);
border-color: var(--naw-purple);
color:#fff; font-weight:600; border-radius: 12px;
}
.outcomeDetectPage .btn-naw:hover{ background: var(--naw-plum); border-color: var(--naw-plum); }
.outcomeDetectPage .btn-outline-naw{
border-color: rgba(40,4,112,.35);
color: var(--naw-purple);
font-weight: 600;
border-radius: 12px;
}
.outcomeDetectPage .btn-outline-naw:hover{
background: rgba(40,4,112,.06);
border-color: rgba(40,4,112,.55);
color: var(--naw-purple);
}
.outcomeDetectPage .badge-soft{
background: rgba(40,4,112,.08);
border: 1px solid rgba(40,4,112,.18);
color: var(--naw-purple);
font-weight: 600;
}
.outcomeDetectPage .small-muted{ color: var(--muted); }
.outcomeDetectPage .kpi{
border: 1px solid rgba(16,24,40,.10);
border-radius: 14px;
padding: 10px 12px;
background: #fff;
}
.outcomeDetectPage .kpi .label{ color: var(--muted); font-size: .85rem; font-weight: 600; }
.outcomeDetectPage .kpi .value{ font-weight: 600; font-size: 1.15rem; color:#101828; }
.outcomeDetectPage .choice{
border: 1px solid rgba(16,24,40,.12);
border-radius: 14px;
padding: 12px;
background: #fff;
cursor: pointer;
transition: transform .06s ease, box-shadow .06s ease, border-color .06s ease;
}
.outcomeDetectPage .choice:hover{
transform: translateY(-1px);
border-color: rgba(40,4,112,.25);
box-shadow: 0 10px 22px rgba(16,24,40,.08);
}
.outcomeDetectPage .choice.selected{
border-color: rgba(40,4,112,.60);
box-shadow: 0 0 0 .25rem rgba(40,4,112,.12);
}
.outcomeDetectPage .choice .title{ font-weight: 600; margin-bottom: 2px; }
.outcomeDetectPage .divider{ height:1px; background: rgba(16,24,40,.10); margin: 14px 0; }
.outcomeDetectPage .prompt-box{
background: rgba(40,4,112,.04);
border: 1px solid rgba(40,4,112,.12);
border-radius: 14px;
padding: 14px;
line-height: 1.55;
}
.outcomeDetectPage .form-control, .form-select, textarea{
border-color: var(--border);
border-radius: 12px;
}
.outcomeDetectPage .form-control:focus, .form-select:focus, textarea:focus{
border-color: rgba(40,4,112,.45);
box-shadow: 0 0 0 .25rem rgba(40,4,112,.12);
}
.outcomeDetectPage .pill{
display:inline-flex; align-items:center; gap:.45rem;
border: 1px solid rgba(255,255,255,.25);
background: rgba(255,255,255,.12);
color:#fff;
padding:.35rem .7rem;
border-radius:999px;
font-weight: 600;
font-size: .9rem;
white-space: nowrap;
}
.outcomeDetectPage .rubric-item{
border:1px solid rgba(16,24,40,.10);
border-radius: 12px;
padding: 10px 12px;
background: #fff;
}
.outcomeDetectPage .mono{
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.outcomeDetectPage .hint{
border:1px dashed rgba(40,4,112,.35);
background: rgba(40,4,112,.04);
border-radius: 14px;
padding: 12px 14px;
}
.outcomeDetectPage .naw-modal .modal-content{
border:0;
border-radius: 18px;
overflow:hidden;
box-shadow: 0 22px 55px rgba(0,0,0,.25);
}
.outcomeDetectPage pre{
background:#0b1020;
color:#e6e8ef;
border-radius: 14px;
padding: 14px;
overflow:auto;
border: 1px solid rgba(255,255,255,.08);
margin:0;
}

.gamePigPage .card{ border:0; border-radius:16px; box-shadow: var(--shadow); }
.gamePigPage .btn-naw{
background: var(--naw-purple);
border-color: var(--naw-purple);
color:#fff; font-weight:600; border-radius: 12px;
}
.gamePigPage .btn-naw:hover{ background: var(--naw-plum); border-color: var(--naw-plum); }
.gamePigPage .btn-outline-naw{
border-color: rgba(40,4,112,.35);
color: var(--naw-purple);
font-weight: 700;
border-radius: 12px;
}
.gamePigPage .btn-outline-naw:hover{
background: rgba(40,4,112,.06);
border-color: rgba(40,4,112,.55);
color: var(--naw-purple);
}
.gamePigPage .pill{
display:inline-flex; align-items:center; gap:.45rem;
border: 1px solid rgba(255,255,255,.25);
background: rgba(255,255,255,.12);
color:#fff;
padding:.35rem .7rem;
border-radius:999px;
font-weight: 600;
font-size: .9rem;
white-space: nowrap;
}
.dishide{display:none;}
.gamePigPage .scenarioMetaMy{display:none;}
.gamePigPage .small-muted{ color: var(--muted); }
.gamePigPage .kpi{
border: 1px solid rgba(16,24,40,.10);
border-radius: 14px;
padding: 10px 12px;
background: #fff;
}
.gamePigPage .kpi .label{ color: var(--muted); font-size: .85rem; font-weight: 600; }
.gamePigPage .kpi .value{ font-weight: 700; font-size: 1.15rem; color:#101828; }
.gamePigPage .choice{
border: 1px solid rgba(16,24,40,.12);
border-radius: 14px;
padding: 12px;
background: #fff;
cursor: pointer;
transition: transform .06s ease, box-shadow .06s ease, border-color .06s ease;
height: 100%;
}
.gamePigPage .choice:hover{
transform: translateY(-1px);
border-color: rgba(40,4,112,.25);
box-shadow: 0 10px 22px rgba(16,24,40,.08);
}
.gamePigPage .choice.selected{
border-color: rgba(40,4,112,.60);
box-shadow: 0 0 0 .25rem rgba(40,4,112,.12);
}
.gamePigPage .choice .title{ font-weight: 700; margin-bottom: 2px; }
.gamePigPage .divider{ height:1px; background: rgba(16,24,40,.10); margin: 14px 0; }
.gamePigPage .prompt-box{
background: rgba(40,4,112,.04);
border: 1px solid rgba(40,4,112,.12);
border-radius: 14px;
padding: 14px;
line-height: 1.55;
}
.gamePigPage .mono{
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.gamePigPage .naw-modal .modal-content{
border:0;
border-radius: 18px;
overflow:hidden;
box-shadow: 0 22px 55px rgba(0,0,0,.25);
}
.gamePigPage .badge-soft{
background: rgba(40,4,112,.08);
border: 1px solid rgba(40,4,112,.18);
color: var(--naw-purple);
font-weight: 700;
}
.gamePigPage .hint{
border:1px dashed rgba(40,4,112,.35);
background: rgba(40,4,112,.04);
border-radius: 14px;
padding: 12px 14px;
}
.gamePigPage .barwrap{
height: 10px;
background: rgba(16,24,40,.08);
border-radius: 999px;
overflow: hidden;
}
.gamePigPage .bar{
height: 10px;
width: 0%;
background: linear-gradient(90deg, rgba(255,255,255,.6), rgba(255,255,255,.9));
}
.gamePigPage pre{
background:#0b1020;
color:#e6e8ef;
border-radius: 14px;
padding: 14px;
overflow:auto;
border: 1px solid rgba(255,255,255,.08);
margin:0;
}

.eventDetailsModal .naw-modal .modal-content{
    border: 0;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 22px 55px rgba(0,0,0,.25);
}
.eventDetailsModal .naw-modal .modal-header{
    background: #fff;
    border-bottom: 1px solid var(--border);
    padding: 16px 20px;
}
.eventDetailsModal .naw-modal .modal-title{
    font-weight: 600;
    letter-spacing: .2px;
    line-height: 1.15;
}
.eventDetailsModal .naw-modal .btn-close{ opacity: .9; }
.eventDetailsModal .meta-pill{
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    border: 1px solid rgba(16,24,40,.12);
    background: rgba(40,4,112,.05);
    color: #101828;
    border-radius: 999px;
    padding: .35rem .65rem;
    font-size: .9rem;
    font-weight: 600;
    white-space: nowrap;
}
.eventDetailsModal .meta-pill i{ color: var(--naw-purple); }

/* Content blocks */
.eventDetailsModal .section-title{
    color: var(--muted);
    font-size: .86rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 6px;
}
.eventDetailsModal .panel{
    border: 1px solid rgba(16,24,40,.10);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(16,24,40,.06);
}
.eventDetailsModal .panel-body{ padding: 18px 18px; }
.eventDetailsModal .event-org{
    font-weight: 600;
    font-size: 1.05rem;
    color: #101828;
}

/* Make description clearly readable */
.eventDetailsModal .desc-box{
    background: rgba(40,4,112,.04);
    border: 1px solid rgba(40,4,112,.12);
    border-radius: 14px;
    padding: 14px 14px;
    color: #101828;
    line-height: 1.55;
    white-space: pre-wrap;
}

/* Presenters list: readable + scannable */
.eventDetailsModal .presenter-list{
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.eventDetailsModal .presenter-item{
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 12px;
    border: 1px solid rgba(16,24,40,.10);
    border-radius: 14px;
    background: #fff;
}
.eventDetailsModal .presenter-badge{
    width: 30px;
    height: 30px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(40,4,112,.08);
    border: 1px solid rgba(40,4,112,.18);
    color: var(--naw-purple);
    flex: 0 0 auto;
}
.eventDetailsModal .presenter-name{ font-weight: 600; margin: 0; line-height: 1.25; }
.eventDetailsModal .presenter-role{ color: var(--muted); margin: 2px 0 0; font-size: .93rem; }
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1280px;
    }
}
/* Hover dropdown – desktop only */
@media (min-width: 992px) {
    .dropdown-hover:hover > .dropdown-menu {
        display: block;
        margin-top: 0;
    }
}
@media screen and (max-width: 576px) {  
    .mainTagMh{min-height:100%;}
}