.fertility-workspace.fertility-page{max-width:1200px;margin:0 auto;padding:1.5rem 1rem 4rem;color:#203346}
.fertility-workspace .fertility-header,.fertility-workspace .fertility-section-head,.fertility-workspace .fertility-identity,.fertility-workspace .fertility-actions{display:flex;justify-content:space-between;align-items:start;gap:1rem;flex-wrap:wrap}
.fertility-workspace .fertility-header{margin-bottom:1.5rem}.fertility-workspace .fertility-header h1{font-size:clamp(1.8rem,3vw,2.5rem);margin:.2rem 0}.fertility-workspace .fertility-header p{color:#64748b;margin:0}.fertility-workspace .eyebrow{color:#0f766e!important;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}
.fertility-workspace .fertility-card{background:#fff;border:1px solid #dce5eb;border-radius:16px;padding:clamp(1rem,2vw,1.6rem);margin-bottom:1rem;box-shadow:0 4px 18px #17324d0a}.fertility-workspace .fertility-card h2{font-size:1.25rem;margin:0 0 .5rem}.fertility-workspace .fertility-card h3{font-size:1.05rem;margin:1.4rem 0 .8rem}.fertility-workspace .fertility-section-head{margin-bottom:1rem}.fertility-workspace .fertility-section-head p,.fertility-workspace .fertility-hint{color:#64748b;margin:0}
.fertility-workspace .fertility-identity{background:#eaf6f3;border-color:#b9ded6}.fertility-workspace .fertility-identity h2{font-size:1.7rem;margin:.2rem 0}.fertility-workspace .fertility-identity small{color:#416c68;text-transform:uppercase;font-weight:700}.fertility-workspace .fertility-identity p{margin:.4rem 0 0}
.fertility-workspace .fertility-read-grid,.fertility-workspace .fertility-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.fertility-workspace .fertility-read-grid>div{background:#f7fafc;border-radius:10px;padding:.85rem}.fertility-workspace .fertility-read-grid p{white-space:pre-wrap;margin:.35rem 0 0;color:#465b6e}.fertility-workspace .fertility-fields{margin:1rem 0}.fertility-workspace .fertility-fields label{display:flex;flex-direction:column;gap:.35rem;font-weight:600;font-size:.9rem}.fertility-workspace .fertility-fields .wide{grid-column:1/-1}.fertility-workspace .fertility-fields input,.fertility-workspace .fertility-fields select,.fertility-workspace .fertility-fields textarea{width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:.6rem .7rem;color:#203346;background:#fff;font-weight:400}.fertility-workspace .fertility-fields :disabled{background:#f1f5f9}.fertility-workspace .fertility-actions{align-items:center;justify-content:flex-start;margin-top:1rem}.fertility-workspace .fertility-close{border-top:1px solid #dce5eb;margin-top:1.2rem;padding-top:.2rem}.fertility-workspace .fertility-list{display:grid;gap:.5rem}.fertility-workspace .fertility-history-item{border:1px solid #dce5eb;background:#fff;border-radius:8px;padding:.8rem;text-align:left;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.fertility-workspace .fertility-history-item:hover,.fertility-workspace .fertility-history-item:focus-visible{border-color:#0f766e;background:#f2faf8}
@media(max-width:700px){.fertility-workspace .fertility-read-grid,.fertility-workspace .fertility-fields{grid-template-columns:1fr}.fertility-workspace .fertility-history-item{grid-template-columns:1fr}.fertility-workspace .fertility-header .btn{width:100%}}


/* Deliberately scoped to the clinical workspace so child components share the same layout. */
.fertility-workspace.fertility-page { max-width: 1320px; padding: 2rem clamp(1rem, 2.5vw, 2rem) 4rem; font-size: .94rem; line-height: 1.6; --fertility-accent: #087f83; }
.fertility-workspace .fertility-header { align-items: center; margin-bottom: 1.5rem; }
.fertility-workspace .fertility-header h1 { font-size: clamp(1.5rem, 2.3vw, 2.15rem); font-weight: 700; letter-spacing: -.04em; line-height: 1.2; margin: .5rem 0; }
.fertility-workspace .fertility-card, .fertility-workspace .card { border: 1px solid #dce6ed; border-radius: 16px; background: #fff; box-shadow: 0 4px 16px #18364a05 !important; margin-bottom: 1.25rem; overflow-wrap: anywhere; }
.fertility-workspace .card-body { padding: clamp(1rem, 2vw, 1.6rem); }
.fertility-workspace h2, .fertility-workspace .h4 { font-size: 1.12rem; font-weight: 700; letter-spacing: -.02em; color: #20384c; }
.fertility-workspace h3, .fertility-workspace .h5 { font-size: .97rem; font-weight: 700; color: #36556a; }
.fertility-workspace .fertility-identity { background: linear-gradient(110deg, #edf8f7, #f7fbfd); border-color: #c9e4e3; border-left: 4px solid var(--fertility-accent); align-items: center; }
.fertility-workspace .fertility-identity h2 { font-size: clamp(1.25rem, 2vw, 1.65rem); }
.fertility-workspace .fertility-identity small { display: block; font-size: .69rem; letter-spacing: .08em; margin-bottom: .4rem; }
.fertility-workspace .fertility-identity strong { display: inline-block; border-radius: 30px; background: #fff; border: 1px solid #c9e4e3; padding: .3rem .8rem; font-size: .83rem; }
.fertility-workspace .fertility-identity p { font-size: .88rem; }
.fertility-workspace .fertility-nav { display: flex; gap: .4rem; flex-wrap: wrap; margin: 0 0 1.5rem; padding: .5rem; background: #eaf0f5; border: 1px solid #dde6ee; border-radius: 12px; }
.fertility-workspace .fertility-nav a { padding: .55rem .85rem; border-radius: 8px; color: #38536a; font-size: .82rem; font-weight: 600; text-decoration: none; }
.fertility-workspace .fertility-nav a:hover, .fertility-workspace .fertility-nav a:focus-visible { background: white; color: #086f73; box-shadow: 0 2px 5px #17324d0a; }
.fertility-workspace [id] { scroll-margin-top: 1.5rem; }
.fertility-workspace .fertility-read-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); margin: 1rem 0; }
.fertility-workspace .fertility-read-grid > div { border: 1px solid #e5edf2; background: #f8fafc; }
.fertility-workspace .fertility-read-grid strong { font-size: .77rem; color: #597086; }
.fertility-workspace .fertility-read-grid p { font-size: .9rem; }
.fertility-workspace .fertility-fields { gap: 1.1rem 1.4rem; }
.fertility-workspace label, .fertility-workspace .form-label { display: flex; flex-direction: column; gap: .4rem; width: 100%; font-weight: 600; font-size: .83rem; color: #365167; }
.fertility-workspace input, .fertility-workspace select, .fertility-workspace textarea { min-height: 42px; border: 1px solid #cbd8e3; border-radius: 8px; padding: .6rem .75rem; font-size: .9rem; color: #203346; font-weight: 400; max-width: 100%; }
.fertility-workspace textarea { min-height: 86px; resize: vertical; }
.fertility-workspace :is(input, select, textarea):focus { outline: 2px solid #168b8f; outline-offset: 2px; box-shadow: 0 0 0 4px #e6f4f3; }
.fertility-workspace :is(input, select, textarea):disabled { background: #f0f4f7; color: #627487; }
.fertility-workspace .btn { padding: .55rem .9rem; border-radius: 8px; font-size: .83rem; font-weight: 600; }
.fertility-workspace .btn-primary { background: #087f83; border-color: #087f83; }
.fertility-workspace .btn-primary:hover { background: #066568; border-color: #066568; }
.fertility-workspace .btn-outline-primary { color: #08777b; border-color: #91c6c8; }
.fertility-workspace .btn-outline-primary:hover { color: white; background: #087f83; border-color: #087f83; }
.fertility-workspace .btn-outline-secondary { color: #496175; border-color: #c4d2dd; background: #fff; }
.fertility-workspace .btn-outline-secondary:hover { background: #eef4f7; }
.fertility-workspace .btn:focus-visible, .fertility-workspace a:focus-visible { outline: 3px solid #168b8f; outline-offset: 3px; }
.fertility-workspace .d-flex { gap: .75rem; flex-wrap: wrap; }
.fertility-workspace dl { font-size: .88rem; margin-top: 1rem; }
.fertility-workspace dt, .fertility-workspace dd { padding-top: .6rem; padding-bottom: .6rem; border-bottom: 1px solid #edf1f5; margin-bottom: 0; }
.fertility-workspace dd { color: #52677a; white-space: pre-wrap; }
.fertility-workspace .table th { font-size: .75rem; color: #597086; background: #f4f8fb; padding: .8rem; }
.fertility-workspace .table td { padding: .8rem; font-size: .84rem; vertical-align: middle; }
.fertility-workspace .fertility-empty { padding: 1.4rem; border: 1px dashed #c8d8e2; border-radius: 10px; background: #f8fbfd; color: #60768a; }
.fertility-workspace .fertility-history-item { font-size: .88rem; }
@media (max-width: 700px) {
    .fertility-workspace.fertility-page { padding: 1rem .75rem 2rem; }
    .fertility-workspace .fertility-nav { flex-wrap: nowrap; overflow-x: auto; }
    .fertility-workspace .fertility-nav a { white-space: nowrap; }
    .fertility-workspace .fertility-identity { flex-direction: column; align-items: flex-start; }
    .fertility-workspace .fertility-fields { grid-template-columns: 1fr; }
    .fertility-workspace .fertility-header .btn { width: auto; }
}