/* =========================================================
   AlphaRomeo15.org — Tactical / Patriotic MyBB 1.8 Theme
   Core stylesheet
   ========================================================= */

:root{
  --ar-bg:#0c0e0f;
  --ar-bg2:#121517;
  --ar-panel:#181c1e;
  --ar-panel2:#202528;
  --ar-panel3:#292f32;
  --ar-line:#394044;
  --ar-line-soft:#2b3033;
  --ar-text:#e7e4db;
  --ar-muted:#a6aaa7;
  --ar-faint:#777e7b;
  --ar-od:#68705b;
  --ar-od-dark:#41483a;
  --ar-tan:#b6a27d;
  --ar-red:#8e1f27;
  --ar-red2:#b42c35;
  --ar-navy:#1c2c43;
  --ar-blue:#2d4b70;
  --ar-green:#8e9f72;
  --ar-white:#f2f0e8;
  --ar-shadow:0 14px 36px rgba(0,0,0,.28);
  --ar-radius:7px;
  --ar-font: "Segoe UI", Arial, Helvetica, sans-serif;
  --ar-condensed: "Arial Narrow","Roboto Condensed","Segoe UI",Arial,sans-serif;
}

*{box-sizing:border-box}
html{background:var(--ar-bg)}
body{
  margin:0;
  background:
    linear-gradient(rgba(11,13,14,.94),rgba(11,13,14,.94)),
    repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 1px,transparent 1px 6px);
  color:var(--ar-text);
  font-family:var(--ar-font);
  font-size:14px;
  line-height:1.5;
  text-align:left;
  overflow-x:hidden;
}

a:link,a:visited{color:#cbd5c2;text-decoration:none}
a:hover,a:active{color:var(--ar-white);text-decoration:none}

#container{
  color:var(--ar-text);
  width:100%;
  min-width:0;
  margin:0;
  font:inherit;
}
.wrapper{
  width:min(96%,1480px);
  min-width:0;
  max-width:1480px;
  margin:0 auto;
}

/* Header */
#logo{
  position:relative;
  min-height:112px;
  padding:16px 0;
  overflow:hidden;
  border-bottom:1px solid #31383a;
  background:
    linear-gradient(90deg,rgba(12,14,15,.98) 0%,rgba(19,23,24,.94) 55%,rgba(28,44,67,.34) 100%);
}
#logo:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.27;

  background:
    repeating-linear-gradient(
      0deg,
      rgba(255,255,255,.04) 0 1px,
      transparent 1px 10px
    );
}
#logo .wrapper{position:relative;z-index:2;display:flex;align-items:center;gap:24px}
#logo img{
  max-width:min(560px,72vw);
  height:auto;
  display:block;
  filter:drop-shadow(0 5px 12px rgba(0,0,0,.45));
}

/* legacy top-links */
#header ul.menu,#logo ul.top_links,#panel ul{
  margin:0;padding:0;list-style:none;
}
#logo ul.top_links{
  margin-left:auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:7px;
}
#logo ul.top_links li,#header ul.menu li,#panel ul li{display:inline-block;margin:0}
#logo ul.top_links a,
#header ul.menu li a{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:8px 12px!important;
  border:1px solid var(--ar-line);
  border-radius:4px;
  color:var(--ar-text)!important;
  background:#15191b!important;
  background-image:none!important;
  font-weight:700;
  font-size:12px;
  letter-spacing:.04em;
  text-transform:uppercase;
}
#logo ul.top_links a:hover,#header ul.menu li a:hover{
  border-color:var(--ar-tan);
  background:#202527!important;
  color:#fff!important;
}

/* Account panel */
#panel{box-shadow:0 5px 16px rgba(0,0,0,.22)}
#panel .upper{
  padding:7px 0;
  background:#0d0f10;
  border-top:1px solid #343a3d;
  border-bottom:1px solid #000;
  color:#d6d6d1;
}
#panel .lower{
  padding:7px 0;
  background:#1a1e20;
  border-bottom:1px solid #343a3d;
  color:var(--ar-muted);
}
#panel .upper .wrapper,#panel .lower .wrapper{overflow:hidden}
#panel .upper a,#panel .lower a{color:#deddd7}
#panel .upper a.logout,
#panel .upper a.login,
#panel .upper a.lost_password,
#panel .upper a.register,
#panel .lower ul.panel_links a{
  background-image:none!important;
  padding:0 7px!important;
  font-weight:700;
}
#panel .lower ul.panel_links{float:left}
#panel .lower ul.user_links{float:right}

/* Main content */
#content{
  background:transparent;
  width:auto!important;
  padding:20px 0 30px;
  overflow:visible;
}
.navigation{
  padding:10px 12px;
  margin-bottom:14px;
  color:var(--ar-muted);
  background:#121516;
  border:1px solid var(--ar-line-soft);
  border-left:3px solid var(--ar-red);
  border-radius:4px;
}
.navigation a{color:#d4d5ce}
.navigation .active{color:#fff;font-weight:700}

h1,h2,h3,h4{
  color:var(--ar-white);
  font-family:var(--ar-condensed);
  letter-spacing:.02em;
}
.smalltext{font-size:12px;color:var(--ar-muted)}
.largetext{font-size:17px}
.clear{clear:both}
.float_left{float:left}
.float_right{float:right}
.align_center{text-align:center}
.align_right{text-align:right}
.hidden{display:none!important}

/* Core tables */
table{color:var(--ar-text);font-size:14px;border-collapse:separate}
.tborder{
  width:100%;
  margin:0 auto 16px;
  padding:0;
  overflow:hidden;
  border:1px solid var(--ar-line);
  border-radius:var(--ar-radius);
  background:var(--ar-panel);
  box-shadow:var(--ar-shadow);
}
.tfixed{table-layout:fixed;word-wrap:break-word}
.thead{
  padding:10px 12px;
  color:#fff;
  background:
    linear-gradient(90deg,rgba(142,31,39,.96),rgba(70,30,33,.97) 58%,rgba(28,44,67,.9));
  border-bottom:1px solid #090a0b;
  font-family:var(--ar-condensed);
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:.055em;
}
.thead a:link,.thead a:visited,.thead a:hover,.thead a:active{color:#fff}
.tcat{
  padding:8px 11px;
  color:#d9d8d1;
  background:#111416;
  border-top:1px solid #363c3f;
  border-bottom:1px solid #050606;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.045em;
}
.tcat a:link,.tcat a:visited{color:#d9d8d1}
.trow1,.trow2{
  background:var(--ar-panel);
  border-bottom:1px solid var(--ar-line-soft);
  border-right:0;
  color:var(--ar-text);
}
.trow2{background:#1c2123}
.trow1:hover,.trow2:hover{background:#23292c}
td.trow1,td.trow2{padding:10px}
.trow_shaded{background:#3a2226}
.trow_selected,tr.trow_selected td{background:#333526;color:#fff}
.trow_deleted,.post.deleted_post{background:#29243a}
.no_bottom_border{border-bottom:0}

/* Forum index */
.forum_status{
  width:30px;height:30px;
  border:2px solid #666e62;
  border-radius:50%;
  display:inline-block;
  position:relative;
  background:none!important;
  box-shadow:inset 0 0 0 4px #171b1c;
}
.forum_status:after{
  content:"";
  position:absolute;
  width:8px;height:8px;
  left:9px;top:9px;
  border-radius:50%;
  background:#555d54;
}
.forum_on{border-color:#a3b287;box-shadow:0 0 12px rgba(142,159,114,.28),inset 0 0 0 4px #171b1c}
.forum_on:after{background:#a7bd83;box-shadow:0 0 8px rgba(167,189,131,.55)}
.forum_offclose{border-color:#8e1f27}
.forum_offclose:after{background:#8e1f27}
.forum_offlink{border-radius:4px;border-color:#526983}
.subforumicon{
  width:8px;height:8px;margin:0 5px;
  display:inline-block;border-radius:50%;
  background:#606962!important;
}
.subforum_minion{background:#a2b485!important}
.forumdisplay_sticky{background:rgba(182,162,125,.05)!important}

/* Forms */
input.textbox,textarea,select{
  max-width:100%;
  color:#f2f0e8;
  background:#0f1213;
  border:1px solid #4a5255;
  border-radius:4px;
  padding:7px 9px;
  font:inherit;
}
input.textbox:focus,textarea:focus,select:focus{
  outline:none;
  border-color:var(--ar-tan);
  box-shadow:0 0 0 2px rgba(182,162,125,.14);
}
textarea{min-height:120px}
input.button,.button,a.button{
  display:inline-block;
  border:1px solid #6e775f;
  border-radius:4px;
  padding:7px 13px;
  background:linear-gradient(#68705b,#495040);
  color:#fff!important;
  font-weight:800;
  font-size:12px;
  line-height:1.3;
  letter-spacing:.035em;
  text-transform:uppercase;
  cursor:pointer;
  box-shadow:0 2px 0 #252925;
}
input.button:hover,.button:hover,a.button:hover{
  background:linear-gradient(#747e64,#555d49);
  border-color:#9daa83;
}
.pagination{margin:8px 0}
.pagination a,.pagination .pagination_current{
  display:inline-block;
  min-width:30px;
  padding:5px 8px;
  margin:0 2px;
  text-align:center;
  border:1px solid #41484b;
  border-radius:3px;
  background:#171b1d;
}
.pagination .pagination_current{
  background:var(--ar-red);
  border-color:#b53b44;
  color:#fff;
  font-weight:800;
}

/* Thread / Postbit */
.post{
  margin:0 0 15px;
  background:var(--ar-panel);
  border:1px solid var(--ar-line);
  border-radius:var(--ar-radius);
  overflow:hidden;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}
.post .post_author{
  padding:10px;
  background:#141819;
  border-bottom:1px solid #30373a;
}
.post .post_author div.author_information{float:left}
.post .post_author div.author_statistics{float:right;color:var(--ar-muted)}
.post .post_head{
  padding:8px 10px;
  background:#202527;
  border-bottom:1px solid #30373a;
}
.post .post_content{padding:14px 16px;min-height:95px}
.post .post_body{font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.post .post_meta{margin:10px 0 0;color:var(--ar-muted)}
.post .post_controls{
  padding:8px 10px;
  background:#121516;
  border-top:1px solid #30373a;
  overflow:hidden;
}
.post_controls a{
  display:inline-flex;
  align-items:center;
  margin:2px 4px 2px 0;
  padding:5px 8px;
  border:1px solid #41484b;
  border-radius:3px;
  color:#ddd!important;
  background:#1b2022;
  font-size:11px;
  text-transform:uppercase;
  font-weight:800;
}
.post_controls a:hover{border-color:var(--ar-tan);background:#252b2e}
.post_controls a span{background-image:none!important;padding-left:0!important}
.author_avatar img{
  max-width:120px!important;
  max-height:120px!important;
  border-radius:6px;
  border:1px solid #495154;
  padding:3px;
  background:#0e1011;
}
.author_information strong a{color:#f0eee5;font-size:15px}
.author_statistics{font-size:12px}
.signature{
  margin-top:20px;
  padding-top:12px;
  border-top:1px dashed #495053;
  color:#aaa;
}
blockquote{
  margin:12px 0;
  padding:11px 13px;
  border-left:3px solid var(--ar-tan);
  background:#101314;
  color:#d7d5ce;
}
.codeblock{
  border:1px solid #3b4345;
  background:#0c0f10;
  border-radius:4px;
  overflow:auto;
}

/* Alerts, PMs, errors */
div.error{
  padding:11px 13px;
  color:#ffdfe1;
  background:#3d1d21;
  border:1px solid #823139;
  border-radius:4px;
}
div.pm_alert{
  padding:10px 12px;
  color:#fff4d6;
  background:#494027;
  border:1px solid #81754e;
  border-radius:4px;
}

/* Popups */
.popup_menu{
  border:1px solid #454d50;
  background:#141819;
  box-shadow:0 12px 28px rgba(0,0,0,.35);
}
.popup_menu .popup_item{
  padding:7px 10px;
  color:#ddd;
  background:#141819;
}
.popup_menu .popup_item:hover{background:#252b2d;color:#fff}

/* Modal */
.modal{
  background:#171b1d!important;
  color:#ddd!important;
  border:1px solid #444!important;
}

/* Portal & profile cards */
.portal .tborder,
#portal .tborder{margin-bottom:14px}
.profile_fields td{vertical-align:top}

/* Footer */
#footer{clear:both;margin-top:24px}
#footer .upper{
  padding:9px 0;
  background:#15191b;
  border-top:1px solid #3b4245;
  border-bottom:1px solid #070808;
  color:#aaa;
  overflow:hidden;
}
#footer .lower{
  padding:12px 0 20px;
  background:#0b0d0e;
  color:#777;
  overflow:hidden;
  font-size:11px;
}
#footer a:link,#footer a:visited{color:#aaa}
#footer ul.menu{margin:0;padding:0;list-style:none}
#footer ul.menu li{display:inline;margin-right:10px}
#footer .upper .language,#footer .upper .theme{float:right;margin-left:12px}
#footer .lower #current_time{float:right;color:#777}
#debug{float:right;text-align:right;font-size:11px}

/* Images / embeds */
.scaleimages img,.post_body img,.post_body video{max-width:100%;height:auto}
.post_body iframe{max-width:100%}

/* Selection */
::selection{background:var(--ar-red);color:#fff}


/* =========================================================
   AlphaRomeo15 primary navigation + dropdowns
   Mirrors the live forum's familiar links.
   ========================================================= */
.ar15-primary-nav{
  position:relative;
  z-index:40;
  background:#101314;
  border-top:1px solid #333a3d;
  border-bottom:1px solid #050606;
  box-shadow:0 7px 18px rgba(0,0,0,.24);
}
.ar15-primary-nav .wrapper{
  display:flex;
  align-items:stretch;
  min-height:48px;
}
.ar15-nav-list{
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  gap:0;
  padding:0;
  margin:0;
  list-style:none;
  width:100%;
}
.ar15-nav-list > li{
  position:relative;
  display:flex;
  align-items:stretch;
  margin:0;
}
.ar15-nav-list > li > a,
.ar15-nav-trigger{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:48px;
  padding:0 15px;
  color:#dcdad2!important;
  border-left:1px solid rgba(255,255,255,.045);
  font-size:12px;
  line-height:1;
  font-weight:800;
  letter-spacing:.055em;
  text-transform:uppercase;
  transition:background .16s ease,border-color .16s ease,color .16s ease;
}
.ar15-nav-list > li:last-child > a,
.ar15-nav-list > li:last-child > .ar15-nav-trigger{
  border-right:1px solid rgba(255,255,255,.045);
}
.ar15-nav-list > li > a:hover,
.ar15-nav-list > li:hover > .ar15-nav-trigger,
.ar15-nav-list > li:focus-within > .ar15-nav-trigger{
  color:#fff!important;
  background:#202628;
  box-shadow:inset 0 -3px 0 var(--ar-red);
}
.ar15-nav-icon{
  width:19px;
  height:19px;
  display:inline-grid;
  place-items:center;
  border:1px solid #50585b;
  border-radius:3px;
  color:var(--ar-tan);
  font-size:11px;
  font-style:normal;
  line-height:1;
  background:#171b1d;
}
.ar15-nav-chevron{
  margin-left:3px;
  font-size:10px;
  color:#929992;
  transition:transform .18s ease;
}
.ar15-has-dropdown:hover .ar15-nav-chevron,
.ar15-has-dropdown:focus-within .ar15-nav-chevron{
  transform:rotate(180deg);
}
.ar15-dropdown{
  position:absolute;
  left:0;
  top:100%;
  width:290px;
  display:none;
  padding:7px;
  margin:0;
  list-style:none;
  border:1px solid #41494c;
  border-top:3px solid var(--ar-red);
  border-radius:0 0 6px 6px;
  background:#131719;
  box-shadow:0 18px 36px rgba(0,0,0,.48);
}
.ar15-has-dropdown:hover > .ar15-dropdown,
.ar15-has-dropdown:focus-within > .ar15-dropdown{
  display:block;
}
.ar15-dropdown li{
  display:block;
  width:100%;
  margin:0;
}
.ar15-dropdown a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  padding:10px 11px;
  color:#d8d7d0!important;
  border-bottom:1px solid #272d2f;
  border-radius:3px;
  font-size:12px;
  font-weight:700;
}
.ar15-dropdown li:last-child a{border-bottom:0}
.ar15-dropdown a:hover{
  color:#fff!important;
  background:#242a2d;
  padding-left:14px;
}
.ar15-dropdown .ar15-menu-note{
  color:#7f8782;
  font-size:10px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.06em;
}

/* Member/alerts account strip */
.ar15-member-tools{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:5px;
  margin:0;
  padding:0;
  list-style:none;
}
.ar15-member-tools > li{
  display:inline-flex;
  align-items:center;
  margin:0;
}
.ar15-member-tools a,
.ar15-member-tools .myalerts_popup_wrapper > a{
  display:inline-flex!important;
  align-items:center;
  min-height:30px;
  padding:5px 9px!important;
  border:1px solid #3b4245;
  border-radius:3px;
  background:#15191b!important;
  color:#d8d7d0!important;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.025em;
}
.ar15-member-tools a:hover,
.ar15-member-tools .myalerts_popup_wrapper > a:hover{
  border-color:#777f6a;
  color:#fff!important;
  background:#202628!important;
}
.ar15-alert-slot{
  position:relative;
}
.ar15-alert-slot:empty{display:none!important}
.ar15-alert-slot .myalerts_popup_wrapper{
  position:relative;
  display:inline-block;
}
.ar15-alert-slot .alerts--new > a,
.ar15-alert-slot .myalerts_popup_wrapper.alerts--new > a,
.ar15-alert-slot a.unreadAlerts{
  border-color:#a83942;
}
.ar15-alert-slot .alerts--new > a:before,
.ar15-alert-slot .myalerts_popup_wrapper.alerts--new > a:before{
  content:"";
  width:7px;height:7px;
  margin-right:6px;
  border-radius:50%;
  background:#d6444f;
  box-shadow:0 0 8px rgba(214,68,79,.65);
}
.myalerts_popup{
  z-index:1000!important;
  min-width:320px;
  max-width:min(92vw,420px);
  color:var(--ar-text);
  background:#141819!important;
  border:1px solid #444d50!important;
  box-shadow:0 18px 38px rgba(0,0,0,.5)!important;
}
.myalerts_popup .popupTitle{
  padding:9px 11px;
  color:#fff;
  background:#252b2e;
  border-bottom:1px solid #3f474a;
  font-weight:800;
}
.myalerts_popup ol{margin:0;padding:0;list-style:none}
.myalerts_popup li{
  padding:9px 11px;
  border-bottom:1px solid #303638;
  color:#d2d1ca;
}
.myalerts_popup .popupFooter{
  padding:8px 11px;
  background:#0f1213;
}


/* =========================================================
   Instant Light / Dark appearance switch
   ========================================================= */
html{color-scheme:dark}
html[data-ar-theme="light"]{color-scheme:light}

/* Smooth but restrained switch */
body,
#logo,
.ar15-primary-nav,
#panel .upper,
#panel .lower,
.tborder,
.trow1,.trow2,
.post,
.post .post_author,
.post .post_head,
.post .post_controls,
.navigation,
input.textbox,textarea,select,
.popup_menu,.popup_menu .popup_item,
.modal{
  transition:background-color .16s ease,color .16s ease,border-color .16s ease;
}

.ar15-theme-toggle-item{
  margin-left:auto!important;
}
.ar15-theme-toggle{
  appearance:none;
  -webkit-appearance:none;
  display:flex;
  align-items:center;
  gap:8px;
  min-height:48px;
  padding:0 14px;
  border:0;
  border-left:1px solid rgba(255,255,255,.06);
  border-right:1px solid rgba(255,255,255,.06);
  background:transparent;
  color:#dddcd5;
  cursor:pointer;
  font:800 11px/1 var(--ar-font);
  letter-spacing:.055em;
  text-transform:uppercase;
}
.ar15-theme-toggle:hover,
.ar15-theme-toggle:focus{
  outline:none;
  background:#202628;
  color:#fff;
  box-shadow:inset 0 -3px 0 var(--ar-tan);
}
.ar15-theme-toggle-icon{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border:1px solid #555e61;
  border-radius:50%;
  background:#171b1d;
  color:#d8c89c;
  font-size:14px;
}
.ar15-theme-toggle .ar15-light-label{display:none}
html[data-ar-theme="light"] .ar15-theme-toggle .ar15-dark-label{display:none}
html[data-ar-theme="light"] .ar15-theme-toggle .ar15-light-label{display:inline}

/* ---------------- LIGHT PALETTE ---------------- */
html[data-ar-theme="light"]{
  --ar-bg:#e7e5df;
  --ar-bg2:#efede8;
  --ar-panel:#faf9f5;
  --ar-panel2:#f2f0e9;
  --ar-panel3:#e8e5dc;
  --ar-line:#bbb9b0;
  --ar-line-soft:#d2d0c8;
  --ar-text:#272b2c;
  --ar-muted:#666c6c;
  --ar-faint:#818684;
  --ar-od:#59634e;
  --ar-od-dark:#46503e;
  --ar-tan:#8a7855;
  --ar-red:#85212a;
  --ar-red2:#a62c36;
  --ar-navy:#203451;
  --ar-blue:#365b86;
  --ar-green:#566847;
  --ar-white:#111516;
  --ar-shadow:0 12px 28px rgba(36,39,39,.13);
}
html[data-ar-theme="light"] body{
  background:
    linear-gradient(rgba(236,234,228,.965),rgba(236,234,228,.965)),
    repeating-linear-gradient(135deg,rgba(0,0,0,.022) 0 1px,transparent 1px 6px);
  color:var(--ar-text);
}
html[data-ar-theme="light"] a:link,
html[data-ar-theme="light"] a:visited{color:#405942}
html[data-ar-theme="light"] a:hover,
html[data-ar-theme="light"] a:active{color:#7d2028}

html[data-ar-theme="light"] #logo{
  background:
    linear-gradient(90deg,rgba(246,245,240,.99) 0%,rgba(231,230,224,.97) 58%,rgba(216,222,230,.78) 100%);
  border-bottom-color:#a7aaa8;
}
html[data-ar-theme="light"] #logo:before{
  opacity:.17;
}
html[data-ar-theme="light"] #logo img{
  filter:drop-shadow(0 3px 6px rgba(0,0,0,.18));
}

html[data-ar-theme="light"] .ar15-primary-nav{
  background:#303537;
  border-color:#171a1b;
}
html[data-ar-theme="light"] .ar15-nav-list > li > a,
html[data-ar-theme="light"] .ar15-nav-trigger{
  color:#f2f0e8!important;
}
html[data-ar-theme="light"] .ar15-dropdown{
  background:#fbfaf6;
  border-color:#aaa9a1;
  border-top-color:var(--ar-red);
  box-shadow:0 18px 34px rgba(0,0,0,.2);
}
html[data-ar-theme="light"] .ar15-dropdown a{
  color:#292d2e!important;
  border-bottom-color:#ddd9cf;
}
html[data-ar-theme="light"] .ar15-dropdown a:hover{
  color:#fff!important;
  background:#5b6353;
}
html[data-ar-theme="light"] .ar15-dropdown .ar15-menu-note{color:#747a77}

html[data-ar-theme="light"] #panel .upper{
  background:#e1dfd8;
  border-color:#aaa;
  color:#323637;
}
html[data-ar-theme="light"] #panel .lower{
  background:#f5f3ed;
  border-color:#bbb9b0;
  color:#555b5a;
}
html[data-ar-theme="light"] #panel a{color:#303536}

html[data-ar-theme="light"] .navigation{
  color:#555c5a;
  background:#f8f7f2;
  border-color:#cbc8be;
  border-left-color:var(--ar-red);
}
html[data-ar-theme="light"] .navigation a{color:#455247}
html[data-ar-theme="light"] .navigation .active{color:#202425}

html[data-ar-theme="light"] .tborder{
  background:#faf9f5;
  border-color:#bbb9b0;
}
html[data-ar-theme="light"] .thead{
  color:#fff;
  background:linear-gradient(90deg,#85212a,#653238 58%,#273f60);
}
html[data-ar-theme="light"] .tcat{
  color:#303536;
  background:#dfddd6;
  border-top-color:#fff;
  border-bottom-color:#b7b4aa;
}
html[data-ar-theme="light"] .tcat a:link,
html[data-ar-theme="light"] .tcat a:visited{color:#303536}
html[data-ar-theme="light"] .trow1{
  color:#292d2e;
  background:#faf9f5;
  border-bottom-color:#d5d2c9;
}
html[data-ar-theme="light"] .trow2{
  color:#292d2e;
  background:#f0eee8;
  border-bottom-color:#d2cfc6;
}
html[data-ar-theme="light"] .trow1:hover,
html[data-ar-theme="light"] .trow2:hover{background:#e7e4da}

html[data-ar-theme="light"] input.textbox,
html[data-ar-theme="light"] textarea,
html[data-ar-theme="light"] select{
  color:#242829;
  background:#fff;
  border-color:#aaa9a1;
}
html[data-ar-theme="light"] input.button,
html[data-ar-theme="light"] .button,
html[data-ar-theme="light"] a.button{
  color:#fff!important;
}

html[data-ar-theme="light"] .post{
  background:#faf9f5;
  border-color:#bdbbb2;
}
html[data-ar-theme="light"] .post .post_author{
  background:#e7e5de;
  border-color:#c4c1b8;
}
html[data-ar-theme="light"] .post .post_head{
  background:#efede7;
  border-color:#ccc9bf;
}
html[data-ar-theme="light"] .post .post_controls{
  background:#e4e2db;
  border-color:#c2bfb6;
}
html[data-ar-theme="light"] .post_controls a{
  color:#34393a!important;
  background:#f7f6f1;
  border-color:#aaa9a1;
}
html[data-ar-theme="light"] .post_controls a:hover{
  color:#fff!important;
  background:#59634e;
  border-color:#59634e;
}
html[data-ar-theme="light"] .author_information strong a{color:#202425}
html[data-ar-theme="light"] .signature{color:#686e6d;border-color:#b8b5ac}
html[data-ar-theme="light"] blockquote{
  background:#efede7;
  color:#363b3c;
  border-left-color:var(--ar-tan);
}
html[data-ar-theme="light"] .codeblock{
  color:#303536;
  background:#eeeae1;
  border-color:#bbb7ad;
}

html[data-ar-theme="light"] .popup_menu,
html[data-ar-theme="light"] .popup_menu .popup_item,
html[data-ar-theme="light"] .modal{
  color:#292d2e!important;
  background:#faf9f5!important;
  border-color:#aaa9a1!important;
}
html[data-ar-theme="light"] .popup_menu .popup_item:hover{
  color:#fff!important;
  background:#59634e;
}

html[data-ar-theme="light"] .ar15-member-tools a,
html[data-ar-theme="light"] .ar15-member-tools .myalerts_popup_wrapper > a{
  color:#34393a!important;
  background:#efede7!important;
  border-color:#b4b1a8;
}
html[data-ar-theme="light"] .ar15-member-tools a:hover,
html[data-ar-theme="light"] .ar15-member-tools .myalerts_popup_wrapper > a:hover{
  color:#fff!important;
  background:#59634e!important;
  border-color:#59634e;
}
html[data-ar-theme="light"] .myalerts_popup{
  color:#292d2e;
  background:#faf9f5!important;
  border-color:#aaa9a1!important;
}
html[data-ar-theme="light"] .myalerts_popup .popupTitle{
  color:#fff;
  background:#59634e;
}
html[data-ar-theme="light"] .myalerts_popup li{
  color:#303536;
  border-color:#d2cfc7;
}
html[data-ar-theme="light"] .myalerts_popup .popupFooter{
  background:#e8e5dc;
}

/* =========================================================
   ALPHAROMEO15 — CLASSIC POSTBIT LAYOUT
   ========================================================= */

.post.classic {
    display: grid !important;
    grid-template-columns: 220px minmax(0, 1fr);
    grid-template-areas:
        "author content"
        "author controls";
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 16px !important;
    overflow: hidden !important;

    background: #181c1e;
    border: 1px solid #394044;
    border-radius: 7px;
}


/* LEFT PROFILE COLUMN */
.post.classic .post_author {
    grid-area: author;

    width: auto !important;
    min-width: 0 !important;

    padding: 14px 12px !important;

    background:
        linear-gradient(
            180deg,
            #171b1d,
            #121516
        ) !important;

    border-right: 1px solid #394044 !important;
    border-bottom: 0 !important;

    text-align: center;

    overflow: hidden;
}


/* Author information */
.post.classic .author_information {
    float: none !important;
    width: 100% !important;
    text-align: center;
}


/* Avatar */
.post.classic .author_avatar {
    float: none !important;
    margin: 0 auto 10px !important;
    text-align: center;
}

.post.classic .author_avatar img {
    display: block;

    max-width: 120px !important;
    max-height: 120px !important;

    width: auto !important;
    height: auto !important;

    margin: 0 auto !important;

    border: 1px solid #596164;
    border-radius: 6px;

    padding: 3px;

    background: #0d1011;
}


/* Username */
.post.classic .author_information strong {
    display: block;
    margin-top: 6px;

    font-size: 16px;
    line-height: 1.2;
}

.post.classic .author_information strong a {
    color: #f1eee5 !important;
}


/* User title */
.post.classic .author_information .smalltext {
    display: block;
    margin-top: 4px;

    color: #b6a27d;
}


/* Profile statistics */
.post.classic .author_statistics {
    float: none !important;

    width: 100% !important;

    margin-top: 12px !important;
    padding-top: 10px !important;

    border-top: 1px solid #31383a;

    text-align: left !important;

    font-size: 11px;
    line-height: 1.65;

    color: #aeb3af;
}

.post.classic .author_statistics strong {
    color: #e5e3da;
}


/* =========================================================
   POST CONTENT
   ========================================================= */

.post.classic .post_content {
    grid-area: content;

    min-width: 0 !important;
    width: auto !important;

    margin-left: 0 !important;

    padding: 0 !important;

    background: #181c1e;
}


/* Post date / number header */
.post.classic .post_head {
    width: 100%;

    padding: 9px 13px !important;

    background: #202527 !important;

    border-bottom: 1px solid #343b3e;

    overflow: hidden;
}


/* Actual message */
.post.classic .post_body {
    padding: 15px 16px !important;

    min-height: 130px;

    font-size: 14px;
    line-height: 1.65;

    overflow-wrap: anywhere;
}


/* Prevent images / embeds from breaking layout */
.post.classic .post_body img,
.post.classic .post_body video,
.post.classic .post_body iframe {
    max-width: 100% !important;
    height: auto;
}


/* IP address / edited text / metadata */
.post.classic .post_meta {
    padding: 0 16px 12px;

    color: #929895;
}


/* Signature */
.post.classic .signature {
    margin: 18px 16px 5px !important;
    padding-top: 12px !important;

    border-top: 1px dashed #485052;

    color: #aaa;
}


/* =========================================================
   THANK YOU / LIKE BOX
   ========================================================= */

.post.classic .tyllist,
.post.classic .tyllist_classic {
    width: auto !important;

    margin: 10px 16px 14px !important;
    padding: 10px 12px !important;

    background: #111614 !important;

    border: 1px solid #414a45 !important;
    border-left: 3px solid #68705b !important;

    border-radius: 5px;

    overflow: hidden;
    overflow-wrap: anywhere;
}


/* =========================================================
   POST BUTTON BAR
   ========================================================= */

.post.classic .post_controls {
    grid-area: controls;

    width: 100% !important;

    margin-left: 0 !important;

    padding: 9px 12px !important;

    background: #101314 !important;

    border-top: 1px solid #343b3e;

    overflow: hidden;
}


/* Keep buttons tidy */
.post.classic .post_controls .postbit_buttons,
.post.classic .post_controls div[id^="tyl_btn_"] {
    display: inline-block !important;
    vertical-align: middle;
}


/* =========================================================
   LIGHT THEME
   ========================================================= */

html[data-ar-theme="light"] .post.classic {
    background: #faf9f5;
    border-color: #bbb9b0;
}

html[data-ar-theme="light"] .post.classic .post_author {
    background:
        linear-gradient(
            180deg,
            #ebe9e2,
            #dfddd6
        ) !important;

    border-right-color: #bbb9b0 !important;
}

html[data-ar-theme="light"] .post.classic .author_information strong a {
    color: #242829 !important;
}

html[data-ar-theme="light"] .post.classic .author_statistics {
    color: #5f6563;
    border-top-color: #c7c4bb;
}

html[data-ar-theme="light"] .post.classic .post_content {
    background: #faf9f5;
}

html[data-ar-theme="light"] .post.classic .post_head {
    background: #eceae3 !important;
    border-bottom-color: #c6c3ba;
}

html[data-ar-theme="light"] .post.classic .post_controls {
    background: #e5e3dc !important;
    border-top-color: #c3c0b7;
}


/* =========================================================
   MOBILE — STACK AUTHOR ABOVE POST
   ========================================================= */

@media (max-width: 720px) {

    .post.classic {
        display: block !important;
    }


    .post.classic .post_author {
        width: 100% !important;

        border-right: 0 !important;
        border-bottom: 1px solid #394044 !important;

        text-align: left;
    }


    .post.classic .author_information {
        text-align: left;
    }


    .post.classic .author_avatar {
        float: left !important;

        margin: 0 12px 8px 0 !important;
    }


    .post.classic .author_avatar img {
        max-width: 72px !important;
        max-height: 72px !important;
    }


    .post.classic .author_statistics {
        clear: both;

        padding-top: 8px !important;

        columns: 2;
        column-gap: 20px;
    }


    .post.classic .post_content,
    .post.classic .post_controls {
        width: 100% !important;
        margin-left: 0 !important;
    }

}


@media (max-width: 480px) {

    .post.classic .author_statistics {
        columns: 1;
    }

}
/* =========================================================
   ALPHAROMEO15 — FINAL PATRIOT BAR + GLINT
   ========================================================= */


/* Actual blue/red bar */
.ar15-patriot-bar {
    position: absolute !important;

    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    width: 100% !important;
    height: 8px !important;

    overflow: hidden !important;

    z-index: 20 !important;

    background:
        linear-gradient(
            90deg,
            #101a28 0%,
            #101a28 22%,
            #64151b 22%,
            #64151b 100%
        ) !important;

    border-top:
        1px solid rgba(255,255,255,.08);

    box-shadow:
        0 -1px 0 rgba(0,0,0,.55),
        0 1px 0 rgba(0,0,0,.75);

    pointer-events: none;
}


/* Animated lens-flare glint */
.ar15-patriot-glint {
    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    display: block !important;

    width: 120px !important;
    height: 100% !important;

    pointer-events: none !important;

    background:
        radial-gradient(
            ellipse at center,
            rgba(255,255,255,1) 0%,
            rgba(255,255,255,.95) 8%,
            rgba(235,240,245,.75) 18%,
            rgba(190,210,235,.35) 32%,
            rgba(255,210,175,.18) 48%,
            rgba(255,255,255,0) 72%
        );

    filter:
        blur(.15px)
        drop-shadow(0 0 4px rgba(255,255,255,.85))
        drop-shadow(0 0 9px rgba(190,210,235,.45));

    transform:
        translateX(-140px)
        skewX(-18deg);

    animation:
        ar15-patriot-sweep 10s linear infinite !important;

    will-change: transform;
}

.ar15-patriot-glint::before,
.ar15-patriot-glint::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%);
}

.ar15-patriot-glint::before {
    width: 135px;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,0) 0%,
            rgba(220,230,240,.18) 28%,
            rgba(255,255,255,.9) 50%,
            rgba(220,230,240,.18) 72%,
            rgba(255,255,255,0) 100%
        );

    filter: blur(.5px);
}

.ar15-patriot-glint::after {
    width: 16px;
    height: 16px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,1) 0%,
            rgba(255,255,255,.95) 18%,
            rgba(210,225,245,.65) 42%,
            rgba(255,210,180,.28) 62%,
            rgba(255,255,255,0) 78%
        );

    box-shadow:
        0 0 7px rgba(255,255,255,.95),
        0 0 15px rgba(200,220,245,.45);
}

/* Quick sweep, then long pause */
@keyframes ar15-patriot-sweep {

    0% {
        transform:
            translateX(-140px)
            skewX(-22deg);
    }

    3% {
        transform:
            translateX(-140px)
            skewX(-22deg);
    }

    25% {
        transform:
            translateX(calc(100vw + 140px))
            skewX(-22deg);
    }

    100% {
        transform:
            translateX(calc(100vw + 140px))
            skewX(-22deg);
    }
}
/* Small avatar beside Welcome Back */
.ar15-welcome-user{
    display:inline-flex;
    align-items:center;
    gap:7px;
}

.ar15-mini-avatar{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:26px;
    height:26px;

    border-radius:50%;
    overflow:hidden;

    border:1px solid #4b5356;
    background:#111416;

    flex:0 0 26px;
}

.ar15-mini-avatar img{
    width:100% !important;
    height:100% !important;

    object-fit:cover;

    display:block;
}
/* =========================================================
   ALERTS — RED ALERT + PULSE WHEN UNREAD
   ========================================================= */

.alerts--new > a,
.myalerts_popup_wrapper.alerts--new > a,
.alerts a.unreadAlerts {
    background: #64151b !important;
    border-color: #b42c35 !important;
    color: #fff !important;

    box-shadow:
        0 0 0 1px rgba(180,44,53,.25),
        0 0 10px rgba(180,44,53,.45),
        inset 0 0 10px rgba(255,255,255,.04);

    animation: ar15-alert-pulse 2.4s ease-in-out infinite !important;
}

.alerts--new > a:hover,
.myalerts_popup_wrapper.alerts--new > a:hover,
.alerts a.unreadAlerts:hover {
    background: #7a1b22 !important;
    border-color: #d24a54 !important;
    color: #fff !important;
}

@keyframes ar15-alert-pulse {

    0%,
    100% {
        box-shadow:
            0 0 0 1px rgba(180,44,53,.22),
            0 0 8px rgba(180,44,53,.35),
            inset 0 0 10px rgba(255,255,255,.04);
    }

    50% {
        box-shadow:
            0 0 0 1px rgba(210,74,84,.42),
            0 0 18px rgba(210,74,84,.78),
            inset 0 0 12px rgba(255,255,255,.07);
    }
}


/* =========================================================
   PRIVATE MESSAGES — YELLOW ALERT + PULSE WHEN UNREAD
   ========================================================= */

.ar15-member-tools .ar15-pm-unread > a {
    background: #665117 !important;
    border-color: #c49a27 !important;
    color: #fff4bf !important;

    box-shadow:
        0 0 0 1px rgba(196,154,39,.22),
        0 0 8px rgba(214,170,45,.38),
        inset 0 0 10px rgba(255,235,150,.05);

    animation: ar15-pm-pulse 2.4s ease-in-out infinite !important;
}

.ar15-member-tools .ar15-pm-unread > a:hover {
    background: #7a611b !important;
    border-color: #e1b53c !important;
    color: #fff8d5 !important;
}

@keyframes ar15-pm-pulse {

    0%,
    100% {
        box-shadow:
            0 0 0 1px rgba(196,154,39,.22),
            0 0 8px rgba(214,170,45,.35),
            inset 0 0 10px rgba(255,235,150,.04);
    }

    50% {
        box-shadow:
            0 0 0 1px rgba(235,190,60,.42),
            0 0 18px rgba(235,190,60,.78),
            inset 0 0 12px rgba(255,245,185,.08);
    }
}
/* =========================================================
   UNREAD POSTS — BLUE ALERT + PULSE WHEN UNREAD
   ========================================================= */

.ar15-member-tools .ar15-unread-posts > a,
#unreadCounter.ar15-unread-posts > a {
    background: #17375f !important;
    border-color: #2d6aa6 !important;
    color: #eaf4ff !important;

    box-shadow:
        0 0 0 1px rgba(45,106,166,.22),
        0 0 8px rgba(55,125,195,.38),
        inset 0 0 10px rgba(180,220,255,.05);

    animation: ar15-unread-pulse 2.4s ease-in-out infinite !important;
}


/* Slightly brighter on hover */
.ar15-member-tools .ar15-unread-posts > a:hover,
#unreadCounter.ar15-unread-posts > a:hover {
    background: #1e4778 !important;
    border-color: #4b8fd0 !important;
    color: #ffffff !important;
}


/* Blue breathing pulse */
@keyframes ar15-unread-pulse {

    0%,
    100% {
        box-shadow:
            0 0 0 1px rgba(45,106,166,.22),
            0 0 7px rgba(55,125,195,.30),
            inset 0 0 9px rgba(180,220,255,.04);
    }

    50% {
        box-shadow:
            0 0 0 1px rgba(75,143,208,.48),
            0 0 20px rgba(75,143,208,.85),
            inset 0 0 14px rgba(200,230,255,.10);
    }
}
/* =========================================================
   MULTI-QUOTE — SELECTED STATE
   ========================================================= */

.post_controls a.postbit_multiquote {
    transition:
        background .18s ease,
        border-color .18s ease,
        color .18s ease,
        box-shadow .18s ease;
}


/* MyBB selected multi-quote state */
.post_controls a.postbit_multiquote_on,
.post_controls a.postbit_multiquote.selected,
.post_controls a.postbit_multiquote.active {
    background: #35512d !important;
    border-color: #799168 !important;
    color: #ffffff !important;

    box-shadow:
        0 0 0 1px rgba(121,145,104,.20),
        0 0 10px rgba(121,145,104,.42);
}


/* Selected state hover */
.post_controls a.postbit_multiquote_on:hover,
.post_controls a.postbit_multiquote.selected:hover,
.post_controls a.postbit_multiquote.active:hover {
    background: #42643a !important;
    border-color: #96ad82 !important;
}
/* =========================================================
   REPLY BUTTON — LARGE QUOTATION MARK
   ========================================================= */

/* REPLY BUTTON — FINAL ALIGNMENT */
.post_controls a.ar15-reply-button {
    position:relative;

    min-height:32px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding-left:28px !important;

    vertical-align:middle;
}

.post_controls a.ar15-reply-button .ar15-reply-mark {
    position:absolute;

    left:8px;
    top:50%;

    transform:translateY(-43%);

    font-family:Georgia, "Times New Roman", serif;
    font-size:20px;
    font-weight:700;
    line-height:1;

    color:#b6a27d;

    pointer-events:none;
}

.post_controls a.ar15-reply-button .ar15-reply-text {
    display:inline-block;
    line-height:1;
}
/* =========================================================
   POST CONTROL BUTTONS — CONSISTENT SIZE / ALIGNMENT
   ========================================================= */

.post_controls a {
    min-height: 32px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 6px 10px !important;

    vertical-align: middle;

    line-height: 1 !important;
}


/* Give LIKE a little more breathing room */
.post_controls a[id^="tyl_btn_"],
.post_controls div[id^="tyl_btn_"] a {
    min-width: 46px;
    padding-left: 11px !important;
    padding-right: 11px !important;
}


/* Reply button stays aligned with the rest */
.post_controls a.ar15-reply-button {
    min-height: 32px;
    padding-left: 27px !important;
}


/* Large quote mark without changing button height */
.post_controls a.ar15-reply-button .ar15-reply-mark {
    left: 8px;
    top: 50%;

    transform: translateY(-50%);

    font-size: 21px;
    line-height: 1;
}
/* =========================================================
   OUGC AUCTION — ACTION BUTTONS
   ========================================================= */

.ar15-auction-addbid,
.ar15-auction-buynow {
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:32px;

    padding:6px 12px !important;
    margin:3px 5px 3px 0;

    border-radius:4px;

    color:#fff !important;

    font-size:11px;
    font-weight:800;
    line-height:1;
    letter-spacing:.035em;
    text-transform:uppercase;

    vertical-align:middle;

    transition:
        background .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        transform .12s ease;
}


/* ADD BID — OD GREEN */
.ar15-auction-addbid {
    background:linear-gradient(#68705b,#495040) !important;
    border:1px solid #7e896e !important;

    box-shadow:
        0 2px 0 #252925,
        0 0 8px rgba(104,112,91,.18);
}

.ar15-auction-addbid:hover {
    background:linear-gradient(#747e64,#555d49) !important;
    border-color:#9daa83 !important;

    box-shadow:
        0 2px 0 #252925,
        0 0 11px rgba(157,170,131,.30);
}


/* BUY NOW — CRIMSON */
.ar15-auction-buynow {
    background:linear-gradient(#8e1f27,#64151b) !important;
    border:1px solid #a3313a !important;

    box-shadow:
        0 2px 0 #321014,
        0 0 8px rgba(142,31,39,.20);
}

.ar15-auction-buynow:hover {
    background:linear-gradient(#a42932,#741920) !important;
    border-color:#c33b45 !important;

    box-shadow:
        0 2px 0 #321014,
        0 0 12px rgba(195,59,69,.32);
}
/* =========================================================
   JQUERY MODAL — OUGC AUCTION FIX
   Restores proper centered modal/backdrop behavior
   ========================================================= */

.blocker {
    position: fixed !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 100% !important;

    overflow: auto !important;

    z-index: 9999 !important;

    padding: 20px !important;

    box-sizing: border-box !important;

    background: rgba(0,0,0,.76) !important;

    text-align: center !important;
}


/* Helps vertically center the modal */
.blocker::before {
    content: "";

    display: inline-block;

    height: 100%;

    vertical-align: middle;
}


/* Actual popup */
.blocker .modal,
.blocker .ougc-auction-active-modal {
    position: relative !important;

    display: inline-block !important;

    vertical-align: middle !important;

    width: min(620px, 94vw) !important;
    max-width: 620px !important;

    max-height: 88vh;

    overflow: auto;

    margin: 0 !important;
    padding: 0 !important;

    text-align: left;

    background: #171b1d !important;

    border: 1px solid #4a5255 !important;
    border-top: 3px solid #8e1f27 !important;

    border-radius: 7px !important;

    box-shadow:
        0 25px 70px rgba(0,0,0,.75),
        0 0 25px rgba(142,31,39,.18) !important;
}


/* Keep auction table contained inside popup */
.blocker .modal .tborder,
.blocker .ougc-auction-active-modal .tborder {
    width: 100% !important;

    margin: 0 !important;

    box-shadow: none !important;
}


/* jQuery Modal close button */
.blocker .modal a.close-modal {
    position: absolute !important;

    top: 8px !important;
    right: 10px !important;

    z-index: 20;

    width: 28px;
    height: 28px;

    display: flex !important;

    align-items: center;
    justify-content: center;

    border: 1px solid #555d60;

    border-radius: 4px;

    background: #111416;

    color: #fff !important;

    font-size: 0;

    text-decoration: none;
}


/* Make our own visible X */
.blocker .modal a.close-modal::after {
    content: "×";

    font-size: 21px;
    font-weight: 700;
    line-height: 1;
}


.blocker .modal a.close-modal:hover {
    background: #64151b;

    border-color: #b42c35;
}
/* =========================================================
   ALPHAROMEO15 — AUCTION DISPLAY
   ========================================================= */

.ar15-auction-card {
    width:100%;
    margin:0 0 18px;

    overflow:hidden;

    background:#181c1e;

    border:1px solid #394044;
    border-radius:7px;

    box-shadow:
        0 12px 28px rgba(0,0,0,.24);
}


/* =========================================================
   AUCTION HEADER
   ========================================================= */

.ar15-auction-heading {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;

    padding:11px 13px;

    color:#fff;

    background:
        linear-gradient(
            90deg,
            rgba(142,31,39,.98),
            rgba(72,29,33,.97) 58%,
            rgba(28,44,67,.92)
        );

    border-bottom:1px solid #090a0b;
}


.ar15-auction-heading-left {
    display:flex;
    align-items:center;
    gap:9px;

    min-width:0;

    font-family:var(--ar-condensed);
    font-size:14px;

    letter-spacing:.045em;
    text-transform:uppercase;
}


.ar15-auction-marker {
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:3px 7px;

    background:#111416;

    border:1px solid rgba(255,255,255,.28);
    border-radius:3px;

    color:#d9caa2;

    font-size:9px;
    font-weight:900;

    letter-spacing:.09em;
}


/* =========================================================
   STATUS BADGE
   ========================================================= */

.ar15-auction-status {
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:24px;

    padding:3px 9px;

    border-radius:12px;

    font-size:10px;
    font-weight:900;

    letter-spacing:.06em;
    text-transform:uppercase;
}


/* Closed / inactive */
.ar15-auction-status.status_0 {
    color:#ffdfe1;

    background:#57171c;

    border:1px solid #a42b34;

    box-shadow:
        0 0 8px rgba(180,44,53,.22);
}


/* Open */
.ar15-auction-status.status_1 {
    color:#eff9e7;

    background:#31412b;

    border:1px solid #758866;

    box-shadow:
        0 0 8px rgba(117,136,102,.22);
}


/* =========================================================
   AUCTION INFORMATION GRID
   ========================================================= */

.ar15-auction-grid {
    display:grid;

    grid-template-columns:
        repeat(4, minmax(0,1fr));

    background:#181c1e;
}


.ar15-auction-item {
    min-width:0;

    padding:13px 14px;

    border-right:1px solid #303638;
    border-bottom:1px solid #303638;

    background:
        linear-gradient(
            180deg,
            #1b2022,
            #171b1d
        );
}


.ar15-auction-item:last-child {
    border-right:0;
}


.ar15-auction-label {
    display:block;

    margin-bottom:4px;

    color:#919894;

    font-size:10px;
    font-weight:800;

    letter-spacing:.055em;
    text-transform:uppercase;
}


.ar15-auction-value {
    display:block;

    color:#f1eee5;

    font-size:15px;
    font-weight:800;

    overflow-wrap:anywhere;
}


/* End time gets a little extra emphasis */
.ar15-auction-time {
    background:
        linear-gradient(
            180deg,
            #202427,
            #191d1f
        );
}


.ar15-auction-remaining {
    display:block;

    margin-top:4px;

    font-size:11px;
    font-weight:800;
}


/* Existing OUGC countdown states */
.ar15-auction-card .low_enddate {
    color:#91ad77 !important;
}

.ar15-auction-card .moderate_enddate {
    color:#e1ab48 !important;
}

.ar15-auction-card .high_enddate {
    color:#e0525c !important;

    text-shadow:
        0 0 8px rgba(224,82,92,.22);
}






/* =========================================================
   FOOTER / BID ACTION AREA
   ========================================================= */

.ar15-auction-footer {
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:12px;

    padding:9px 11px;

    background:#101314;

    border-top:1px solid #394044;
}


.ar15-auction-bids {
    display:flex;
    align-items:center;
    flex-wrap:wrap;

    gap:6px;
}


.ar15-auction-bids-label {
    color:#b7bbb7;

    font-size:11px;
    font-weight:700;
}


.ar15-auction-bidcount {
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:25px;
    height:25px;

    padding:0 7px;

    border-radius:13px;

    background:#20272a;

    border:1px solid #4b5559;

    color:#fff;

    font-size:11px;
    font-weight:900;
}


/* =========================================================
   VIEW BIDS
   ========================================================= */

.ar15-auction-viewbids {
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:30px;

    padding:5px 10px !important;

    border:1px solid #526983;
    border-radius:4px;

    background:
        linear-gradient(
            #2d4b70,
            #1c2c43
        );

    color:#fff !important;

    font-size:10px;
    font-weight:800;

    line-height:1;

    letter-spacing:.04em;
    text-transform:uppercase;

    box-shadow:
        0 2px 0 #101822;

    transition:
        background .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}


.ar15-auction-viewbids:hover {
    background:
        linear-gradient(
            #365b86,
            #253b59
        );

    border-color:#6f8fb3;

    box-shadow:
        0 2px 0 #101822,
        0 0 10px rgba(75,110,150,.28);
}


/* =========================================================
   ACTION BUTTON GROUP
   ========================================================= */

.ar15-auction-actions {
    display:flex;
    align-items:center;
    justify-content:flex-end;

    flex-wrap:wrap;

    gap:5px;

    float:none !important;
}


/*
   Remove older postbit spacing that can make the
   auction buttons uneven.
*/
.ar15-auction-actions a {
    margin:0 !important;

    vertical-align:middle;
}


/* =========================================================
   AUCTION MODAL POLISH
   Works with the modal fix already installed
   ========================================================= */

.blocker .ougc-auction-active-modal .thead {
    padding:12px 48px 12px 14px !important;

    background:
        linear-gradient(
            90deg,
            #85212a,
            #653238 58%,
            #273f60
        ) !important;

    font-size:14px;

    letter-spacing:.04em;
}


.blocker .ougc-auction-active-modal .tcat {
    padding:9px 13px !important;

    color:#c8c8c1;

    background:#101314 !important;

    border-bottom:1px solid #363d40;
}


.blocker .ougc-auction-active-modal input.textbox,
.blocker .ougc-auction-active-modal input[type="text"],
.blocker .ougc-auction-active-modal input[type="number"] {
    min-height:36px;

    padding:7px 10px;

    color:#fff;

    background:#0f1213;

    border:1px solid #555e61;
    border-radius:4px;
}


.blocker .ougc-auction-active-modal input.textbox:focus,
.blocker .ougc-auction-active-modal input[type="text"]:focus,
.blocker .ougc-auction-active-modal input[type="number"]:focus {
    outline:none;

    border-color:#b6a27d;

    box-shadow:
        0 0 0 2px rgba(182,162,125,.15);
}


.blocker .ougc-auction-active-modal .tfoot {
    padding:11px !important;

    background:#101314 !important;

    border-top:1px solid #394044;
}


.blocker .ougc-auction-active-modal input.button,
.blocker .ougc-auction-active-modal button {
    min-height:34px;

    padding:7px 16px !important;
}


/* =========================================================
   LIGHT THEME
   ========================================================= */

html[data-ar-theme="light"] .ar15-auction-card {
    background:#faf9f5;

    border-color:#bbb9b0;

    box-shadow:
        0 12px 26px rgba(0,0,0,.12);
}


html[data-ar-theme="light"] .ar15-auction-item {
    background:
        linear-gradient(
            #faf9f5,
            #f0eee8
        );

    border-color:#d0cdc4;
}


html[data-ar-theme="light"] .ar15-auction-time {
    background:
        linear-gradient(
            #f1efe9,
            #e7e4dc
        );
}


html[data-ar-theme="light"] .ar15-auction-label {
    color:#646a68;
}


html[data-ar-theme="light"] .ar15-auction-value {
    color:#242829;
}


html[data-ar-theme="light"] .ar15-auction-footer {
    background:#e5e3dc;

    border-color:#c3c0b7;
}


html[data-ar-theme="light"] .ar15-auction-bids-label {
    color:#4f5554;
}


html[data-ar-theme="light"] .ar15-auction-bidcount {
    color:#262b2c;

    background:#f8f7f2;

    border-color:#aaa9a1;
}


/* =========================================================
   MOBILE AUCTION LAYOUT
   ========================================================= */

@media (max-width:760px) {

    .ar15-auction-heading {
        align-items:flex-start;

        flex-direction:column;

        gap:8px;
    }


    .ar15-auction-grid {
        grid-template-columns:
            repeat(2, minmax(0,1fr));
    }


    .ar15-auction-item:nth-child(2n) {
        border-right:0;
    }


    .ar15-auction-footer {
        align-items:stretch;

        flex-direction:column;
    }


    .ar15-auction-bids {
        width:100%;
    }


    .ar15-auction-actions {
        width:100%;

        justify-content:flex-start;
    }

}


@media (max-width:480px) {

    .ar15-auction-grid {
        grid-template-columns:1fr;
    }


    .ar15-auction-item {
        border-right:0;
    }


    .ar15-auction-actions {
        display:grid;

        grid-template-columns:
            repeat(2, minmax(0,1fr));
    }


    .ar15-auction-actions a {
        width:100%;

        text-align:center;

        justify-content:center;
    }


    .ar15-auction-viewbids {
        min-height:32px;
    }

}
/* Auction injected rows */
.ar15-auction-extra {
    width:100% !important;
    max-width:none !important;

    border-collapse:collapse;
    border-spacing:0;

    margin:0;
    padding:0;

    background:#171b1d;
}

.ar15-auction-extra:empty {
    display:none;
}

.ar15-auction-extra td {
    padding:9px 12px;

    border-bottom:1px solid #303638;
}
/* =========================================================
   FORUM COLLAPSE BUTTONS — MOVE TO RIGHT
   ========================================================= */

.expcolimage {
    float: right !important;

    margin-left: 8px !important;
    margin-right: 0 !important;
}


/* Keep the icon vertically aligned in headers */
.thead .expcolimage,
.tcat .expcolimage {
    float: right !important;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-left: 8px !important;
    margin-right: 0 !important;
}


/* Make sure the actual image/button doesn't inherit odd spacing */
.expcolimage img {
    display: block;

    margin: 0 !important;
}
/* =========================================================
   FORUM LEGEND — CLEAN ICON / TEXT ALIGNMENT
   ========================================================= */

dl.forum_legend {
    display:grid !important;

    grid-template-columns:30px auto !important;

    column-gap:12px !important;
    row-gap:10px !important;

    align-items:center !important;

    width:max-content;
    max-width:100%;

    margin:12px 0 !important;
    padding:0 !important;
}


/* Icon column */
dl.forum_legend dt {
    float:none !important;
    clear:none !important;

    width:30px !important;
    height:30px !important;

    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}


/* Text column */
dl.forum_legend dd {
    float:none !important;

    margin:0 !important;
    padding:0 !important;

    min-height:30px;

    display:flex !important;
    align-items:center !important;

    line-height:1.25 !important;
}


/* Keep forum icons perfectly centered */
dl.forum_legend .forum_status {
    margin:0 !important;

    flex:0 0 30px;
}
/* =========================================================
   NEW PRIVATE MESSAGE MODAL
   ========================================================= */

.ar15-pm-modal {
    width:min(520px, 92vw) !important;
    max-width:520px !important;

    padding:0 !important;

    overflow:hidden;

    background:#171b1d !important;

    border:1px solid #4a5255 !important;
    border-top:3px solid #c49a27 !important;

    border-radius:7px !important;

    box-shadow:
        0 25px 70px rgba(0,0,0,.75),
        0 0 24px rgba(196,154,39,.18) !important;
}


/* HEADER */

.ar15-pm-modal-header {
    display:flex;
    align-items:center;

    gap:12px;

    padding:14px 16px;

    background:
        linear-gradient(
            90deg,
            #665117,
            #453b1c 60%,
            #1c2c43
        );

    border-bottom:1px solid #090a0b;
}


.ar15-pm-modal-icon {
    display:flex;
    align-items:center;
    justify-content:center;

    flex:0 0 38px;

    width:38px;
    height:38px;

    border-radius:50%;

    background:#111416;

    border:1px solid #c49a27;

    color:#ffe39a;

    font-size:19px;

    box-shadow:
        0 0 12px rgba(196,154,39,.25);
}


.ar15-pm-modal-title {
    color:#fff6d6;

    font-size:15px;
    font-weight:900;

    letter-spacing:.055em;
}


.ar15-pm-modal-subtitle {
    margin-top:2px;

    color:#d7ccb0;

    font-size:11px;
}


/* BODY */

.ar15-pm-modal-body {
    padding:18px;

    color:#deddd6;

    font-size:13px;
    line-height:1.55;
}


.ar15-pm-modal-body p {
    margin:0 0 8px;
}


.ar15-pm-modal-body strong {
    color:#ffe39a;

    font-size:16px;
}


.ar15-pm-modal-note {
    color:#9fa5a1;
}


/* BUTTON ROW */

.ar15-pm-modal-actions {
    display:flex;
    align-items:center;
    justify-content:flex-end;

    gap:7px;

    padding:11px 14px;

    background:#101314;

    border-top:1px solid #394044;
}


.ar15-pm-modal-actions a {
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:34px;

    padding:7px 13px;

    border-radius:4px;

    font-size:10px;
    font-weight:900;

    letter-spacing:.045em;

    text-transform:uppercase;
}


.ar15-pm-modal-open {
    color:#fff8d5 !important;

    background:
        linear-gradient(
            #76601d,
            #594713
        );

    border:1px solid #c49a27;

    box-shadow:
        0 2px 0 #2a230d;
}


.ar15-pm-modal-open:hover {
    color:#fff !important;

    background:
        linear-gradient(
            #8a7023,
            #665117
        );

    border-color:#e1b53c;
}


.ar15-pm-modal-close {
    color:#ddd !important;

    background:#1b2022;

    border:1px solid #4a5255;
}


.ar15-pm-modal-close:hover {
    color:#fff !important;

    background:#282e31;

    border-color:#727c80;
}


/* =========================================================
   LIGHT THEME
   ========================================================= */

html[data-ar-theme="light"] .ar15-pm-modal {
    background:#faf9f5 !important;

    border-color:#aaa9a1 !important;
    border-top-color:#a98420 !important;
}


html[data-ar-theme="light"] .ar15-pm-modal-body {
    color:#2d3233;
}


html[data-ar-theme="light"] .ar15-pm-modal-note {
    color:#6a706e;
}


html[data-ar-theme="light"] .ar15-pm-modal-actions {
    background:#e6e3db;

    border-top-color:#c0bdb4;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:560px) {

    .ar15-pm-modal-actions {
        flex-direction:column;
        align-items:stretch;
    }


    .ar15-pm-modal-actions a {
        width:100%;
    }

}
/* =========================================================
   LIGHT THEME — STRONGER ALERT BUTTON COLORS + PULSE
   Dark theme is unaffected
   ========================================================= */


/* =========================================================
   UNREAD ALERTS — RED
   ========================================================= */

html[data-ar-theme="light"] .alerts--new > a,
html[data-ar-theme="light"] .myalerts_popup_wrapper.alerts--new > a,
html[data-ar-theme="light"] .alerts a.unreadAlerts {
    background:#a51f2b !important;
    border-color:#d43c49 !important;
    color:#ffffff !important;

    box-shadow:
        0 0 0 1px rgba(212,60,73,.38),
        0 0 12px rgba(212,60,73,.62),
        inset 0 0 10px rgba(255,255,255,.12);

    animation:
        ar15-alert-pulse-light 2.2s ease-in-out infinite !important;
}


html[data-ar-theme="light"] .alerts--new > a:hover,
html[data-ar-theme="light"] .myalerts_popup_wrapper.alerts--new > a:hover,
html[data-ar-theme="light"] .alerts a.unreadAlerts:hover {
    background:#be2533 !important;
    border-color:#ef5562 !important;
    color:#ffffff !important;
}


@keyframes ar15-alert-pulse-light {

    0%,
    100% {
        box-shadow:
            0 0 0 1px rgba(212,60,73,.38),
            0 0 9px rgba(212,60,73,.50),
            inset 0 0 10px rgba(255,255,255,.10);
    }

    50% {
        box-shadow:
            0 0 0 2px rgba(235,70,84,.60),
            0 0 22px rgba(235,70,84,.95),
            inset 0 0 14px rgba(255,255,255,.18);
    }
}


/* =========================================================
   PRIVATE MESSAGES — GOLD / AMBER
   ========================================================= */

html[data-ar-theme="light"] .ar15-member-tools .ar15-pm-unread > a {
    background:#b57b00 !important;
    border-color:#e0a420 !important;
    color:#ffffff !important;

    box-shadow:
        0 0 0 1px rgba(224,164,32,.42),
        0 0 12px rgba(224,164,32,.65),
        inset 0 0 10px rgba(255,255,255,.12);

    animation:
        ar15-pm-pulse-light 2.2s ease-in-out infinite !important;
}


html[data-ar-theme="light"] .ar15-member-tools .ar15-pm-unread > a:hover {
    background:#cc8a00 !important;
    border-color:#f0b632 !important;
    color:#ffffff !important;
}


@keyframes ar15-pm-pulse-light {

    0%,
    100% {
        box-shadow:
            0 0 0 1px rgba(224,164,32,.38),
            0 0 9px rgba(224,164,32,.52),
            inset 0 0 10px rgba(255,255,255,.10);
    }

    50% {
        box-shadow:
            0 0 0 2px rgba(240,182,50,.62),
            0 0 22px rgba(240,182,50,.95),
            inset 0 0 14px rgba(255,255,255,.18);
    }
}


/* =========================================================
   UNREAD POSTS — BLUE
   ========================================================= */

html[data-ar-theme="light"] .ar15-member-tools .ar15-unread-posts > a,
html[data-ar-theme="light"] #unreadCounter.ar15-unread-posts > a {
    background:#245f9f !important;
    border-color:#4a89cb !important;
    color:#ffffff !important;

    box-shadow:
        0 0 0 1px rgba(74,137,203,.40),
        0 0 12px rgba(74,137,203,.62),
        inset 0 0 10px rgba(255,255,255,.12);

    animation:
        ar15-unread-pulse-light 2.2s ease-in-out infinite !important;
}


html[data-ar-theme="light"] .ar15-member-tools .ar15-unread-posts > a:hover,
html[data-ar-theme="light"] #unreadCounter.ar15-unread-posts > a:hover {
    background:#2e73ba !important;
    border-color:#63a3e6 !important;
    color:#ffffff !important;
}


@keyframes ar15-unread-pulse-light {

    0%,
    100% {
        box-shadow:
            0 0 0 1px rgba(74,137,203,.38),
            0 0 9px rgba(74,137,203,.50),
            inset 0 0 10px rgba(255,255,255,.10);
    }

    50% {
        box-shadow:
            0 0 0 2px rgba(99,163,230,.62),
            0 0 22px rgba(99,163,230,.95),
            inset 0 0 14px rgba(255,255,255,.18);
    }
}
/* =========================================================
   PRIVATE MESSAGES — ADVANCED SEARCH BUTTON
   ========================================================= */

a[href*="private.php?action=search"],
a[href*="private.php?action=advanced_search"] {
    display:inline-flex !important;
    align-items:center;
    justify-content:center;

    min-height:34px;

    margin-left:6px !important;
    padding:7px 12px !important;

    border:1px solid #526983 !important;
    border-radius:4px;

    background:linear-gradient(#2d4b70,#1c2c43) !important;

    color:#ffffff !important;

    font-size:10px !important;
    font-weight:800 !important;

    line-height:1 !important;
    letter-spacing:.035em;

    text-transform:uppercase;

    box-shadow:
        0 2px 0 #101822;

    transition:
        background .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}


a[href*="private.php?action=search"]:hover,
a[href*="private.php?action=advanced_search"]:hover {
    background:linear-gradient(#365b86,#253b59) !important;

    border-color:#6f8fb3 !important;

    color:#ffffff !important;

    box-shadow:
        0 2px 0 #101822,
        0 0 10px rgba(75,110,150,.28);
}


/* =========================================================
   LIGHT THEME — STRONGER VERSION
   ========================================================= */

html[data-ar-theme="light"]
a[href*="private.php?action=search"],

html[data-ar-theme="light"]
a[href*="private.php?action=advanced_search"] {
    background:linear-gradient(#356fa9,#234f7c) !important;

    border-color:#4d83b8 !important;

    color:#ffffff !important;

    box-shadow:
        0 2px 0 rgba(22,45,69,.35),
        0 0 7px rgba(53,111,169,.20);
}


html[data-ar-theme="light"]
a[href*="private.php?action=search"]:hover,

html[data-ar-theme="light"]
a[href*="private.php?action=advanced_search"]:hover {
    background:linear-gradient(#4284c3,#2b6194) !important;

    border-color:#6da4d6 !important;

    color:#ffffff !important;

    box-shadow:
        0 2px 0 rgba(22,45,69,.35),
        0 0 12px rgba(66,132,195,.38);
}
/* =========================================================
   POST BODY — IMPROVED READABILITY
   ========================================================= */

.post .post_body,
.post.classic .post_body {
    font-size:16px !important;
    line-height:1.7 !important;
}


/* Slightly smaller on phones */
@media (max-width:560px) {

    .post .post_body,
    .post.classic .post_body {
        font-size:15px !important;
        line-height:1.65 !important;
    }

}
/* =========================================================
   THANK YOU / LIKE — CLEANED DISPLAY
   ========================================================= */

.post.classic .tyllist,
.post.classic .tyllist_classic {

    width:auto !important;

    margin:10px 16px 12px !important;
    padding:0 !important;

    background:#111614 !important;

    border:1px solid #39423d !important;
    border-left:3px solid #68705b !important;

    border-radius:6px !important;

    overflow:hidden !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.02);
}


/* Remove excessive nested plugin borders */
.post.classic .tyllist table,
.post.classic .tyllist_classic table {

    width:100% !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;
    border-collapse:collapse !important;

    background:transparent !important;

    box-shadow:none !important;
}


/* Plugin table cells */
.post.classic .tyllist td,
.post.classic .tyllist_classic td {

    border:0 !important;

    background:transparent !important;

    padding:8px 10px !important;

    vertical-align:middle !important;
}


/* First/header section */
.post.classic .tyllist tr:first-child td,
.post.classic .tyllist_classic tr:first-child td {

    padding-top:9px !important;
    padding-bottom:7px !important;

    border-bottom:
        1px solid rgba(255,255,255,.06) !important;
}


/* Text */
.post.classic .tyllist,
.post.classic .tyllist_classic {

    color:#c9cdc7 !important;

    font-size:11px !important;
    line-height:1.4 !important;
}


.post.classic .tyllist strong,
.post.classic .tyllist_classic strong {

    color:#e7e4db !important;
}


/* Links */
.post.classic .tyllist a,
.post.classic .tyllist_classic a {

    color:#d8c89c !important;

    font-weight:700 !important;

    text-decoration:none !important;
}


.post.classic .tyllist a:hover,
.post.classic .tyllist_classic a:hover {

    color:#ffffff !important;
}


/* Small liker avatars */
.post.classic .tyllist img,
.post.classic .tyllist_classic img {

    max-width:30px !important;
    max-height:30px !important;

    width:auto !important;
    height:auto !important;

    margin:2px 3px 2px 0 !important;

    padding:2px !important;

    border:1px solid #4a5350 !important;
    border-radius:4px !important;

    background:#15191b !important;

    object-fit:cover !important;
}


/* =========================================================
   LIGHT THEME
   ========================================================= */

html[data-ar-theme="light"]
.post.classic .tyllist,

html[data-ar-theme="light"]
.post.classic .tyllist_classic {

    background:#f1efe8 !important;

    border-color:#c4c0b6 !important;
    border-left-color:#7c866b !important;

    color:#4e5552 !important;
}


html[data-ar-theme="light"]
.post.classic .tyllist strong,

html[data-ar-theme="light"]
.post.classic .tyllist_classic strong {

    color:#2d3233 !important;
}


html[data-ar-theme="light"]
.post.classic .tyllist a,

html[data-ar-theme="light"]
.post.classic .tyllist_classic a {

    color:#6b5d3f !important;
}


html[data-ar-theme="light"]
.post.classic .tyllist img,

html[data-ar-theme="light"]
.post.classic .tyllist_classic img {

    background:#ffffff !important;

    border-color:#aaa9a1 !important;
}


/* =========================================================
   MOBILE — COMPACT THANK YOU / LIKE
   ========================================================= */

@media screen and (max-width:760px) {

    .post.classic .tyllist,
    .post.classic .tyllist_classic {

        margin:
            8px 10px
            10px !important;

        border-radius:5px !important;
    }


    .post.classic .tyllist td,
    .post.classic .tyllist_classic td {

        display:block !important;

        width:100% !important;

        padding:
            7px 8px !important;

        text-align:left !important;
    }


    .post.classic .tyllist,
    .post.classic .tyllist_classic {

        font-size:10px !important;
        line-height:1.35 !important;
    }


    .post.classic .tyllist img,
    .post.classic .tyllist_classic img {

        max-width:26px !important;
        max-height:26px !important;

        margin-right:3px !important;
    }

}
/* =========================================================
   THANK YOU / LIKE — CLEAN CARD
   ========================================================= */

.ar15-tyl-box {
    width:auto !important;

    margin:10px 16px 12px !important;
    padding:0 !important;

    background:#111614 !important;

    border:1px solid #39423d !important;
    border-left:3px solid #68705b !important;

    border-radius:6px !important;

    overflow:hidden !important;

    box-shadow:none !important;
}


/* Header */
.ar15-tyl-header {
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:10px;

    padding:8px 10px;

    background:#151a18;

    border-bottom:1px solid rgba(255,255,255,.06);
}


.ar15-tyl-title {
    min-width:0;

    color:#d9ddd7;

    font-size:11px;
    font-weight:800;

    line-height:1.35;
}


.ar15-tyl-toggle {
    flex:0 0 auto;
}


/* Main like data area */
.ar15-tyl-data {
    display:block !important;

    padding:8px 10px !important;

    color:#c6cbc5;

    font-size:11px;
    line-height:1.4;
}


/* Clean nested plugin markup */
.ar15-tyl-box table {
    width:100% !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;
    border-collapse:collapse !important;

    background:transparent !important;

    box-shadow:none !important;
}


.ar15-tyl-box td {
    padding:5px !important;

    border:0 !important;

    background:transparent !important;

    vertical-align:middle !important;
}


/* Links / names */
.ar15-tyl-box a {
    color:#d8c89c !important;

    font-weight:700;

    text-decoration:none !important;
}


.ar15-tyl-box a:hover {
    color:#ffffff !important;
}


/* Liker avatars */
.ar15-tyl-box img {
    width:auto !important;
    height:auto !important;

    max-width:30px !important;
    max-height:30px !important;

    margin:2px 3px 2px 0 !important;

    padding:2px !important;

    border:1px solid #4a5350 !important;
    border-radius:4px !important;

    background:#15191b !important;

    object-fit:cover !important;
}


/* =========================================================
   LIGHT THEME
   ========================================================= */

html[data-ar-theme="light"] .ar15-tyl-box {
    background:#f1efe8 !important;

    border-color:#c4c0b6 !important;
    border-left-color:#7c866b !important;
}


html[data-ar-theme="light"] .ar15-tyl-header {
    background:#e7e4dc;

    border-bottom-color:#c7c3b9;
}


html[data-ar-theme="light"] .ar15-tyl-title,
html[data-ar-theme="light"] .ar15-tyl-data {
    color:#3f4543;
}


html[data-ar-theme="light"] .ar15-tyl-box a {
    color:#6c5c3d !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width:760px) {

    .ar15-tyl-box {
        margin:
            8px 10px
            10px !important;
    }


    .ar15-tyl-header {
        padding:7px 8px;
    }


    .ar15-tyl-title {
        font-size:10px;
    }


    .ar15-tyl-data {
        padding:7px 8px !important;

        font-size:10px;
    }


    .ar15-tyl-box td {
        padding:4px !important;
    }


    .ar15-tyl-box img {
        max-width:26px !important;
        max-height:26px !important;
    }

}
/* =========================================================
   THANK YOU / LIKE — AVATAR LIST POLISH
   ========================================================= */

.ar15-tyl-box {
    margin:10px 16px 12px !important;
    padding:0 !important;

    background:#111614 !important;

    border:1px solid #39423d !important;
    border-left:3px solid #68705b !important;

    border-radius:6px !important;

    overflow:hidden !important;

    box-shadow:none !important;
}


.ar15-tyl-header {
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:8px;

    padding:7px 10px;

    background:#151a18;

    border-bottom:1px solid rgba(255,255,255,.06);
}


.ar15-tyl-title {
    color:#d8dcd6;

    font-size:11px;
    font-weight:800;

    line-height:1.3;
}


.ar15-tyl-toggle {
    flex:0 0 auto;
}


.ar15-tyl-data {
    display:flex !important;

    align-items:center;
    flex-wrap:wrap;

    gap:5px;

    padding:8px 10px !important;

    color:#c7cbc6;

    font-size:11px;
    line-height:1.35;
}


/* Like avatars */
.ar15-tyl-data .tyl_avatar {
    display:block !important;

    width:30px !important;
    height:30px !important;

    max-width:30px !important;
    max-height:30px !important;

    margin:0 !important;
    padding:2px !important;

    border:1px solid #4a5350 !important;
    border-radius:4px !important;

    background:#15191b !important;

    object-fit:cover !important;
}


/* Avatar links */
.ar15-tyl-data a {
    display:inline-flex;

    align-items:center;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;

    background:transparent !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width:760px) {

    .ar15-tyl-box {
        margin:8px 10px 10px !important;
    }

    .ar15-tyl-header {
        padding:7px 8px;
    }

    .ar15-tyl-data {
        padding:7px 8px !important;

        gap:4px;

        font-size:10px;
    }

    .ar15-tyl-data .tyl_avatar {
        width:28px !important;
        height:28px !important;

        max-width:28px !important;
        max-height:28px !important;
    }

}
/* =========================================================
   THANK YOU / LIKE — REMOVE OUTER VISUAL NESTING
   ========================================================= */

/* Outer plugin container stays for functionality,
   but becomes visually transparent */
.post.classic .post_content > .tyllist_classic {
    margin:10px 16px 12px !important;
    padding:0 !important;

    background:transparent !important;

    border:0 !important;
    border-radius:0 !important;

    box-shadow:none !important;

    overflow:visible !important;
}


/* The inner custom card becomes the only visible box */
.post.classic .post_content > .tyllist_classic > .ar15-tyl-inner {
    margin:0 !important;
    padding:0 !important;

    background:#111614 !important;

    border:1px solid #39423d !important;
    border-left:3px solid #68705b !important;

    border-radius:6px !important;

    overflow:hidden !important;

    box-shadow:none !important;
}


/* Light theme */
html[data-ar-theme="light"]
.post.classic .post_content > .tyllist_classic {
    background:transparent !important;
    border:0 !important;
}


html[data-ar-theme="light"]
.post.classic .post_content > .tyllist_classic > .ar15-tyl-inner {
    background:#f1efe8 !important;

    border-color:#c4c0b6 !important;
    border-left-color:#7c866b !important;
}


/* Mobile */
@media screen and (max-width:760px) {

    .post.classic .post_content > .tyllist_classic {
        margin:8px 10px 10px !important;
    }

}
/* =========================================================
   THANK YOU / LIKE — COLLAPSE BUTTON RIGHT
   ========================================================= */

.ar15-tyl-header {
    display:flex !important;
    align-items:center !important;
}

.ar15-tyl-title {
    flex:1 1 auto !important;
    min-width:0 !important;
}

.ar15-tyl-toggle {
    flex:0 0 auto !important;

    margin-left:auto !important;
    margin-right:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
}

.ar15-tyl-toggle img,
.ar15-tyl-toggle a,
.ar15-tyl-toggle span {
    margin-left:auto !important;
    margin-right:0 !important;
}
/* =========================================================
   THANK YOU / LIKE — COLLAPSE BUTTON RIGHT
   ========================================================= */

.ar15-tyl-header {
    display:flex !important;
    align-items:center !important;
    width:100% !important;
}

.ar15-tyl-title {
    flex:1 1 auto !important;
    min-width:0 !important;
}

.ar15-tyl-toggle {
    margin-left:auto !important;
    flex:0 0 auto !important;
}

.ar15-tyl-expcol {
    display:inline-flex !important;

    align-items:center !important;
    justify-content:center !important;

    float:none !important;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;
    border:0 !important;
}

.ar15-tyl-expcol img {
    display:block !important;

    margin:0 !important;
    padding:0 !important;

    float:none !important;
}
/* =========================================================
   THANK YOU / LIKE — FORCE COLLAPSE BUTTON TO RIGHT
   ========================================================= */

.post.classic .post_content > .tyllist_classic {
    position: relative !important;
}


/* Exact collapse/expand control */
.post.classic .ar15-tyl-expcol {
    position: absolute !important;

    top: 8px !important;
    right: 10px !important;
    left: auto !important;

    float: none !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 5 !important;
}


/* Leave room so title can never run underneath it */
.post.classic .ar15-tyl-title,
.post.classic .ar15-tyl-header {
    padding-right: 36px !important;
}


/* Keep collapse image neat */
.post.classic .ar15-tyl-expcol img {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Mobile */
@media screen and (max-width:760px) {

    .post.classic .ar15-tyl-expcol {
        top: 7px !important;
        right: 8px !important;
    }

}
/* =========================================================
   THANK YOU / LIKE — KEEP COLLAPSE BUTTON INSIDE CARD
   ========================================================= */

.post.classic .ar15-tyl-inner {
    position:relative !important;
}


/* Position button from INNER visible card */
.post.classic .ar15-tyl-expcol {
    position:absolute !important;

    top:8px !important;
    right:8px !important;

    left:auto !important;

    margin:0 !important;
    padding:0 !important;

    z-index:10 !important;
}


/* Give title enough room for button */
.post.classic .ar15-tyl-header {
    padding-right:42px !important;
}


/* Mobile */
@media screen and (max-width:760px) {

    .post.classic .ar15-tyl-expcol {
        top:7px !important;
        right:7px !important;
    }

    .post.classic .ar15-tyl-header {
        padding-right:38px !important;
    }

}
/* =========================================================
   THANK YOU / LIKE — FINAL COLLAPSE BUTTON POSITION
   ========================================================= */

.post.classic .ar15-tyl-expcol {
    position:absolute !important;

    top:14px !important;
    right:22px !important;

    left:auto !important;

    margin:0 !important;
    padding:0 !important;

    z-index:20 !important;
}


/* Mobile */
@media screen and (max-width:760px) {

    .post.classic .ar15-tyl-expcol {
        top:13px !important;
        right:18px !important;
    }

}
/* =========================================================
   THANK YOU / LIKE — MOBILE CLEANUP
   ========================================================= */

@media screen and (max-width:760px) {

    .post.classic .post_content > .tyllist_classic {
        margin:8px 8px 10px !important;
    }

    .post.classic .ar15-tyl-inner {
        border-radius:5px !important;
    }

    .post.classic .ar15-tyl-header {
        display:flex !important;
        align-items:center !important;

        min-height:36px !important;

        padding:7px 38px 7px 8px !important;

        gap:5px !important;
    }

    .post.classic .ar15-tyl-title {
        display:flex !important;
        align-items:center !important;
        flex-wrap:wrap !important;

        gap:3px !important;

        padding:0 !important;

        font-size:10px !important;
        line-height:1.25 !important;
    }

    /* User-name links inside the title should look like text,
       not a large post-control button */
    .post.classic .ar15-tyl-title a {
        display:inline !important;

        margin:0 !important;
        padding:0 2px !important;

        min-height:0 !important;

        background:transparent !important;

        border:0 !important;
        border-radius:0 !important;

        box-shadow:none !important;

        color:#d8c89c !important;

        font-size:10px !important;
        line-height:1.25 !important;

        text-transform:none !important;
    }

    /* Data / avatars row */
    .post.classic .ar15-tyl-data {
        display:flex !important;

        align-items:center !important;
        flex-wrap:wrap !important;

        gap:4px !important;

        min-height:0 !important;

        padding:7px 8px 8px !important;

        font-size:10px !important;
    }

    .post.classic .ar15-tyl-data a {
        display:inline-flex !important;

        width:auto !important;
        min-width:0 !important;
        min-height:0 !important;

        margin:0 !important;
        padding:0 !important;

        background:transparent !important;

        border:0 !important;
        box-shadow:none !important;
    }

    .post.classic .ar15-tyl-data .tyl_avatar {
        width:28px !important;
        height:28px !important;

        max-width:28px !important;
        max-height:28px !important;

        margin:0 !important;

        padding:2px !important;

        border-radius:4px !important;

        object-fit:cover !important;
    }

    /* Collapse / expand button */
    .post.classic .ar15-tyl-expcol {
        top:10px !important;
        right:10px !important;

        width:auto !important;
        min-width:0 !important;
        min-height:0 !important;

        margin:0 !important;
        padding:0 !important;

        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;
    }

    .post.classic .ar15-tyl-expcol img {
        display:block !important;

        max-width:18px !important;
        max-height:18px !important;

        margin:0 !important;
        padding:0 !important;
    }

}
/* =========================================================
   MOBILE POST SPACING — FINAL CLEANUP
   ========================================================= */

@media screen and (max-width:760px) {

    /* Reduce empty space below post body / IP line */
    .post.classic .post_meta {
        margin-top:6px !important;
        padding-bottom:6px !important;
    }

    /* Pull Like box slightly closer to metadata */
    .post.classic .post_content > .tyllist_classic {
        margin-top:6px !important;
        margin-bottom:8px !important;
    }

    /* Slightly tighter Like card */
    .post.classic .ar15-tyl-header {
        min-height:32px !important;
        padding-top:6px !important;
        padding-bottom:6px !important;
    }

    .post.classic .ar15-tyl-data {
        padding-top:6px !important;
        padding-bottom:7px !important;
    }

    /* Tighten post controls below Like box */
    .post.classic .post_controls {
        padding-top:8px !important;
        padding-bottom:8px !important;
    }

    .post.classic .postbit_buttons {
        margin-bottom:0 !important;
    }

    .post.classic .postbit_buttons a {
        margin-top:2px !important;
        margin-bottom:2px !important;
    }

}
/* =========================================================
   THANK YOU / LIKE — MOBILE COLLAPSE ICON RESTORE
   ========================================================= */

@media screen and (max-width:760px) {

    .post.classic .ar15-tyl-expcol {
        position:absolute !important;

        top:8px !important;
        right:10px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        width:22px !important;
        height:22px !important;

        min-width:22px !important;
        min-height:22px !important;

        margin:0 !important;
        padding:0 !important;

        background:#171c1d !important;

        border:1px solid #465053 !important;
        border-radius:4px !important;

        box-sizing:border-box !important;

        opacity:1 !important;
        visibility:visible !important;

        z-index:50 !important;
    }


    .post.classic .ar15-tyl-expcol img {
        display:block !important;

        width:12px !important;
        height:12px !important;

        min-width:12px !important;
        min-height:12px !important;

        max-width:12px !important;
        max-height:12px !important;

        margin:0 !important;
        padding:0 !important;

        border:0 !important;
        border-radius:0 !important;

        background:transparent !important;

        opacity:1 !important;
        visibility:visible !important;

        object-fit:contain !important;
    }


    /* Keep title clear of the icon */
    .post.classic .ar15-tyl-header {
        padding-right:40px !important;
    }

}
/* =========================================================
   THANK YOU / LIKE — CSS COLLAPSE ICON
   ========================================================= */

.post.classic .ar15-tyl-expcol {
    position:absolute !important;

    top:8px !important;
    right:10px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:22px !important;
    height:22px !important;

    min-width:22px !important;
    min-height:22px !important;

    margin:0 !important;
    padding:0 !important;

    background:#171c1d !important;

    border:1px solid #465053 !important;
    border-radius:4px !important;

    box-sizing:border-box !important;

    overflow:hidden !important;

    z-index:50 !important;
}


/* Hide the plugin image itself */
.post.classic .ar15-tyl-expcol img {
    display:none !important;
}


/* Draw our own visible collapse symbol */
.post.classic .ar15-tyl-expcol::before {
    content:"−";

    display:block;

    color:#d8c89c !important;

    font-size:16px !important;
    font-weight:700 !important;
    line-height:1 !important;

    position:relative;
    top:-1px;
}


/* Hover */
.post.classic .ar15-tyl-expcol:hover {
    border-color:#b6a27d !important;
    background:#202628 !important;
}


/* Light theme */
html[data-ar-theme="light"]
.post.classic .ar15-tyl-expcol {
    background:#e6e3da !important;
    border-color:#aaa79f !important;
}

html[data-ar-theme="light"]
.post.classic .ar15-tyl-expcol::before {
    color:#65583d !important;
}


/* Mobile */
@media screen and (max-width:760px) {

    .post.classic .ar15-tyl-expcol {
        top:8px !important;
        right:10px !important;
    }

    .post.classic .ar15-tyl-header {
        padding-right:40px !important;
    }

}
/* =========================================================
   THANK YOU / LIKE — MINUS / PLUS STATE
   ========================================================= */

/* Expanded */
.post.classic .ar15-tyl-expcol::before {
    content:"-" !important;

    color:#d8c89c !important;

    font-size:16px !important;
    font-weight:700 !important;
    line-height:1 !important;
}


/* Collapsed */
.post.classic .ar15-tyl-expcol.ar15-tyl-collapsed::before {
    content:"+" !important;

    font-size:16px !important;
}


/* Keep original plugin image hidden */
.post.classic .ar15-tyl-expcol img {
    display:none !important;
}
/* =========================================================
   THANK YOU / LIKE — FINAL DESKTOP POLISH
   ========================================================= */

@media screen and (min-width:761px) {

    /* Slightly more left breathing room */
    .post.classic .ar15-tyl-header {
        padding-left:15px !important;
    }

    .post.classic .ar15-tyl-data {
        padding-left:12px !important;
    }

    /* Move +/- button slightly off the top border line */
    .post.classic .ar15-tyl-expcol {
        top:10px !important;
        right:10px !important;
    }

}
/* =========================================================
   THANK YOU / LIKE — EXTRA LEFT INSET
   ========================================================= */

.post.classic .ar15-tyl-header {
    padding-left:18px !important;
}

.post.classic .ar15-tyl-data {
    padding-left:18px !important;
}
/* THANK YOU / LIKE — DIRECT TITLE INSET */

.post.classic .ar15-tyl-title {
    margin-left: 12px !important;
}
/* =========================================================
   THANK YOU / LIKE — TITLE LEFT INSET
   ========================================================= */

.post.classic span[id^="tyl_title_"]:not([id^="tyl_title_collapsed_"]) {
    padding-left:12px !important;
    box-sizing:border-box !important;
}
/* =========================================================
   MOBILE — NORMALIZE LIKE / UNLIKE BUTTON SIZE
   ========================================================= */

@media screen and (max-width:760px) {

    .post.classic .post_controls div[id^="tyl_btn_"] {
        display:inline-block !important;

        width:auto !important;
        min-width:0 !important;
        max-width:none !important;

        height:auto !important;
        min-height:0 !important;

        margin:2px 4px 2px 0 !important;
        padding:0 !important;

        float:none !important;

        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;

        vertical-align:middle !important;
    }

    .post.classic .post_controls div[id^="tyl_btn_"] a {
        display:inline-flex !important;

        width:auto !important;
        min-width:54px !important;
        max-width:none !important;

        height:auto !important;
        min-height:32px !important;

        margin:0 !important;
        padding:6px 11px !important;

        align-items:center !important;
        justify-content:center !important;

        box-sizing:border-box !important;
    }

}
/* =========================================================
   MOBILE — FORCE LIKE / UNLIKE TO NORMAL BUTTON SIZE
   ========================================================= */

@media screen and (max-width:760px) {

    .post.classic .post_controls a.del_tyl_button[id^="tyl_btn_"],
    .post.classic .post_controls a.add_tyl_button[id^="tyl_btn_"] {

        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;

        width:auto !important;
        min-width:54px !important;
        max-width:none !important;

        height:32px !important;
        min-height:32px !important;
        max-height:32px !important;

        margin:2px 4px 2px 0 !important;
        padding:6px 11px !important;

        line-height:1 !important;

        box-sizing:border-box !important;

        vertical-align:middle !important;
    }


    .post.classic .post_controls a.del_tyl_button[id^="tyl_btn_"] span,
    .post.classic .post_controls a.add_tyl_button[id^="tyl_btn_"] span {

        display:inline !important;

        width:auto !important;
        height:auto !important;

        margin:0 !important;
        padding:0 !important;

        line-height:1 !important;
    }

}
/* =========================================================
   MOBILE — REPLY BUTTON QUOTE SPACING FIX
   ========================================================= */

@media screen and (max-width:760px) {

    .post.classic .post_controls a.ar15-reply-button {
        padding-left:20px !important;
        padding-right:10px !important;
    }

    .post.classic .post_controls a.ar15-reply-button .ar15-reply-mark {
        left:9px !important;

        font-size:18px !important;

        transform:translateY(-50%) !important;
    }

    .post.classic .post_controls a.ar15-reply-button .ar15-reply-text {
        position:relative !important;
        left:0 !important;

        white-space:nowrap !important;
    }

}
/* =========================================================
   DESKTOP — RESTORE CENTERED FORUM CONTAINER
   ========================================================= */

@media screen and (min-width:761px) {

    .wrapper {
        width: calc(100% - 40px) !important;
        max-width: 1380px !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }

}
/* =========================================================
   DESKTOP — CONTAIN NAV + MEMBER PANEL
   ========================================================= */

@media screen and (min-width:761px) {

    .ar15-primary-nav,
    #panel {
        width: calc(100% - 40px) !important;
        max-width: 1380px !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }

}/* =========================================================
   FORUM LEGEND — PREVENT ICON SQUEEZE
   ========================================================= */

dl.forum_legend {
    grid-template-columns: 34px minmax(0, 1fr) !important;
}

dl.forum_legend dt {
    width:34px !important;
    min-width:34px !important;
    max-width:34px !important;

    height:34px !important;
    min-height:34px !important;

    flex:0 0 34px !important;
}

dl.forum_legend .forum_status {
    width:30px !important;
    min-width:30px !important;
    max-width:30px !important;

    height:30px !important;
    min-height:30px !important;
    max-height:30px !important;

    flex:0 0 30px !important;

    transform:none !important;
}


/* Mobile */
@media screen and (max-width:760px) {

    dl.forum_legend {
        grid-template-columns:34px minmax(0,1fr) !important;
        column-gap:10px !important;
        row-gap:8px !important;
    }

    dl.forum_legend dt {
        width:34px !important;
        min-width:34px !important;
        max-width:34px !important;

        height:34px !important;
    }

}
/* =========================================================
   LIGHT THEME — FORUM NAME + DESCRIPTION COLORS
   ========================================================= */

html[data-ar-theme="light"] .ar15-forum-row a,
html[data-ar-theme="light"] .ar15-forum-row strong a,
html[data-ar-theme="light"] .forum_name a {
    color:#35533d !important;
    font-weight:800;
}

html[data-ar-theme="light"] .ar15-forum-row a:hover,
html[data-ar-theme="light"] .ar15-forum-row strong a:hover,
html[data-ar-theme="light"] .forum_name a:hover {
    color:#8b2f37 !important;
}


/* forum description text */
html[data-ar-theme="light"] .ar15-forum-row .smalltext,
html[data-ar-theme="light"] .forum_desc,
html[data-ar-theme="light"] .forum_description {
    color:#5d6870 !important;
}


/* category title text inside the crimson headers */
html[data-ar-theme="light"] .thead,
html[data-ar-theme="light"] .tcat {
    color:#f4eee3 !important;
}

html[data-ar-theme="light"] .thead a,
html[data-ar-theme="light"] .tcat a {
    color:#f4eee3 !important;
}

html[data-ar-theme="light"] .thead .smalltext,
html[data-ar-theme="light"] .tcat .smalltext {
    color:#d9c9c2 !important;
}

/* =========================================================
   LIGHT THEME — FORUM COLUMN TITLE TEXT
   ========================================================= */

html[data-ar-theme="light"] #content table.tborder .tcat strong {
    color:#3f5a46 !important;
    font-weight:800 !important;
}
/* =========================================================
   LIGHT THEME — BOARD STATISTICS COMPLETE COLOR FIX
   ========================================================= */

/* Main BOARD STATISTICS header */
html[data-ar-theme="light"]
table.tborder:has(#boardstats_e) .thead strong {
    color:#f3eee4 !important;
}

/* Subheadings:
   WHO'S ONLINE / TODAY'S BIRTHDAYS / BOARD STATISTICS */
html[data-ar-theme="light"]
#boardstats_e .tcat strong {
    color:#35533d !important;
}

/* Complete List link */
html[data-ar-theme="light"]
#boardstats_e .tcat a {
    color:#7b6540 !important;
    font-weight:700 !important;
}

html[data-ar-theme="light"]
#boardstats_e .tcat a:hover {
    color:#8b2f37 !important;
}

/* Normal board-statistics text */
html[data-ar-theme="light"]
#boardstats_e .trow1,
html[data-ar-theme="light"]
#boardstats_e .trow1 .smalltext {
    color:#56636b !important;
}

/* Normal links inside statistics */
html[data-ar-theme="light"]
#boardstats_e .trow1 a {
    color:#35533d !important;
}

html[data-ar-theme="light"]
#boardstats_e .trow1 a:hover {
    color:#8b2f37 !important;
}

/* Footer links */
html[data-ar-theme="light"]
#boardstats_e .tfoot a {
    color:#35533d !important;
}

html[data-ar-theme="light"]
#boardstats_e .tfoot a:hover {
    color:#8b2f37 !important;
}
/* =========================================================
   LIGHT THEME — FORUM LIST + PAGINATION TEXT FIX
   ========================================================= */

/* Thread list column headings */
html[data-ar-theme="light"] #content table.tborder .tcat,
html[data-ar-theme="light"] #content table.tborder .tcat strong {
    color:#4b5b62 !important;
}

/* Make links inside those headings readable too */
html[data-ar-theme="light"] #content table.tborder .tcat a {
    color:#4b5b62 !important;
}

html[data-ar-theme="light"] #content table.tborder .tcat a:hover {
    color:#8b2f37 !important;
}


/* =========================================================
   PAGINATION
   ========================================================= */

html[data-ar-theme="light"] .pagination {
    color:#4e595d !important;
}

html[data-ar-theme="light"] .pagination a {
    color:#35533d !important;

    background:#e7e4dc !important;

    border-color:#b6b2a7 !important;
}

html[data-ar-theme="light"] .pagination a:hover {
    color:#ffffff !important;

    background:#5c684f !important;

    border-color:#5c684f !important;
}

html[data-ar-theme="light"] .pagination .pagination_current {
    color:#ffffff !important;

    background:#8e1f27 !important;

    border-color:#8e1f27 !important;
}

html[data-ar-theme="light"] .pagination .pagination_next,
html[data-ar-theme="light"] .pagination .pagination_previous {
    color:#35533d !important;
}

html[data-ar-theme="light"] .pagination .pagination_next:hover,
html[data-ar-theme="light"] .pagination .pagination_previous:hover {
    color:#ffffff !important;
}
/* =========================================================
   LIGHT THEME — FORUMDISPLAY TOP HEADER BAR
   ========================================================= */

/* Forum title: Moderator Forum, etc. */
html[data-ar-theme="light"]
table.tborder.clear:has(.forumdisplay_regular)
> tbody
> tr:first-child
> td.thead
> div:not(.float_right)
> strong {
    color:#f4eee3 !important;
}


/* MARK THIS FORUM READ + SUBSCRIBE TO THIS FORUM */
html[data-ar-theme="light"]
table.tborder.clear:has(.forumdisplay_regular)
> tbody
> tr:first-child
> td.thead
.float_right a,
html[data-ar-theme="light"]
table.tborder.clear:has(.forumdisplay_regular)
> tbody
> tr:first-child
> td.thead
.float_right a:visited {
    color:#f4eee3 !important;
}


/* Hover */
html[data-ar-theme="light"]
table.tborder.clear:has(.forumdisplay_regular)
> tbody
> tr:first-child
> td.thead
.float_right a:hover {
    color:#d8c89c !important;
}


/* Extra direct fallback for those two exact forum actions */
html[data-ar-theme="light"]
a[href*="misc.php?action=markread"],
html[data-ar-theme="light"]
a[href*="usercp.php?action=addsubscription"][href*="type=forum"] {
    color:#f4eee3 !important;
}

html[data-ar-theme="light"]
a[href*="misc.php?action=markread"]:hover,
html[data-ar-theme="light"]
a[href*="usercp.php?action=addsubscription"][href*="type=forum"]:hover {
    color:#d8c89c !important;
}
/* =========================================================
   LIGHT THEME — BATTLE-WORN TEXTURED LOGO HEADER ONLY
   ========================================================= */

html[data-ar-theme="light"] #logo {
    background:
        radial-gradient(
            ellipse at center,
            rgba(255,255,255,.045) 0%,
            rgba(255,255,255,.015) 38%,
            rgba(0,0,0,.08) 72%,
            rgba(0,0,0,.18) 100%
        ),
        linear-gradient(
            180deg,
            rgba(118,125,126,.95) 0%,
            rgba(101,108,109,.96) 48%,
            rgba(84,91,92,.97) 100%
        ),
        repeating-linear-gradient(
            135deg,
            rgba(255,255,255,.03) 0px,
            rgba(255,255,255,.03) 2px,
            rgba(0,0,0,.04) 2px,
            rgba(0,0,0,.04) 4px
        ),
        repeating-linear-gradient(
            45deg,
            rgba(255,255,255,.012) 0px,
            rgba(255,255,255,.012) 1px,
            transparent 1px,
            transparent 5px
        ) !important;

    border-color:#727a7c !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        inset 0 -1px 0 rgba(0,0,0,.22),
        inset 0 0 42px rgba(20,24,25,.16);
}
/* =========================================================
   LIGHT THEME — MARK FORUMS READ
   MATCH OTHER MEMBER TOOL BUTTONS
   ========================================================= */

html[data-ar-theme="light"]
#panel .lower
.ar15-member-tools.user_links
> li:first-child
> a {
    color:#34393a !important;
    -webkit-text-fill-color:#34393a !important;

    background:#efede7 !important;
    border-color:#b4b1a8 !important;

    opacity:1 !important;
    visibility:visible !important;

    text-shadow:none !important;
}

html[data-ar-theme="light"]
#panel .lower
.ar15-member-tools.user_links
> li:first-child
> a:hover {
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;

    background:#59634e !important;
    border-color:#59634e !important;
}
/* =========================================================
   INDEX FOOTER ZONE — LEGEND + MISSION
   ========================================================= */

.ar15-index-footer-zone {
    display: grid;
    grid-template-columns: 310px minmax(0, 1fr);
    gap: 18px;
    margin: 18px 0 24px;
    align-items: stretch;
}

.ar15-index-legend-panel,
.ar15-index-mission-panel {
    background:
        linear-gradient(90deg, rgba(8,12,16,.92), rgba(14,20,24,.94));
    border: 1px solid #2d3943;
    border-radius: 8px;
    overflow: hidden;
    box-shadow:
        0 10px 24px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.03);
}

.ar15-index-panel-head {
    padding: 14px 16px;
    background: linear-gradient(90deg, #8c1f28 0%, #6b1d27 70%, #243f66 100%);
    border-bottom: 1px solid rgba(255,255,255,.05);
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-weight: 800;
    font-size: 20px;
    line-height: 1.1;
    font-family: "Arial Narrow", "Roboto Condensed", "Segoe UI", Arial, sans-serif;
}

.ar15-index-panel-body {
    padding: 18px;
}

/* ---------------------------------------------------------
   LEGEND PANEL
   --------------------------------------------------------- */

.ar15-forum-legend-list {
    margin: 0;
    padding: 0;
}

.ar15-forum-legend-list dd {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0 0 16px 0;
    color: #d9ddd6;
    font-size: 15px;
    line-height: 1.35;
}

.ar15-forum-legend-list dd:last-child {
    margin-bottom: 0;
}

.ar15-forum-legend-list .forum_status {
    flex: 0 0 auto;
}

/* ---------------------------------------------------------
   MISSION PANEL
   --------------------------------------------------------- */

.ar15-index-mission-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 26px;
    min-height: 210px;
}

.ar15-index-mission-copy {
    flex: 1 1 auto;
    color: #d3d7d0;
    font-size: 16px;
    line-height: 1.65;
}

.ar15-index-mission-copy p {
    margin: 0 0 14px 0;
}

.ar15-index-mission-copy p:last-child {
    margin-bottom: 0;
}

.ar15-index-mission-copy strong {
    color: #ffffff;
}

.ar15-index-mission-logo {
    flex: 0 0 420px;
    max-width: 420px;
    text-align: right;
}

.ar15-index-mission-logo img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    opacity: .96;
    filter: drop-shadow(0 8px 18px rgba(0,0,0,.35));
}

/* ---------------------------------------------------------
   LIGHT THEME
   --------------------------------------------------------- */

html[data-ar-theme="light"] .ar15-index-legend-panel,
html[data-ar-theme="light"] .ar15-index-mission-panel {
    background:
        linear-gradient(180deg, #f6f4ee 0%, #eeece5 100%);
    border-color: #bcb8ad;
    box-shadow:
        0 10px 24px rgba(28,30,30,.10),
        inset 0 1px 0 rgba(255,255,255,.65);
}

html[data-ar-theme="light"] .ar15-index-panel-head {
    color: #fff;
}

html[data-ar-theme="light"] .ar15-forum-legend-list dd,
html[data-ar-theme="light"] .ar15-index-mission-copy {
    color: #38454b;
}

html[data-ar-theme="light"] .ar15-index-mission-copy strong {
    color: #223544;
}

/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media (max-width: 1100px) {
    .ar15-index-footer-zone {
        grid-template-columns: 1fr;
    }

    .ar15-index-mission-body {
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .ar15-index-mission-logo {
        flex: 0 0 auto;
        max-width: 100%;
        width: 100%;
        text-align: center;
    }

    .ar15-index-mission-logo img {
        max-width: 420px;
        width: 100%;
    }
}

@media (max-width: 640px) {
    .ar15-index-panel-head {
        font-size: 18px;
        padding: 12px 14px;
    }

    .ar15-index-panel-body {
        padding: 14px;
    }

    .ar15-forum-legend-list dd {
        font-size: 14px;
        gap: 12px;
    }

    .ar15-index-mission-copy {
        font-size: 14px;
        line-height: 1.55;
    }
}
/* =========================================================
   LOCK & LOADED — INDEX GUEST WELCOME
   ========================================================= */

/*
 * Hidden everywhere by default.
 * The markup only exists for guests, and the index body
 * class limits it to the forum homepage.
 */
.ar15-guest-welcome {
	display:none;
}


/* INDEX PAGE — GUESTS ONLY */
body.ar15-index-page .ar15-guest-welcome {
	position:relative;

	display:block;

	width:100%;

	margin:0 0 18px;

	overflow:hidden;

	background:
		radial-gradient(
			ellipse at 75% 50%,
			rgba(54,91,134,.10),
			transparent 52%
		),
		linear-gradient(
			115deg,
			#171b1d,
			#101415 72%
		);

	border:1px solid #3a4346;
	border-radius:7px;

	box-shadow:
		0 9px 22px rgba(0,0,0,.25),
		inset 0 1px 0 rgba(255,255,255,.035);

	box-sizing:border-box;
}


/* Red / blue Lock & Loaded accent */
.ar15-guest-welcome-accent {
	position:absolute;

	top:0;
	left:0;
	right:0;

	height:4px;

	background:
		linear-gradient(
			90deg,
			#203451 0%,
			#365b86 18%,
			#85212a 18%,
			#a62c36 100%
		);
}


.ar15-guest-welcome-inner {
	display:flex;

	align-items:center;
	justify-content:space-between;

	gap:30px;

	padding:22px 24px 20px;
}


.ar15-guest-welcome-copy {
	flex:1 1 auto;

	min-width:0;

	max-width:950px;
}


.ar15-guest-welcome-kicker {
	margin-bottom:5px;

	color:#909b86;

	font-size:9px;
	font-weight:900;

	letter-spacing:.14em;

	text-transform:uppercase;
}


.ar15-guest-welcome h1 {
	margin:0 0 9px;

	color:#f2efe8;

	font-size:24px;
	font-weight:900;

	line-height:1.15;

	letter-spacing:.025em;

	text-transform:uppercase;
}


.ar15-guest-welcome p {
	margin:0 0 7px;

	color:#c4cac5;

	font-size:13px;
	line-height:1.6;
}


.ar15-guest-welcome p:last-child {
	margin-bottom:0;
}


.ar15-guest-welcome p strong {
	color:#ffffff;
}


/* =========================================================
   ACTION BUTTONS
   ========================================================= */

.ar15-guest-welcome-actions {
	flex:0 0 auto;

	display:flex;

	flex-direction:column;

	gap:8px;

	width:150px;
}


.ar15-guest-welcome-actions a {
	display:flex;

	align-items:center;
	justify-content:center;

	min-height:38px;

	padding:8px 14px;

	border-radius:4px;

	font-size:10px;
	font-weight:900;

	letter-spacing:.055em;

	text-transform:uppercase;

	text-decoration:none !important;

	box-sizing:border-box;

	transition:
		transform .15s ease,
		background .15s ease,
		border-color .15s ease;
}


/* Register */
.ar15-guest-register {
	color:#ffffff !important;

	background:
		linear-gradient(
			#85212a,
			#681b22
		);

	border:1px solid #a33842;
}


.ar15-guest-register:hover {
	transform:translateY(-2px);

	background:
		linear-gradient(
			#a62c36,
			#7d2028
		);

	border-color:#c24a54;
}


/* Login */
.ar15-guest-login {
	color:#e6e6df !important;

	background:
		linear-gradient(
			#2a3235,
			#1c2224
		);

	border:1px solid #4a5558;
}


.ar15-guest-login:hover {
	transform:translateY(-2px);

	color:#ffffff !important;

	background:
		linear-gradient(
			#59634e,
			#424b3c
		);

	border-color:#737f64;
}


/* =========================================================
   LIGHT THEME
   ========================================================= */

html[data-ar-theme="light"]
body.ar15-index-page
.ar15-guest-welcome {
	background:
		radial-gradient(
			ellipse at 75% 50%,
			rgba(54,91,134,.07),
			transparent 55%
		),
		linear-gradient(
			115deg,
			#f7f5ef,
			#ebe8e0
		);

	border-color:#bbb8af;

	box-shadow:
		0 7px 18px rgba(39,43,44,.12),
		inset 0 1px 0 rgba(255,255,255,.75);
}


html[data-ar-theme="light"]
.ar15-guest-welcome-kicker {
	color:#59634e;
}


html[data-ar-theme="light"]
.ar15-guest-welcome h1 {
	color:#293638;
}


html[data-ar-theme="light"]
.ar15-guest-welcome p {
	color:#4c595d;
}


html[data-ar-theme="light"]
.ar15-guest-welcome p strong {
	color:#293638;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media screen and (max-width:760px) {

	body.ar15-index-page
	.ar15-guest-welcome-inner {
		flex-direction:column;

		align-items:stretch;

		gap:16px;

		padding:19px 16px 17px;
	}


	body.ar15-index-page
	.ar15-guest-welcome h1 {
		font-size:20px;
	}


	body.ar15-index-page
	.ar15-guest-welcome p {
		font-size:12px;
	}


	body.ar15-index-page
	.ar15-guest-welcome-actions {
		flex-direction:row;

		width:100%;
	}


	body.ar15-index-page
	.ar15-guest-welcome-actions a {
		flex:1 1 50%;
	}

}


@media screen and (max-width:430px) {

	body.ar15-index-page
	.ar15-guest-welcome-actions {
		flex-direction:column;
	}


	body.ar15-index-page
	.ar15-guest-welcome-actions a {
		width:100%;
	}

}
/* =========================================================
   GUEST INDEX — SOFTER QUICK SEARCH BORDER
   ========================================================= */

body.ar15-index-page #panel #search {
    border:1px solid rgba(57,65,68,.38) !important;
}
/* =========================================================
   GLOBAL QUICK SEARCH — FIVE STAR DECORATION
   ========================================================= */

#panel #search {
	position:relative;
}


/* Give the stars their own protected space */
#panel #search {
	padding-right:190px !important;
}


/* Five stars */
#panel #search::after {
	content:"★ ★ ★ ★ ★";

	position:absolute;

	right:18px;
	top:50%;

	transform:translateY(-50%);

	color:#b9a46b;

	font-size:17px;
	font-weight:900;

	line-height:1;

	letter-spacing:5px;

	opacity:.55;

	text-shadow:
		0 1px 0 rgba(0,0,0,.55),
		0 0 6px rgba(185,164,107,.12);

	white-space:nowrap;

	pointer-events:none;
}


/* =========================================================
   LIGHT THEME
   ========================================================= */

html[data-ar-theme="light"] #panel #search::after {
	color:#746d58;

	opacity:.52;

	text-shadow:
		0 1px 0 rgba(255,255,255,.45),
		0 -1px 0 rgba(0,0,0,.08);
}


/* =========================================================
   TABLET
   ========================================================= */

@media screen and (max-width:900px) {

	#panel #search {
		padding-right:155px !important;
	}

	#panel #search::after {
		right:12px;

		font-size:14px;

		letter-spacing:4px;
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width:760px) {

	#panel #search {
		padding-right:10px !important;
	}

	#panel #search::after {
		display:none;
	}

}
/* =========================================================
   MOBILE NAV — HOME + MENU ON SAME ROW
   ========================================================= */

@media screen and (max-width:760px) {

	.ar15-primary-nav .ar15-nav-list {
		display:flex !important;
		flex-wrap:wrap !important;
		align-items:center !important;
		gap:6px !important;
	}

	/* Home */
	.ar15-primary-nav .ar15-nav-list > li:first-child {
		display:flex !important;
		width:auto !important;
		flex:0 0 auto !important;
	}

	/* Menu */
	.ar15-primary-nav .ar15-nav-list > li.ar15-has-dropdown {
		display:flex !important;
		width:auto !important;
		flex:0 0 auto !important;
	}

	/* Keep the actual controls compact */
	.ar15-primary-nav .ar15-nav-list > li:first-child > a,
	.ar15-primary-nav .ar15-nav-trigger {
		width:auto !important;
		min-width:0 !important;
	}

	/* Theme toggle can stay on the same row if space allows */
	.ar15-primary-nav .ar15-theme-toggle-item {
		margin-left:auto !important;
		width:auto !important;
		flex:0 0 auto !important;
	}

}
/* =========================================================
   MOBILE NAV — HOME + MENU MATCH THEME TOGGLE
   ========================================================= */

@media screen and (max-width:760px) {

	/* HOME + MENU */
	.ar15-primary-nav .ar15-nav-list > li:first-child > a,
	.ar15-primary-nav .ar15-has-dropdown > .ar15-nav-trigger {
		display:flex !important;
		align-items:center !important;
		justify-content:center !important;

		min-height:40px !important;

		padding:0 14px !important;

		background:transparent !important;

		color:#dddcd5 !important;

		border:0 !important;
		border-left:1px solid rgba(255,255,255,.06) !important;
		border-right:1px solid rgba(255,255,255,.06) !important;
		border-bottom:0 !important;

		border-radius:0 !important;

		box-shadow:none !important;

		font-size:11px !important;
		font-weight:800 !important;

		letter-spacing:.055em !important;

		text-transform:uppercase !important;

		box-sizing:border-box !important;
	}


	/* Hover / focus — same as theme toggle */
	.ar15-primary-nav .ar15-nav-list > li:first-child > a:hover,
	.ar15-primary-nav .ar15-nav-list > li:first-child > a:focus,
	.ar15-primary-nav .ar15-has-dropdown > .ar15-nav-trigger:hover,
	.ar15-primary-nav .ar15-has-dropdown > .ar15-nav-trigger:focus {
		color:#ffffff !important;

		background:#202628 !important;

		box-shadow:
			inset 0 -3px 0 var(--ar-tan) !important;
	}


	/* Keep both controls compact */
	.ar15-primary-nav .ar15-nav-list > li:first-child,
	.ar15-primary-nav .ar15-has-dropdown {
		width:auto !important;
		margin:0 !important;
		flex:0 0 auto !important;
	}

}
/* =========================================================
   MOBILE NAV — SINGLE DIVIDER BETWEEN HOME + MENU
   ========================================================= */

@media screen and (max-width:760px) {

	/* Home keeps the outer left edge + one divider on the right */
	.ar15-primary-nav .ar15-nav-list > li:first-child > a {
		border-left:1px solid rgba(255,255,255,.06) !important;
		border-right:1px solid rgba(255,255,255,.06) !important;
	}

	/* Menu drops its left border so there is only one shared line */
	.ar15-primary-nav .ar15-has-dropdown > .ar15-nav-trigger {
		border-left:0 !important;
		border-right:1px solid rgba(255,255,255,.06) !important;
	}

}
/* AR15 - Tighten bottom of member button bar */
#panel .lower > br.clear {
    display: none !important;
}

#panel .lower::after {
    content: "";
    display: block;
    clear: both;
}

#panel .lower {
    padding-bottom: 6px !important;
}

/* ================================================
   AR15 FORUM - RESPONSIVE MOBILE THREAD LIST
   Matches actual customized MyBB HTML
   Desktop remains unchanged
   ================================================ */

@media screen and (max-width: 768px) {

    /* Target only the forum thread listing table */
    table.tborder:has(.ar15-forumdisplay-head) {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        table-layout: auto !important;
        box-sizing: border-box !important;
        overflow: hidden;
    }

    table.tborder:has(.ar15-forumdisplay-head) > tbody {
        display: block !important;
        width: 100% !important;
    }

    /* Crimson forum heading */
    table.tborder:has(.ar15-forumdisplay-head)
    .ar15-forumdisplay-head {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 12px !important;
        text-align: left !important;
    }

    /* Stack forum title and action links */
    .ar15-forumdisplay-title {
        display: block !important;
        width: 100% !important;
        margin-bottom: 8px !important;
    }

    .ar15-forumdisplay-actions {
        float: none !important;
        display: block !important;
        width: 100% !important;
        white-space: normal !important;
        overflow-wrap: normal !important;
        line-height: 1.7 !important;
        text-align: left !important;
    }

    /* Hide desktop column headings */
    table.tborder:has(.ar15-forumdisplay-head)
    tr:has(> td.tcat) {
        display: none !important;
    }

    /* Each thread becomes a horizontal flex row */
    table.tborder:has(.ar15-forumdisplay-head)
    tr.inline_row {
        display: flex !important;
        width: 100% !important;
        min-width: 0 !important;
        align-items: center !important;
        box-sizing: border-box !important;
        border-bottom: 1px solid rgba(150,150,150,.18);
    }

    /* Hide every thread column by default */
    table.tborder:has(.ar15-forumdisplay-head)
    tr.inline_row > td {
        display: none !important;
        box-sizing: border-box !important;
        min-width: 0 !important;
    }

    /* Column 1 - Thread status icon */
    table.tborder:has(.ar15-forumdisplay-head)
    tr.inline_row > td:nth-child(1) {
        display: flex !important;
        flex: 0 0 32px !important;
        width: 32px !important;
        justify-content: center;
        align-items: center;
        padding: 10px 4px !important;
    }

    /* Column 3 - Thread title and author */
    table.tborder:has(.ar15-forumdisplay-head)
    tr.inline_row > td:nth-child(3) {
        display: block !important;
        flex: 1 1 0 !important;
        width: auto !important;
        min-width: 0 !important;
        padding: 12px 8px !important;
        text-align: left !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
        word-break: normal !important;
        line-height: 1.5 !important;
    }

    /* Thread title */
    table.tborder:has(.ar15-forumdisplay-head)
    .subject_editable {
        display: inline !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
        word-break: normal !important;
    }

    table.tborder:has(.ar15-forumdisplay-head)
    .subject_editable a {
        white-space: normal !important;
        word-break: normal !important;
        font-weight: 700;
        line-height: 1.5;
    }

    /* Author and thread creation date */
    table.tborder:has(.ar15-forumdisplay-head)
    .author,
    table.tborder:has(.ar15-forumdisplay-head)
    .thread_start_datetime {
        font-size: 11px !important;
        line-height: 1.5 !important;
        white-space: normal !important;
    }

    /* Column 8 - Moderator checkbox */
    table.tborder:has(.ar15-forumdisplay-head)
    tr.inline_row > td:nth-child(8):last-child {
        display: flex !important;
        flex: 0 0 30px !important;
        width: 30px !important;
        justify-content: center;
        align-items: center;
        padding: 8px 4px !important;
    }

    /* Footer stays full width */
    table.tborder:has(.ar15-forumdisplay-head)
    td.tfoot {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 10px !important;
    }

}

/* =====================================================
   ALPHAROMEO15 - MOBILE USER CP ICON NAVIGATION
   + FULL WIDTH PRIVATE MESSAGES
   Desktop unchanged
   ===================================================== */

@media screen and (max-width: 768px) {

  /* -----------------------------------------
     1. REMOVE TWO-COLUMN USER CP LAYOUT
     ----------------------------------------- */

  table[width="100%"][align="center"]:has(
    > tbody > tr > td[width="180"] a.usercp_nav_home
  ) {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  table[width="100%"][align="center"]:has(
    > tbody > tr > td[width="180"] a.usercp_nav_home
  ) > tbody {
    display: block !important;
    width: 100% !important;
  }

  table[width="100%"][align="center"]:has(
    > tbody > tr > td[width="180"] a.usercp_nav_home
  ) > tbody > tr {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
  }

  table[width="100%"][align="center"]:has(
    > tbody > tr > td[width="180"] a.usercp_nav_home
  ) > tbody > tr > td {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* -----------------------------------------
     2. TURN NAVIGATION INTO ICON GRID
     ----------------------------------------- */

  td[width="180"]:has(a.usercp_nav_home) {
    margin-bottom: 14px !important;
  }

  td[width="180"]:has(a.usercp_nav_home)
  > table.tborder {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    width: 100% !important;
    gap: 5px !important;
    padding: 8px !important;
    box-sizing: border-box !important;
    background: #141719;
    border: 1px solid #353b40;
    border-radius: 6px;
  }

  /* Flatten old table structure */
  td[width="180"]:has(a.usercp_nav_home)
  > table.tborder > tbody,
  td[width="180"]:has(a.usercp_nav_home)
  > table.tborder > tbody > tr,
  td[width="180"]:has(a.usercp_nav_home)
  > table.tborder > tbody > tr > td,
  td[width="180"]:has(a.usercp_nav_home)
  > table.tborder > tbody > tr > td > div {
    display: contents !important;
  }

  /* Remove original menu headings */
  td[width="180"]:has(a.usercp_nav_home)
  .thead,
  td[width="180"]:has(a.usercp_nav_home)
  .tcat_menu {
    display: none !important;
  }

  /* Individual icon buttons */
  td[width="180"]:has(a.usercp_nav_home)
  a.usercp_nav_item {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 43px !important;
    min-width: 0 !important;
    min-height: 43px !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    text-indent: 0 !important;
    font-size: 0 !important;
    line-height: 1 !important;
    background: #202529 !important;
    border: 1px solid #3a4248 !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    color: #d9e0e5 !important;
    transition: background .2s, border-color .2s,
                transform .2s;
  }

  /* Font Awesome icons */
  td[width="180"]:has(a.usercp_nav_home)
  a.usercp_nav_item::before {
    display: inline-block !important;
    font-family: "Font Awesome 5 Free",
                 "FontAwesome" !important;
    font-weight: 900 !important;
    font-style: normal !important;
    font-size: 19px !important;
    line-height: 1 !important;
    background: none !important;
    content: "\f0c9";
  }

  /* Hover, touch, and keyboard focus */
  td[width="180"]:has(a.usercp_nav_home)
  a.usercp_nav_item:hover,
  td[width="180"]:has(a.usercp_nav_home)
  a.usercp_nav_item:focus-visible {
    background: #6f1924 !important;
    border-color: #a73a47 !important;
    color: #fff !important;
    transform: translateY(-2px);
  }

  /* -----------------------------------------
     3. FONT AWESOME ICON ASSIGNMENTS
     ----------------------------------------- */

  /* User CP Home */
  .usercp_nav_home::before {
    content: "\f015" !important;
  }

  /* Messenger */
  .usercp_nav_composepm::before {
    content: "\f044" !important;
  }

  .usercp_nav_pmfolder::before {
    content: "\f01c" !important;
  }

  .usercp_nav_sub_pmfolder::before {
    content: "\f07b" !important;
  }

  .usercp_nav_trash_pmfolder::before {
    content: "\f2ed" !important;
  }

  .usercp_nav_pmtracking::before {
    content: "\f124" !important;
  }

  .usercp_nav_pmfolders::before {
    content: "\f07c" !important;
  }

  /* Alerts */
  .usercp_nav_myalerts::before {
    content: "\f0f3" !important;
  }

  .usercp_nav_myalerts_delete_read::before {
    content: "\f1f8" !important;
  }

  .usercp_nav_myalerts_delete_all::before {
    content: "\f071" !important;
  }

  /* Profile */
  .usercp_nav_profile::before {
    content: "\f007" !important;
  }

  .usercp_nav_username::before {
    content: "\f2bd" !important;
  }

  .usercp_nav_password::before {
    content: "\f084" !important;
  }

  .usercp_nav_email::before {
    content: "\f0e0" !important;
  }

  .usercp_nav_avatar::before {
    content: "\f030" !important;
  }

  .usercp_nav_editsig::before {
    content: "\f040" !important;
  }

  .usercp_nav_options::before {
    content: "\f013" !important;
  }

  /* Miscellaneous */
  .usercp_nav_usergroups::before {
    content: "\f0c0" !important;
  }

  .usercp_nav_editlists::before {
    content: "\f004" !important;
  }

  .usercp_nav_attachments::before {
    content: "\f0c6" !important;
  }

  .usercp_nav_drafts::before {
    content: "\f0f6" !important;
  }

  .usercp_nav_subscriptions::before {
    content: "\f02e" !important;
  }

  .usercp_nav_fsubscriptions::before {
    content: "\f03a" !important;
  }

  .usercp_nav_viewprofile::before {
    content: "\f2c0" !important;
  }

  /* Distinguish destructive actions */
  td[width="180"]:has(a.usercp_nav_home)
  a.usercp_nav_myalerts_delete_read,
  td[width="180"]:has(a.usercp_nav_home)
  a.usercp_nav_myalerts_delete_all,
  td[width="180"]:has(a.usercp_nav_home)
  a.usercp_nav_trash_pmfolder {
    color: #ef9292 !important;
  }

  /* -----------------------------------------
     4. PRIVATE MESSAGES FULL WIDTH
     ----------------------------------------- */

  form[name="pmForm"] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  form[name="pmForm"] > table.tborder {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  /* Make message rows a compact two-line grid */
  html body form[name="pmForm"]
  table.tborder tr:has(
    a[href*="private.php?action=read"]
  ) {
    display: grid !important;
    grid-template-columns:
      32px minmax(0, 1fr) 34px !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    width: 100% !important;
    gap: 0 !important;
    border-bottom: 1px solid #32393d;
  }

  /* Message icon */
  html body form[name="pmForm"]
  table.tborder tr:has(
    a[href*="private.php?action=read"]
  ) > td:nth-child(1) {
    display: flex !important;
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    padding: 6px 3px !important;
  }

  /* Message title */
  html body form[name="pmForm"]
  table.tborder tr:has(
    a[href*="private.php?action=read"]
  ) > td:nth-child(3) {
    display: block !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 10px 8px 2px !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    font-size: 14px !important;
    font-weight: 700 !important;
  }

  /* Sender below the message title */
  html body form[name="pmForm"]
  table.tborder tr:has(
    a[href*="private.php?action=read"]
  ) > td:nth-child(4) {
    display: block !important;
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 8px 10px !important;
    text-align: left !important;
    font-size: 11px !important;
    white-space: normal !important;
  }

  /* Message checkbox */
  html body form[name="pmForm"]
  table.tborder tr:has(
    a[href*="private.php?action=read"]
  ) > td:nth-child(6) {
    display: flex !important;
    grid-column: 3 !important;
    grid-row: 1 / 3 !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    padding: 6px !important;
  }

  /* Hide unused spacer and date columns */
  html body form[name="pmForm"]
  table.tborder tr:has(
    a[href*="private.php?action=read"]
  ) > td:nth-child(2),
  html body form[name="pmForm"]
  table.tborder tr:has(
    a[href*="private.php?action=read"]
  ) > td:nth-child(5) {
    display: none !important;
  }

  /* Compact PM navigation links */
  fieldset:has(a[href="private.php"])
  {
    box-sizing: border-box !important;
    max-width: 100% !important;
    line-height: 1.9 !important;
    overflow-wrap: break-word !important;
  }

  /* Very small phones: 5 navigation columns */
  @media screen and (max-width: 360px) {
    td[width="180"]:has(a.usercp_nav_home)
    > table.tborder {
      grid-template-columns:
        repeat(5, minmax(0, 1fr));
    }
  }

}

/* ==================================================
   AR15 - MOBILE USER CP ICON GRID CORRECTIONS
   Remove headings, fix Font Awesome, tidy PM inbox
   ================================================== */

@media screen and (max-width: 768px) {

    /* -------------------------------------
       REMOVE OLD MENU HEADINGS
       ------------------------------------- */

    td[width="180"]:has(a.usercp_nav_home)
    > table.tborder > tbody > tr:has(> td.thead),

    td[width="180"]:has(a.usercp_nav_home)
    > table.tborder > tbody > tr:has(> td.tcat_menu) {
        display: none !important;
    }

    /* Remove expand/collapse icons */
    td[width="180"]:has(a.usercp_nav_home)
    .expcolimage {
        display: none !important;
    }

    /* Make sure hidden headings cannot occupy grid cells */
    td[width="180"]:has(a.usercp_nav_home)
    .thead,
    td[width="180"]:has(a.usercp_nav_home)
    .tcat_menu {
        display: none !important;
    }

    /* -------------------------------------
       FONT AWESOME 6 ICON SUPPORT
       ------------------------------------- */

    td[width="180"]:has(a.usercp_nav_home)
    a.usercp_nav_item::before {
        font-family: "Font Awesome 6 Free" !important;
        font-weight: 900 !important;
        font-style: normal !important;
        font-size: 20px !important;
        line-height: 1 !important;
        display: inline-block !important;
        background: transparent !important;
    }

    /* Override any existing MyBB icon backgrounds */
    td[width="180"]:has(a.usercp_nav_home)
    a.usercp_nav_item {
        background-image: none !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: 0 !important;
    }

    /* -------------------------------------
       STYLING REFINEMENTS
       ------------------------------------- */

    td[width="180"]:has(a.usercp_nav_home)
    > table.tborder {
        grid-template-columns:
            repeat(6, minmax(0, 1fr)) !important;
        gap: 6px !important;
        padding: 10px !important;
    }

    td[width="180"]:has(a.usercp_nav_home)
    a.usercp_nav_item {
        height: 46px !important;
        min-height: 46px !important;
        border-radius: 5px !important;
    }

    /* PM list - Hide old column headings */
    form[name="pmForm"]
    > table.tborder > tbody > tr:has(> td.tcat) {
        display: none !important;
    }

    /* Keep inbox properly sized */
    form[name="pmForm"] > table.tborder {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    /* Prevent PM subject lines from splitting words */
    form[name="pmForm"]
    a[href*="private.php?action=read"] {
        overflow-wrap: break-word !important;
        word-break: normal !important;
        white-space: normal !important;
    }

}

/* ==============================================
   AR15 - MOBILE VERTICAL ICON NAVIGATION
   Expand on first tap, activate on second
   ============================================== */

@media screen and (max-width: 768px) {

  /* Outer User CP table */
  table[width="100%"][align="center"]:has(
    > tbody > tr > td[width="180"] a.usercp_nav_home
  ) > tbody > tr {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }

  /* Narrow navigation column */
  td[width="180"]:has(a.usercp_nav_home) {
    display: block !important;
    flex: 0 0 54px !important;
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
    z-index: 15 !important;
    overflow: visible !important;
  }

  /* Main User CP content */
  td[width="180"]:has(a.usercp_nav_home)
  + td {
    display: block !important;
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  /* Vertical single-column icon rail */
  td[width="180"]:has(a.usercp_nav_home)
  > table.tborder {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 5px !important;
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    padding: 4px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    border-radius: 6px !important;
    background: #141719 !important;
    overflow: visible !important;
  }

  /* Flatten original MyBB navigation tables */
  td[width="180"]:has(a.usercp_nav_home)
  > table.tborder > tbody,
  td[width="180"]:has(a.usercp_nav_home)
  > table.tborder > tbody > tr,
  td[width="180"]:has(a.usercp_nav_home)
  > table.tborder > tbody > tr > td,
  td[width="180"]:has(a.usercp_nav_home)
  > table.tborder > tbody > tr > td > div {
    display: contents !important;
  }

  /* Do not display the old section headings */
  td[width="180"]:has(a.usercp_nav_home)
  > table.tborder > tbody > tr:has(
    > td.thead
  ),
  td[width="180"]:has(a.usercp_nav_home)
  > table.tborder > tbody > tr:has(
    > td.tcat_menu
  ) {
    display: none !important;
  }

  /* Default icon-only buttons */
  td[width="180"]:has(a.usercp_nav_home)
  a.usercp_nav_item {
    display: flex !important;
    position: relative !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: none !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    font-size: 0 !important;
    background: #202529 !important;
    background-image: none !important;
    color: #dce3e7 !important;
    border: 1px solid #3a4248 !important;
    border-radius: 5px !important;
    transform: none !important;
    transition:
      width .2s ease,
      background .2s ease,
      border-color .2s ease !important;
  }

  /* Keep the Font Awesome icons centered */
  td[width="180"]:has(a.usercp_nav_home)
  a.usercp_nav_item::before {
    position: relative !important;
    display: flex !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: "Font Awesome 6 Free" !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    text-align: center !important;
    line-height: 1 !important;
    background: transparent !important;
  }

  /* Hidden text label supplied by JavaScript */
  td[width="180"]:has(a.usercp_nav_home)
  a.usercp_nav_item::after {
    content: attr(data-ar15-label) !important;
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding: 0 10px 0 2px !important;
    font-family: Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-align: left !important;
    color: #ffffff !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  /* First tap: expand button to show its label */
  td[width="180"]:has(a.usercp_nav_home)
  a.usercp_nav_item.ar15-nav-open {
    width: 215px !important;
    max-width: calc(100vw - 32px) !important;
    background: #711e2b !important;
    border-color: #b34856 !important;
    color: #ffffff !important;
    box-shadow: 3px 3px 14px rgba(0,0,0,.4);
    z-index: 100 !important;
    overflow: visible !important;
  }

  td[width="180"]:has(a.usercp_nav_home)
  a.usercp_nav_item.ar15-nav-open::after {
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Hover should not open links by itself */
  td[width="180"]:has(a.usercp_nav_home)
  a.usercp_nav_item:hover {
    transform: none !important;
  }

  /* Keep links keyboard accessible */
  td[width="180"]:has(a.usercp_nav_home)
  a.usercp_nav_item:focus-visible {
    outline: 2px solid #d4a4a9 !important;
    outline-offset: 2px !important;
  }

  /* Main message area stays within the screen */
  td[width="180"]:has(a.usercp_nav_home)
  + td > fieldset,
  td[width="180"]:has(a.usercp_nav_home)
  + td > form {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

}

/* =====================================================
   ALPHAROMEO15 - MOBILE USER CP HOME REDESIGN
   Account Summary / Latest Threads / Notepad
   Preserves mobile navigation rail and desktop
   ===================================================== */

@media screen and (max-width: 768px) {

  /* -----------------------------------------
     USER CP HOME - GENERAL
     ----------------------------------------- */

  /* Only the content beside the navigation rail */
  td[width="180"]:has(a.usercp_nav_home) + td {
    min-width: 0 !important;
    overflow-wrap: normal !important;
  }

  /* All homepage panels fit their container */
  td[width="180"]:has(a.usercp_nav_home)
  + td > table.tborder {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
  }

  /* Crimson section headers */
  td[width="180"]:has(a.usercp_nav_home)
  + td > table.tborder .thead {
    font-size: 12px !important;
    line-height: 1.5 !important;
    padding: 10px !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }

  /* -----------------------------------------
     1. YOUR ACCOUNT SUMMARY
     ----------------------------------------- */

  /* Target summary panel by the avatar container */
  td[width="180"]:has(a.usercp_nav_home)
  + td > table.tborder:has(.usercp_container) {
    display: block !important;
    overflow: hidden !important;
    border-radius: 6px !important;
  }

  td[width="180"]:has(a.usercp_nav_home)
  + td > table.tborder:has(.usercp_container)
  > tbody {
    display: block !important;
  }

  /* Stack avatar and account details */
  td[width="180"]:has(a.usercp_nav_home)
  + td > table.tborder:has(.usercp_container)
  > tbody > tr {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
  }

  /* Header stays full width */
  td[width="180"]:has(a.usercp_nav_home)
  + td > table.tborder:has(.usercp_container)
  > tbody > tr:first-child > td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Avatar cell */
  td[width="180"]:has(a.usercp_nav_home)
  + td > table.tborder:has(.usercp_container)
  > tbody > tr:nth-child(2) > td:first-child {
    display: flex !important;
    width: 100% !important;
    box-sizing: border-box !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 14px 10px 6px !important;
  }

  /* Avatar styling */
  td[width="180"]:has(a.usercp_nav_home)
  + td .usercp_container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }

  td[width="180"]:has(a.usercp_nav_home)
  + td .usercp_container img {
    display: block !important;
    width: 76px !important;
    height: 76px !important;
    max-width: 100% !important;
    object-fit: contain !important;
    border-radius: 4px !important;
  }

  /* Details cell */
  td[width="180"]:has(a.usercp_nav_home)
  + td > table.tborder:has(.usercp_container)
  > tbody > tr:nth-child(2) > td:last-child {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding: 12px !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  /* Username */
  td[width="180"]:has(a.usercp_nav_home)
  + td .largetext {
    display: inline-block !important;
    margin-bottom: 6px !important;
    font-size: 17px !important;
    line-height: 1.4 !important;
  }

  /* Keep profile links readable */
  td[width="180"]:has(a.usercp_nav_home)
  + td > table.tborder:has(.usercp_container) a {
    overflow-wrap: anywhere !important;
  }

  /* -----------------------------------------
     2. YOUR LATEST THREADS
     ----------------------------------------- */

  /* Target the actual 6-column latest threads */
  td[width="180"]:has(a.usercp_nav_home)
  + td > table.tborder:has(
    a[href*="search.php?action=finduserthreads"]
  ) {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
    border-radius: 6px !important;
  }

  td[width="180"]:has(a.usercp_nav_home)
  + td > table.tborder:has(
    a[href*="search.php?action=finduserthreads"]
  ) > tbody {
    display: block !important;
    width: 100% !important;
  }

  /* Section header */
  td[width="180"]:has(a.usercp_nav_home)
  + td > table.tborder:has(
    a[href*="search.php?action=finduserthreads"]
  ) > tbody > tr:first-child {
    display: block !important;
    width: 100% !important;
  }

  td[width="180"]:has(a.usercp_nav_home)
  + td > table.tborder:has(
    a[href*="search.php?action=finduserthreads"]
  ) > tbody > tr:first-child > td {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 10px !important;
  }

  /* Move "Find All" link below title */
  td[width="180"]:has(a.usercp_nav_home)
  + td > table.tborder:has(
    a[href*="search.php?action=finduserthreads"]
  ) .thead .float_right {
    float: none !important;
    order: 2 !important;
    width: 100% !important;
    text-align: left !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
  }

  /* Hide desktop column headings */
  td[width="180"]:has(a.usercp_nav_home)
  + td > table.tborder:has(
    a[href*="search.php?action=finduserthreads"]
  ) tr:has(> td.tcat) {
    display: none !important;
  }

  /* Individual thread rows */
  td[width="180"]:has(a.usercp_nav_home)
  + td > table.tborder:has(
    a[href*="search.php?action=finduserthreads"]
  ) tr:has(> td .thread_status) {
    display: grid !important;
    grid-template-columns: 25px minmax(0, 1fr) !important;
    width: 100% !important;
    box-sizing: border-box !important;
    align-items: start !important;
    border-bottom: 1px solid rgba(150,150,150,.18);
  }

  /* Hide all six columns initially */
  td[width="180"]:has(a.usercp_nav_home)
  + td > table.tborder:has(
    a[href*="search.php?action=finduserthreads"]
  ) tr:has(> td .thread_status) > td {
    display: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  /* Column 1 - Thread status */
  td[width="180"]:has(a.usercp_nav_home)
  + td > table.tborder:has(
    a[href*="search.php?action=finduserthreads"]
  ) tr:has(> td .thread_status)
  > td:nth-child(1) {
    display: flex !important;
    grid-column: 1 !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 3px !important;
  }

  /* Column 3 - Thread title and author */
  td[width="180"]:has(a.usercp_nav_home)
  + td > table.tborder:has(
    a[href*="search.php?action=finduserthreads"]
  ) tr:has(> td .thread_status)
  > td:nth-child(3) {
    display: block !important;
    grid-column: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 11px 9px !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    line-height: 1.55 !important;
    font-size: 13px !important;
  }

  /* Thread title links */
  td[width="180"]:has(a.usercp_nav_home)
  + td > table.tborder:has(
    a[href*="search.php?action=finduserthreads"]
  ) tr:has(> td .thread_status)
  > td:nth-child(3) > a {
    display: inline-block !important;
    font-weight: 700 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }

  /* Thread author */
  td[width="180"]:has(a.usercp_nav_home)
  + td > table.tborder:has(
    a[href*="search.php?action=finduserthreads"]
  ) tr:has(> td .thread_status)
  > td:nth-child(3) .smalltext {
    display: inline-block !important;
    margin-top: 4px !important;
    font-size: 11px !important;
  }

  /* -----------------------------------------
     3. PERSONAL NOTEPAD
     ----------------------------------------- */

  /* Notepad form and table */
  td[width="180"]:has(a.usercp_nav_home)
  + td > form:has(.usercp_notepad) {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  td[width="180"]:has(a.usercp_nav_home)
  + td > form:has(.usercp_notepad)
  > table.tborder {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  /* Responsive textarea */
  td[width="180"]:has(a.usercp_nav_home)
  + td .usercp_notepad {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 150px !important;
    box-sizing: border-box !important;
    padding: 10px !important;
    resize: vertical !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  /* Notepad button */
  td[width="180"]:has(a.usercp_nav_home)
  + td > form:has(.usercp_notepad)
  input[name="submit"] {
    display: inline-block !important;
    max-width: 100% !important;
    padding: 10px 14px !important;
    box-sizing: border-box !important;
  }

}

/* ============================================
   AR15 - FIX SQUISHED USER CP THREAD ICONS
   Mobile only
   ============================================ */

@media screen and (max-width: 768px) {

    /* Give thread status icons more room */
    td[width="180"]:has(a.usercp_nav_home)
    + td > table.tborder:has(
        a[href*="search.php?action=finduserthreads"]
    ) tr:has(> td .thread_status) {
        grid-template-columns:
            42px minmax(0, 1fr) !important;
    }

    /* Center the status icon in its own cell */
    td[width="180"]:has(a.usercp_nav_home)
    + td > table.tborder:has(
        a[href*="search.php?action=finduserthreads"]
    ) tr:has(> td .thread_status)
    > td:nth-child(1) {
        display: flex !important;
        width: 42px !important;
        min-width: 42px !important;
        height: 54px !important;
        padding: 8px !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    /* Preserve the original MyBB thread icons */
    td[width="180"]:has(a.usercp_nav_home)
    + td > table.tborder:has(
        a[href*="search.php?action=finduserthreads"]
    ) .thread_status {
        display: inline-block !important;
        flex-shrink: 0 !important;
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        min-height: 24px !important;
        background-size: auto !important;
        overflow: visible !important;
    }

}

/* ==================================================
   AR15 - MOBILE MODERATOR CONTROL PANEL
   Vertical icon rail + responsive dashboard
   Desktop unchanged
   ================================================== */

@media screen and (max-width: 768px) {

  /* --- OUTER MOD CP LAYOUT --- */

  td[width="180"]:has(a.modcp_nav_home) {
    display: block !important;
    flex: 0 0 54px !important;
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 20 !important;
    overflow: visible !important;
  }

  /* Change original two-column row to flex */
  tr:has(> td[width="180"] a.modcp_nav_home) {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    width: 100% !important;
  }

  /* Main dashboard content */
  td[width="180"]:has(a.modcp_nav_home) + td {
    display: block !important;
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  /* --- VERTICAL MOD CP NAVIGATION --- */

  td[width="180"]:has(a.modcp_nav_home)
  > table.tborder {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    gap: 5px !important;
    padding: 4px !important;
    box-sizing: border-box !important;
    border: 1px solid #363e44 !important;
    border-radius: 6px !important;
    background: #141719 !important;
    overflow: visible !important;
  }

  /* Flatten original navigation table */
  td[width="180"]:has(a.modcp_nav_home)
  > table.tborder > tbody,
  td[width="180"]:has(a.modcp_nav_home)
  > table.tborder > tbody > tr,
  td[width="180"]:has(a.modcp_nav_home)
  > table.tborder > tbody > tr > td {
    display: contents !important;
  }

  /* Remove section headings from the icon rail */
  td[width="180"]:has(a.modcp_nav_home)
  > table.tborder > tbody > tr:has(> td.thead),
  td[width="180"]:has(a.modcp_nav_home)
  > table.tborder > tbody > tr:has(> td.tcat_menu),
  td[width="180"]:has(a.modcp_nav_home)
  .expcolimage {
    display: none !important;
  }

  /* Icon buttons */
  td[width="180"]:has(a.modcp_nav_home)
  a.modcp_nav_item {
    display: flex !important;
    position: relative !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: none !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    font-size: 0 !important;
    line-height: 1 !important;
    text-indent: 0 !important;
    white-space: nowrap !important;
    background: #22292e !important;
    background-image: none !important;
    border: 1px solid #424c53 !important;
    border-radius: 5px !important;
    color: #e4e9ed !important;
    text-decoration: none !important;
    overflow: hidden !important;
    transform: none !important;
    transition: width .2s ease, background .2s ease !important;
  }

  /* Font Awesome 6 */
  td[width="180"]:has(a.modcp_nav_home)
  a.modcp_nav_item::before {
    display: flex !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 18px !important;
    font-style: normal !important;
    line-height: 1 !important;
    background: none !important;
    content: "\f0c9";
  }

  /* Labels revealed on first tap */
  td[width="180"]:has(a.modcp_nav_home)
  a.modcp_nav_item::after {
    content: attr(data-ar15-label) !important;
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding: 0 10px 0 2px !important;
    font-family: Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #fff !important;
    white-space: nowrap !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  /* Expanded navigation button */
  td[width="180"]:has(a.modcp_nav_home)
  a.modcp_nav_item.ar15-nav-open {
    width: 215px !important;
    max-width: calc(100vw - 32px) !important;
    background: #711e2b !important;
    border-color: #b34856 !important;
    color: #fff !important;
    box-shadow: 3px 3px 14px rgba(0,0,0,.4);
    z-index: 100 !important;
    overflow: visible !important;
  }

  td[width="180"]:has(a.modcp_nav_home)
  a.modcp_nav_item.ar15-nav-open::after {
    visibility: visible !important;
    opacity: 1 !important;
  }

  td[width="180"]:has(a.modcp_nav_home)
  a.modcp_nav_item:focus-visible {
    outline: 2px solid #e2a0a7 !important;
    outline-offset: 2px !important;
  }

  /* --- MOD CP FONT AWESOME ICONS --- */

  .modcp_nav_home::before {
    content: "\f015" !important;
  }

  .modcp_nav_announcements::before {
    content: "\f0a1" !important;
  }

  .modcp_nav_modqueue::before {
    content: "\f46c" !important;
  }

  .modcp_nav_reports::before {
    content: "\f024" !important;
  }

  .modcp_nav_modlogs::before {
    content: "\f15c" !important;
  }

  .modcp_nav_editprofile::before {
    content: "\f007" !important;
  }

  .modcp_nav_banning::before {
    content: "\f05e" !important;
  }

  .modcp_nav_warninglogs::before {
    content: "\f071" !important;
  }

  .modcp_nav_ipsearch::before {
    content: "\f002" !important;
  }

  /* --- DASHBOARD TABLES --- */

  td[width="180"]:has(a.modcp_nav_home)
  + td > table.tborder {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    border-radius: 6px !important;
  }

  td[width="180"]:has(a.modcp_nav_home)
  + td > table.tborder > tbody {
    display: block !important;
    width: 100% !important;
  }

  /* Crimson panel headings */
  td[width="180"]:has(a.modcp_nav_home)
  + td > table.tborder
  > tbody > tr:first-child {
    display: block !important;
    width: 100% !important;
  }

  td[width="180"]:has(a.modcp_nav_home)
  + td > table.tborder
  > tbody > tr:first-child > td.thead {
    display: block !important;
    width: 100% !important;
    padding: 11px 9px !important;
    box-sizing: border-box !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    text-align: left !important;
    white-space: normal !important;
  }

  /* Hide desktop table column headers */
  td[width="180"]:has(a.modcp_nav_home)
  + td > table.tborder
  > tbody > tr:has(> td.tcat) {
    display: none !important;
  }

  /* --- AWAITING MODERATION --- */

  td[width="180"]:has(a.modcp_nav_home)
  + td > table.tborder:nth-of-type(1)
  > tbody > tr:has(> td.trow1),
  td[width="180"]:has(a.modcp_nav_home)
  + td > table.tborder:nth-of-type(1)
  > tbody > tr:has(> td.trow2) {
    display: grid !important;
    grid-template-columns:
      minmax(0,1fr) 32px 48px !important;
    align-items: center !important;
    width: 100% !important;
    border-bottom: 1px solid #343b40;
  }

  td[width="180"]:has(a.modcp_nav_home)
  + td > table.tborder:nth-of-type(1)
  > tbody > tr > td.trow1,
  td[width="180"]:has(a.modcp_nav_home)
  + td > table.tborder:nth-of-type(1)
  > tbody > tr > td.trow2 {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 12px 5px !important;
    box-sizing: border-box !important;
    font-size: 12px !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }

  /* --- LATEST MODERATOR ACTIONS --- */

  td[width="180"]:has(a.modcp_nav_home)
  + td > table.tborder:nth-of-type(2)
  > tbody > tr:has(> td.trow1),
  td[width="180"]:has(a.modcp_nav_home)
  + td > table.tborder:nth-of-type(2)
  > tbody > tr:has(> td.trow2) {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 10px !important;
    border-bottom: 1px solid #343b40 !important;
  }

  td[width="180"]:has(a.modcp_nav_home)
  + td > table.tborder:nth-of-type(2)
  > tbody > tr > td.trow1,
  td[width="180"]:has(a.modcp_nav_home)
  + td > table.tborder:nth-of-type(2)
  > tbody > tr > td.trow2 {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding: 3px 0 !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  /* Username */
  td[width="180"]:has(a.modcp_nav_home)
  + td > table.tborder:nth-of-type(2)
  > tbody > tr > td:nth-child(1) {
    font-weight: 700 !important;
    font-size: 13px !important;
  }

  /* Date label */
  td[width="180"]:has(a.modcp_nav_home)
  + td > table.tborder:nth-of-type(2)
  > tbody > tr > td:nth-child(2)::before {
    content: "Date: ";
    font-weight: 700;
  }

  /* Action label */
  td[width="180"]:has(a.modcp_nav_home)
  + td > table.tborder:nth-of-type(2)
  > tbody > tr > td:nth-child(3)::before {
    content: "Action: ";
    font-weight: 700;
  }

  /* Information label */
  td[width="180"]:has(a.modcp_nav_home)
  + td > table.tborder:nth-of-type(2)
  > tbody > tr > td:nth-child(4)::before {
    content: "Info: ";
    font-weight: 700;
  }

  /* IP address */
  td[width="180"]:has(a.modcp_nav_home)
  + td > table.tborder:nth-of-type(2)
  > tbody > tr > td:nth-child(5) {
    font-size: 11px !important;
    opacity: .8;
  }

  td[width="180"]:has(a.modcp_nav_home)
  + td > table.tborder:nth-of-type(2)
  > tbody > tr > td:nth-child(5)::before {
    content: "IP: ";
    font-weight: 700;
  }

  /* --- BANS ENDING SOON --- */

  td[width="180"]:has(a.modcp_nav_home)
  + td > table.tborder:nth-of-type(3)
  > tbody > tr > td.trow1[colspan],
  td[width="180"]:has(a.modcp_nav_home)
  + td > table.tborder:nth-of-type(3)
  > tbody > tr > td.trow2[colspan] {
    display: block !important;
    width: 100% !important;
    padding: 13px 10px !important;
    box-sizing: border-box !important;
    text-align: left !important;
    line-height: 1.5 !important;
  }

  /* --- MODERATOR NOTES --- */

  td[width="180"]:has(a.modcp_nav_home)
  + td > form:has(textarea[name="modnotes"]) {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  td[width="180"]:has(a.modcp_nav_home)
  + td textarea[name="modnotes"] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 150px !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    resize: vertical !important;
    font-size: 14px !important;
  }

  td[width="180"]:has(a.modcp_nav_home)
  + td form:has(textarea[name="modnotes"])
  table.tborder {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

}

/* =====================================================
   AR15 - MOBILE MODERATOR LOGS - FINAL TABLE FIX
   Target actual 5-column Moderator Logs HTML
   Preserve icon rail, other Mod CP pages and desktop
   ===================================================== */

@media screen and (max-width: 768px) {

  /* -----------------------------------------
     TARGET THE MODERATOR LOGS TABLE ONLY
     ----------------------------------------- */

  table.tborder:has(
    > tbody > tr:first-child > td.thead
    > strong:first-child
  ):has(
    a[href*="modcp.php?action=modlogs"][href*="page="]
  ) {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    table-layout: auto !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    border-radius: 6px !important;
  }

  /* Support a specific Moderator Logs table identifier
     without changing templates */
  table.tborder:has(
    .pagination a[href*="action=modlogs"]
  ) > tbody {
    display: block !important;
    width: 100% !important;
  }

  /* Header */
  table.tborder:has(
    .pagination a[href*="action=modlogs"]
  ) > tbody > tr:first-child {
    display: block !important;
    width: 100% !important;
  }

  table.tborder:has(
    .pagination a[href*="action=modlogs"]
  ) > tbody > tr:first-child > td.thead {
    display: block !important;
    width: 100% !important;
    padding: 12px !important;
    box-sizing: border-box !important;
    text-align: left !important;
    white-space: normal !important;
    font-size: 13px !important;
  }

  /* Hide desktop column headings */
  table.tborder:has(
    .pagination a[href*="action=modlogs"]
  ) > tbody > tr:has(> td.tcat) {
    display: none !important;
  }

  /* -----------------------------------------
     LOG ENTRIES - STACK VERTICALLY
     ----------------------------------------- */

  table.tborder:has(
    .pagination a[href*="action=modlogs"]
  ) > tbody > tr:has(
    > td:nth-child(5).trow1
  ),
  table.tborder:has(
    .pagination a[href*="action=modlogs"]
  ) > tbody > tr:has(
    > td:nth-child(5).trow2
  ) {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding: 12px !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(140,150,160,.25);
  }

  /* Reset all five log cells */
  table.tborder:has(
    .pagination a[href*="action=modlogs"]
  ) > tbody > tr:has(> td:nth-child(5).trow1)
  > td,
  table.tborder:has(
    .pagination a[href*="action=modlogs"]
  ) > tbody > tr:has(> td:nth-child(5).trow2)
  > td {
    display: block !important;
    float: none !important;
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 4px 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    vertical-align: top !important;
  }

  /* Username */
  table.tborder:has(
    .pagination a[href*="action=modlogs"]
  ) tr:has(> td:nth-child(5).trow1)
  > td:first-child,
  table.tborder:has(
    .pagination a[href*="action=modlogs"]
  ) tr:has(> td:nth-child(5).trow2)
  > td:first-child {
    font-size: 14px !important;
    font-weight: 700 !important;
    padding-bottom: 7px !important;
  }

  /* Date */
  table.tborder:has(
    .pagination a[href*="action=modlogs"]
  ) tr:has(> td:nth-child(5).trow1)
  > td:nth-child(2)::before,
  table.tborder:has(
    .pagination a[href*="action=modlogs"]
  ) tr:has(> td:nth-child(5).trow2)
  > td:nth-child(2)::before {
    content: "Date: ";
    font-weight: 700;
    opacity: .8;
  }

  /* Action */
  table.tborder:has(
    .pagination a[href*="action=modlogs"]
  ) tr:has(> td:nth-child(5).trow1)
  > td:nth-child(3)::before,
  table.tborder:has(
    .pagination a[href*="action=modlogs"]
  ) tr:has(> td:nth-child(5).trow2)
  > td:nth-child(3)::before {
    content: "Action: ";
    font-weight: 700;
    opacity: .8;
  }

  /* Information */
  table.tborder:has(
    .pagination a[href*="action=modlogs"]
  ) tr:has(> td:nth-child(5).trow1)
  > td:nth-child(4)::before,
  table.tborder:has(
    .pagination a[href*="action=modlogs"]
  ) tr:has(> td:nth-child(5).trow2)
  > td:nth-child(4)::before {
    content: "Info: ";
    font-weight: 700;
    opacity: .8;
  }

  /* IP Address */
  table.tborder:has(
    .pagination a[href*="action=modlogs"]
  ) tr:has(> td:nth-child(5).trow1)
  > td:nth-child(5)::before,
  table.tborder:has(
    .pagination a[href*="action=modlogs"]
  ) tr:has(> td:nth-child(5).trow2)
  > td:nth-child(5)::before {
    content: "IP: ";
    font-weight: 700;
    opacity: .8;
  }

  /* Pagination footer */
  table.tborder:has(
    .pagination a[href*="action=modlogs"]
  ) tr:has(> td.tfoot) {
    display: block !important;
    width: 100% !important;
  }

  table.tborder:has(
    .pagination a[href*="action=modlogs"]
  ) td.tfoot {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 12px !important;
  }

  table.tborder:has(
    .pagination a[href*="action=modlogs"]
  ) .pagination {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    max-width: 100% !important;
  }

}

/* ======================================================
   AR15 - MOD CP MODERATOR LOGS - MOBILE COLUMN RESET
   Fix squeezed Date / Action / Info / IP columns
   Leave vertical icon navigation untouched
   ====================================================== */

@media screen and (max-width: 768px) {

  /* Only target the separate Moderator Logs page */
  body:has(a.modcp_nav_modlogs)
  table.tborder:has(
    > tbody > tr:first-child >
    td.thead[colspan="5"]
  ):has(
    > tbody > tr:nth-child(2) >
    td.tcat:nth-child(5)
  ) {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    table-layout: auto !important;
    overflow: hidden !important;
  }

  /* Convert table body to block */
  body:has(a.modcp_nav_modlogs)
  table.tborder:has(
    > tbody > tr:first-child >
    td.thead[colspan="5"]
  ):has(
    > tbody > tr:nth-child(2) >
    td.tcat:nth-child(5)
  ) > tbody {
    display: block !important;
    width: 100% !important;
  }

  /* Hide column headings */
  body:has(a.modcp_nav_modlogs)
  table.tborder:has(
    > tbody > tr:first-child >
    td.thead[colspan="5"]
  ):has(
    > tbody > tr:nth-child(2) >
    td.tcat:nth-child(5)
  ) > tbody > tr:nth-child(2) {
    display: none !important;
  }

  /* Stack each log entry vertically */
  body:has(a.modcp_nav_modlogs)
  table.tborder:has(
    > tbody > tr:first-child >
    td.thead[colspan="5"]
  ):has(
    > tbody > tr:nth-child(2) >
    td.tcat:nth-child(5)
  ) > tbody > tr:has(> td:nth-child(5).trow1),
  body:has(a.modcp_nav_modlogs)
  table.tborder:has(
    > tbody > tr:first-child >
    td.thead[colspan="5"]
  ):has(
    > tbody > tr:nth-child(2) >
    td.tcat:nth-child(5)
  ) > tbody > tr:has(> td:nth-child(5).trow2) {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 12px !important;
    box-sizing: border-box !important;
    border-bottom: 1px solid #394146 !important;
  }

  /* Force each of the five cells to full width */
  body:has(a.modcp_nav_modlogs)
  table.tborder:has(
    > tbody > tr:first-child >
    td.thead[colspan="5"]
  ):has(
    > tbody > tr:nth-child(2) >
    td.tcat:nth-child(5)
  ) > tbody > tr:has(> td:nth-child(5).trow1) > td,
  body:has(a.modcp_nav_modlogs)
  table.tborder:has(
    > tbody > tr:first-child >
    td.thead[colspan="5"]
  ):has(
    > tbody > tr:nth-child(2) >
    td.tcat:nth-child(5)
  ) > tbody > tr:has(> td:nth-child(5).trow2) > td {
    display: block !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 4px 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    line-height: 1.5 !important;
    font-size: 12px !important;
  }

  /* Keep the username prominent */
  body:has(a.modcp_nav_modlogs)
  table.tborder:has(
    > tbody > tr:first-child >
    td.thead[colspan="5"]
  ) tr:has(> td:nth-child(5).trow1) > td:first-child,
  body:has(a.modcp_nav_modlogs)
  table.tborder:has(
    > tbody > tr:first-child >
    td.thead[colspan="5"]
  ) tr:has(> td:nth-child(5).trow2) > td:first-child {
    font-size: 14px !important;
    font-weight: 700 !important;
    padding-bottom: 8px !important;
  }

}

/* ================================================
   AR15 - FIX USER CP AVATAR ON DESKTOP
   Preserve existing mobile layout
   ================================================ */

@media screen and (min-width: 769px) {

    /* Restore avatar column width */
    td[width="180"]:has(a.usercp_nav_home)
    + td > table.tborder:has(.usercp_container)
    > tbody > tr:nth-child(2) > td:first-child {
        width: 120px !important;
        min-width: 120px !important;
        max-width: 120px !important;
        padding: 12px !important;
        box-sizing: border-box !important;
        text-align: center !important;
        vertical-align: top !important;
    }

    /* Restore avatar container */
    td[width="180"]:has(a.usercp_nav_home)
    + td .usercp_container {
        display: block !important;
        width: 100px !important;
        min-width: 100px !important;
        max-width: 100px !important;
        height: auto !important;
        margin: 0 auto !important;
        overflow: visible !important;
    }

    /* Restore actual avatar image */
    td[width="180"]:has(a.usercp_nav_home)
    + td .usercp_container img {
        display: block !important;
        width: 100px !important;
        height: 100px !important;
        min-width: 100px !important;
        min-height: 100px !important;
        max-width: none !important;
        object-fit: contain !important;
        border: 0 !important;
    }

    /* Keep account information in remaining space */
    td[width="180"]:has(a.usercp_nav_home)
    + td > table.tborder:has(.usercp_container)
    > tbody > tr:nth-child(2) > td:last-child {
        width: auto !important;
        min-width: 0 !important;
        vertical-align: top !important;
    }

}

/* ================================================
   AR15 - DESKTOP USER CP AVATAR ALIGNMENT
   Tighten avatar spacing and account details
   Mobile layout remains unchanged
   ================================================ */

@media screen and (min-width: 769px) {

    /* Allow account summary table to size naturally */
    td[width="180"]:has(a.usercp_nav_home)
    + td > table.tborder:has(.usercp_container) {
        width: 100% !important;
        table-layout: auto !important;
    }

    /* Compact avatar column */
    td[width="180"]:has(a.usercp_nav_home)
    + td > table.tborder:has(.usercp_container)
    > tbody > tr:nth-child(2) > td:first-child {
        width: 110px !important;
        min-width: 110px !important;
        max-width: 110px !important;
        padding: 10px !important;
        vertical-align: top !important;
        box-sizing: border-box !important;
    }

    /* Avatar dimensions */
    td[width="180"]:has(a.usercp_nav_home)
    + td .usercp_container {
        display: block !important;
        width: 100px !important;
        height: 100px !important;
        margin: 0 auto !important;
    }

    td[width="180"]:has(a.usercp_nav_home)
    + td .usercp_container img {
        display: block !important;
        width: 100px !important;
        height: 100px !important;
        object-fit: contain !important;
    }

    /* Position account information closer to avatar */
    td[width="180"]:has(a.usercp_nav_home)
    + td > table.tborder:has(.usercp_container)
    > tbody > tr:nth-child(2) > td:last-child {
        width: auto !important;
        padding: 12px 14px !important;
        vertical-align: top !important;
        overflow-wrap: anywhere !important;
        white-space: normal !important;
    }

}

/* ==========================================
   AR15 - DESKTOP USER CP FINAL POLISH
   Avatar column and referral text
   ========================================== */

@media screen and (min-width: 769px) {

    /* Keep avatar column compact */
    td[width="180"]:has(a.usercp_nav_home)
    + td > table.tborder:has(.usercp_container)
    > tbody > tr:nth-child(2) > td:first-child {
        width: 120px !important;
        min-width: 120px !important;
        max-width: 120px !important;
        padding: 10px !important;
        background: transparent !important;
        vertical-align: top !important;
    }

    /* Let account information use the remaining width */
    td[width="180"]:has(a.usercp_nav_home)
    + td > table.tborder:has(.usercp_container)
    > tbody > tr:nth-child(2) > td:last-child {
        min-width: 0 !important;
        padding: 12px !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

}

/* ============================================
   AR15 - DESKTOP USER CP AVATAR CENTERING
   Center avatar horizontally and vertically
   No changes to mobile
   ============================================ */

@media screen and (min-width: 769px) {

    /* Center avatar within its existing table cell */
    td[width="180"]:has(a.usercp_nav_home)
    + td > table.tborder:has(.usercp_container)
    > tbody > tr:nth-child(2) > td:first-child {

        text-align: center !important;
        vertical-align: middle !important;
        padding: 10px !important;
    }

    /* Center avatar container */
    td[width="180"]:has(a.usercp_nav_home)
    + td .usercp_container {

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        height: 100% !important;
        min-height: 100px !important;

        margin: 0 auto !important;
        box-sizing: border-box !important;
    }

    /* Keep actual image at its original size */
    td[width="180"]:has(a.usercp_nav_home)
    + td .usercp_container img {

        display: block !important;
        width: 100px !important;
        height: 100px !important;
        min-width: 100px !important;
        min-height: 100px !important;
        object-fit: contain !important;

        margin: auto !important;
    }

}

/* ============================================
   AR15 - MOBILE MEMBER LIST AVATAR FIX
   Prevent stretched or distorted avatars
   Desktop remains unchanged
   ============================================ */

@media screen and (max-width: 768px) {

    /* Member list avatar images only */
    table.tborder:has(a[href*="memberlist.php"])
    img[src*="avatars/"],
    table.tborder:has(a[href*="memberlist.php"])
    img[src*="default_avatar"],
    table.tborder:has(a[href*="memberlist.php"])
    img.avatar {
        width: auto !important;
        height: auto !important;
        max-width: 45px !important;
        max-height: 55px !important;
        object-fit: contain !important;
        aspect-ratio: auto !important;
        display: block !important;
        margin: 0 auto !important;
    }

}