/* view.css - Фінальна версія для ідеального скріншоту */
body { font-family: Arial, sans-serif; margin: 0; padding: 0; line-height: 1.1; font-size: 14px; background: #fff; }
.container { width: 400px; margin: 0 auto; background: #333333; padding: 10px 10px 5px 10px; }
.responsible { color: #1976D2; font-weight: bold; font-size: 18px; }
h2 { font-size: 18px; font-weight: bold; text-align: right; padding: 15px 10px 0px 10px; line-height: 0.2; color: white; margin: 0 0 0 0;}
.block { margin: 0 0 6px 0; padding: 18px 8px 18px 8px; background: #e3f2fd; border: 1px solid #bbdefb; border-radius: 15px;}
.block h3 { margin: 0 0 0px 0; font-size: 18px; font-weight: bold; color: #1976D2; padding: 6px 8px; background: #bbdefb; border-bottom: 1px solid #90caf9; }
.row { margin: 0px 0; padding: 4px 6px; background: #fff; font-size: 13px; }
.row:nth-child(even) { background: #fff; }
.row:nth-child(odd) { background: #fff; }
.row2 { background: #fff; font-size: 13px; text-align: right; font-style: italic; color: #666; padding: 2px 10px; }
.row div { margin: 0; display: inline; }
.time-sum { font-weight: bold; margin-left: 4px; color: #1976D2; }

/* Стилі для блоку "Проповідує в Гнідині" */
.block.special-block { background: #ffebee !important; border-left: 3px solid #d32f2f; }
.block.special-block h3 { color: #d32f2f; background: #ffcdd2 !important; border-bottom-color: #ef9a9a; }

/* Стилі для кнопок */
button { font-size: 14px; padding: 8px 12px; cursor: pointer; border: none; margin: 2px; display: inline-flex; align-items: center; gap: 5px; font-weight: 600; background: #2196f3; color: #fff; }
button.telegram-btn { background: #4CAF50; }

/* Стилі для модального вікна */
#passwordModal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); align-items: center; justify-content: center; z-index: 1000; }
#passwordModal .modal-content { background: #ffffff; padding: 20px; width: 300px; text-align: center; }
#passwordModal h3 { margin: 0 0 15px 0; color: #2c3e50; font-size: 20px; }
#modalPassword { width: 100%; padding: 8px; margin: 8px 0; border: 1px solid #cccccc; font-size: 14px; }
#modalSubmit, #modalCancel { padding: 8px 16px; margin: 0 5px; cursor: pointer; border: none; font-weight: 600; }
#modalSubmit { background: #2196f3; color: #fff; }
#modalCancel { background: #f5f5f5; color: #333; }

/* Адаптивність */
@media (max-width: 480px){
    body { font-size: 15px; }
    .container { width: 100%; padding: 0; }
    h2 { font-size: 18px; text-align: center; }
    .block h3 { font-size: 16px; }
    .row { font-size: 14px; padding: 6px 8px; }
    button { width: 100%; justify-content: center; margin: 3px 0; }
    #passwordModal .modal-content { width: 90%; margin: 10px; }
}