/*
 * Основные стили TechNest (фронтенд)
 * Основаны на mcm-style.css
 */

.mcm-form-dark { background: #2c3e50; padding: 20px; border-radius: 8px; color: #ecf0f1; margin: 20px 0; }
.mcm-form-dark input[type="text"],
.mcm-form-dark input[type="password"],
.mcm-form-dark input[type="number"],
.mcm-form-dark select,
.mcm-form-dark textarea { background: #34495e; border: 1px solid #7f8c8d; color: #ecf0f1; padding: 8px 12px; border-radius: 4px; width: 100%; margin-bottom: 10px; }
.mcm-form-dark input[type="text"]:focus,
.mcm-form-dark input[type="password"]:focus,
.mcm-form-dark input[type="number"]:focus,
.mcm-form-dark select:focus,
.mcm-form-dark textarea:focus { border-color: #3498db; outline: none; box-shadow: 0 0 5px rgba(52,152,219,.3); }
.mcm-form-dark label { display: block; margin-bottom: 5px; font-weight: bold; color: #bdc3c7; }

.mcm-button { display: inline-block; padding: 10px 20px; border: none; border-radius: 4px; cursor: pointer; text-decoration: none; font-weight: bold; transition: all .3s ease; margin: 5px; }
.mcm-button.mcm-blue { background: linear-gradient(135deg,#3498db,#2980b9); color: #fff; }
.mcm-button.mcm-blue:hover { background: linear-gradient(135deg,#2980b9,#1f5f8b); transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,.2); }
.mcm-button.mcm-red { background: linear-gradient(135deg,#e74c3c,#c0392b); color: #fff; }
.mcm-button.mcm-red:hover { background: linear-gradient(135deg,#c0392b,#a93226); transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,.2); }
.mcm-button.mcm-green { background: linear-gradient(135deg,#27ae60,#229954); color: #fff; }
.mcm-button.mcm-green:hover { background: linear-gradient(135deg,#229954,#1e8449); transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,.2); }

.mcm-table { width: 100%; border-collapse: collapse; margin: 20px 0; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 6px rgba(0,0,0,.1); }
.mcm-table th, .mcm-table td { padding: 12px 15px; text-align: left; border-bottom: 1px solid #ddd; }
.mcm-table th { background: #34495e; color: #fff; font-weight: bold; text-shadow: 0 1px 2px rgba(0,0,0,.3); }
.mcm-table tr:nth-child(odd) { background-color: #fff; }
.mcm-table tr:nth-child(even) { background-color: #a0d0ff; }
.mcm-table tr:hover { background-color: #ffffb0 !important; transform: scale(1.01); transition: all .2s ease; }

.mcm-msg-success { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; padding: 10px 15px; border-radius: 4px; margin: 10px 0; display: inline-block; }
.mcm-msg-error { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; padding: 10px 15px; border-radius: 4px; margin: 10px 0; display: inline-block; }
.mcm-msg-info { background: #d1ecf1; color: #0c5460; border: 1px solid #bee5eb; padding: 10px 15px; border-radius: 4px; margin: 10px 0; display: inline-block; }
.mcm-msg-warning { background: #fff3cd; color: #856404; border: 1px solid #ffeaa7; padding: 10px 15px; border-radius: 4px; margin: 10px 0; display: inline-block; }

.mcm-tooltip { position: relative; display: inline-block; cursor: pointer; }
.mcm-tooltip-content { visibility: hidden; position: absolute; z-index: 1000; bottom: 125%; left: 50%; margin-left: -150px; width: 300px; background: rgba(0,0,0,.9); color: #fff; text-align: center; border-radius: 6px; padding: 10px; opacity: 0; transition: opacity .3s; box-shadow: 0 4px 8px rgba(0,0,0,.3); }
.mcm-tooltip-content::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: rgba(0,0,0,.9) transparent transparent transparent; }
.mcm-tooltip:hover .mcm-tooltip-content { visibility: visible; opacity: 1; }

@media (max-width: 768px) {
  .mcm-table { font-size: 14px; }
  .mcm-table th, .mcm-table td { padding: 8px 10px; }
  .mcm-tooltip-content { width: 250px; margin-left: -125px; }
  .mcm-button { padding: 8px 16px; margin: 3px; }
}

@media (prefers-color-scheme: dark) {
  .mcm-table { background: #2c3e50; color: #ecf0f1; }
  .mcm-table th { background: #34495e; }
  .mcm-table tr:nth-child(odd) { background-color: #34495e; }
  .mcm-table tr:nth-child(even) { background-color: #2c3e50; }
}