/* Resident Help & maintenance: readable forms and clear request progress. */
#section-maintenance{font:16px/1.6 var(--font-body);color:var(--dark)}
#section-maintenance [hidden]{display:none!important}
#section-maintenance>.page-header{height:auto;min-height:0;max-width:1256px;margin:auto;padding:44px 44px 12px;border:0;background:none;gap:24px}
#section-maintenance>.page-header h2{font:500 44px/1.15 var(--font-heading);letter-spacing:-.015em;text-transform:none;color:var(--dark)}
#section-maintenance .breadcrumb{font:500 12px/1.5 var(--font-body);letter-spacing:.1em;color:var(--resident-soft);margin-bottom:10px}
#section-maintenance .maintenance-page-description{font:400 15px/1.6 var(--font-body);color:var(--resident-soft);margin-top:12px;max-width:560px}
#section-maintenance>.page-content{max-width:1256px;margin:auto;padding:24px 44px 80px}
#section-maintenance :is(.btn,button){font-family:var(--font-body);letter-spacing:0;text-transform:none}
#section-maintenance .btn{min-height:46px;padding:12px 16px;border-radius:8px;font:500 14px/1.5 var(--font-body)}
#section-maintenance .btn-primary{background:var(--dark);color:var(--ivory);border:1px solid var(--dark)}
#section-maintenance .btn-ghost{background:none;border:1px solid var(--resident-line);color:var(--dark)}
#section-maintenance .maintenance-new-request-button{flex-shrink:0}
#section-maintenance :is(#maintenanceList,#maintenanceDetail){max-width:920px;margin:auto}
#section-maintenance .maintenance-list-title{font:500 28px/1.3 var(--font-heading);letter-spacing:0;text-transform:none}
#section-maintenance .maintenance-list-count{font:400 13px/1.5 var(--font-body);letter-spacing:0;text-transform:none;color:var(--resident-soft)}
#section-maintenance .maintenance-card{background:var(--resident-paper);border:1px solid var(--resident-line);border-radius:12px;padding:24px;margin:0 0 14px;box-shadow:none}
#section-maintenance .maintenance-card-title{font:600 17px/1.5 var(--font-body)}
#section-maintenance .maintenance-card-meta{font:400 13px/1.5 var(--font-body);letter-spacing:0;text-transform:none;color:var(--resident-soft)}
#section-maintenance .maintenance-card-description{font:400 14px/1.6 var(--font-body);color:var(--resident-soft);margin-top:10px}
#section-maintenance .maintenance-card-scheduled{font-size:13px;color:#3e5b3d}
#section-maintenance :is(.maintenance-card-badge,.maintenance-status-badge){font:500 12px/1.5 var(--font-body);letter-spacing:0;text-transform:none;border-radius:20px;padding:5px 10px;white-space:normal;background:#eeeae2;color:#625d55}
#section-maintenance [data-maintenance-status="submitted"],#section-maintenance [data-maintenance-status="open"]{background:#e9eeef;color:#435b65}
#section-maintenance [data-maintenance-status="acknowledged"],#section-maintenance [data-maintenance-status="in_progress"],#section-maintenance [data-maintenance-status="awaiting_parts"]{background:#f2ead9;color:#735f39}
#section-maintenance [data-maintenance-status="scheduled"],#section-maintenance [data-maintenance-status="completed"]{background:#e8efe6;color:#3e5b3d}
#section-maintenance [data-maintenance-urgency]{background:#f4e9e5;color:#81483e}
#section-maintenance .maintenance-history{margin-top:28px;border-top:1px solid var(--resident-line);padding-top:20px}
#section-maintenance .maintenance-history summary{font-size:15px;cursor:pointer;margin-bottom:18px}
#section-maintenance #newRequestForm{max-width:760px;margin:auto}
#section-maintenance :is(#maintenanceRequestForm,.maintenance-detail-card,.maintenance-timeline-card,#ratingFormContainer>.card){padding:28px;background:var(--resident-paper);border:1px solid var(--resident-line);border-radius:14px;box-shadow:none}
#section-maintenance :is(.maintenance-form-heading,.maintenance-detail-title,.maintenance-timeline-heading){font:500 29px/1.3 var(--font-heading);letter-spacing:0;text-transform:none;margin:0 0 12px}
#section-maintenance .maintenance-form-intro{font-size:14px;line-height:1.6;color:var(--resident-soft);margin-bottom:22px}
#section-maintenance :is(.form-label,.caption){font:500 13px/1.5 var(--font-body);letter-spacing:0;text-transform:none;color:var(--resident-soft)}
#section-maintenance :is(.form-input,.form-select,.form-textarea){width:100%;min-height:52px;font:400 16px/1.5 var(--font-body);padding:12px 14px;border:1px solid var(--resident-line);border-radius:8px;background:var(--resident-paper);color:var(--dark)}
#section-maintenance .form-select{appearance:none;-webkit-appearance:none;padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23625d55' stroke-width='1.6'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center}
#section-maintenance .form-textarea{min-height:140px;resize:vertical}
#section-maintenance .form-group{margin-bottom:22px}
#section-maintenance .maintenance-form-actions{gap:12px;flex-wrap:wrap;margin-top:26px}
#section-maintenance .maintenance-safety-note{font-size:13px;border-radius:8px;background:#f5eeea;line-height:1.6;margin-bottom:24px}
#section-maintenance .maintenance-form-status{border-radius:8px;padding:14px;font-size:14px;color:#81483e;background:#f6eeea}
#section-maintenance #maintenanceCategoryRetry{margin:0 0 18px}
#section-maintenance .maintenance-detail-meta{font-size:12px;line-height:1.6}
#section-maintenance .maintenance-detail-grid{gap:20px;padding:20px 0;border-block:1px solid var(--resident-line);margin-bottom:20px}
#section-maintenance .maintenance-detail-description-copy{font:400 15px/1.7 var(--font-body);white-space:pre-wrap;overflow-wrap:anywhere}
#section-maintenance .maintenance-detail-actions{margin-top:24px}
#section-maintenance .maintenance-timeline-status{font:600 14px/1.5 var(--font-body);letter-spacing:0;text-transform:none}
#section-maintenance .maintenance-timeline-date{font-size:12px}
#section-maintenance .maintenance-timeline-row{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}
#section-maintenance #ratingStars button{min-width:44px;min-height:44px}
#section-maintenance button:disabled,#section-maintenance select:disabled{opacity:.55;cursor:default}
#section-maintenance :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid #7d6943;outline-offset:3px}
@media(max-width:1000px){#section-maintenance>.page-header{padding:32px 26px 10px}#section-maintenance>.page-content{padding:20px 26px 80px}}
@media(max-width:600px){
 #section-maintenance>.page-header{padding:30px 20px 8px;flex-direction:column;align-items:flex-start!important;gap:20px}#section-maintenance>.page-header h2{font-size:38px}
 #section-maintenance>.page-content{padding:22px 20px 110px}#section-maintenance .maintenance-card{padding:20px}
 #section-maintenance .maintenance-card-layout{align-items:flex-start;gap:14px;flex-direction:column}#section-maintenance .maintenance-card-aside{width:100%;justify-content:space-between}#section-maintenance .maintenance-card-badges{flex-wrap:wrap;justify-content:flex-start}
 #section-maintenance :is(#maintenanceRequestForm,.maintenance-detail-card,.maintenance-timeline-card,#ratingFormContainer>.card){padding:22px 18px}
 #section-maintenance .maintenance-detail-header{flex-direction:column}#section-maintenance .maintenance-detail-grid{grid-template-columns:1fr 1fr}
 #section-maintenance .maintenance-form-heading,#section-maintenance .maintenance-detail-title{font-size:27px}
}