/* Optional Avelon theme. Component styles beat the cabinet's later inline
   styles without changing the standard theme or business state classes.
   Figma: paper1:1064/1:743, inputs1:6018, buttons1:1053/1:5544. */
body.av-cabinet {
  --av-panel-bg:#fff1db;
  --av-panel-line:#e9d6be;
  --av-panel-shadow:inset 0 0 12px 3px #fff0d4cc,0 0 8px #1b0f051f;
  --av-panel-radius:12px;
  --av-action-soft:#ffc76c40;
  --av-action-hover:#ffc76c73;
  --av-action-line:#ffb26ecc;
  --av-action-shadow:inset 0 2px 6px #ffe2bccc;
}

body.av-cabinet .av-gold-icon{display:block;width:1em;height:1em;object-fit:contain}
body.av-cabinet .av-silver-icon{display:block;width:1em;height:1em;object-fit:contain}

/* PayPal information, empty history, and the irreversible-link warning. */
body.av-cabinet .alert {
  --bs-alert-color:#634b2d;
  --bs-alert-border-color:#e0c394;
  --bs-alert-bg:#fff1db;
  --bs-alert-border-radius:12px;
  color:var(--bs-alert-color);
  border-color:var(--bs-alert-border-color);
  border-radius:12px;
  font-family:var(--av-font);
}
body.av-cabinet :is(.alert-info,.alert-light,.alert-primary,.alert-secondary) {
  --bs-alert-color:#634b2d;
  --bs-alert-border-color:#e0c394;
  --bs-alert-bg:#fff1db;
  background:var(--av-panel-bg) url('./avelon-paper.png') center bottom / 100% 100% no-repeat;
  box-shadow:var(--av-panel-shadow);
}
body.av-cabinet .alert-warning {
  --bs-alert-color:#74531e;
  --bs-alert-bg:#ffc76c40;
  --bs-alert-border-color:#ffb26ecc;
  background:var(--bs-alert-bg);
  box-shadow:var(--av-action-shadow);
}
body.av-cabinet .alert-warning b,body.av-cabinet .alert-warning strong{color:#704f19}
body.av-cabinet .alert-danger {
  --bs-alert-color:#a94c2c;
  --bs-alert-bg:#ffeae0;
  --bs-alert-border-color:#d47953;
  background:var(--bs-alert-bg);
}
body.av-cabinet .alert-success {
  --bs-alert-color:#557a35;
  --bs-alert-bg:#fff1db;
  --bs-alert-border-color:#a2b97d;
  background:var(--av-panel-bg) url('./avelon-paper.png') center bottom / 100% 100% no-repeat;
}
body.av-cabinet .alert :is(a,.alert-link){color:#9a6c21;text-underline-offset:3px}
body.av-cabinet .alert :is(a,.alert-link):hover{color:#5d4318}

/* Referral's own stylesheet formerly reset every surface to white. */
body.av-cabinet .rf {
  --rf-card:#fff1db;--rf-line:#e9d6be;--rf-ink:#634b2d;--rf-muted:#80694b;--rf-head:transparent;
  --rf-accent:#d49850;--rf-accent-soft:#ffc76c40;--rf-ok:#557a35;--rf-ok-bg:#fff1db;
  --rf-warn:#9a6c21;--rf-warn-bg:#ffc76c40;--rf-track:#e9d6be;--rf-stripe:#fff0d4;
  --rf-fill-a:#f6d29c;--rf-fill-b:#e7ad60;--rf-done-a:#e9bd7d;--rf-done-b:#d49850;
  --rf-radius:12px;--rf-shadow:var(--av-panel-shadow);
  color:var(--rf-ink);
}
body.av-cabinet :is(.rf-box,.rf-term,.rt-pod>div) {
  background:var(--av-panel-bg) url('./avelon-paper.png') center bottom / 100% 100% no-repeat;
  border:1px solid var(--av-panel-line);
  border-radius:var(--av-panel-radius);
  color:#634b2d;
  box-shadow:var(--av-panel-shadow);
}
body.av-cabinet .rf-term.rf-you{border-color:var(--av-action-line)}
body.av-cabinet .rf-lvl {
  height:24px;border:1px solid #e0c394;border-radius:6px;background:#ffefe0;
  box-shadow:inset 0 1px 3px #b48b5a1a;
}
body.av-cabinet .rf-lvl>i {
  border-radius:5px;background:linear-gradient(90deg,var(--rf-fill-a),var(--rf-fill-b));
  box-shadow:inset 0 1px 0 #fff0d480;
}
body.av-cabinet .rf-lvl.done>i {background:linear-gradient(90deg,var(--rf-done-a),var(--rf-done-b))}
body.av-cabinet .rf-lvl.done>i::after {display:none;animation:none}
body.av-cabinet .rf-lvl>span {
  color:#634b2d;font-family:var(--av-font);font-size:12px;font-weight:590;text-shadow:none;
}
body.av-cabinet .rf-lvl.sm{height:18px}
body.av-cabinet .rf-lvl.sm>span{font-size:11px}
body.av-cabinet .rf-hd {
  padding:16px 20px 12px;background:transparent;border-color:var(--av-panel-line);
  color:#634b2d;font-size:26px;font-weight:440;font-variation-settings:'wdth' 47;line-height:1.2;
}
body.av-cabinet .rf-hd>.bi{font-size:18px;color:#d49850}
body.av-cabinet .rf-hd .rf-cnt{font-size:14px;font-weight:510;font-variation-settings:'wdth' 100;color:var(--rf-muted)}
body.av-cabinet .rf-empty{padding:20px;color:var(--rf-muted);line-height:1.5}
body.av-cabinet .rf-coin{color:#d49850}
body.av-cabinet .rf-linkbox {
  min-height:45px;background:#ffefe0;border:1px solid #e0c394;border-radius:12px;box-shadow:none;
}
body.av-cabinet .rf-linkbox .rf-lbl{background:transparent;color:#80694b;border-color:#e0c394;font-size:14px}
body.av-cabinet .rf-linkbox input{background:#ffefe0;color:#74531e;font-family:var(--av-font);font-size:16px;font-weight:590;line-height:21px;padding:11px 16px}
body.av-cabinet .rf-linkbox button{min-width:45px;min-height:43px;border-color:#e0c394;background:#ffc76c40;color:#9a6c21}
body.av-cabinet .rf-linkbox button:hover{background:#ffc76c73;color:#5d4318}
body.av-cabinet .rf-own {
  min-height:45px;padding:11px 16px;border:1px solid #ffb26ecc;border-radius:12px;
  background:#ffc76c40;color:#9a6c21;box-shadow:var(--av-action-shadow);
  font-size:15px;font-weight:590;line-height:21px;letter-spacing:-.02em;
}
body.av-cabinet .rf-own:hover{background:#ffc76c73;border-color:#ffb26ecc;color:#5d4318}
body.av-cabinet .ref-card{border-color:var(--av-panel-line)}
body.av-cabinet .ref-card .card-header{background:transparent;border-color:var(--av-panel-line)}
body.av-cabinet .ref-cond{background:#ffc76c40;color:#74531e}

/* Rating filters and podium use the same paper and pale active button. */
body.av-cabinet :is(.rt-chip,.fm-sort){border-color:#ffb26ecc;border-radius:12px;background:#ffc76c40;color:#9a6c21;box-shadow:var(--av-action-shadow)}
body.av-cabinet :is(.rt-chip,.fm-sort):hover{background:#ffc76c73;color:#5d4318}
body.av-cabinet :is(.rt-chip,.fm-sort).active{border-color:#ffb26ecc;background:#fde4bc;color:#704f19}
body.av-cabinet .rt-all{background:#ffefe0;border-color:#e0c394;color:#80694b}
body.av-cabinet .rt-all.active{background:#ffc76c40;border-color:#d49850;color:#9a6c21}
body.av-cabinet .rt-cls.active{border-color:#d49850}
body.av-cabinet .rt-pod>.p1{border-color:#ffb26ecc;box-shadow:var(--av-panel-shadow)}
body.av-cabinet :is(.rt-pod b,.rt-pod .v){color:#634b2d}
body.av-cabinet :is(.rt-m1,.ct-m1,.fm-m1){background:#fde4bc;color:#9a6c21;border:1px solid #ffb26ecc}
body.av-cabinet :is(.rt-m2,.ct-m2,.fm-m2){background:#f9ecd5;color:#80694b;border:1px solid #e0c394}
body.av-cabinet :is(.rt-m3,.ct-m3,.fm-m3){background:#ffefe0;color:#8c5e26;border:1px solid #d49850}

/* Other page-local lists and badges had the same unscoped default colours.
   Game maps, guild/rarity colours, item sprites and the GvG window retain their
   native data meaning; only cabinet surfaces and selection controls change. */
body.av-cabinet :is(.ct-row,.fm-row){background:transparent;color:#634b2d;border-color:#e9d6be}
body.av-cabinet :is(.ct-row,.fm-row):hover{background:#ffc76c26}
body.av-cabinet :is(.ct-row,.fm-row).sel{background:#ffc76c40}
body.av-cabinet :is(.fm-sp,.ct-st,.ct-st.clan,.ct-st.hidden,.ct-cl-II){background:#ffefe0;color:#80694b}
body.av-cabinet :is(.fm-sp.full,.ct-cl-I){background:#ffc76c40;color:#9a6c21}
body.av-cabinet .ct-st.war{background:#ffeae0;color:#a94c2c}
body.av-cabinet .ct-cnt.zero{background:#ffefe0;color:#99876a}
body.av-cabinet .fm-fish{background:#ffefe0;border-color:#e0c394}
body.av-cabinet .fm-fish.fs-r2{background:#ffc76c40;border-color:#d49850}
body.av-cabinet .fm-co{background:#fff2e3f5;border:1px solid #e9d6be;border-radius:12px;box-shadow:var(--av-panel-shadow);color:#634b2d}
body.av-cabinet :is(.fm-co .mut,.fm-srv .mut){color:#80694b}
body.av-cabinet .fm-srv{border-color:#e0c394}
body.av-cabinet .fm-sbar{background:#e9d6be}
body.av-cabinet .gh-big{background:#ffc76c40;border-color:#ffb26ecc;color:#9a6c21;box-shadow:var(--av-action-shadow)}
body.av-cabinet .gh-big:hover{background:#ffc76c73;color:#5d4318}
body.av-cabinet :is(.badge.text-bg-primary,.badge.text-bg-info,.badge.text-bg-warning,.badge.bg-warning){background-color:#fde4bc!important;color:#704f19!important;border-color:#ffb26ecc}
body.av-cabinet .nav-pills{--bs-nav-pills-link-active-color:#704f19;--bs-nav-pills-link-active-bg:#fde4bc}
body.av-cabinet .nav-pills .nav-link{color:#9a6c21}
body.av-cabinet .nav-pills .nav-link.active{color:#704f19;box-shadow:var(--av-action-shadow)}
body.av-cabinet .progress{--bs-progress-bg:#e9d6be;--bs-progress-bar-bg:#d49850;--bs-progress-bar-color:#634b2d}

@media(max-width:640px){
 body.av-cabinet .rf-linkrow{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
 body.av-cabinet .rf-linkbox{display:grid;grid-template-columns:minmax(0,1fr) 45px;background:transparent;border:0;box-shadow:none;overflow:visible;min-width:0}
 body.av-cabinet .rf-linkbox .rf-lbl{grid-column:1 / -1;border:0;padding:0 0 8px;white-space:normal;line-height:1.4}
 body.av-cabinet .rf-linkbox input{width:100%;min-width:0;border:1px solid #e0c394;border-radius:12px 0 0 12px}
 body.av-cabinet .rf-linkbox button{min-height:45px;border:1px solid #ffb26ecc;border-left:0;border-radius:0 12px 12px 0}
 body.av-cabinet .rf-own{justify-content:center}
 body.av-cabinet .rf-hd{padding:16px 16px 12px}
 body.av-cabinet .rf-empty{padding:16px}
}