/* Подключаем шрифт Verdana (стандартный, но добавим похожие для надежности) */ body { font-family: 'Verdana', 'Geneva', sans-serif; background-color: #FAEBD7; /* Античный белый */ margin: 0; padding: 0; color: #3e2723; } .main-container { background-color: #ffffff; min-height: 100vh; padding: 20px; border-left: 5px solid #A0522D; /* Акцентная полоса слева */ } .header { /* Градиент от светло-коричневого к коричневому */ background: linear-gradient(135deg, #DEB887 0%, #A0522D 100%); padding: 25px; border-radius: 4px; /* Более строгие углы для строительной тематики */ margin-bottom: 30px; color: white; box-shadow: 0 4px 6px rgba(0,0,0,0.1); } .logo-container { display: flex; align-items: center; gap: 20px; } .header-title { font-size: 2em; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; margin: 0; } /* Карточка поставщика или стройматериала */ .partner-card { border: 1px solid #DEB887; border-left: 8px solid #A0522D; /* Подчеркиваем статус материала */ border-radius: 4px; padding: 20px; margin-bottom: 20px; background: #ffffff; box-shadow: 2px 2px 8px rgba(160, 82, 45, 0.1); } .partner-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #FAEBD7; padding-bottom: 12px; margin-bottom: 15px; } .partner-type { font-size: 0.9em; font-weight: bold; color: #A0522D; background: #FAEBD7; padding: 4px 12px; text-transform: uppercase; } .partner-name { font-size: 1.5em; font-weight: bold; color: #5D4037; } /* Расчет стоимости и транспортных расходов */ .volume-info { background-color: #fcf8f2; border: 1px dashed #DEB887; padding: 12px; border-radius: 4px; margin-top: 15px; } .volume-label { font-weight: bold; color: #A0522D; } .volume-value { color: #2e1a12; font-weight: bold; } /* Кнопки действий */ .btn-action { padding: 10px 22px; font-family: 'Verdana', sans-serif; font-size: 0.85em; font-weight: bold; text-transform: uppercase; border: none; border-radius: 2px; transition: all 0.2s ease; cursor: pointer; } .btn-edit { background-color: #DEB887; color: #3e2723; } .btn-history { background-color: #A0522D; color: white; } .btn-action:hover { filter: brightness(90%); box-shadow: 0 2px 4px rgba(0,0,0,0.2); } /* Таблицы материалов и поставок */ .table th { background-color: #A0522D; color: #FAEBD7; text-transform: uppercase; font-size: 0.9em; } .table-striped tbody tr:nth-of-type(odd) { background-color: #FAF0E6; } .discount-badge { background-color: #5D4037; /* Цвет для скидок/наценок */ color: white; padding: 5px 10px; font-weight: bold; }