.cas-public-wrap{--cas-primary:#2271b1;--cas-border:#dcdcde;--cas-bg:#f6f7f7;--cas-text:#1d2327;max-width:1080px;margin:20px auto;color:var(--cas-text);font-size:16px}.cas-card{background:#fff;border:1px solid var(--cas-border);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.06);margin:16px 0;padding:22px}.cas-login-card{max-width:520px;margin:auto}.cas-button{border:0;border-radius:999px;cursor:pointer;display:inline-flex;font-weight:700;margin-top:14px;min-height:44px;padding:12px 18px;text-decoration:none}.cas-button-primary{background:var(--cas-primary);color:#fff}.cas-button-secondary{background:#f0f6fc;color:#135e96}.cas-alert,.cas-notice{border-radius:10px;margin:12px 0;padding:12px}.cas-alert-success,.cas-notice-success{background:#edfaef;border:1px solid #8ad18f}.cas-alert-error,.cas-notice-error{background:#fcf0f1;border:1px solid #e1848c}.cas-spinner{animation:cas-spin .75s linear infinite;border:4px solid #dcdcde;border-top-color:var(--cas-primary);border-radius:50%;height:34px;margin:14px auto;width:34px}@keyframes cas-spin{to{transform:rotate(360deg)}}.cas-serial-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px}.cas-serial-tile{background:#fff;border:2px solid var(--cas-border);border-radius:12px;cursor:pointer;padding:10px;text-align:center}.cas-serial-tile.is-selected{background:#eef6ff;border-color:var(--cas-primary)}.cas-table{border-collapse:collapse;width:100%}.cas-table th,.cas-table td{border-bottom:1px solid var(--cas-border);padding:12px;text-align:left}.cas-status-badge{border-radius:999px;color:#fff;display:inline-block;font-size:11px;font-weight:800;padding:6px 10px;text-transform:uppercase}.cas-status-pending{background:#6c757d}.cas-status-confirmed{background:#2271b1}.cas-status-reconfirmed{background:#00a32a}.cas-status-cancelled{background:#d63638}.cas-status-waiting_list{background:#dba617;color:#1d2327}.cas-status-moved_from_waiting{background:#008a8a}.cas-status-checked_in{background:#8c3fb0}.cas-status-completed{background:#006400}.cas-status-no_show{background:#000}.cas-message-thread{background:var(--cas-bg);border:1px solid var(--cas-border);border-radius:14px;max-height:520px;overflow:auto;padding:14px}.cas-message{display:flex;margin-bottom:12px}.cas-message-patient_to_chamber{justify-content:flex-end}.cas-message-bubble{background:#fff;border:1px solid var(--cas-border);border-radius:16px;max-width:82%;padding:12px}@media(max-width:640px){.cas-card{padding:16px}.cas-serial-grid{grid-template-columns:repeat(2,1fr)}} /* Patch: force serial tiles to show serial numbers clearly even under theme button styles */ .cas-public-wrap .cas-serial-tile, .cas-public-wrap button.cas-serial-tile { appearance:none !important; -webkit-appearance:none !important; background:#fff !important; border:2px solid var(--cas-border) !important; border-radius:12px !important; box-shadow:none !important; color:#1d2327 !important; display:block !important; font:inherit !important; min-height:86px !important; padding:12px 8px !important; text-align:center !important; width:100% !important; } .cas-public-wrap button.cas-serial-tile:hover, .cas-public-wrap button.cas-serial-tile:focus { background:#eef6ff !important; border-color:var(--cas-primary) !important; color:#1d2327 !important; } .cas-public-wrap button.cas-serial-tile.is-selected { background:#e7f3ff !important; border-color:var(--cas-primary) !important; color:#1d2327 !important; } .cas-public-wrap .cas-serial-label { color:#646970 !important; display:block !important; font-size:12px !important; font-weight:700 !important; line-height:1.2 !important; margin-bottom:4px !important; text-transform:uppercase !important; } .cas-public-wrap .cas-serial-number { color:#1d2327 !important; display:block !important; font-size:28px !important; font-weight:900 !important; line-height:1.1 !important; } .cas-public-wrap .cas-serial-time { color:#50575e !important; display:block !important; font-size:12px !important; font-weight:600 !important; line-height:1.2 !important; margin-top:6px !important; } .cas-step-actions { display:flex; gap:10px; flex-wrap:wrap; align-items:center; } .cas-booking-step label { display:block; font-weight:700; margin:12px 0 5px; } /* Patch: force serial tiles to show serial numbers clearly even under theme button styles */ .cas-public-wrap .cas-serial-tile, .cas-public-wrap button.cas-serial-tile { appearance:none !important; -webkit-appearance:none !important; background:#fff !important; border:2px solid var(--cas-border) !important; border-radius:12px !important; box-shadow:none !important; color:#1d2327 !important; display:block !important; font:inherit !important; min-height:86px !important; padding:12px 8px !important; text-align:center !important; width:100% !important; } .cas-public-wrap button.cas-serial-tile:hover, .cas-public-wrap button.cas-serial-tile:focus { background:#eef6ff !important; border-color:var(--cas-primary) !important; color:#1d2327 !important; } .cas-public-wrap button.cas-serial-tile.is-selected { background:#e7f3ff !important; border-color:var(--cas-primary) !important; color:#1d2327 !important; } .cas-public-wrap .cas-serial-label { color:#646970 !important; display:block !important; font-size:12px !important; font-weight:700 !important; line-height:1.2 !important; margin-bottom:4px !important; text-transform:uppercase !important; } .cas-public-wrap .cas-serial-number { color:#1d2327 !important; display:block !important; font-size:28px !important; font-weight:900 !important; line-height:1.1 !important; } .cas-public-wrap .cas-serial-time { color:#50575e !important; display:block !important; font-size:12px !important; font-weight:600 !important; line-height:1.2 !important; margin-top:6px !important; } .cas-step-actions { display:flex; gap:10px; flex-wrap:wrap; align-items:center; } .cas-booking-step label { display:block; font-weight:700; margin:12px 0 5px; } /* CAS 1.0.5 OTP step fixes */ .cas-login-step[hidden], .cas-booking-step[hidden] { display: none !important; } .cas-login-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; } .cas-countdown-text { font-size: 14px; margin-top: 10px; } .cas-login-step input[name="otp"] { background: #fff !important; color: #111 !important; font-size: 28px !important; font-weight: 800; letter-spacing: 8px; text-align: center; } .cas-button[data-cas-resend-otp][disabled] { background: #eef1f4; color: #646970; cursor: not-allowed; transform: none; } .cas-form-grid { display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); } .cas-form-wide { grid-column: 1 / -1; } .cas-family-list { background: var(--cas-bg, #f6f7f7); border: 1px solid var(--cas-border, #dcdcde); border-radius: 12px; list-style: none; margin: 0 0 18px; padding: 10px 14px; } .cas-family-list li { border-bottom: 1px solid var(--cas-border, #dcdcde); padding: 8px 0; } .cas-family-list li:last-child { border-bottom: 0; } .cas-family-list span { color: var(--cas-muted, #646970); display: block; font-size: 13px; } /* CAS 1.0.15 frontend profile, family, booking and chat improvements */ .cas-required{color:#d63638}.cas-profile-option{align-items:flex-start;background:#fff;border:2px solid var(--cas-border);border-radius:12px;color:var(--cas-text);display:flex;flex-direction:column;gap:4px;margin:8px 0;padding:12px;text-align:left;width:100%}.cas-profile-option:hover{background:#eef6ff;border-color:var(--cas-primary)}.cas-new-profile-form{background:#f6f7f7;border:1px solid var(--cas-border);border-radius:14px;margin-top:14px;padding:16px}.cas-booking-guide{background:linear-gradient(180deg,#f7fbff,#fff);border:1px solid #cfe8ff;border-radius:14px;margin:12px 0 18px;padding:16px}.cas-booking-guide h3{margin-top:0}.cas-booking-guide ol{columns:2;gap:32px;margin-bottom:0}.cas-date-help{background:#f6f7f7;border:1px dashed var(--cas-border);border-radius:10px;margin:10px 0;padding:10px}.cas-waiting-success{background:#fff8e5;border:1px solid #dba617;border-radius:12px;color:#1d2327;font-weight:700;line-height:1.5;margin:14px 0;padding:14px}.cas-chat-card{max-width:850px;margin-left:auto;margin-right:auto}.cas-chat-header{align-items:center;display:flex;justify-content:space-between;gap:12px}.cas-chat-compose{display:grid;gap:10px;margin-top:14px}.cas-chat-compose textarea{border:1px solid var(--cas-border);border-radius:12px;font-size:16px;min-height:90px;padding:12px;width:100%}.cas-message-thread{scroll-behavior:smooth}.cas-message-chamber_to_patient{justify-content:flex-start}.cas-message-patient_to_chamber{justify-content:flex-end}.cas-message-patient_to_chamber .cas-message-bubble{background:#e7f3ff;border-color:#72aee6}.cas-message-bubble p{margin:0 0 6px}.cas-message-bubble small{color:#646970;font-size:12px}.cas-family-cards{display:grid;gap:12px;margin-bottom:16px}.cas-family-card{background:#fff;border:1px solid var(--cas-border);border-radius:14px;padding:14px}.cas-family-card span{color:#646970;display:block;font-size:13px;margin-top:3px}.cas-family-actions{display:flex;flex-wrap:wrap;gap:8px}.cas-family-edit-form{background:#f6f7f7;border-radius:12px;margin-top:12px;padding:12px}.cas-danger-link{color:#b32d2e!important}@media(max-width:640px){.cas-booking-guide ol{columns:1}.cas-chat-header{align-items:flex-start;flex-direction:column}.cas-message-bubble{max-width:94%}} /* CAS 1.0.16 message attachments */ .cas-message-attachment{display:block;margin:8px 0;text-decoration:none}.cas-message-attachment-image img{border:1px solid var(--cas-border);border-radius:12px;display:block;height:auto;max-height:220px;max-width:260px;object-fit:cover}.cas-message-attachment-image span,.cas-message-attachment-file{font-size:13px;font-weight:700}.cas-message-attachment-file{background:#fff;border:1px solid var(--cas-border);border-radius:10px;color:var(--cas-primary);padding:9px 10px}.cas-message-file-label{margin-top:4px}.cas-chat-compose input[type=file]{background:#fff;border:1px dashed var(--cas-border);border-radius:12px;padding:12px;width:100%}.cas-file-help{margin-top:-4px}.cas-message-bubble small{display:block;margin-top:6px} /* CAS 1.0.17 reliable chat send visibility */ .cas-chat-compose .cas-button[disabled]{opacity:.65;cursor:wait} .cas-message-thread:empty:before{content:'No messages yet. Write your message below.';color:#646970;display:block;padding:10px;text-align:center} /* CAS 1.0.19 visible fields and mobile-friendly patient portal */ .cas-public-wrap { box-sizing: border-box; max-width: 100%; } .cas-public-wrap *, .cas-public-wrap *:before, .cas-public-wrap *:after { box-sizing: border-box; } .cas-public-wrap label { color: #1d2327; font-weight: 700; } .cas-public-wrap input[type="text"], .cas-public-wrap input[type="number"], .cas-public-wrap input[type="email"], .cas-public-wrap input[type="tel"], .cas-public-wrap input[type="date"], .cas-public-wrap input[type="password"], .cas-public-wrap select, .cas-public-wrap textarea { background: #ffffff !important; border: 2px solid #6b7280 !important; border-radius: 10px !important; box-shadow: 0 1px 2px rgba(0,0,0,.05) !important; color: #111827 !important; font-size: 16px !important; line-height: 1.4 !important; margin-top: 6px !important; min-height: 46px !important; outline: none !important; padding: 11px 12px !important; width: 100% !important; } .cas-public-wrap textarea { min-height: 92px !important; } .cas-public-wrap input:focus, .cas-public-wrap select:focus, .cas-public-wrap textarea:focus { border-color: #135e96 !important; box-shadow: 0 0 0 3px rgba(19,94,150,.18) !important; } .cas-public-wrap input[disabled], .cas-public-wrap input[readonly] { background: #f3f4f6 !important; border-color: #9ca3af !important; color: #4b5563 !important; } .cas-public-wrap .cas-card { box-shadow: 0 10px 24px rgba(15,23,42,.06); } .cas-public-wrap .cas-button { justify-content: center; text-align: center; white-space: normal; } .cas-table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; width: 100%; } .cas-table-responsive .cas-table { min-width: 680px; } @media (max-width: 760px) { .cas-public-wrap { padding-left: 10px; padding-right: 10px; } .cas-dashboard-header, .cas-chat-header { align-items: stretch !important; flex-direction: column !important; } .cas-dashboard-header .cas-button, .cas-chat-header .cas-button, .cas-step-actions .cas-button, .cas-login-actions .cas-button, .cas-family-actions .cas-button, .cas-public-wrap form .cas-button { width: 100%; } .cas-card, .cas-public-wrap .cas-card { border-radius: 14px; margin-left: 0; margin-right: 0; padding: 16px !important; } .cas-card-grid, .cas-form-grid { display: grid !important; grid-template-columns: 1fr !important; } .cas-public-wrap h2 { font-size: 24px; line-height: 1.25; } .cas-public-wrap h3 { font-size: 19px; line-height: 1.3; } .cas-booking-guide { padding: 14px !important; } .cas-booking-guide ol { columns: 1 !important; padding-left: 22px; } .cas-serial-grid { grid-template-columns: 1fr 1fr !important; gap: 10px !important; } .cas-message-thread { max-height: 60vh; padding: 10px !important; } .cas-message-bubble { max-width: 96% !important; word-break: break-word; } .cas-message-attachment-image img { max-width: 100% !important; } } @media (max-width: 420px) { .cas-serial-grid { grid-template-columns: 1fr !important; } .cas-public-wrap input[type="text"], .cas-public-wrap input[type="number"], .cas-public-wrap input[type="email"], .cas-public-wrap input[type="tel"], .cas-public-wrap input[type="date"], .cas-public-wrap input[type="password"], .cas-public-wrap select, .cas-public-wrap textarea { font-size: 16px !important; min-height: 48px !important; } } /* Profile safety lock: dashboard profile is read-only until the patient taps Edit Profile. */ .cas-card-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 10px; } .cas-card-heading h3 { margin-bottom: 4px; } .cas-profile-locked input[readonly], .cas-profile-locked textarea[readonly], .cas-profile-locked select:disabled { background: #f8fafc !important; border-color: #94a3b8 !important; color: #334155 !important; cursor: not-allowed; opacity: 1 !important; } .cas-profile-editing input, .cas-profile-editing textarea, .cas-profile-editing select { background: #ffffff !important; border-color: #2563eb !important; box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.12); } .cas-profile-actions { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; } .cas-profile-actions[hidden] { display: none !important; } @media (max-width: 760px) { .cas-card-heading { align-items: stretch; flex-direction: column; } .cas-card-heading .cas-button, .cas-profile-actions .cas-button { width: 100%; } } /* Dashboard quick action button */ .cas-dashboard-header-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex-wrap: wrap; } .cas-dashboard-book-button { white-space: nowrap; } @media (max-width: 640px) { .cas-dashboard-header-actions { width: 100%; justify-content: stretch; } .cas-dashboard-header-actions .cas-button { width: 100%; text-align: center; } } /* CAS 1.0.24: Login required prompt for protected patient portal pages */ .cas-login-required-wrap { max-width: 760px; margin: 18px auto; } .cas-login-required-card { text-align: left; } .cas-login-required-text { color: #334155; font-size: 16px; line-height: 1.55; margin: 10px 0 4px; } .cas-login-required-button { justify-content: center; min-width: 230px; } @media (max-width: 640px) { .cas-login-required-wrap { margin: 14px 0; } .cas-login-required-button { width: 100%; } } /* CAS 1.0.35 patient dashboard/menu links */ .cas-patient-portal-menu{ background:#ffffff; border:1px solid var(--cas-border,#dcdcde); border-radius:16px; box-shadow:0 8px 24px rgba(0,0,0,.05); display:flex; flex-wrap:wrap; gap:8px; margin:16px auto 10px; padding:10px; } .cas-patient-menu-link{ border-radius:999px; color:#135e96; font-weight:800; padding:10px 14px; text-decoration:none!important; } .cas-patient-menu-link:hover, .cas-patient-menu-link:focus, .cas-patient-menu-link.is-active{ background:#2271b1; color:#fff; } @media(max-width:640px){ .cas-patient-portal-menu{display:grid;grid-template-columns:1fr;} .cas-patient-menu-link{display:block;text-align:center;} } /* Visible only in the administrator-controlled Development Mode. */ .cas-development-otp{margin:12px 0;padding:10px 12px;border:1px dashed #d97706;border-radius:8px;background:#fffbeb;color:#92400e;font-size:14px}.cas-development-otp strong{font-size:18px;letter-spacing:1px;margin-left:6px} /* CAS 1.0.57 — Modern, mobile-first patient portal experience. */ .cas-public-wrap{ --cas-primary:#1b4fd8; --cas-primary-dark:#153eaa; --cas-primary-soft:#eef3ff; --cas-teal:#0f8b6c; --cas-bg:#f8fafc; --cas-border:#e2e8f0; --cas-text:#0f1b3d; --cas-muted:#64748b; --cas-danger:#c2413a; box-sizing:border-box; max-width:1080px; margin:20px auto; padding:0 16px; color:var(--cas-text); font-size:16px; line-height:1.55; } .cas-public-wrap *, .dc-portal *{box-sizing:border-box} .cas-public-wrap h2,.cas-public-wrap h3,.cas-public-wrap h4{color:var(--cas-text);letter-spacing:-.02em} .cas-public-wrap h2{font-size:26px;line-height:1.2;margin:0} .cas-public-wrap h3{font-size:19px;line-height:1.3;margin:0} .cas-public-wrap p{margin:0} .cas-public-wrap .cas-muted,.cas-dashboard-welcome p,.cas-page-heading p{color:var(--cas-muted);line-height:1.55} .cas-public-wrap .cas-card{background:#fff;border:1px solid var(--cas-border);border-radius:16px;box-shadow:0 8px 24px rgba(15,27,61,.055);margin:16px 0;padding:20px} .cas-public-wrap .cas-button{align-items:center;border:1px solid transparent;border-radius:10px;box-shadow:none;display:inline-flex;font-size:15px;font-weight:800;gap:8px;justify-content:center;line-height:1.15;margin-top:0;min-height:44px;padding:11px 16px;text-decoration:none;transition:background .15s ease,border-color .15s ease,transform .15s ease} .cas-public-wrap .cas-button:hover{transform:translateY(-1px)} .cas-public-wrap .cas-button-primary{background:var(--cas-primary);color:#fff}.cas-public-wrap .cas-button-primary:hover{background:var(--cas-primary-dark);color:#fff} .cas-public-wrap .cas-button-secondary{background:#fff;border-color:#bfdbfe;color:var(--cas-primary)}.cas-public-wrap .cas-button-secondary:hover{background:var(--cas-primary-soft);border-color:var(--cas-primary)} .cas-public-wrap .cas-button-link{background:transparent;border-color:transparent;color:var(--cas-primary);padding-inline:4px}.cas-public-wrap .cas-button-link:hover{background:transparent;color:var(--cas-primary-dark);text-decoration:underline} .cas-public-wrap .cas-button-full{width:100%} .cas-eyebrow{color:var(--cas-primary);display:block;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase} .cas-dashboard-hero{align-items:flex-start;display:flex;gap:18px;justify-content:space-between;margin:8px 0 18px}.cas-dashboard-welcome{max-width:670px}.cas-dashboard-welcome h2{font-size:25px;font-weight:750;margin:2px 0 4px}.cas-dashboard-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.cas-icon-button{align-items:center;background:#fff;border:1px solid var(--cas-border);border-radius:10px;color:var(--cas-primary);cursor:pointer;display:inline-flex;font-size:15px;font-weight:750;gap:6px;justify-content:center;min-height:44px;padding:10px 12px;text-decoration:none}.cas-icon-button:hover{background:var(--cas-primary-soft);border-color:#bfdbfe;color:var(--cas-primary-dark)}.cas-icon-button-danger{color:#9f1239}.cas-icon-button-danger:hover{background:#fff1f2;border-color:#fecdd3;color:#9f1239}.cas-dashboard-feature-grid{display:grid;gap:16px;grid-template-columns:1fr}.cas-public-wrap .cas-dashboard-feature-grid .cas-card{height:100%;margin:0;position:relative}.cas-card-kicker{align-items:center;color:var(--cas-muted);display:flex;font-size:12px;font-weight:800;gap:7px;letter-spacing:.04em;text-transform:uppercase}.cas-card-status{position:absolute;right:18px;top:18px}.cas-doctor-summary{align-items:center;display:flex;gap:11px;margin:16px 0}.cas-doctor-avatar{align-items:center;background:var(--cas-primary-soft);border-radius:50%;color:var(--cas-primary);display:flex;font-size:20px;font-weight:900;height:48px;justify-content:center;width:48px}.cas-doctor-summary h3{font-size:18px;margin:0}.cas-doctor-summary p{color:var(--cas-muted);font-size:14px}.cas-appointment-meta{border-top:1px solid var(--cas-border);display:flex;flex-wrap:wrap;gap:8px 14px;margin:12px 0 16px;padding-top:12px}.cas-appointment-meta span,.cas-appointment-list-meta span{align-items:center;color:#334155;display:inline-flex;font-size:13px;gap:5px}.cas-appointment-meta b,.cas-appointment-list-meta b{color:var(--cas-primary)}.cas-card-action{width:100%}.cas-empty-illustration{font-size:34px;margin:16px 0 8px}.cas-care-feature-card{background:linear-gradient(135deg,#f7fbff 0%,#fff 70%)!important;border-color:#cfe1ff!important}.cas-care-icon{align-items:center;background:#e6fffa;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;margin:12px 0;width:48px}.cas-care-feature-card h3{font-size:20px;margin:8px 0}.cas-care-feature-card p{color:var(--cas-muted);min-height:46px}.cas-card-heading{align-items:center;border-bottom:1px solid var(--cas-border);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:14px}.cas-card-heading h3{margin-top:2px}.cas-edit-profile-button{min-width:76px}.cas-profile-summary{display:grid;gap:14px 20px;grid-template-columns:1fr}.cas-profile-item{min-width:0}.cas-profile-item span{color:var(--cas-muted);display:block;font-size:12px;font-weight:700;margin-bottom:3px;text-transform:uppercase}.cas-profile-item strong{color:#1e293b;display:block;font-size:15px;overflow-wrap:anywhere}.cas-profile-item-wide{grid-column:1 / -1}.cas-profile-editor{margin-top:8px}.cas-profile-editor[hidden]{display:none!important}.cas-family-cards{display:grid;gap:10px;margin-bottom:14px}.cas-public-wrap .cas-family-card{background:#fff;border:1px solid var(--cas-border);border-radius:13px;margin:0;overflow:hidden;padding:0}.cas-family-toggle{align-items:center;background:#fff;border:0;color:var(--cas-text);cursor:pointer;display:grid;font:inherit;gap:10px;grid-template-columns:38px minmax(0,1fr) auto 18px;padding:12px;text-align:left;width:100%}.cas-family-toggle:hover{background:#f8fbff}.cas-family-avatar{align-items:center;background:#eef3ff;border-radius:50%;color:var(--cas-primary);display:flex;font-weight:900;height:38px;justify-content:center;width:38px}.cas-family-heading{min-width:0}.cas-family-heading strong{display:block;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cas-family-heading small{color:var(--cas-muted);display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cas-member-chip{border-radius:999px;font-size:11px;font-weight:800;padding:4px 8px;white-space:nowrap}.cas-member-chip.is-active{background:#ecfdf5;color:#047857}.cas-member-chip.is-inactive{background:#f1f5f9;color:#64748b}.cas-chevron{color:var(--cas-muted);font-size:19px;transition:transform .15s ease}.cas-family-card.is-open .cas-chevron{transform:rotate(180deg)}.cas-family-details{border-top:1px solid var(--cas-border);padding:14px}.cas-family-actions{display:flex;flex-wrap:wrap;gap:8px}.cas-public-wrap .cas-family-edit-form{background:#f8fafc;border:1px solid var(--cas-border);border-radius:12px;margin-top:12px;padding:14px}.cas-add-family-details{border:1px dashed #bfdbfe;border-radius:12px;margin-top:14px;padding:0 14px}.cas-add-family-details summary{color:var(--cas-primary);cursor:pointer;font-weight:800;padding:13px 0}.cas-add-family-details form{padding-bottom:14px}.cas-family-empty{align-items:center;background:#f8fafc;border-radius:12px;color:var(--cas-muted);display:flex;gap:10px;padding:16px}.cas-family-empty span{font-size:26px}.cas-page-heading{align-items:center;display:flex;gap:12px;margin:8px 0 16px}.cas-page-heading h2{font-size:25px}.cas-page-heading p{font-size:15px;margin-top:3px}.cas-page-icon{align-items:center;background:var(--cas-primary-soft);border-radius:12px;display:flex;font-size:25px;height:52px;justify-content:center;width:52px}.cas-booking-card{max-width:820px}.cas-form-section-title{margin-bottom:14px}.cas-form-section-title h3{margin-bottom:4px}.cas-form-section-title p{color:var(--cas-muted);font-size:14px}.cas-public-wrap label{color:#334155;display:block;font-size:14px;font-weight:750}.cas-public-wrap input,.cas-public-wrap select,.cas-public-wrap textarea{background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#0f172a;font:inherit;margin-top:6px;min-height:44px;padding:10px 12px;width:100%}.cas-public-wrap textarea{min-height:92px;resize:vertical}.cas-public-wrap input:focus,.cas-public-wrap select:focus,.cas-public-wrap textarea:focus{border-color:var(--cas-primary);box-shadow:0 0 0 3px rgba(27,79,216,.12);outline:0}.cas-date-help{background:#f8fbff;border:1px solid #dbeafe;border-radius:10px;color:#334155;margin:14px 0;padding:11px 12px}.cas-step-indicator-modern{background:#f8fafc;border:1px solid var(--cas-border);border-radius:12px;display:flex;gap:8px;margin-bottom:18px;padding:8px}.cas-step-indicator-modern .cas-step{align-items:center;border-radius:8px;color:var(--cas-muted);display:flex;flex:1;font-size:13px;font-weight:800;gap:7px;justify-content:center;padding:9px}.cas-step-indicator-modern .cas-step b{align-items:center;background:#e2e8f0;border-radius:50%;display:inline-flex;height:22px;justify-content:center;width:22px}.cas-step-indicator-modern .cas-step.is-active{background:var(--cas-primary-soft);color:var(--cas-primary)}.cas-step-indicator-modern .cas-step.is-active b{background:var(--cas-primary);color:#fff}.cas-public-wrap .cas-serial-tile{border:1px solid #cbd5e1!important;border-radius:12px!important;min-height:104px!important;padding:13px 10px!important}.cas-public-wrap button.cas-serial-tile:hover,.cas-public-wrap button.cas-serial-tile.is-selected{background:var(--cas-primary-soft)!important;border-color:var(--cas-primary)!important}.cas-confirmation-box{background:#f8fafc;border:1px solid var(--cas-border);border-radius:12px;margin:14px 0;padding:4px 14px}.cas-confirmation-box p{align-items:center;border-bottom:1px solid var(--cas-border);display:flex;gap:12px;justify-content:space-between;padding:11px 0}.cas-confirmation-box p:last-child{border-bottom:0}.cas-confirmation-box span{color:var(--cas-muted);font-size:14px}.cas-confirmation-box strong{color:var(--cas-text);text-align:right}.cas-appointment-list{display:grid;gap:12px}.cas-appointment-list-card{background:#fff;border:1px solid var(--cas-border);border-radius:13px;padding:14px}.cas-appointment-list-top{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.cas-appointment-list-top h4{font-size:16px;margin:0}.cas-appointment-list-top p{color:var(--cas-muted);font-size:13px;margin-top:3px}.cas-appointment-list-meta{border-top:1px solid var(--cas-border);display:flex;flex-wrap:wrap;gap:9px 16px;margin-top:12px;padding-top:11px}.cas-list-heading{margin-bottom:14px}.cas-empty-state{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;color:var(--cas-muted);padding:22px;text-align:center}.cas-empty-state>span{display:block;font-size:29px;margin-bottom:6px}.cas-empty-small{padding:14px}.cas-login-wrap{padding-top:18px}.cas-public-wrap .cas-login-card{border-radius:18px;max-width:500px;padding:26px}.cas-login-brand-mark{align-items:center;background:var(--cas-primary-soft);border-radius:14px;color:var(--cas-primary);display:flex;font-size:23px;height:48px;justify-content:center;margin-bottom:12px;width:48px}.cas-login-card h2{font-size:26px;margin:2px 0 7px}.cas-login-card .cas-muted{font-size:15px}.cas-public-wrap .cas-step-indicator:not(.cas-step-indicator-modern){display:flex;gap:8px;margin:18px 0}.cas-public-wrap .cas-step-indicator:not(.cas-step-indicator-modern) .cas-step{background:#f1f5f9;border-radius:999px;color:var(--cas-muted);font-size:12px;font-weight:800;padding:7px 11px}.cas-public-wrap .cas-step-indicator:not(.cas-step-indicator-modern) .cas-step.is-active{background:var(--cas-primary-soft);color:var(--cas-primary)}.cas-alert,.cas-notice{border-radius:10px;margin:12px 0;padding:11px 12px}.cas-alert-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.cas-alert-success,.cas-notice-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.cas-alert-error,.cas-notice-error{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239}.cas-public-wrap .cas-chat-card{max-width:860px}.cas-chat-header{border-bottom:1px solid var(--cas-border);padding-bottom:14px}.cas-message-thread{background:#f8fafc;border-color:var(--cas-border);border-radius:14px;max-height:440px}.cas-message-bubble{border-color:var(--cas-border);box-shadow:0 2px 8px rgba(15,27,61,.04)}.cas-message-patient_to_chamber .cas-message-bubble{background:var(--cas-primary-soft);border-color:#bfdbfe}.cas-chat-compose{margin-top:16px}.cas-file-help{font-size:13px}.cas-patient-portal-menu{backdrop-filter:blur(8px);background:rgba(255,255,255,.95);border-color:var(--cas-border);box-shadow:0 6px 20px rgba(15,27,61,.05);gap:4px;padding:7px;position:sticky;top:8px;z-index:20}.cas-patient-menu-link{align-items:center;border-radius:9px;display:inline-flex;font-size:14px;font-weight:800;justify-content:center;padding:9px 11px}.cas-patient-menu-link:hover,.cas-patient-menu-link:focus,.cas-patient-menu-link.is-active{background:var(--cas-primary);color:#fff}.cas-login-required-card{max-width:620px}.cas-login-required-button{width:auto} @media(max-width:760px){.cas-public-wrap{margin:12px auto;padding:0 12px}.cas-public-wrap .cas-card{border-radius:14px;margin:12px 0;padding:16px}.cas-dashboard-hero{flex-direction:column}.cas-dashboard-welcome h2{font-size:24px}.cas-dashboard-header-actions{justify-content:stretch;width:100%}.cas-dashboard-book-button{flex:1}.cas-icon-button{flex:1}.cas-icon-button-label{font-size:13px}.cas-dashboard-feature-grid{grid-template-columns:1fr}.cas-card-status{right:15px;top:15px}.cas-profile-summary{gap:13px;grid-template-columns:1fr 1fr}.cas-step-indicator-modern{gap:4px;padding:5px}.cas-step-indicator-modern .cas-step{font-size:11px;gap:4px;padding:7px 4px}.cas-step-indicator-modern .cas-step b{height:19px;width:19px}.cas-appointment-list-top{gap:8px}.cas-status-badge{font-size:10px;padding:5px 8px}.cas-patient-portal-menu{border-radius:12px;display:flex;flex-wrap:nowrap;margin:10px 12px;overflow-x:auto;padding:6px;scrollbar-width:none}.cas-patient-portal-menu::-webkit-scrollbar{display:none}.cas-patient-menu-link{flex:0 0 auto;font-size:13px;white-space:nowrap}.cas-public-wrap .cas-button{width:100%}.cas-step-actions{display:grid;grid-template-columns:1fr 1fr}.cas-step-actions .cas-button{width:100%}.cas-login-actions{display:grid;grid-template-columns:1fr}.cas-login-actions .cas-button{width:100%}.cas-form-grid{grid-template-columns:1fr!important}.cas-profile-item-wide{grid-column:auto}.cas-profile-summary{grid-template-columns:1fr}.cas-profile-item-wide{grid-column:auto}.cas-family-toggle{grid-template-columns:38px minmax(0,1fr) auto 16px}.cas-member-chip{font-size:10px}.cas-doctor-summary{margin-top:12px}.cas-appointment-meta{gap:7px 10px}.cas-appointment-list-meta{gap:8px 12px}.cas-page-heading h2{font-size:23px}.cas-public-wrap .cas-login-card{padding:20px}.cas-login-required-button{width:100%}} @media(max-width:390px){.cas-dashboard-header-actions{display:grid;grid-template-columns:1fr 1fr}.cas-dashboard-book-button{grid-column:1 / -1}.cas-profile-summary{grid-template-columns:1fr}.cas-family-toggle{gap:7px;grid-template-columns:34px minmax(0,1fr) auto 14px;padding:10px}.cas-family-avatar{height:34px;width:34px}.cas-icon-button-label{display:none}.cas-icon-button{flex:0 0 45px;padding:10px}.cas-step-indicator-modern .cas-step{font-size:10px}.cas-step-indicator-modern .cas-step b{display:none}} /* Modern Diabetes Care Portal presentation. */ .dc-portal{background:#f8fafc;border-radius:18px;max-width:1040px;padding:16px!important}.dc-portal>h1{font-size:27px!important;letter-spacing:-.02em}.dc-portal-card{border:1px solid #e2e8f0!important;border-radius:15px!important;box-shadow:0 7px 20px rgba(15,27,61,.045)!important;padding:18px!important}.dc-portal-card h2{color:#0f1b3d;font-size:20px!important}.dc-portal-card h2 small{color:#64748b}.dc-insulin-dose-row{background:#f8fbff!important;border:1px solid #dbeafe!important;border-radius:11px!important;padding:13px!important}.dc-dose-compact{color:#1b4fd8;font-size:18px!important}.dc-insulin-instruction{color:#334155}.dc-instruction-item{background:#f8fafc!important;border-color:#e2e8f0!important;border-radius:11px!important}.dc-instruction-item.dc-is-due{background:#fff8e5!important;border-color:#fcd34d!important}.dc-form-row{background:#fff!important;border-color:#e2e8f0!important;border-radius:11px!important;padding:12px!important}.dc-form-row input,.dc-form-row select{border:1px solid #cbd5e1!important;border-radius:9px!important;font:inherit!important;min-height:44px;padding:9px 10px!important}.dc-submit-btn,.dc-portal-button{background:#1b4fd8!important;border-radius:10px!important;font-weight:800!important;min-height:44px;padding:11px 16px!important}.dc-history{font-size:13px}.dc-history th{background:#f1f5f9!important;color:#334155}.dc-history th,.dc-history td{border-color:#e2e8f0!important}.dc-profile-card{border-color:#dbeafe!important;border-radius:12px!important;background:#f8fbff!important}.dc-section-step{align-items:center;background:#eef3ff;border-radius:999px;color:#1b4fd8!important;display:inline-flex;font-size:12px!important;height:26px;justify-content:center;margin-bottom:8px!important;width:26px}.dc-diagnosis-list li{border-bottom:1px solid #eef2f7;margin:0!important;padding:7px 0}.dc-diagnosis-list li:last-child{border-bottom:0}@media(max-width:600px){.dc-portal{border-radius:0;margin:0!important;padding:12px!important}.dc-portal-card{border-radius:13px!important;padding:15px!important}.dc-portal>h1{font-size:24px!important}.dc-instruction-list,.dc-form-grid{grid-template-columns:1fr!important}.dc-history{font-size:12px}.dc-scroll{border-radius:12px}} /* v1.0.58 appointment self-service controls */ .cas-active-appointment-warning{background:#fff7e6;border:1px solid #f0b849;border-radius:12px;color:#5c4100;font-weight:650;line-height:1.5;margin:0 0 16px;padding:13px 14px}.cas-appointment-actions{align-items:center;border-top:1px solid #edf0f4;display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;padding-top:12px}.cas-appointment-actions .cas-button{margin-top:0;min-height:40px;padding:9px 15px}.cas-button-danger{background:#fff0f1;border:1px solid #e1848c;color:#a51d2d}.cas-button-danger:hover{background:#fce1e4}.cas-appointment-help{color:#687587;font-size:.9em;line-height:1.45;margin:13px 0 0}.cas-booking-wrap [disabled]{cursor:not-allowed;opacity:.56}@media(max-width:640px){.cas-appointment-actions{align-items:stretch;display:grid;grid-template-columns:1fr 1fr}.cas-appointment-actions .cas-button{justify-content:center;width:100%}.cas-active-appointment-warning{font-size:.93rem}} /* CAS 1.0.60 — Safe mobile layout repair. Do not break shortcode content out of the theme column with negative viewport margins. On some Android/Neve combinations that clipped the left edge of all fields and text. Keep the portal inside its parent, full width of that parent, and use compact internal spacing instead. */ .cas-hide-portal-page-title { display:none !important; } @media (max-width: 820px) { /* Let common WordPress/Neve content wrappers use their available width, but do not force a viewport-wide width or negative margins. */ body.cas-has-public-portal .site-main, body.cas-has-public-portal .content-area, body.cas-has-public-portal .nv-content-wrap, body.cas-has-public-portal .entry-content { min-width: 0 !important; } body.cas-has-public-portal .cas-public-wrap { box-sizing: border-box !important; clear: both !important; float: none !important; left: auto !important; right: auto !important; transform: none !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 12px 0 !important; padding: 0 12px !important; font-size: 16px !important; line-height: 1.5 !important; } body.cas-has-public-portal .cas-public-wrap .cas-card, body.cas-has-public-portal .cas-public-wrap .cas-booking-card, body.cas-has-public-portal .cas-public-wrap .cas-login-card { box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 12px 0 !important; padding: 16px !important; border-radius: 14px !important; } body.cas-has-public-portal .cas-public-wrap .cas-page-heading { align-items: flex-start !important; gap: 10px !important; margin: 10px 4px 14px !important; min-width: 0 !important; } body.cas-has-public-portal .cas-public-wrap .cas-page-heading > div, body.cas-has-public-portal .cas-public-wrap .cas-dashboard-welcome, body.cas-has-public-portal .cas-public-wrap .cas-doctor-summary > div:last-child, body.cas-has-public-portal .cas-public-wrap .cas-appointment-list-top > div { min-width: 0 !important; } body.cas-has-public-portal .cas-public-wrap h2, body.cas-has-public-portal .cas-public-wrap .cas-page-heading h2, body.cas-has-public-portal .cas-public-wrap .cas-dashboard-welcome h2 { font-size: 23px !important; line-height: 1.2 !important; margin: 0 !important; overflow-wrap: anywhere; } body.cas-has-public-portal .cas-public-wrap h3, body.cas-has-public-portal .cas-public-wrap .cas-form-section-title h3, body.cas-has-public-portal .cas-public-wrap .cas-card-heading h3 { font-size: 19px !important; line-height: 1.3 !important; margin: 0 !important; overflow-wrap: anywhere; } body.cas-has-public-portal .cas-public-wrap p, body.cas-has-public-portal .cas-public-wrap label, body.cas-has-public-portal .cas-public-wrap .cas-muted, body.cas-has-public-portal .cas-public-wrap .cas-page-heading p, body.cas-has-public-portal .cas-public-wrap .cas-dashboard-welcome p { font-size: 16px !important; line-height: 1.52 !important; overflow-wrap: anywhere; } body.cas-has-public-portal .cas-public-wrap .cas-patient-portal-menu { box-sizing: border-box !important; margin: 10px 0 !important; max-width: 100% !important; width: 100% !important; } body.cas-has-public-portal .cas-public-wrap .cas-form-grid, body.cas-has-public-portal .cas-public-wrap .cas-dashboard-feature-grid, body.cas-has-public-portal .cas-public-wrap .cas-profile-summary { grid-template-columns: 1fr !important; min-width: 0 !important; width: 100% !important; } body.cas-has-public-portal .cas-public-wrap input, body.cas-has-public-portal .cas-public-wrap select, body.cas-has-public-portal .cas-public-wrap textarea { box-sizing: border-box !important; font-size: 16px !important; min-height: 48px !important; max-width: 100% !important; min-width: 0 !important; width: 100% !important; } body.cas-has-public-portal .cas-public-wrap .cas-button, body.cas-has-public-portal .cas-public-wrap .cas-icon-button { font-size: 16px !important; min-height: 46px !important; max-width: 100% !important; } body.cas-has-public-portal .cas-public-wrap .cas-step-actions { grid-template-columns: 1fr !important; } body.cas-has-public-portal .cas-public-wrap .cas-step-indicator-modern { box-sizing: border-box !important; max-width: 100% !important; width: 100% !important; } body.cas-has-public-portal .cas-public-wrap .cas-step-indicator-modern .cas-step { min-width: 0 !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* Two compact serial cards per row are easier to scan than a tall one-column list. */ body.cas-has-public-portal .cas-public-wrap .cas-serial-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; } body.cas-has-public-portal .cas-public-wrap .cas-serial-tile, body.cas-has-public-portal .cas-public-wrap button.cas-serial-tile { min-width: 0 !important; min-height: 98px !important; padding: 10px 7px !important; } body.cas-has-public-portal .cas-public-wrap .cas-serial-time { overflow-wrap: anywhere; } body.cas-has-public-portal .cas-public-wrap .cas-active-appointment-warning, body.cas-has-public-portal .cas-public-wrap .cas-date-help { font-size: 15px !important; overflow-wrap: anywhere; } } @media (max-width: 390px) { body.cas-has-public-portal .cas-public-wrap { padding-left: 10px !important; padding-right: 10px !important; } body.cas-has-public-portal .cas-public-wrap .cas-card { padding: 14px !important; } body.cas-has-public-portal .cas-public-wrap h2, body.cas-has-public-portal .cas-public-wrap .cas-page-heading h2 { font-size: 22px !important; } body.cas-has-public-portal .cas-public-wrap .cas-step-indicator-modern .cas-step { font-size: 10px !important; } } /* Automatic serial loading helper (v1.0.65). */ .cas-auto-serial-help{margin:14px 0 0;color:#52616b;font-size:14px;line-height:1.5;} /* CAS 1.0.67 — appointment journey layout. The visual flow is inspired by clear, step-by-step healthcare booking pages: Date → Serial → Patient → Confirm. It keeps CAS data and security workflows unchanged. */ .cas-booking-reference-flow{max-width:840px!important;padding-bottom:28px!important} .cas-booking-reference-flow .cas-booking-hero{padding:10px 4px 18px;text-align:center} .cas-booking-reference-flow .cas-booking-eyebrow{color:var(--cas-teal);display:inline-block;font-size:12px;font-weight:850;letter-spacing:.08em;margin-bottom:7px;text-transform:uppercase} .cas-booking-reference-flow .cas-booking-hero h2{font-size:31px!important;line-height:1.15;margin:0 0 8px!important} .cas-booking-reference-flow .cas-booking-hero p{color:var(--cas-muted);font-size:17px;margin:0 auto;max-width:620px} .cas-booking-reference-flow .cas-booking-card{background:#fff;border:1px solid #dce6e6;box-shadow:0 12px 36px rgba(15,49,48,.08);max-width:100%;padding:22px!important} .cas-booking-reference-flow .cas-stepper{align-items:flex-start;counter-reset:step;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0 0 28px;padding:0;position:relative} .cas-booking-reference-flow .cas-stepper:before{background:#e5e7eb;content:"";height:2px;left:12.5%;position:absolute;right:12.5%;top:20px;z-index:0} .cas-booking-reference-flow .cas-stepper li{align-items:center;color:#94a3b8;display:flex;flex-direction:column;font-size:12px;font-weight:800;gap:6px;min-width:0;position:relative;text-align:center;z-index:1} .cas-booking-reference-flow .cas-stepper li span{align-items:center;background:#eef1f4;border:3px solid #fff;border-radius:999px;box-shadow:0 0 0 1px #e2e8f0;color:#94a3b8;display:flex;font-size:16px;height:40px;justify-content:center;width:40px} .cas-booking-reference-flow .cas-stepper li small{font-size:12px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .cas-booking-reference-flow .cas-stepper li.is-active{color:var(--cas-teal)} .cas-booking-reference-flow .cas-stepper li.is-active span{background:var(--cas-teal);box-shadow:0 0 0 1px var(--cas-teal);color:#fff} .cas-booking-reference-flow .cas-booking-stage-heading{align-items:flex-start;display:flex;gap:13px;margin:0 0 20px} .cas-booking-reference-flow .cas-stage-number{align-items:center;background:#e7f7f1;border-radius:999px;color:var(--cas-teal);display:flex;flex:0 0 34px;font-size:14px;font-weight:900;height:34px;justify-content:center;width:34px} .cas-booking-reference-flow .cas-booking-stage-heading h3{font-size:24px!important;line-height:1.22;margin:0 0 4px!important} .cas-booking-reference-flow .cas-booking-stage-heading p{color:var(--cas-muted);font-size:15px;margin:0} .cas-booking-reference-flow .cas-booking-policy-note{background:#f5fbf8;border:1px solid #ccecdf;border-radius:12px;color:#245647;display:flex;flex-direction:column;gap:2px;margin:0 0 18px;padding:12px 14px} .cas-booking-reference-flow .cas-booking-policy-note strong{font-size:14px} .cas-booking-reference-flow .cas-booking-policy-note span{font-size:14px} .cas-booking-reference-flow .cas-date-stage-grid{grid-template-columns:1fr!important} .cas-booking-reference-flow .cas-profile-select-label{background:#fbfdfc;border:1px solid #dce9e4;border-radius:13px;margin:0 0 16px;padding:14px} .cas-booking-reference-flow .cas-profile-select-label select{background:#fff;margin-top:8px} .cas-booking-reference-flow .cas-date-help{background:#f6fbff;border-color:#d6e7f5;color:#3b5160;font-size:14px;margin:16px 0 0;padding:12px 14px} .cas-booking-reference-flow .cas-serial-grid{grid-template-columns:1fr;gap:14px} .cas-booking-reference-flow .cas-serial-tile,.cas-booking-reference-flow button.cas-serial-tile{background:#fff!important;border:1px solid #d6dfdf!important;border-radius:14px!important;box-shadow:0 2px 8px rgba(15,49,48,.035)!important;min-height:136px!important;padding:16px 12px!important;text-align:center} .cas-booking-reference-flow .cas-serial-tile:hover,.cas-booking-reference-flow button.cas-serial-tile:hover{background:#f7fcfa!important;border-color:var(--cas-teal)!important} .cas-booking-reference-flow .cas-serial-tile.is-selected,.cas-booking-reference-flow button.cas-serial-tile.is-selected{background:#effbf6!important;border:2px solid var(--cas-teal)!important;box-shadow:0 0 0 3px rgba(15,139,108,.1)!important} .cas-booking-reference-flow .cas-serial-label{background:var(--cas-teal)!important;border-radius:7px!important;color:#fff!important;display:inline-block!important;font-size:13px!important;letter-spacing:.01em!important;margin-bottom:9px!important;padding:5px 10px!important;text-transform:none!important} .cas-booking-reference-flow .cas-serial-number{color:#0f172a!important;font-size:29px!important;margin-bottom:5px} .cas-booking-reference-flow .cas-serial-time{color:#334155!important;font-size:15px!important;font-weight:700!important;line-height:1.35!important;margin:0 auto!important;max-width:260px} .cas-booking-reference-flow .cas-waiting-box{background:#fff8e7;border:1px solid #f2cd78;border-radius:13px;margin:16px 0;padding:15px} .cas-booking-reference-flow .cas-selected-booking-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:grid;gap:5px;margin:18px 0;padding:14px} .cas-booking-reference-flow .cas-selected-booking-summary span{color:var(--cas-muted);font-size:12px;font-weight:800;text-transform:uppercase} .cas-booking-reference-flow .cas-selected-booking-summary strong{color:#0f172a;font-size:16px;margin-bottom:7px} .cas-booking-reference-flow .cas-reference-confirmation{border:1px solid #dce7e3;border-radius:15px;overflow:hidden;padding:0!important} .cas-booking-reference-flow .cas-confirmation-row{align-items:flex-start;border-bottom:1px solid #e5ece9;display:flex;gap:12px;justify-content:space-between;padding:16px} .cas-booking-reference-flow .cas-confirmation-row:last-child{border-bottom:0} .cas-booking-reference-flow .cas-confirmation-row>div{min-width:0} .cas-booking-reference-flow .cas-confirmation-row span{color:var(--cas-muted);display:block;font-size:13px;font-weight:750;margin-bottom:4px} .cas-booking-reference-flow .cas-confirmation-row strong{color:#0f172a;display:block;font-size:17px;line-height:1.4;overflow-wrap:anywhere} .cas-booking-reference-flow .cas-confirmation-row small{color:#64748b;display:block;font-size:13px;margin-top:4px;overflow-wrap:anywhere} .cas-booking-reference-flow .cas-button-small{flex:0 0 auto;font-size:14px!important;min-height:38px!important;padding:8px 12px!important} .cas-booking-reference-flow .cas-booking-note-label{margin-top:18px!important} .cas-booking-reference-flow .cas-terms-check{align-items:flex-start;background:#f8fbfa;border:1px solid #d9e8e1;border-radius:11px;cursor:pointer;display:flex!important;font-size:14px!important;font-weight:700!important;gap:10px;margin:18px 0!important;padding:13px} .cas-booking-reference-flow .cas-terms-check input{accent-color:var(--cas-teal);flex:0 0 20px;height:20px!important;margin:1px 0 0!important;min-height:20px!important;width:20px!important} .cas-booking-reference-flow .cas-step-actions{border-top:1px solid #edf1ef;margin-top:20px;padding-top:16px} .cas-booking-reference-flow .cas-step-actions .cas-button-primary{background:var(--cas-teal)!important} .cas-booking-reference-flow .cas-step-actions .cas-button-primary:hover{background:#08765c!important} @media(max-width:680px){ .cas-booking-reference-flow{padding-left:12px!important;padding-right:12px!important} .cas-booking-reference-flow .cas-booking-hero{padding:8px 2px 14px;text-align:left} .cas-booking-reference-flow .cas-booking-hero h2{font-size:27px!important} .cas-booking-reference-flow .cas-booking-hero p{font-size:15px} .cas-booking-reference-flow .cas-booking-card{padding:16px!important} .cas-booking-reference-flow .cas-stepper{gap:5px;margin-bottom:22px} .cas-booking-reference-flow .cas-stepper:before{left:11%;right:11%;top:18px} .cas-booking-reference-flow .cas-stepper li span{font-size:14px;height:36px;width:36px} .cas-booking-reference-flow .cas-stepper li small{font-size:10px} .cas-booking-reference-flow .cas-booking-stage-heading{gap:10px;margin-bottom:16px} .cas-booking-reference-flow .cas-booking-stage-heading h3{font-size:22px!important} .cas-booking-reference-flow .cas-date-stage-grid{grid-template-columns:1fr!important} .cas-booking-reference-flow .cas-serial-grid{gap:11px} .cas-booking-reference-flow .cas-serial-tile,.cas-booking-reference-flow button.cas-serial-tile{min-height:122px!important;padding:13px 8px!important} .cas-booking-reference-flow .cas-serial-time{font-size:13px!important} .cas-booking-reference-flow .cas-confirmation-row{padding:14px 12px} .cas-booking-reference-flow .cas-confirmation-row strong{font-size:16px} .cas-booking-reference-flow .cas-button-small{font-size:13px!important;min-height:36px!important;padding:7px 9px!important} } @media(max-width:390px){ .cas-booking-reference-flow .cas-booking-card{padding:14px!important} .cas-booking-reference-flow .cas-serial-grid{grid-template-columns:1fr 1fr} .cas-booking-reference-flow .cas-serial-label{font-size:11px!important;padding:4px 7px!important} .cas-booking-reference-flow .cas-serial-number{font-size:26px!important} } /* CAS 1.0.68 — Confirmation step mobile layout repair. On small screens the generic full-width button rule was allowing the Change buttons to take the full row width and compressing booking data into one-character columns. Keep summary data flexible and Change buttons compact at every viewport size. */ .cas-booking-reference-flow .cas-reference-confirmation .cas-confirmation-row{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; align-items:start!important; column-gap:12px!important; row-gap:8px!important; width:100%!important; } .cas-booking-reference-flow .cas-reference-confirmation .cas-confirmation-row > div{ min-width:0!important; width:auto!important; max-width:none!important; } .cas-booking-reference-flow .cas-reference-confirmation .cas-confirmation-row > .cas-button-small{ align-self:start!important; box-sizing:border-box!important; flex:none!important; justify-self:end!important; width:auto!important; min-width:88px!important; max-width:112px!important; white-space:nowrap!important; } .cas-booking-reference-flow .cas-reference-confirmation [data-cas-confirm-date], .cas-booking-reference-flow .cas-reference-confirmation [data-cas-confirm-serial], .cas-booking-reference-flow .cas-reference-confirmation [data-cas-confirm-reporting-time], .cas-booking-reference-flow .cas-reference-confirmation [data-cas-confirm-patient], .cas-booking-reference-flow .cas-reference-confirmation [data-cas-confirm-doctor]{ word-break:normal!important; overflow-wrap:anywhere!important; white-space:normal!important; } @media(max-width:390px){ .cas-booking-reference-flow .cas-reference-confirmation .cas-confirmation-row{ grid-template-columns:minmax(0,1fr) 84px!important; column-gap:8px!important; padding:13px 11px!important; } .cas-booking-reference-flow .cas-reference-confirmation .cas-confirmation-row > .cas-button-small{ min-width:84px!important; max-width:84px!important; padding:7px 6px!important; } } /* v1.0.69 - solo doctor mode: show a calm, fixed doctor card instead of a selector. */ .cas-booking-reference-flow .cas-solo-date-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important} .cas-booking-reference-flow .cas-solo-doctor-card{background:#f7fcfa;border:1px solid #cfe8dc;border-radius:13px;display:flex;flex-direction:column;justify-content:center;min-height:100%;padding:15px 16px} .cas-booking-reference-flow .cas-solo-doctor-card .cas-solo-doctor-label{color:var(--cas-teal);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase} .cas-booking-reference-flow .cas-solo-doctor-card strong{color:#0f172a;font-size:18px;line-height:1.35;margin:4px 0 2px} .cas-booking-reference-flow .cas-solo-doctor-card small{color:#52616d;font-size:14px;line-height:1.35} .cas-booking-reference-flow .cas-solo-doctor-card p{color:#64748b;font-size:13px;line-height:1.4;margin:8px 0 0} @media (max-width:700px){.cas-booking-reference-flow .cas-solo-date-stage{grid-template-columns:1fr!important}.cas-booking-reference-flow .cas-solo-doctor-card{min-height:auto}.cas-booking-reference-flow .cas-solo-doctor-card strong{font-size:17px}} /* CAS 1.0.70 — readable appointment review / confirm page. Keep each summary item as a stable mobile card row. A fixed-size Change control is reserved at the right, leaving the booking information enough width to read as normal words instead of one character per line. */ .cas-booking-reference-flow .cas-reference-confirmation { background:#fff; border:1px solid #dce7e3; border-radius:16px; overflow:hidden; } .cas-booking-reference-flow .cas-reference-confirmation .cas-confirmation-row { box-sizing:border-box!important; display:block!important; min-height:116px; min-width:0!important; padding:18px 142px 18px 18px!important; position:relative!important; width:100%!important; } .cas-booking-reference-flow .cas-reference-confirmation .cas-confirmation-row > div { display:block!important; min-width:0!important; width:100%!important; max-width:none!important; } .cas-booking-reference-flow .cas-reference-confirmation .cas-confirmation-row > .cas-button-small { align-items:center!important; box-sizing:border-box!important; display:inline-flex!important; justify-content:center!important; margin:0!important; min-height:42px!important; min-width:112px!important; max-width:112px!important; padding:8px 10px!important; position:absolute!important; right:16px!important; top:16px!important; white-space:nowrap!important; width:112px!important; } .cas-booking-reference-flow .cas-reference-confirmation .cas-confirmation-row span { font-size:13px!important; line-height:1.35!important; margin:0 0 6px!important; } .cas-booking-reference-flow .cas-reference-confirmation .cas-confirmation-row strong, .cas-booking-reference-flow .cas-reference-confirmation .cas-confirmation-row small, .cas-booking-reference-flow .cas-reference-confirmation [data-cas-confirm-date], .cas-booking-reference-flow .cas-reference-confirmation [data-cas-confirm-serial], .cas-booking-reference-flow .cas-reference-confirmation [data-cas-confirm-reporting-time], .cas-booking-reference-flow .cas-reference-confirmation [data-cas-confirm-patient], .cas-booking-reference-flow .cas-reference-confirmation [data-cas-confirm-doctor] { max-width:100%!important; min-width:0!important; overflow-wrap:break-word!important; word-break:normal!important; hyphens:none!important; white-space:normal!important; } .cas-booking-reference-flow .cas-reference-confirmation .cas-confirmation-row strong { font-size:21px!important; font-weight:800!important; line-height:1.4!important; } .cas-booking-reference-flow .cas-reference-confirmation .cas-confirmation-row small { font-size:15px!important; line-height:1.45!important; } @media (max-width:480px) { .cas-booking-reference-flow .cas-reference-confirmation .cas-confirmation-row { min-height:108px; padding:16px 112px 16px 14px!important; } .cas-booking-reference-flow .cas-reference-confirmation .cas-confirmation-row > .cas-button-small { font-size:14px!important; min-width:92px!important; max-width:92px!important; right:12px!important; top:14px!important; width:92px!important; } .cas-booking-reference-flow .cas-reference-confirmation .cas-confirmation-row strong { font-size:19px!important; } .cas-booking-reference-flow .cas-reference-confirmation .cas-confirmation-row small { font-size:14px!important; } } /* CAS 1.0.71 — reliable automatic serial loading with a safe patient-facing retry. */ .cas-booking-reference-flow .cas-date-serial-fallback{margin:12px 0 0} .cas-booking-reference-flow .cas-date-serial-fallback[hidden]{display:none!important} .cas-booking-reference-flow .cas-date-serial-fallback .cas-button{width:100%} /* CAS 1.0.73 — confirm review actions below each information block. Keep booking information full-width, then show its Change control underneath. This avoids narrow text columns on small phones and makes each edit action easier to reach with one hand. */ .cas-booking-reference-flow .cas-reference-confirmation .cas-confirmation-row { box-sizing:border-box!important; display:block!important; min-height:0!important; padding:16px!important; position:relative!important; width:100%!important; } .cas-booking-reference-flow .cas-reference-confirmation .cas-confirmation-row > div { display:block!important; min-width:0!important; width:100%!important; max-width:none!important; } .cas-booking-reference-flow .cas-reference-confirmation .cas-confirmation-row > .cas-button-small { align-items:center!important; box-sizing:border-box!important; display:inline-flex!important; justify-content:center!important; margin:14px 0 0!important; min-height:42px!important; min-width:0!important; max-width:none!important; padding:9px 14px!important; position:static!important; white-space:nowrap!important; width:100%!important; } .cas-booking-reference-flow .cas-reference-confirmation .cas-confirmation-row strong, .cas-booking-reference-flow .cas-reference-confirmation .cas-confirmation-row small, .cas-booking-reference-flow .cas-reference-confirmation [data-cas-confirm-date], .cas-booking-reference-flow .cas-reference-confirmation [data-cas-confirm-serial], .cas-booking-reference-flow .cas-reference-confirmation [data-cas-confirm-reporting-time], .cas-booking-reference-flow .cas-reference-confirmation [data-cas-confirm-patient], .cas-booking-reference-flow .cas-reference-confirmation [data-cas-confirm-doctor] { max-width:100%!important; overflow-wrap:anywhere!important; word-break:normal!important; white-space:normal!important; } @media (max-width:480px) { .cas-booking-reference-flow .cas-reference-confirmation .cas-confirmation-row { padding:14px!important; } .cas-booking-reference-flow .cas-reference-confirmation .cas-confirmation-row > .cas-button-small { font-size:15px!important; min-height:44px!important; } } /* CAS 1.0.74 — Add a relative during booking. The quick profile panel stays within Step 3 so the selected date and serial are not lost. */ .cas-booking-reference-flow .cas-profile-select-heading{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:2px} .cas-booking-reference-flow .cas-profile-select-heading>label{margin:0!important} .cas-booking-reference-flow .cas-add-relative-button{align-items:center;background:#fff;border:1px solid var(--cas-teal);border-radius:9px;color:var(--cas-teal);cursor:pointer;display:inline-flex;flex:0 0 auto;font:inherit;font-size:13px;font-weight:850;gap:4px;min-height:36px;padding:7px 10px;white-space:nowrap} .cas-booking-reference-flow .cas-add-relative-button:hover,.cas-booking-reference-flow .cas-add-relative-button:focus{background:#effbf6;outline:0} .cas-booking-reference-flow .cas-add-relative-help{color:#64748b;font-size:13px;line-height:1.45;margin:9px 0 0} .cas-booking-reference-flow .cas-quick-relative-panel{background:#f7fcfa;border:1px solid #ccecdf;border-radius:13px;margin:14px 0 18px;padding:16px} .cas-booking-reference-flow .cas-quick-relative-panel legend{color:#0f513e;font-size:18px;font-weight:850;padding:0 5px} .cas-booking-reference-flow .cas-quick-relative-panel>p{color:#52616b;font-size:14px;line-height:1.45;margin:0 0 12px} .cas-booking-reference-flow .cas-quick-relative-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px} .cas-booking-reference-flow .cas-quick-relative-actions .cas-button{margin-top:0} @media(max-width:680px){ .cas-booking-reference-flow .cas-profile-select-heading{align-items:flex-start;flex-direction:column;gap:8px} .cas-booking-reference-flow .cas-add-relative-button{width:auto!important} .cas-booking-reference-flow .cas-quick-relative-actions{display:grid;grid-template-columns:1fr} .cas-booking-reference-flow .cas-quick-relative-actions .cas-button{width:100%!important} } /* CAS 1.0.75 — patient profile is chosen immediately below the doctor and before the appointment date. */ .cas-booking-reference-flow .cas-stepper-three{grid-template-columns:repeat(3,minmax(0,1fr))!important} .cas-booking-reference-flow .cas-stepper-three:before{left:16.666%!important;right:16.666%!important} .cas-booking-reference-flow .cas-booking-details-stack{display:grid;gap:16px;max-width:100%;width:100%} .cas-booking-reference-flow .cas-booking-details-stack>label{display:block;margin:0!important;max-width:100%;width:100%} .cas-booking-reference-flow .cas-booking-details-stack>label>select, .cas-booking-reference-flow .cas-booking-details-stack>label>input{box-sizing:border-box;max-width:100%;width:100%} .cas-booking-reference-flow .cas-booking-profile-early{box-sizing:border-box;margin:0!important;max-width:100%;width:100%} .cas-booking-reference-flow .cas-booking-profile-early select{box-sizing:border-box;max-width:100%;width:100%} .cas-booking-reference-flow .cas-booking-details-stack .cas-solo-doctor-card{box-sizing:border-box;margin:0!important;max-width:100%;width:100%} @media(max-width:680px){ .cas-booking-reference-flow .cas-booking-details-stack{gap:14px} .cas-booking-reference-flow .cas-stepper-three li small{font-size:11px!important} .cas-booking-reference-flow .cas-booking-profile-early{padding:13px!important} } /* CAS 2.0.2 — language choice and compact mobile booking layout. */ .cas-language-toggle{align-items:center;display:flex;gap:6px;justify-content:flex-end;margin:0 auto 10px;max-width:980px;padding:0 14px} .cas-language-toggle button{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#334155;cursor:pointer;font:inherit;font-size:13px;font-weight:700;min-height:36px;padding:7px 11px} .cas-language-toggle button.is-active{background:var(--cas-teal,#0f766e);border-color:var(--cas-teal,#0f766e);color:#fff} .cas-booking-reference-flow .cas-date-entry{display:grid;gap:14px;grid-template-columns:1fr;max-width:100%} .cas-booking-reference-flow .cas-date-entry label{display:block;min-width:0} .cas-booking-reference-flow .cas-date-entry input{box-sizing:border-box;max-width:100%;min-height:48px;width:100%} .cas-booking-reference-flow .cas-serial-tile{min-height:92px;touch-action:manipulation} @media(max-width:480px){.cas-language-toggle{justify-content:flex-start;padding:0 10px}.cas-booking-reference-flow .cas-date-entry{grid-template-columns:1fr;gap:10px}.cas-booking-reference-flow .cas-date-entry input{font-size:16px}.cas-booking-reference-flow .cas-serial-grid{grid-template-columns:1fr!important;gap:10px!important}.cas-booking-reference-flow .cas-serial-tile{min-width:0!important;padding:12px 8px!important}} @media(max-width:360px){.cas-booking-reference-flow .cas-serial-grid{grid-template-columns:1fr!important}.cas-booking-reference-flow .cas-stepper-three li small{font-size:10px!important}.cas-booking-reference-flow .cas-booking-card{padding-left:12px!important;padding-right:12px!important}} /* Dr Parvez Care theme compatibility */ .drparvez-care-theme .cas-public-wrap, body[class*="drparvez"] .cas-public-wrap { --cas-primary: var(--primary, #0b6b68); --cas-border: var(--border, #d9e5e4); --cas-bg: var(--surface-soft, #f3f8f7); --cas-text: var(--text, #173432); margin-top: 0; } .portal-card .cas-public-wrap { max-width: none; margin-left: 0; margin-right: 0; } .portal-card .cas-public-wrap > .cas-card:first-child { margin-top: 0; } .cas-public-wrap input, .cas-public-wrap select, .cas-public-wrap textarea { max-width: 100%; } /* CAS 2.0.3 — accessible serial-selection confirmation dialog. */ body.cas-dialog-open { overflow: hidden; } .cas-selection-dialog[hidden] { display: none !important; } .cas-selection-dialog { position: fixed; inset: 0; z-index: 999999; display: flex; align-items: center; justify-content: center; padding: 20px; } .cas-selection-dialog-backdrop { position: absolute; inset: 0; background: rgba(15, 23, 42, .62); backdrop-filter: blur(2px); } .cas-selection-dialog-panel { position: relative; width: min(100%, 430px); background: #fff; border-radius: 22px; padding: 26px 22px 22px; box-shadow: 0 24px 70px rgba(15, 23, 42, .28); text-align: center; } .cas-selection-dialog-panel h3 { margin: 0 0 12px; font-size: 24px; line-height: 1.3; } .cas-selection-dialog-panel p { margin: 0; font-size: 18px; line-height: 1.55; } .cas-selection-dialog-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 24px; } .cas-selection-dialog-actions .cas-button { min-height: 50px; white-space: normal; } @media (max-width: 480px) { .cas-selection-dialog { padding: 16px; } .cas-selection-dialog-panel { border-radius: 18px; padding: 24px 18px 18px; } .cas-selection-dialog-actions { grid-template-columns: 1fr; } .cas-selection-dialog-actions [data-cas-serial-confirm-yes] { order: -1; } } /* v2.0.4 booking confirmation and chamber help */ .cas-booking-reference-flow .cas-confirmation-row-serial strong{font-size:clamp(22px,5vw,30px);font-weight:850;line-height:1.25} .cas-booking-reference-flow [data-cas-confirm-booking-heading]{scroll-margin-top:24px} .cas-chamber-help{background:#f0fdfa;border:1px solid #b7e4dc;border-radius:14px;color:#334155;font-size:15px;line-height:1.6;margin:16px 0;padding:14px 16px} .cas-chamber-help a{color:#087f6b;text-decoration:none;white-space:nowrap} /* Appointment identity hierarchy: clearly identify doctor and patient on each card. */ .cas-appointment-people{display:grid;gap:10px;min-width:0} .cas-appointment-person{min-width:0} .cas-person-label{align-items:center;color:var(--cas-muted);display:flex;font-size:12px;font-weight:800;gap:5px;letter-spacing:.02em;line-height:1.25;margin-bottom:2px;text-transform:uppercase} .cas-person-label span[aria-hidden="true"]{font-size:14px;line-height:1} .cas-appointment-doctor .cas-person-name{color:var(--cas-text);display:block;font-size:13px;font-weight:600;line-height:1.4;overflow-wrap:anywhere} .cas-appointment-patient .cas-person-name{color:var(--cas-text);display:block;font-size:16px;font-weight:800;line-height:1.35;overflow-wrap:anywhere} @media(max-width:760px){.cas-appointment-people{gap:9px}.cas-person-label{font-size:11px}.cas-appointment-doctor .cas-person-name{font-size:13px}.cas-appointment-patient .cas-person-name{font-size:16px}} .cas-verified-mobile-summary{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 14px;margin:10px 0 16px;border:1px solid #d9eadf;border-radius:10px;background:#f5fbf7}.cas-verified-mobile-summary span{font-size:13px}.cas-verified-mobile-summary strong{font-size:16px}.cas-verified-mobile-summary em{font-style:normal;font-size:12px;font-weight:700;color:#18753c;background:#dff4e6;padding:3px 8px;border-radius:999px}.cas-profile-completion-notice{margin-bottom:18px;padding:16px}.cas-profile-completion-notice p{margin:6px 0 12px}.cas-profile-reminder-actions{display:flex;gap:10px;flex-wrap:wrap}.cas-profile-booking-reminder{position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,.52);display:flex;align-items:center;justify-content:center;padding:20px}.cas-profile-booking-reminder-panel{background:#fff;border-radius:14px;max-width:480px;width:100%;padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.28)}.cas-profile-booking-reminder-panel strong{font-size:20px}.cas-profile-booking-reminder-panel>div{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px} /* CAS 2.1.8: unobtrusive OTP autofill guidance. */ .cas-otp-autofill-help{margin-top:6px;font-size:13px;line-height:1.4} /* v2.1.9 responsive patient navigation */ .cas-patient-portal-menu{display:flex;align-items:center;gap:8px;overflow:visible;padding:8px;background:#fff;border:1px solid var(--cas-border);border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.05)} .cas-patient-menu-link{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 16px;border-radius:999px;color:#334155;font-weight:700;text-decoration:none;white-space:nowrap} .cas-patient-menu-link:hover,.cas-patient-menu-link:focus{background:#f0f6fc;color:#135e96}.cas-patient-menu-link.is-active{background:var(--cas-primary);color:#fff} .cas-nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#d63638;color:#fff;font-size:11px;line-height:1} .cas-mobile-bottom-nav,.cas-mobile-book-fab,.cas-mobile-more-sheet{display:none} @media(max-width:700px){ body.cas-has-public-portal{padding-bottom:92px!important} .cas-desktop-portal-menu{display:none!important} .cas-mobile-bottom-nav{position:fixed;z-index:99990;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:68px;padding:7px max(6px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));background:rgba(255,255,255,.98);border-top:1px solid #dcdcde;box-shadow:0 -8px 28px rgba(15,23,42,.12);backdrop-filter:blur(12px)} .cas-mobile-nav-item{appearance:none;border:0;background:transparent;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:54px;padding:4px 2px;border-radius:12px;color:#64748b;text-decoration:none;font:inherit;cursor:pointer} .cas-mobile-nav-item.is-active{color:var(--cas-primary);background:#eef6ff}.cas-mobile-nav-icon{font-size:22px;font-weight:800;line-height:1}.cas-mobile-nav-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:10px;font-weight:800;line-height:1.15;white-space:nowrap} .cas-mobile-nav-badge{position:absolute;top:1px;left:calc(50% + 8px);display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border:2px solid #fff;border-radius:999px;background:#d63638;color:#fff;font-size:10px;font-weight:900} .cas-mobile-book-fab{position:fixed;z-index:99991;right:18px;bottom:86px;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--cas-primary);box-shadow:0 10px 24px rgba(34,113,177,.35);color:#fff;font-size:34px;font-weight:400;line-height:1;text-decoration:none} .cas-mobile-book-fab:focus{outline:3px solid rgba(34,113,177,.3);outline-offset:3px} .cas-mobile-more-sheet[hidden]{display:none!important}.cas-mobile-more-sheet{position:fixed;z-index:100000;inset:0;display:block}.cas-more-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(15,23,42,.48)} .cas-more-panel{position:absolute;left:0;right:0;bottom:0;max-height:min(78vh,620px);overflow:auto;padding:10px 16px calc(18px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;background:#fff;box-shadow:0 -18px 44px rgba(0,0,0,.2)} .cas-more-handle{width:44px;height:5px;margin:0 auto 8px;border-radius:999px;background:#cbd5e1}.cas-more-heading{display:flex;align-items:center;justify-content:space-between}.cas-more-heading h2{margin:6px 0 14px;font-size:22px}.cas-more-close{width:42px;height:42px;border:0;border-radius:50%;background:#f1f5f9;font-size:28px;cursor:pointer} .cas-more-links{display:grid;gap:8px}.cas-more-links>a,.cas-more-links>button{appearance:none;width:100%;border:0;background:#f8fafc;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;min-height:56px;padding:10px 14px;border-radius:14px;color:#1e293b;text-align:left;text-decoration:none;font:inherit;font-weight:750;cursor:pointer}.cas-more-links>a:hover,.cas-more-links>button:hover{background:#eef6ff}.cas-more-links small{font-size:12px;color:#64748b}.cas-more-link-badge{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:999px;background:#d63638;color:#fff;font-size:11px} body.cas-more-open{overflow:hidden} .cas-public-wrap{margin-left:10px;margin-right:10px}.cas-card{scroll-margin-top:18px} } .cas-mobile-bottom-nav,.cas-mobile-book-fab,.cas-mobile-more-sheet{--cas-primary:#2271b1;--cas-border:#dcdcde;--cas-text:#1d2327} /* CAS 2.2.0 — patient-portal experience inspired by established clinical portals. This is an original CAS visual system: task-first home, calm clinical palette, prominent upcoming visit, card-based navigation, and accessible mobile controls. */ :root{--cas-portal-blue:#0867a8;--cas-portal-blue-dark:#074f82;--cas-portal-blue-soft:#eaf4fb;--cas-portal-bg:#f4f7f9;--cas-portal-card:#fff;--cas-portal-text:#173042;--cas-portal-muted:#5d7180;--cas-portal-border:#d8e2e8;--cas-portal-success:#19764b;--cas-portal-shadow:0 2px 10px rgba(24,57,78,.08)} body.cas-has-public-portal{background:var(--cas-portal-bg)} body.cas-has-public-portal .cas-public-wrap{color:var(--cas-portal-text);max-width:1040px} body.cas-has-public-portal .cas-patient-portal-menu{background:#fff;border:1px solid var(--cas-portal-border);border-radius:10px;box-shadow:var(--cas-portal-shadow);padding:5px} body.cas-has-public-portal .cas-patient-portal-menu a{border-radius:7px;color:#38566a;font-weight:700} body.cas-has-public-portal .cas-patient-portal-menu a:hover{background:var(--cas-portal-blue-soft);color:var(--cas-portal-blue-dark)} body.cas-has-public-portal .cas-patient-portal-menu a.is-active,body.cas-has-public-portal .cas-patient-portal-menu a[aria-current="page"]{background:var(--cas-portal-blue);color:#fff} body.cas-has-public-portal .cas-dashboard-hero{align-items:center;background:linear-gradient(120deg,#075f9c,#0c78b8);border:0;border-radius:14px;box-shadow:0 6px 18px rgba(7,95,156,.18);color:#fff;margin:18px 0;padding:26px 28px} body.cas-has-public-portal .cas-dashboard-hero .cas-eyebrow,body.cas-has-public-portal .cas-dashboard-hero p{color:rgba(255,255,255,.88)} body.cas-has-public-portal .cas-dashboard-hero h2{color:#fff;font-size:30px;letter-spacing:-.02em} body.cas-has-public-portal .cas-dashboard-hero .cas-button-primary{background:#fff;border-color:#fff;color:var(--cas-portal-blue-dark)} body.cas-has-public-portal .cas-dashboard-hero .cas-button-primary:hover{background:#f4fbff} body.cas-has-public-portal .cas-card{background:var(--cas-portal-card);border:1px solid var(--cas-portal-border);border-radius:12px;box-shadow:var(--cas-portal-shadow)} body.cas-has-public-portal .cas-card-heading{border-bottom:1px solid #e6edf1;margin:-2px -2px 18px;padding:0 2px 14px} body.cas-has-public-portal .cas-card-kicker,body.cas-has-public-portal .cas-eyebrow{color:var(--cas-portal-blue);font-size:12px;font-weight:800;letter-spacing:.055em;text-transform:uppercase} body.cas-has-public-portal .cas-button-primary{background:var(--cas-portal-blue);border-color:var(--cas-portal-blue);box-shadow:none} body.cas-has-public-portal .cas-button-primary:hover{background:var(--cas-portal-blue-dark);border-color:var(--cas-portal-blue-dark)} body.cas-has-public-portal .cas-button-secondary{background:#fff;border-color:#9fb7c6;color:var(--cas-portal-blue-dark)} body.cas-has-public-portal .cas-care-actions{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 18px} body.cas-has-public-portal .cas-care-action{align-items:center;background:#fff;border:1px solid var(--cas-portal-border);border-radius:11px;box-shadow:var(--cas-portal-shadow);color:var(--cas-portal-text);display:grid;gap:13px;grid-template-columns:46px minmax(0,1fr) auto;min-height:82px;padding:14px 16px;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s} body.cas-has-public-portal .cas-care-action:hover{border-color:#94bad2;box-shadow:0 5px 18px rgba(24,57,78,.12);transform:translateY(-1px)} body.cas-has-public-portal .cas-care-action-primary{border-left:5px solid var(--cas-portal-blue)} body.cas-has-public-portal .cas-care-action-icon{align-items:center;background:var(--cas-portal-blue-soft);border-radius:50%;display:flex;font-size:22px;height:44px;justify-content:center;width:44px} body.cas-has-public-portal .cas-care-action strong{display:block;font-size:16px;line-height:1.25} body.cas-has-public-portal .cas-care-action small{color:var(--cas-portal-muted);display:block;font-size:13px;line-height:1.35;margin-top:3px} body.cas-has-public-portal .cas-care-action>b{color:#7793a4;font-size:27px;font-weight:400} body.cas-has-public-portal .cas-dashboard-feature-grid{grid-template-columns:minmax(0,1fr)} body.cas-has-public-portal .cas-upcoming-card{border-top:4px solid var(--cas-portal-blue);padding:22px} body.cas-has-public-portal .cas-doctor-avatar{background:var(--cas-portal-blue-soft);border:1px solid #c9dfed;color:var(--cas-portal-blue-dark)} body.cas-has-public-portal .cas-appointment-meta{background:#f7fafc;border:1px solid #e1e9ee;border-radius:9px;padding:12px} body.cas-has-public-portal .cas-profile-summary{gap:0;border:1px solid #e1e9ee;border-radius:9px;overflow:hidden} body.cas-has-public-portal .cas-profile-item{border-bottom:1px solid #e8eef2;border-radius:0;padding:13px 15px} body.cas-has-public-portal .cas-profile-item span{color:var(--cas-portal-muted)} body.cas-has-public-portal .cas-status-badge{border-radius:999px;font-weight:800} body.cas-has-public-portal .cas-page-heading{border-bottom:1px solid var(--cas-portal-border);padding-bottom:16px} body.cas-has-public-portal .cas-mobile-bottom-nav{border-top-color:#cad9e2;box-shadow:0 -5px 20px rgba(24,57,78,.13)} body.cas-has-public-portal .cas-mobile-nav-item.is-active{background:var(--cas-portal-blue-soft);color:var(--cas-portal-blue)} body.cas-has-public-portal .cas-mobile-book-fab{background:var(--cas-portal-blue);box-shadow:0 8px 22px rgba(8,103,168,.38)} @media(max-width:700px){ body.cas-has-public-portal .cas-dashboard-hero{border-radius:0;margin:0 -12px 14px;padding:20px 16px 22px} body.cas-has-public-portal .cas-dashboard-hero h2{font-size:25px!important} body.cas-has-public-portal .cas-dashboard-header-actions{width:100%} body.cas-has-public-portal .cas-dashboard-book-button{width:100%;justify-content:center} body.cas-has-public-portal .cas-care-actions{grid-template-columns:1fr;gap:9px} body.cas-has-public-portal .cas-care-action{min-height:72px;padding:12px 13px} body.cas-has-public-portal .cas-care-action small{font-size:12px} body.cas-has-public-portal .cas-card{border-radius:10px!important} body.cas-has-public-portal .cas-upcoming-card{padding:17px!important} }