/* Стиль форума о ремонте электроники */
/* Тема: "ЭлектронМастер" - темная техно-тема */

body { 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
    font-size: 14px; 
    background: #0a0a0f; 
    background-image: linear-gradient(to bottom, #0a0a0f 0%, #12121a 100%);
    margin: 0px; 
    padding: 0px; 
    cursor: default;
}

body {
    scrollbar-face-color: #1a1a2e;
    scrollbar-highlight-color: #2d2d44;
    scrollbar-3dlight-color: #1a1a2e;
    scrollbar-shadow-color: #0a0a0f;
    scrollbar-darkshadow-color: #0a0a0f;
    scrollbar-track-color: #12121a;
    scrollbar-arrow-color: #00bcd4;
}

TABLE { border-collapse: collapse; border: 1px solid #2d2d44; }

font, th, td, p { 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
    font-size: 14px;
}

/* Ссылки в стиле электронных схем */
a:link { text-decoration: none; color: #00bcd4; font-weight: 500; }
a:active { text-decoration: none; color: #00bcd4; }
a:visited { text-decoration: none; color: #0097a7; }
a:hover { text-decoration: underline; color: #00e5ff; text-shadow: 0 0 8px rgba(0, 188, 212, 0.5); }

form { display: inline; margin: 2px; padding: 0px; border: 0px; }   
input, textarea, select {
    vertical-align: middle; 
    font-size: 13pt; 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: #1a1a2e;
    color: #e0e0e0;
    border: 1px solid #2d2d44;
    border-radius: 3px;
    padding: 5px;
}

td, body { 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
    font-size: 13pt; 
    color: #e0e0e0; 
}

hr { 
    height: 0px; 
    border: solid #2d2d44 0px; 
    border-top-width: 1px;
}

.bodyline { 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
    font-size: 13pt; 
    color: #e0e0e0; 
    background: #0a0a0f;
}

.forumline { 
    background-color: #1a1a2e; 
    border: 1px solid #2d2d44; 
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.row1 { 
    padding: 8px;
    background: linear-gradient(to right, #12121a, #1a1a2e);
    border-bottom: 1px solid #2d2d44;
}

.row2 { 
    padding: 8px;
    background: linear-gradient(to right, #1a1a2e, #12121a);
    border-bottom: 1px solid #2d2d44;
}

.row3 { 
    padding: 8px;
    background: linear-gradient(to right, #12121a, #1a1a2e);
}

td.rowpic {
    padding: 15px;
    height: 50px; 
    background: linear-gradient(90deg, #0a0a0f 0%, #1a1a2e 50%, #0a0a0f 100%);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #00bcd4;
    font-size: 16px;
    font-weight: bold; 
    border-bottom: 2px solid #00bcd4;
}

th {
    color: #00bcd4; 
    font-size: 14px; 
    font-weight: bold;
    background: linear-gradient(to bottom, #1a1a2e, #12121a);
    height: 35px;
    padding: 10px;
    border: 1px solid #2d2d44;
}

td.cat, td.catSides, td.catRight, td.catBottom {
    background: linear-gradient(to bottom, #1a1a2e, #12121a);
    border: 1px solid #2d2d44;
    height: 35px;
    color: #00bcd4;
    font-weight: bold;
}

td.catLeft, td.catHead {
    padding: 10px; 
    background: linear-gradient(to bottom, #1a1a2e, #12121a);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #00bcd4;
    font-size: 15px; 
    font-weight: bold;
    border: 1px solid #2d2d44;
}

td.cat, td.catHead, td.catBottom {
    height: 35px;
    border-width: 1px;
}

th.thCornerL {
    border-collapse: collapse;
    background: linear-gradient(to bottom, #1a1a2e, #12121a);
    height: 35px; 
    color: #00bcd4;
    border: 1px solid #2d2d44;
}

th.thHead, th.thSides, th.thLeft, th.thRight, th.thBottom, th.thCornerR {
    padding: 10px;
    height: 50px; 
    background: linear-gradient(to bottom, #12121a, #1a1a2e);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #00bcd4;
    font-size: 16px;
    font-weight: bold; 
    border: 1px solid #2d2d44;
}

th.thHead {
    background: linear-gradient(to bottom, #1a1a2e, #12121a);
    color: #00bcd4;
    border-bottom: 2px solid #00bcd4;
}

td.row3Right, td.spaceRow {
    background: #1a1a2e; 
    border: 1px solid #2d2d44;
}

td.spaceRow {
    background: #0a0a0f;
}

.maintitle, h1, h2 {
    font-weight: bold; 
    font-size: 24px; 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-decoration: none; 
    line-height: 120%; 
    color: #00bcd4;
    text-shadow: 0 0 10px rgba(0, 188, 212, 0.3);
}

.gen { font-size: 14px; color: #b0b0b0; }
.genmed { font-size: 13px; color: #a0a0a0; }
.gensmall { font-size: 12px; color: #909090; }
a.gen, a.genmed, a.gensmall { color: #4fc3f7; text-decoration: none; }
a.gen:hover, a.genmed:hover, a.gensmall:hover { color: #00e5ff; text-decoration: underline; }

.mainmenu { font-size: 13px; color: #e0e0e0; }
a.mainmenu { text-decoration: none; color: #e0e0e0; }
a.mainmenu:hover { text-decoration: underline; color: #ffffff; }

.cattitle { font-weight: bold; font-size: 14px; letter-spacing: 1px; color: #00bcd4; }
a.cattitle { text-decoration: none; color: #00bcd4; }
a.cattitle:hover { text-decoration: underline; color: #00e5ff; }

.forumlink { font-weight: bold; font-size: 14px; color: #4fc3f7; }
a.forumlink { text-decoration: none; color: #4fc3f7; }
a.forumlink:hover { text-decoration: underline; color: #00e5ff; }

.nav { font-weight: bold; font-size: 13px; color: #80deea; }
a.nav { text-decoration: none; color: #80deea; }
a.nav:hover { text-decoration: underline; color: #00e5ff; }

.topictitle { font-weight: bold; font-size: 13px; color: #e0e0e0; }
a.topictitle:link { text-decoration: none; color: #4fc3f7; }
a.topictitle:visited { text-decoration: none; color: #0097a7; }
a.topictitle:hover { text-decoration: underline; color: #00e5ff; }

.name { font-size: 13px; color: #b0b0b0; }
.postdetails { font-size: 12px; color: #909090; }

.postbody { font-size: 14px; color: #e0e0e0; line-height: 1.5; }
a.postlink:link { text-decoration: none; color: #4fc3f7; }
a.postlink:visited { text-decoration: none; color: #0097a7; }
a.postlink:hover { text-decoration: underline; color: #00e5ff; }

/* Стиль для блоков с кодом (имитация терминала) */
.code {
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace; 
    font-size: 13px; 
    color: #00e676;
    background-color: #1a1a2e; 
    border: 1px solid #00e676;
    border-left-width: 3px;
    padding: 10px;
    border-radius: 3px;
    overflow-x: auto;
}

/* Стиль для цитат (имитация платы) */
.quote {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
    font-size: 13px; 
    color: #b0b0b0; 
    line-height: 140%;
    background-color: #1a1a2e; 
    border: 1px solid #2d2d44;
    border-left: 3px solid #ff9800;
    padding: 10px;
    border-radius: 3px;
}

.copyright { 
    font-size: 11px; 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
    color: #666; 
    letter-spacing: -0.5px;
}
a.copyright { color: #666; text-decoration: none;}
a.copyright:hover { color: #888; text-decoration: underline;}

/* Кнопки в стиле электронных компонентов */
input.button, input.post, textarea.post {
    color: #e0e0e0; 
    font: normal 13px 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-decoration: none; 
    border: 1px solid #2d2d44;
    background: linear-gradient(to bottom, #1a1a2e, #12121a);
    padding: 8px 15px;
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.3s ease;
}

input.button:hover, input.post:hover {
    background: linear-gradient(to bottom, #2d2d44, #1a1a2e);
    border-color: #00bcd4;
    color: #00bcd4;
}

input.liteoption, input.mainoption {
    background: linear-gradient(to bottom, #1a1a2e, #12121a); 
    color: #e0e0e0;     
    font-weight: bold;
    font-size: 13px; 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    border: 1px solid #2d2d44;
}

.helpline {
    background-color: #1a1a2e; 
    border: 1px solid #2d2d44;
    color: #e0e0e0;
}
TABLE { border-color: #2d2d44; }

/* Стиль для кнопок навигации (имитация кнопок приборов) */
.pgbutt a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
    padding: 6px 12px;
    text-decoration: none; 
    border: 1px solid #2d2d44; 
    background: linear-gradient(to bottom, #1a1a2e, #12121a); 
    margin: 3px;
    border-radius: 4px;
    color: #e0e0e0;
    transition: all 0.3s ease;
}

.pgbutt a:hover {
    background: linear-gradient(to bottom, #2d2d44, #1a1a2e);
    border-color: #00bcd4;
    color: #00bcd4;
    box-shadow: 0 0 10px rgba(0, 188, 212, 0.3);
}

TD {font-size: 13px;} 

/* QR-CODE для схем */
#qr img{
    width: 35px;
    height: 35px;
    position: fixed;
    right: 10px;
    top: 10px;
    border: 1px solid #00bcd4;
    padding: 2px;
    background-color: #1a1a2e;
    border-radius: 3px;
}
#qr img:hover{
    width: 200px;
    height: 200px;
    z-index: 100;
    padding: 3px;
    border-color: #00e5ff;
}

/* Аватар для гостей (имитация микросхемы) */
.guestavatar{
    width: 120px;
    height: 120px;
    text-align: center;
    background: linear-gradient(135deg, #1a1a2e 0%, #2d2d44 100%);
    color: #00bcd4;
    font-size: 50px;
    display: table-cell;
    border-radius: 10px;
    position: relative;
    vertical-align: middle;
    border: 2px solid #2d2d44;
    font-weight: bold;
}

/* Навигационное меню (техно-стиль) */
#nav8, #nav8 ul, #nav8 li {margin: 0; padding: 0; border: 0;}
#nav8, #nav8 ul {background: linear-gradient(to bottom, #0a0a0f, #12121a);}
#nav8 {
    border-spacing: 0 0;
    position: relative;
    z-index: 50;
    width: 100%;
    border-bottom: 2px solid #00bcd4;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}
#nav8 ul {
    position: absolute;
    display: none;
    background: linear-gradient(to bottom, #1a1a2e, #12121a);
    border: 1px solid #2d2d44;
    border-radius: 0 0 5px 5px;
}
#nav8 td:hover ul {display: block;}
#nav8 ul li {list-style: none;}
#nav8 .right {direction: rtl;}
#nav8 .right ul {right: 0;}
#nav8 .right li {direction: ltr;}
#nav8 a {
    display: block;
    padding: 12px 20px;
    text-align: center;
    text-decoration: none;
    color: #e0e0e0;
    font-weight: 500;
    transition: all 0.3s ease;
}
#nav8 ul a {
    padding: 10px 25px;
    text-align: left;
    border-bottom: 1px solid #2d2d44;
}
#nav8 td:hover, #nav8 li:hover {background: linear-gradient(to bottom, #2d2d44, #1a1a2e);}
#nav8 td {text-align: center;}

/* Индикатор загрузки (имитация прогресс-бала) */
#cssbar-wrapper {width:300px; height:19px; position:absolute; left:50%;}
#cssbar-border {
    border:2px solid #00bcd4; 
    height:100%; 
    width:100%; 
    position:relative; 
    left:-50%; 
    top:-50%; 
    padding:1px;
    background: #1a1a2e;
    border-radius: 10px;
}
#cssbar-whitespace {
    overflow:hidden; 
    height:100%; 
    width:100%; 
    margin:0 auto; 
    overflow:hidden; 
    position:relative;
    border-radius: 8px;
}
#cssbar-line {
    background: linear-gradient(90deg, #00bcd4 0%, #00e5ff 50%, #00bcd4 100%); 
    position:absolute; 
    height:100%; 
    width:100%; 
    animation:cssbar-slide 2s linear infinite;
}
@keyframes cssbar-slide {0% {left:-100%;} 100% {left:100%;}}

/* Дополнительные стили для темы ремонта электроники */
.tech-icon {
    color: #00bcd4;
    text-shadow: 0 0 5px rgba(0, 188, 212, 0.5);
}

.warning {
    background: linear-gradient(to right, #2d2d44, #1a1a2e);
    border-left: 4px solid #ff9800;
    padding: 10px;
    margin: 10px 0;
    border-radius: 3px;
}

.success {
    background: linear-gradient(to right, #2d2d44, #1a1a2e);
    border-left: 4px solid #00e676;
    padding: 10px;
    margin: 10px 0;
    border-radius: 3px;
}

/* Стиль для заголовков разделов с иконками */
.section-title {
    background: linear-gradient(to right, #0a0a0f, #1a1a2e);
    padding: 15px;
    margin: 20px 0;
    border-left: 5px solid #00bcd4;
    border-radius: 0 5px 5px 0;
    font-size: 18px;
    font-weight: bold;
    color: #00bcd4;
}