/* Care plan: readable hierarchy on phones and laptops. Loaded after app.css / reference-system.css. */
:root{--cp-ink:#0f172a;--cp-muted:#5b6b7c;--cp-line:#e2e8f0;--cp-green:#006b52;--cp-green-soft:#e6f4ef;--cp-amber:#b45309;--cp-amber-soft:#fff7e6;--cp-red:#b91c1c;--cp-red-soft:#fee2e2}

/* Header: the person first, the line number second, selector only when it matters */
body.ref-page .pa-header{display:block!important;padding:14px 16px 12px!important}
.pa-header #header-patient-name{font-size:26px;line-height:1.15;font-weight:800;color:var(--cp-ink);letter-spacing:-.01em}
.pa-header #header-patient-name small{display:block;font-size:14px;font-weight:500;color:var(--cp-muted);margin-top:4px;letter-spacing:0}
.pa-header .text-sm.text-slate-500{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--cp-green)}
#patient-selector{margin-top:10px!important;font-size:15px}
#patient-selector.single-line{display:none}
#sidebar-toggle{display:none!important}

/* Summary strip: three readable tiles, nothing truncated */
#summary-cards-mobile{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}
#summary-cards-mobile>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:78px;padding:10px 8px!important;border:1px solid var(--cp-line)!important;border-radius:16px!important;background:#fff}
#summary-cards-mobile [id$="-mobile"]{white-space:normal!important;text-overflow:clip!important;overflow:visible!important;line-height:1.2}
#adherence-percent-mobile,#active-meds-count-mobile{font-size:26px!important}
#wellness-status-mobile{font-size:14px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important}
#summary-cards-mobile .text-xs{font-size:12px!important;font-weight:600;color:var(--cp-muted)}
#summary-cards.md\:grid{gap:14px}

/* One segmented control for the page tabs */
nav[role="tablist"]{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:0!important;padding:4px;background:#e9eef3;border-radius:14px;margin:0 0 14px!important}
nav[role="tablist"] .relative{display:contents}
nav[role="tablist"] .pa-chip{width:100%;justify-content:center;border:0!important;border-radius:11px!important;padding:11px 6px!important;font-size:14px;font-weight:700;background:transparent!important;color:#334155!important;box-shadow:none!important;transition:background .15s}
nav[role="tablist"] .pa-chip.bg-slate-900,nav[role="tablist"] .pa-chip[aria-selected="true"]{background:#fff!important;color:var(--cp-green)!important;box-shadow:0 1px 3px rgba(15,23,42,.14)!important}
nav[role="tablist"] #tab-dropdown{grid-column:1/-1;position:static!important;margin-top:6px!important;display:none}
nav[role="tablist"] #tab-dropdown:not(.hidden){display:block}
nav[role="tablist"] #tab-more-badge{position:static!important;display:inline-block;margin-left:4px;vertical-align:middle}

/* Plan list card */
#section-items{border-radius:18px;overflow:hidden}
#section-items .pa-card-header{padding:14px 16px 10px!important;gap:12px!important}
#section-items .pa-card-header>div:first-child{align-items:flex-start}
#section-items .pa-tab{font-size:15px;font-weight:700;padding:6px 0}
#add-instruction-btn{border-radius:12px!important;padding:12px 16px!important;font-weight:700;font-size:15px;min-height:46px}
#section-items .pa-card-header>div:last-child{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:10px 0 2px!important;border-top:1px solid var(--cp-line)!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}
#section-items .pa-card-header>div:last-child::-webkit-scrollbar{display:none}
#section-items .pa-card-header>div:last-child>span{display:none}
.status-tab{flex:none;font-size:13px!important;padding:8px 14px!important;border-radius:999px!important;font-weight:600;white-space:nowrap}
.status-tab.bg-slate-900{background:var(--cp-green)!important}
#section-items .pa-card-body{padding:12px 12px 16px!important;background:#f8fafc}

/* Banners: one line each, quiet */
#interactions-banner-expanded{margin:12px 12px 0!important;padding:10px 12px!important;border-radius:12px!important}
#interactions-banner-expanded .text-sm{font-size:14px!important}
#pending-alert{padding:10px 12px!important;border-radius:12px!important;font-size:14px!important;margin-bottom:12px!important}

/* Medication cards */
.cp-item{display:block;padding:14px 16px 12px!important;border-radius:16px!important;border:1px solid var(--cp-line)!important;background:#fff!important}
.cp-item.cp-attention{border-color:#f5d38a!important;background:#fffdf5!important}
.cp-item .cp-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cp-item .cp-name{flex:1 1 auto;min-width:0;font-size:17px;font-weight:700;color:var(--cp-ink);line-height:1.3;overflow-wrap:anywhere}
.cp-item .cp-dose{font-size:15px;color:#1e293b;margin-top:4px;line-height:1.4}
.cp-item .cp-reminder{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:8px;font-size:13px;font-weight:600;color:#475569;line-height:1.3}
.cp-item .cp-reminder svg{width:18px;height:18px;flex:none}
.cp-item .cp-reminder.is-on{color:var(--cp-green)}
.cp-item .cp-reminder.is-off{color:#64748b}
.cp-item .cp-reminder.is-warn,.cp-item .cp-reminder.is-prn{color:var(--cp-amber)}
.cp-item .cp-time{font-size:12px;font-weight:700;color:var(--cp-green);background:var(--cp-green-soft);padding:3px 8px;border-radius:999px;line-height:1.2}
.cp-item .cp-reminder.is-off .cp-time{color:#64748b;background:#eef2f6}
.cp-item .cp-meta{font-size:12px;color:var(--cp-muted);margin-top:8px}
.cp-status{flex:none;display:inline-flex;align-items:center;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.02em;white-space:nowrap;line-height:1.2}
.cp-status.approved{background:#dcfce7;color:#166534}
.cp-status.needs_review,.cp-status.draft{background:var(--cp-amber-soft);color:var(--cp-amber)}
.cp-status.rejected{background:var(--cp-red-soft);color:var(--cp-red)}
.cp-status.archived{background:#e2e8f0;color:#475569}
.cp-group-title{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cp-muted);margin:6px 4px 8px}
details.cp-archive{margin-top:14px}
details.cp-archive>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1px dashed #cbd5e1;border-radius:14px;font-weight:700;color:#475569;font-size:14px}
details.cp-archive>summary::-webkit-details-marker{display:none}
details.cp-archive>summary::after{content:"Show";font-size:12px;color:var(--cp-green)}
details.cp-archive[open]>summary::after{content:"Hide"}
details.cp-archive .cp-item{opacity:.85;margin-top:10px}

/* Laptop and desktop */
@media(min-width:1024px){
  body.ref-page main.flex-1{padding:24px 32px!important}
  .pa-main-content{max-width:1040px;margin:0 auto}
  body.ref-page .pa-header{padding:18px 32px 14px!important}
  .pa-header #header-patient-name{font-size:30px}
  nav[role="tablist"]{max-width:560px}
  #summary-cards>*{border-radius:18px!important}
  #section-items .pa-card-header>div:last-child{padding-top:12px!important}
  .cp-item{padding:16px 20px!important}
  .cp-item .cp-name{font-size:18px}
}