/* iGP Members UI - theme-owned styles (Account/Login/Register) */
:root{
  --igpm-bg:#ffffff;
  --igpm-border:rgba(17,24,39,.08);
  --igpm-muted:rgba(17,24,39,.60);
  --igpm-text:#111827;
  --igpm-soft:#f3f4f6;
  --igpm-soft2:#eef0f3;
  --igpm-shadow:0 18px 40px rgba(17,24,39,.10);
  --igpm-radius:18px;
  --igpm-radius-sm:12px;
}

.igpm{
  max-width:400px;
  margin:28px auto;
  padding:24px;
  background:var(--igpm-bg);
  border:1px solid var(--igpm-border);
  border-radius:var(--igpm-radius);
  box-shadow:var(--igpm-shadow);
  color:var(--igpm-text);
}

.igpm-links{
	display: flex;
    justify-content: space-around;
}

.igpm h1{margin:0 0 8px;font-size:32px;letter-spacing:-.02em}
.igpm h2{margin:18px 0 10px;font-size:18px;letter-spacing:-.01em}
.igpm h3{margin:18px 0 10px;font-size:16px;letter-spacing:-.01em}

.igpm-sub{color:var(--igpm-muted);font-size:13px;margin-top:6px;line-height:1.45}
.igpm-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--igpm-soft2);margin-bottom:14px}
.igpm-badges{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:10px}

.igpm-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;font-size:12px;border:1px solid var(--igpm-border);background:var(--igpm-soft)}
.igpm-badge--ok{background:rgba(16,185,129,.10);border-color:rgba(16,185,129,.25)}
.igpm-badge--warn{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.28)}

.igpm-btn{
  appearance:none;border:0;
  display:inline-flex;align-items:center;justify-content:center;
  gap:8px;
  height:32px;
  padding:0 14px;
  border-radius:999px;
  font-size:13px;font-weight:600;
  cursor:pointer;
  background:#111827;color:#fff;
}
.igpm-btn:hover{filter:brightness(1.05)}
.igpm-btn:active{transform:translateY(1px)}
.igpm-btn--ghost{
  background:var(--igpm-soft);
  color:var(--igpm-text);
  border:1px solid var(--igpm-border);
}
.igpm-btn--ghost:hover{background:var(--igpm-soft2)}
.igpm-btn[disabled]{opacity:.55;cursor:not-allowed;transform:none}

.igpm-tabs{
  display:flex;gap:8px;flex-wrap:wrap;
  padding:8px;
  background:var(--igpm-soft);
  border:1px solid var(--igpm-border);
  border-radius:999px;
  margin:14px 0 18px;
}
.igpm-tab{
  border:0;background:transparent;
  height:34px;padding:0 14px;border-radius:999px;
  font-size:13px;font-weight:700;color:var(--igpm-muted);
  cursor:pointer;
}
.igpm-tab.is-active{
  background:#fff;
  color:var(--igpm-text);
  border:1px solid var(--igpm-border);
  box-shadow:0 8px 18px rgba(17,24,39,.08);
}

.igpm-panels{margin-top:8px}
.igpm-panel{display:none}
.igpm-panel.is-active{display:block}

.igpm-row{display:grid;grid-template-columns:1fr 360px;gap:22px;align-items:start}
.igpm-col{background:var(--igpm-soft);border:1px solid var(--igpm-border);border-radius:var(--igpm-radius-sm);padding:16px}
.igpm-col > h2,.igpm-col > h3{margin-top:0}

.igpm-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.igpm-item{
  display:flex;align-items:flex-start;justify-content:space-between;gap:14px;
  padding:12px 12px;
  border-radius:14px;
  background:#fff;
  border:1px solid var(--igpm-border);
}
.igpm-item small{display:block;margin-top:4px;color:var(--igpm-muted);font-size:12px}
.igpm-item a{color:var(--igpm-text);text-decoration:none;font-weight:700}
.igpm-item a:hover{text-decoration:underline}
.igpm-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.igpm-actions .igpm-btn{height:32px;padding:0 12px;font-size:12px}

.igpm-form{display:flex;flex-direction:column;gap:10px;margin:12px 0}
.igpm-form.igpm-inline{flex-direction:row;align-items:center;gap:10px}
.igpm-form input[type="text"], .igpm-form input[type="email"], .igpm-form input[type="password"]{
  width:100%;
  height:38px;
  padding:0 12px;
  border-radius:12px;
  border:1px solid var(--igpm-border);
  background:#fff;
  color:var(--igpm-text);
  outline:none;
}
.igpm-form.igpm-inline input{flex:1}
.igpm-form input:focus{border-color:rgba(59,130,246,.45);box-shadow:0 0 0 4px rgba(59,130,246,.12)}
.igpm-msg{font-size:12px;color:var(--igpm-muted)}
.igpm-check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--igpm-text)}
.igpm-check input{width:16px;height:16px}

.igpm-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.igpm-tag{
  border:1px solid var(--igpm-border);
  background:#fff;
  border-radius:999px;
  padding:8px 12px;
  font-size:13px;font-weight:700;
  cursor:pointer;
  color:var(--igpm-text);
}
.igpm-tag.is-on{background:rgba(16,185,129,.10);border-color:rgba(16,185,129,.25)}

@media (max-width: 980px){
  .igpm{padding:18px}
  .igpm-row{grid-template-columns:1fr}
  .igpm-col{padding:14px}
  .igpm-tabs{border-radius:16px}
}


/* Username */
.igpm-userRow{display:flex;align-items:center;gap:12px}
.igpm-userName{margin:0;font-size:28px;line-height:1.1}
.igpm-usernameEdit{margin-top:10px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.igpm-err{color:#b42318}

/* Profile preferences */
.igpm-prefGrid{display:flex;flex-wrap:wrap;gap:10px}
.igpm-prefGrid button,
.igpm-prefGrid .igpm-prefBtn{border:1px solid #e5e7eb;background:#fff;border-radius:999px;padding:8px 12px;font-weight:600;color:#111827}
.igpm-prefGrid button.is-on,
.igpm-prefGrid .igpm-prefBtn.is-on{border-color:#111827;background:#f3f4f6}



/* Username change icon button */
.igpm-iconbtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border:1px solid #e5e7eb;
  background:#fff;
  border-radius:999px;
  cursor:pointer;
  padding:0;
}
.igpm-iconbtn:hover{background:#f3f4f6;}
.igpm-iconbtn .igpm-icon{width:18px;height:18px;opacity:.8;}

/* Profile preference pills */
.igpm-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:10px;
}
.igpm-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border:1px solid #e5e7eb;
  border-radius:999px;
  background:#fff;
  font-weight:600;
  cursor:pointer;
  user-select:none;
}
.igpm-pill input{display:none;}
.igpm-pill:hover{background:#f3f4f6;}
.igpm-pill:has(input:checked){
  border-color:#111827;
  box-shadow:0 0 0 2px rgba(17,24,39,.08) inset;
}


/* Ensure hidden works even with display rules */
.igpm [hidden]{display:none !important;}

/* Profile preference pills */
.igpm-tags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (max-width:520px){.igpm-tags{grid-template-columns:1fr}}
.igpm-pill{position:relative;display:flex;align-items:center;gap:10px;padding:20px 12px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;cursor:pointer;user-select:none}
.igpm-pill input{position:absolute;opacity:0;pointer-events:none}
.igpm-pill span{position:relative;padding-left:22px;font-weight:600;color:#111827;font-size:13px;line-height:1.2}
.igpm-pill span:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:6px;border:1px solid #d1d5db;background:#fff}
.igpm-pill input:checked + span:before{content:"✓";display:flex;align-items:center;justify-content:center;font-size:12px;color:#111827;border-color:#111827}
.igpm-pill input:checked ~ span{ }
.igpm-pill:has(input:checked){border-color:#111827;background:#f9fafb}

/* Mobile account layout tweaks */
@media (max-width:720px){
  body.igpm-account-page .main{padding:18px 0 70px;}
  body.igpm-account-page .igpm.igpm-account{padding:0;background:transparent;border:0;box-shadow:none;}
  body.igpm-account-page .igpm-tabs{gap:0;padding:0;background:transparent;border-color:transparent;}
  body.igpm-account-page .igpm-tab{padding:0 10px;font-size:12px;}
  body.igpm-account-page .igpm-col{padding:0;border:0;background:transparent;border-radius:0;}
}

/* Compare list title bold */
.igpm-list[data-kind="compare"] .igpm-item > div > div{font-weight:700;}