/* QiDemics Clinic - Demo Styles */
:root{
  --qdc-primary:#0097b2;
  --qdc-accent:#00bf63;
  --qdc-text:#222;
  --qdc-bg:#fff;
  --qdc-muted:#f5f7f9;
}
.qdc-wrap{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial,sans-serif;color:var(--qdc-text);}
.qdc-logo img{max-height:56px;margin:8px 0;}
.qdc-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:12px 0 16px;}
.qdc-input{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;background:#fff;}
.qdc-btn{background:linear-gradient(90deg,var(--qdc-primary),var(--qdc-accent));color:#fff;border:none;padding:10px 16px;border-radius:10px;font-weight:600;cursor:pointer;}
.qdc-plan{background:#fff;border:1px solid #e5e9ef;border-radius:16px;padding:20px;margin:10px 0;box-shadow:0 6px 18px rgba(0,0,0,.04);}
.qdc-plan-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--qdc-muted);padding-bottom:10px;margin-bottom:10px;}
.qdc-list{list-style:none;padding-left:0;}
.qdc-list li{padding:8px 0;border-bottom:1px solid #eee;}
.qdc-date{color:#6b7280;font-size:.9em;margin-left:8px;}
.qdc-success{background:#ecfdf5;border:1px solid #a7f3d0;padding:8px 12px;border-radius:10px;}
.qdc-error{background:#fef2f2;border:1px solid #fecaca;padding:8px 12px;border-radius:10px;}
@media (max-width: 800px){ .qdc-grid{grid-template-columns:1fr;} }