.btn-close-inside {background:#eee; border-radius:6px; border:none; color:#777; cursor:pointer; margin-top:10px; padding:8px; width:100%}
.calendar-gridpos {display:grid; gap:25px; grid-template-columns:repeat(auto-fill, minmax(300px, 1fr)); margin:0 auto; max-width:1200px; padding:25px}
.card-content {background:#fafafa; border-top:1px solid #eee; box-sizing:border-box; display:none; flex-grow:1; padding:15px; width:100%}
.card-header {align-items:center; color:white; cursor:pointer; display:flex; justify-content:space-between; padding:12px 15px}
.card-open .card-content {display:block !important}
.card-open .expand-icon {transform:rotate(180deg)}
.crop-card {background:#fff; border-radius:12px; border:1px solid #eee; box-shadow:0 4px 6px rgba(0,0,0,0.05); margin-bottom:15px; overflow:hidden; transition:0.3s ease}
.crop-card:hover {box-shadow:0 8px 25px rgba(0,0,0,0.1); transform:translateY(-5px)}
.crop-card.is-hidden {display:none !important}
.day-item {background:#fff; border-radius:4px; border:1px solid #ddd; color:#2c3e50; font-size:0.85rem; font-weight:500; min-width:20px; padding:2px 6px; text-align:center}
.day-item.today {background:#e74c3c; border-color:#c0392b; box-shadow:0 0 8px rgba(231, 76, 60, 0.4); color:white; font-weight:bold}
.days-list {display:flex; flex-wrap:wrap; flex:1; gap:6px; justify-content:flex-start}
.expand-icon {font-size:12px; transition:transform 0.3s}
.header-actions {align-items:center; display:flex; gap:12px}
.header-main {align-items:center; display:flex; gap:15px}
.header-main img {border-radius:50%; border:2px solid rgba(255,255,255,0.4); height:50px; object-fit:cover; width:50px}
.header-section {background:white; box-shadow:0 2px 10px rgba(0,0,0,0.1); padding:10px 15px; position:sticky; text-align:center; top:0; z-index:1000}
.header-section h1 {font-size:1.2rem; margin:5px 0}
.header-text h3 {font-size:1.1rem; line-height:1.2; margin:0}
.month-label {color:#666; font-size:14px; font-weight:bold; min-width:85px; padding-top:4px}
.month-row {align-items:flex-start; border-bottom:1px solid #f0f0f0; display:flex; font-size:14px; padding:8px 0; transition:background 0.3s}
.month-row:last-child {border:none}
.month-row.highlight-month {background:#f1fcf4; margin:0 -15px; padding:8px 15px}
.nav-arrow {align-items:center; background:white; border:none; color:#888; cursor:pointer; display:flex; font-size:24px; height:30px; justify-content:center; transition:0.3s; width:30px; z-index:2}
.nav-arrow:hover {color:#2ecc71}
.nav-chip {background:#f1f3f5; border-radius:20px; border:1px solid #e9ecef; color:#333; display:inline-block; flex:0 0 auto; font-size:14px; font-weight:500; padding:8px 16px; text-decoration:none; transition:0.2s}
.nav-chip:hover, .nav-chip.active {background:#2ecc71 !important; border-color:#27ae60; color:#fff !important}
.nav-scroll-container {-ms-overflow-style:none; display:flex; gap:8px; overflow-x:auto; padding:5px 0; scroll-behavior:smooth; scrollbar-width:none; white-space:nowrap}
.nav-scroll-container::-webkit-scrollbar {display:none}
.nav-wrapper {align-items:center; background:#fff; box-shadow:0 2px 10px rgba(0,0,0,0.1); display:flex; padding:10px 5px; position:sticky; top:0; z-index:1000}
.no-results {display:none; grid-column:1 / -1; padding:40px; text-align:center}
.phase-tag, .status-tag {background:rgba(255, 255, 255, 0.2); border-radius:10px; font-size:10px; font-weight:bold; padding:3px 8px; text-transform:uppercase}
.posmis {background:#4caf50}
.posmisDarkBlue {background:#1565c0}
.posmisgreen {background:#2e7d32}
.posmisMagenta {background:#9c27b0}
.print-btn {align-items:center; background:rgba(255, 255, 255, 0.2); border-radius:50%; border:1px solid rgba(255, 255, 255, 0.3); color:white; cursor:pointer; display:flex; font-size:14px; height:32px; justify-content:center; transition:0.3s; width:32px}
.print-btn:hover {background:rgba(255, 255, 255, 0.4)}
.search-container {margin:15px auto; max-width:600px; position:relative}
.status-tag.active {background:#fff; box-shadow:0 2px 4px rgba(0,0,0,0.1); color:black}
.tags-container {display:flex; flex-wrap:wrap; gap:5px; justify-content:center; margin-top:4px}
@media (max-width: 400px) {.month-row {flex-direction:column}.month-label {margin-bottom:5px}}
@media (max-width: 768px) {.nav-wrapper {padding:10px}}
@media (min-width: 768px) {.header-section h1 {font-size:1.8rem}}
@media print {body * {visibility:hidden}.printable-area, .printable-area * {visibility:visible}.printable-area {left:0; position:absolute; top:0; width:100%}.print-btn, .expand-icon, .btn-close-inside, .nav-wrapper, .search-container {display:none !important}.card-content {display:block !important}.print-only-header {display:block !important}.print-only-header h1, .print-only-header p, .print-only-header div {color:#000 !important}}
#clearSearch {background:#ccc; border-radius:50%; border:none; color:white; cursor:pointer; display:none; font-size:16px; height:24px; line-height:1; padding:0; position:absolute; right:12px; top:50%; transform:translateY(-50%); transition:background 0.2s; width:24px; z-index:5}
#clearSearch:hover {background:#999}
#cropSearch {border-radius:25px; border:2px solid #eee; box-sizing:border-box; font-size:16px; outline:none; padding:12px 40px 12px 20px; transition:0.3s; width:100%}
#cropSearch:focus {border-color:#2ecc71}
body {color:#2c3e50; font-family:'Segoe UI', Roboto, sans-serif; scroll-behavior:smooth}