/* LeadFlow CRM V7.8 — Customer Portal + After Sales visual layer */
.lf78-admin #wpcontent{background:#f7f8fa}
.lf78-admin .wrap{max-width:1680px}
.lf78-admin h1,.lf78-portal h1{letter-spacing:-.035em;color:#111827}
.lf78-admin h1{font-size:32px}
.lf78-admin h2,.lf78-admin h3{letter-spacing:-.02em;color:#172033}
.lf78-admin .wp-list-table,.lf78-admin table.widefat{
 border:1px solid #e5e8ee;border-radius:16px;overflow:hidden;background:#fff;
 box-shadow:0 5px 20px rgba(15,23,42,.035)
}
.lf78-admin .wp-list-table th,.lf78-admin .wp-list-table td,.lf78-admin table.widefat th,.lf78-admin table.widefat td{padding:13px 15px}
.lf78-admin .wp-list-table thead th,.lf78-admin table.widefat thead th{
 background:#f8fafc;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.06em
}
.lf78-admin input[type=text],.lf78-admin input[type=email],.lf78-admin input[type=number],
.lf78-admin input[type=date],.lf78-admin input[type=datetime-local],.lf78-admin select,.lf78-admin textarea,
.lf78-portal input[type=text],.lf78-portal input[type=email],.lf78-portal select,.lf78-portal textarea{
 border-radius:10px!important;border-color:#dfe4eb;box-shadow:none
}
.lf78-admin .button,.lf78-admin .button-primary{border-radius:10px!important;box-shadow:none}
.lf78-admin .button-primary,.lf78-portal .button-primary{
 box-shadow:0 5px 14px rgba(15,23,42,.10)
}
.lf78-admin .notice{border-radius:12px;border-left-width:3px}

.lf78-admin .lf-after-sales-card,.lf78-admin .lf-after-sales-item,
.lf78-admin .lf-renewal-card,.lf78-admin .lf-maintenance-card{
 background:#fff;border:1px solid #e5e8ee;border-radius:16px;
 box-shadow:0 4px 16px rgba(15,23,42,.04);transition:transform .16s ease,box-shadow .16s ease
}
.lf78-admin .lf-after-sales-card:hover,.lf78-admin .lf-after-sales-item:hover,
.lf78-admin .lf-renewal-card:hover,.lf78-admin .lf-maintenance-card:hover{
 transform:translateY(-1px);box-shadow:0 9px 22px rgba(15,23,42,.075)
}
.lf78-admin .lf-status,.lf78-admin .status,.lf78-admin .badge,
.lf78-portal .lf-status,.lf78-portal .status,.lf78-portal .badge{
 display:inline-flex;align-items:center;gap:5px;border-radius:999px!important;
 padding:5px 10px!important;font-size:11px;font-weight:750;line-height:1.2
}
.lf78-admin .lf-after-sales-header,.lf78-admin .lf-maintenance-header{
 padding:18px 20px;border-bottom:1px solid #edf0f4
}
.lf78-admin .lf-after-sales-meta,.lf78-admin .lf-maintenance-meta{color:#64748b;font-size:12px}
.lf78-admin .lf-after-sales-actions{display:flex;gap:8px;flex-wrap:wrap}
.lf78-admin .lf-after-sales-grid,.lf78-admin .lf-maintenance-grid{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px
}
.lf78-admin .lf-followup-box{
 padding:16px;border:1px solid #e5e8ee;border-radius:14px;background:#f8fafc
}
.lf78-admin .lf-followup-box strong{display:block;font-size:20px;letter-spacing:-.025em;color:#111827}
.lf78-admin .lf-followup-timeline{border-left:2px solid #e5e8ee;padding-left:18px}
.lf78-admin .lf-followup-event{position:relative;padding:4px 0 16px}
.lf78-admin .lf-followup-event:before{
 content:"";position:absolute;left:-25px;top:8px;width:8px;height:8px;border-radius:50%;
 background:#fff;border:2px solid #64748b
}

/* Customer-facing portal: intentionally independent from WP admin chrome */
.lf78-portal{background:#f7f8fa;color:#172033}
.lf78-portal .site-content,.lf78-portal .entry-content{max-width:1180px;margin:0 auto}
.lf78-portal .leadflow-portal,.lf78-portal .lf-portal,.lf78-portal .leadflow-customer-portal{
 max-width:1180px;margin:30px auto;padding:0 18px
}
.lf78-portal .lf-portal-header,.lf78-portal .leadflow-portal-header{
 background:#fff;border:1px solid #e5e8ee;border-radius:20px;padding:24px 26px;
 box-shadow:0 7px 25px rgba(15,23,42,.045);margin-bottom:16px
}
.lf78-portal .lf-portal-grid,.lf78-portal .leadflow-portal-grid{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px
}
.lf78-portal .lf-portal-card,.lf78-portal .leadflow-portal-card{
 background:#fff;border:1px solid #e5e8ee;border-radius:16px;padding:18px;
 box-shadow:0 4px 16px rgba(15,23,42,.04);margin-bottom:12px
}
.lf78-portal .lf-portal-card h2,.lf78-portal .leadflow-portal-card h2{margin-top:0;letter-spacing:-.02em}
.lf78-portal .lf-portal-meta,.lf78-portal .leadflow-portal-meta{font-size:12px;color:#64748b}
.lf78-portal .lf-portal-actions,.lf78-portal .leadflow-portal-actions{display:flex;gap:8px;flex-wrap:wrap}
.lf78-portal .lf-portal-status{margin-left:6px}
.lf78-portal .button,.lf78-portal .button-primary,.lf78-portal button{
 border-radius:10px!important
}
@media(max-width:900px){
 .lf78-admin .lf-after-sales-grid,.lf78-admin .lf-maintenance-grid,
 .lf78-portal .lf-portal-grid,.lf78-portal .leadflow-portal-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
 .lf78-admin .wrap{padding-right:10px}
 .lf78-admin h1{font-size:26px}
 .lf78-admin .wp-list-table,.lf78-admin table.widefat{display:block;overflow-x:auto}
 .lf78-admin .lf-after-sales-grid,.lf78-admin .lf-maintenance-grid,
 .lf78-portal .lf-portal-grid,.lf78-portal .leadflow-portal-grid{grid-template-columns:1fr}
 .lf78-portal .leadflow-portal,.lf78-portal .lf-portal{margin-top:16px;padding:0 10px}
 .lf78-portal .lf-portal-header,.lf78-portal .leadflow-portal-header{padding:18px;border-radius:16px}
}