/*!
Theme Name: Ohio-Child
Theme URI: http://ohio.colabr.io/
Author: Colabrio
Author URI: http://colabr.io/
Description: Ohio is a WordPress theme bundled with premium plugins to build a modern and functional website.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: ohio
Text Domain: ohio-child
Tags: ajax, customizer, ecommerce, portfolio, minimal, page builder, responsive, multipurpose, shop, store, woocommerce, wpml

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/* Улучшенные стили для личного кабинета */
.client-dashboard {
  background: white;
  border-radius: 12px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.08);
  padding: 40px;
  margin: 30px auto;
  max-width: 1200px;
  display: flex;
  flex-direction: column;
  min-height: 70vh;
}

.dashboard-header {
  text-align: center;
  border-bottom: 2px solid #f0f0f0;
  padding-bottom: 25px;
  margin-bottom: 30px;
}

.dashboard-header h1 {
  margin: 0 0 15px 0;
  color: #ffffff;
  font-size: 2.2em;
  font-weight: 600;
}

.welcome-message p {
  margin: 8px 0;
  color: #ffffff;
  font-size: 1.1em;
}

.dashboard-content {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  flex: 1;
}

.dashboard-sidebar {
  flex: 1;
  min-width: 250px;
  background: #f8f9fa2e;
  padding: 25px;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.dashboard-main {
  flex: 3;
  min-width: 300px;
}

.nav-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.nav-links li {
  margin-bottom: 12px;
}

.nav-links a {
  text-decoration: none;
  color: #34495e;
  display: block;
  padding: 14px 20px;
  border-radius: 6px;
  transition: all 0.3s ease;
  font-weight: 500;
  border: 1px solid transparent;
}

.nav-links a:hover,
.nav-links a.active {
  background: #3498db;
  color: rgb(255, 0, 0);
  border-color: #3498db;
  transform: translateX(5px);
}

.dashboard-main h2 {
  color: #ffffff;
  margin-top: 0;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
  font-size: 1.8em;
}

.projects-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 25px;
}

.project-card {
  background: white;
  border: 1px solid #e1e8ed;
  border-radius: 10px;
  padding: 25px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.project-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.project-card h3 {
  margin-top: 0;
  color: #000000;
  font-size: 1.3em;
}

.project-card h3 a {
  color: #000000;
  text-decoration: none;
  transition: color 0.3s;
}

.project-card h3 a:hover {
  color: #000000;
}

.project-card p {
  color: #7f8c8d;
  line-height: 1.6;
}

.project-status {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 0.85em;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.status-active {
  background: #e8f4fc;
  color: #ff4747;
}

.status-completed {
  background: #e8f7f0;
  color: #27ae60;
}

.status-pending {
  background: #fef9e7;
  color: #f39c12;
}

.status-cancelled {
  background: #fadbd8;
  color: #e74c3c;
}

.project-meta {
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px solid #eee;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.project-meta small {
  color: #95a5a6;
  font-size: 0.9em;
}

/* Стили для профиля */
.profile-form .form-group {
  margin-bottom: 25px;
}

.profile-form label {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
  color: #2c3e50;
  font-size: 1.1em;
}

.profile-form input[type="text"],
.profile-form input[type="email"] {
  width: 100%;
  padding: 14px;
  border: 2px solid #e1e8ed;
  border-radius: 8px;
  font-size: 16px;
  transition: border-color 0.3s;
  box-sizing: border-box;
}

.profile-form input[type="text"]:focus,
.profile-form input[type="email"]:focus {
  border-color: #3498db;
  outline: none;
  box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
}

.btn {
  display: inline-block;
  padding: 14px 28px;
  background: #3a3a3b;
  color: rgb(255, 255, 255);
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  text-align: center;
  box-sizing: border-box;
}




/* Сообщения об ошибках и успехе */
.error-message,
.success-message {
  padding: 15px 20px;
  border-radius: 8px;
  margin-bottom: 25px;
  font-weight: 500;
}

.error-message {
  background: #fadbd8;
  color: #c0392b;
  border-left: 4px solid #e74c3c;
}

.success-message {
  background: #e8f7f0;
  color: #27ae60;
  border-left: 4px solid #27ae60;
}

/* Адаптивность */
@media (max-width: 768px) {
  .client-dashboard {
    padding: 20px;
    margin: 15px;
  }
  
  .dashboard-content {
    flex-direction: column;
  }
  
  .dashboard-header h1 {
    font-size: 1.8em;
  }
  
  .projects-list,
  .tickets-list {
    grid-template-columns: 1fr;
  }
  
  .nav-links a {
    padding: 12px 15px;
  }
  
  .project-meta {
    flex-direction: column;
    align-items: flex-start;
  }
  .btn-primary
 {
    background-color: #fff;
    color: #000;
    border: 1px solid #fff;
}


}