.status-content{grid-template-columns:1fr 2fr;align-items:start;gap:4rem;display:grid}.status-info{transition:all .3s;position:relative}.status-info.is-sticky{position:sticky;top:2rem}.status-info h2{color:var(--primary-color);margin-bottom:1rem}.status-guide{background:var(--background-light);border-radius:var(--border-radius);margin:2rem 0;padding:2rem}.status-guide h3{color:var(--text-dark);margin-bottom:1rem}.status-list{flex-direction:column;gap:1rem;display:flex}.status-item{align-items:center;gap:1rem;display:flex}.status-badge{text-transform:uppercase;text-align:center;border-radius:20px;min-width:80px;padding:.25rem .75rem;font-size:.6rem;font-weight:600}.status-pending{color:#92400e;background:#fef3c7}.status-confirmed{color:#166534;background:#dcfce7}.status-completed{color:#1e40af;background:#dbeafe}.status-cancelled{color:#dc2626;background:#fee2e2}.status-form-container{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);padding:2rem}.status-form-card h3{color:var(--primary-color);text-align:center;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-dark);margin-bottom:.5rem;font-weight:500;display:block}.form-group input{border:1px solid var(--border-color);border-radius:var(--border-radius);width:100%;transition:var(--transition);padding:.75rem;font-size:1rem}.form-group input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-actions{text-align:center;margin-top:2rem}.appointment-details{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);overflow:hidden}.appointment-header{background:var(--primary-color);color:var(--white);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.appointment-header h3{color:var(--white);margin:0}.appointment-info{padding:2rem}.info-section{margin-bottom:2rem}.info-section:last-child{margin-bottom:0}.info-section h4{color:var(--primary-color);border-bottom:2px solid var(--background-light);margin-bottom:1rem;padding-bottom:.5rem}.info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.info-item{flex-direction:column;gap:.25rem;display:flex}.info-item strong{color:var(--text-dark);font-size:.9rem}.info-item span{color:var(--text-light)}.message-content{background:var(--background-light);border-radius:var(--border-radius);border-left:4px solid var(--secondary-color);padding:1rem;line-height:1.6}.appointment-actions{background:var(--background-light);flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:2rem;padding:2rem;display:flex}.inline-form{display:inline}.appointment-actions .btn{white-space:nowrap;flex-shrink:0;min-width:auto}.status-note{color:var(--text-light);flex-shrink:0;align-items:center;gap:.75rem;max-width:300px;display:flex}.status-note.confirmed{color:var(--secondary-color)}.status-note i{flex-shrink:0;margin-top:.125rem;font-size:1rem}.status-note p{margin:0;font-size:.9rem;line-height:1.4}.contact-help{background:var(--background-light);border-radius:var(--border-radius);text-align:center;margin-top:2rem;padding:2rem}.contact-help h4{color:var(--primary-color);margin-bottom:1rem}.contact-options{justify-content:center;gap:2rem;margin-top:1.5rem;display:flex}.contact-option{color:var(--primary-color);transition:var(--transition);align-items:center;gap:.5rem;font-weight:500;text-decoration:none;display:flex}.contact-option:hover{color:var(--secondary-color)}.alert{border-radius:var(--border-radius);border:1px solid;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.alert-error{color:#dc2626;background-color:#fee2e2;border-color:#fecaca}.alert i{font-size:1.1rem}@media (max-width:768px){.status-content{grid-template-columns:1fr;gap:2rem}.appointment-header{text-align:center;flex-direction:column;gap:1rem}.info-grid{grid-template-columns:1fr}.appointment-actions{text-align:center;flex-direction:column;align-items:center;gap:1.5rem}.status-note{text-align:center;align-items:center;max-width:100%}.status-note p{font-size:.85rem}.contact-options{flex-direction:column;gap:1rem}}