/*************************************************************
A - SETUP
**************************************************************/

/* A1 Import the colour scheme - DISABLED extra styles */
/* @import url(style_cs.1779206270.css); */

/* A2 Deal with browser defaults and wonkiness */
html, body {
  margin: 0; 
  padding: 0;
  background-color: #0b0b0b;
  color: #e0e0e0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.punbb * {
  margin: 0;
  box-sizing: border-box;
}

.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
  padding: 0;
  list-style: none;
}

.punbb img {
  border: none;
  border-radius: 4px;
}

.punbb .main table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}

.checkfield input[type="checkbox"], .radiofield input[type="radio"] { margin: 0 0.3em; }

p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  height: 1.8em;
  vertical-align: middle;
}

/* A3 Text setup */
body {
  font-size: 14px;
}

.punbb {
  font-size: 13px;
  line-height: 1.5;
}

.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font-family: inherit;
  font-size: 1em;
  background: #181818;
  color: #fff;
  border: 1px solid #333;
  border-radius: 4px;
}

.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
  font-size: 1em;
  font-weight: normal;
}

.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1.1em;
}

.punbb pre {
  font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace;
}

.punbb address, .punbb em { font-style: normal; }
.punbb .post-content em { font-style: italic; }
.punbb .post-content em.bbuline { font-style: normal; text-decoration: underline; }
.punbb a { text-decoration: none; color: #fff; }
.punbb a:hover { text-decoration: underline; }
.punbb optgroup { font-weight: bold; }

/* A4 Float clearing and hidden items */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow: hidden;
  line-height: 0.0;
  font-size: 0;
}

.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position: absolute;
  left: -9999px;
  overflow: hidden;
}

/* A5 Basic page layout and borders */
#pun {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  position: relative;
}

.punbb {
  float: left;
  width: 100%;
  height: auto;
}

#pun-redirect, #pun-maint {
  margin: 50px auto;
  max-width: 600px;
  float: none;
}

.punbb .section, .punbb .main {
  margin-bottom: 25px;
  background: #141414;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #222;
}

.punbb .category, .punbb .post {
  margin-top: 0;
}

.punbb .forum h2, .punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
  padding: 14px 20px;
  background: linear-gradient(90deg, #2c1616 0%, #1a1111 100%);
  color: #ff4a4a;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.5px;
  border-bottom: 1px solid #3a1c1c;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Навигация сверху (Шапка) */
#pun-navlinks {
  background: #111;
  padding: 15px 20px;
  border-radius: 6px;
  margin-bottom: 20px;
  border: 1px solid #222;
}

#pun-navlinks ul {
  display: flex;
  align-items: center;
}

#pun-navlinks li {
  margin-right: 20px;
}

#pun-navlinks li a {
  color: #bbb;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 11px;
}

#pun-navlinks li a:hover {
  color: #ff4a4a;
}

/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/

.punbb .post-content {
  padding: 0;
  margin: 0;
  width: 100%;
  overflow: hidden;
}

.punbb .post-sig dt {
  display: block;
  border-top: 1px solid #333;
  width: 250px;
  margin: 5px 0;
}

.punbb .post-content p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 150%;
}

.punbb .post-content img { vertical-align: text-bottom; }
.punbb .post-content img.postimg { vertical-align: middle; }
.punbb .post-content .blockcode, .punbb .post-content blockquote { width: 100%; overflow: hidden; }
.punbb .post-content .scrollbox { width: 100%; overflow: auto; }

.punbb .post-content .quote-box, .punbb .post-content .code-box {
  margin: 0.4em 1.8em 1.4em 1.8em;
  padding: 1em;
  background: #1c1c1c;
  border: 1px solid #333;
  border-radius: 4px;
}

.punbb .info-box {
  padding: 15px;
  background: #1c1c1c;
  border: 1px solid #333;
  border-radius: 4px;
  margin-bottom: 15px;
}

/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/

/* C1 Form layout */
.punbb .formal .container { padding: 20px; }
.punbb .formsubmit { padding: 0 0 0 20px; margin: 15px 0 0 0; }
.punbb .formsubmit input { background: #ff4a4a; color: #fff; padding: 8px 16px; border: none; font-weight: bold; cursor: pointer; }
.punbb .formsubmit input:hover { background: #e03e3e; }
.punbb fieldset { border: 1px solid #333; padding: 15px; margin-bottom: 15px; border-radius: 4px; }

/* C2 Table layout (Список разделов под скриншот) */
.punbb .main th {
  background: #181818;
  color: #777;
  font-size: 11px;
  text-transform: uppercase;
  padding: 8px 15px;
  border: none;
}

.punbb .main td {
  padding: 15px 20px;
  border-bottom: 1px solid #1c1c1c;
  vertical-align: middle;
  background: #141414;
}

.punbb .main tr:last-child td {
  border-bottom: none;
}

/* Ширина колонок */
.punbb .main .tcl { width: 60%; text-align: left; }
.punbb .main .tc2 { width: 8%; text-align: center; color: #fff; font-weight: bold; }
.punbb .main .tc3 { width: 8%; text-align: center; color: #fff; font-weight: bold; }
.punbb .main .tcr { width: 24%; text-align: left; font-size: 12px; color: #aaa; }

/* Названия категорий */
#pun-index .tcl h3 {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 3px;
}

#pun-index .tcl h3 a {
  color: #fff;
}

#pun-index .tcl h3 a:hover {
  color: #ff4a4a;
}

/* Описание подразделов */
.punbb td .modlist {
  display: block;
  font-size: 11px;
  color: #666;
  margin-top: 4px;
}

/* Кастомные круглые красные иконки форума слева */
.punbb tbody.hasicon td.tcl {
  padding-left: 70px;
  position: relative;
}

.punbb table div.icon {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  background: #ff4a4a url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 9h12v2H6V9zm8 5H6v-2h8v2zm4-6H6V6h12v2z"/></svg>') no-repeat center/20px;
  border-radius: 8px;
  border: none;
  margin: 0;
}

/* Теги Важно / Рассмотрено */
.punbb .tcr a {
  color: #ff4a4a;
  font-weight: bold;
}

.punbb .tcr .b-tag-important {
  background: #ff4a4a;
  color: #000;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  margin-right: 5px;
}

.punbb .tcr .b-tag-accepted {
  background: #4caf50;
  color: #fff;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  margin-right: 5px;
}

/* Аватарки в последнем сообщении */
.punbb .tcr img {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  float: left;
  margin-right: 10px;
  object-fit: cover;
}

/* C3 Topics (Внутри тем) */
.punbb .post { background: #141414; border: 1px solid #222; border-radius: 6px; margin-bottom: 15px; }
.punbb .post h3 { background: #1c1c1c; padding: 10px 20px; font-size: 12px; color: #888; border-bottom: 1px solid #222; }
.punbb .post .post-author { float: left; width: 200px; padding: 20px; text-align: center; }
.punbb .post-body { margin-left: 200px; border-left: 1px solid #222; padding: 20px; min-height: 150px; }
.punbb .post-links { margin-left: 200px; border-left: 1px solid #222; padding: 10px 20px; background: #181818; }

/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

/* D1 Logo area */
#pun-title {
  background: #111;
  padding: 20px;
  border-radius: 6px;
  margin-bottom: 20px;
  border: 1px solid #222;
}

#pun-title h1 span {
  font-size: 24px;
  font-weight: 800;
  color: #fff;
}

/* D7 Statistics */
#pun-stats {
  background: #141414;
}

#pun-stats .container {
  padding: 20px;
}

#pun-stats li {
  color: #aaa;
  margin-bottom: 8px;
}

#pun-stats strong {
  color: #fff;
}