/* Pregnancy Calculator - WordPress Plugin */
.preg-container{max-width:600px;margin:0 auto 2rem;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.75rem;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:15px;color:#1a1a1a;box-sizing:border-box}
.preg-header{margin-bottom:1.25rem}
.preg-title{font-size:20px!important;font-weight:600!important;color:#111827!important;margin:0 0 4px!important;padding:0!important;border:none!important;display:flex;align-items:center}
.preg-subtitle{font-size:13px;color:#6b7280;margin:0!important}
.preg-tabs{display:flex;gap:4px;background:#f3f4f6;padding:4px;border-radius:8px;margin-bottom:1.25rem}
.preg-tab-btn{flex:1;padding:7px 8px;border:none;border-radius:6px;background:transparent;font-size:12px;font-weight:600;cursor:pointer;color:#6b7280;transition:all .15s}
.preg-tab-btn.active{background:#fff;color:#db2777;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.preg-field{margin-bottom:1rem}
.preg-label{display:block;font-size:11px;font-weight:700;color:#374151;margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}
.preg-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:15px;font-weight:500;color:#111827;background:#f9fafb;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}
.preg-input:focus{outline:none;border-color:#db2777;box-shadow:0 0 0 3px rgba(219,39,119,.12);background:#fff}
.preg-calc-btn{width:100%;padding:12px;background:#db2777;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;margin-bottom:1.25rem;display:flex;align-items:center;justify-content:center;transition:background .15s}
.preg-calc-btn:hover{background:#be185d}
.preg-error{background:#fef2f2;color:#991b1b;border:1px solid #fca5a5;border-radius:8px;padding:10px 14px;font-size:13px;display:flex;align-items:center;margin-bottom:1rem}
.preg-results{border-top:1px solid #fce7f3;padding-top:1.25rem}
.preg-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:1.25rem}
.preg-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:14px 12px;text-align:center}
.preg-main-card{background:#fdf2f8;border-color:#fbcfe8}
.preg-card-val{font-size:16px;font-weight:700;color:#111827;line-height:1.2}
.preg-main-card .preg-card-val{font-size:14px;color:#be185d}
.preg-card-lbl{font-size:10px;color:#6b7280;margin-top:5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.preg-progress{margin-bottom:1.25rem}
.preg-progress-header{display:flex;justify-content:space-between;font-size:12px;color:#6b7280;margin-bottom:6px;font-weight:500}
.preg-pct-val{font-weight:700;color:#db2777}
.preg-progress-bar{height:10px;background:#fce7f3;border-radius:5px;overflow:hidden;margin-bottom:5px}
.preg-progress-fill{height:100%;border-radius:5px;background:linear-gradient(to right,#f9a8d4,#ec4899);transition:width .5s ease}
.preg-progress-labels{display:flex;justify-content:space-between;font-size:10px;color:#9ca3af}
.preg-trimester-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:1.25rem}
.preg-trim-card{border:1px solid #e5e7eb;border-radius:8px;padding:10px;text-align:center;transition:all .2s}
.preg-trim-card.current{border-color:#ec4899;background:#fdf2f8}
.preg-trim-title{font-size:13px;font-weight:600;color:#374151}
.preg-trim-card.current .preg-trim-title{color:#be185d}
.preg-trim-range{font-size:11px;color:#9ca3af;margin-top:3px}
.preg-milestones{background:#f9fafb;border-radius:8px;padding:14px;margin-bottom:1rem}
.preg-milestones-title{font-size:11px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px}
.preg-mile-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px;font-size:13px}
.preg-mile-row:last-child{margin-bottom:0}
.preg-mile-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:4px}
.preg-mile-done{background:#10b981}
.preg-mile-upcoming{background:#d1d5db}
.preg-mile-text{color:#6b7280;line-height:1.5}
.preg-mile-text strong{color:#111827}
.preg-note{font-size:11px;color:#9ca3af;line-height:1.6;margin:0}
@media(max-width:480px){.preg-container{padding:1.25rem}.preg-tabs{flex-direction:column}.preg-tab-btn{text-align:left}.preg-cards{grid-template-columns:1fr}}