/* NursingProxy — shared stylesheet
   Extracted from inline styles across all pages
   Load as: <link rel="stylesheet" href="/nursingproxy.css"/>
   App pages:  <link rel="stylesheet" href="../nursingproxy.css"/>
   Blog pages: <link rel="stylesheet" href="../nursingproxy.css"/>
*/

/* ── PATIENT CARD ROW ── */
.np-row{display:flex;gap:8px;padding:6px 0;border-bottom:1px solid #f0ede8;font-size:13px;color:#374151}
.np-row-label{color:#0d9488;font-weight:700;flex-shrink:0;min-width:110px}

/* ── SCORE / TAG BADGES ── */
.np-badge{font-size:11px;font-weight:700;padding:4px 12px;border-radius:100px;background:#eef8f6;color:#0d9488;display:inline-block}
.np-badge-teal{font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:3px 11px;border-radius:100px;background:#eef8f6;color:#0d9488;border:1px solid rgba(13,148,136,.25)}
.np-badge-muted{font-size:11px;color:#7a6f65}

/* ── LINKS ── */
.np-link-teal{color:#0d9488;text-decoration:none}
.np-link-muted{color:#94a3b8;text-decoration:none}

/* ── SPACING ── */
.np-mb-sm{margin-bottom:.85rem}
.np-mb-md{margin-bottom:2rem}
.np-mb-lg{margin-bottom:3rem}

/* ── TYPOGRAPHY ── */
.np-h2{font-size:1.2rem;font-weight:800;color:#0a0a0a;letter-spacing:-.3px;margin-bottom:.75rem;padding-top:1.5rem}
.np-h3{font-size:1rem;font-weight:800;color:#0a0a0a;letter-spacing:-.3px;margin-bottom:.5rem}
.np-body{font-size:14px;color:#374151;line-height:1.85}
.np-small{font-size:12px;color:#7a6f65}
.np-small-teal{font-size:11px;font-weight:700;color:#0d9488}
.np-small-center{font-size:11px;color:#7a6f65;text-align:center;margin-top:.75rem}
.np-label{font-size:12px;font-weight:700;color:#0d9488}
.np-muted{font-size:13px;color:var(--muted)}
.np-dark{font-size:13px;font-weight:700;color:var(--dark);margin-bottom:.75rem}

/* ── FLEX LAYOUTS ── */
.np-flex-gap{display:flex;gap:.75rem;flex-wrap:wrap}
.np-flex-gap-sm{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.25rem}
.np-hidden{display:none}
.np-center{text-align:center;padding:2rem}

/* ── CARD ── */
.np-card{background:#fdfaf6;border:1px solid #ddd7cd;border-radius:12px;overflow:hidden;text-decoration:none;display:block}
.np-card-head{padding:.85rem 1rem .65rem}

/* ── ICON SIZE ── */
.np-emoji-lg{font-size:1.5rem;margin-bottom:.5rem}

/* ── FORMS ── */
.np-input{width:100%;padding:11px 14px;border:1px solid #ddd7cd;border-radius:8px;font-size:14px;margin-bottom:.75rem;font-family:inherit;background:#fff;color:#0a0a0a;outline:none;box-sizing:border-box}
.np-input:focus{border-color:#0d9488;box-shadow:0 0 0 3px rgba(13,148,136,.12)}
.np-textarea{width:100%;padding:11px 14px;border:1px solid #ddd7cd;border-radius:8px;font-size:13px;font-family:inherit;background:#fff;color:#0a0a0a;outline:none;box-sizing:border-box;resize:vertical;line-height:1.6}
.np-textarea:focus{border-color:#0d9488;box-shadow:0 0 0 3px rgba(13,148,136,.12)}

/* ── BUTTONS ── */
.np-btn-teal{width:100%;padding:13px;background:#0d9488;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;display:inline-block;text-align:center;text-decoration:none}
.np-btn-teal:hover{background:#0b7a70}
.np-btn-wa{display:inline-flex;align-items:center;gap:7px;background:#25d366;color:#fff;padding:10px 22px;border-radius:8px;font-size:13px;font-weight:700;text-decoration:none;border:none;cursor:pointer;font-family:inherit}
.np-btn-outline{display:inline-flex;align-items:center;gap:7px;background:transparent;color:#0d9488;padding:10px 22px;border-radius:8px;font-size:13px;font-weight:700;text-decoration:none;border:1px solid #0d9488}

/* ── SAMPLE CARDS (free samples section) ── */
.sample-card{background:#fff;border:1px solid #ddd7cd;border-radius:12px;overflow:hidden}
.sample-card-head{padding:.85rem 1rem;border-bottom:1px solid #ddd7cd}
.sample-card-badges{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-bottom:.35rem}
.sample-badge-free{font-size:10px;font-weight:700;color:#fff;background:#059669;padding:2px 8px;border-radius:100px}
.sample-badge-type{font-size:10px;font-weight:700;text-transform:uppercase;color:#059669;background:#ecfdf5;border:1px solid #6ee7b7;padding:2px 8px;border-radius:100px}
.sample-badge-meta{font-size:10px;color:#7a6f65}
.sample-card-title{font-size:13px;font-weight:800;color:#0a0a0a}
.sample-card-body{padding:1rem;font-size:12px;color:#374151;line-height:1.85;max-height:200px;overflow:hidden;position:relative}
.sample-card-body p{margin-bottom:.6rem}
.sample-card-body .fade{position:absolute;bottom:0;left:0;right:0;height:50px;background:linear-gradient(transparent,#fff)}
.sample-card-foot{padding:.65rem 1rem;border-top:1px solid #ddd7cd;display:flex;align-items:center;justify-content:space-between}
.sample-read-btn{font-size:12px;font-weight:700;color:#059669;background:#ecfdf5;border:1px solid #6ee7b7;padding:5px 12px;border-radius:7px;cursor:pointer;font-family:inherit}
.sample-full{display:none;padding:0 1rem 1rem;font-size:12px;color:#374151;line-height:1.85;border-top:1px solid #ddd7cd}
.sample-full p{margin-bottom:.65rem}
.sample-quality{margin-top:.75rem;padding:.75rem;background:#ecfdf5;border-radius:8px;font-size:11px;color:#065f46}

/* ── UNIVERSITY SAMPLES ── */
.uni-samples-wrap{margin:2rem 0}

/* ── WA FLOAT ── */
.wa-float{position:fixed;bottom:24px;right:24px;z-index:100;display:flex;flex-direction:column;align-items:flex-end;gap:8px}

/* ── SPINNER ── */
.spinner{width:32px;height:32px;border:3px solid #ddd7cd;border-top-color:#0d9488;border-radius:50%;animation:spin .7s linear infinite;margin:0 auto}
@keyframes spin{to{transform:rotate(360deg)}}

/* ── UTILITY ── */
.np-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
