@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

#propteach-widget, #propteach-widget-results {
    --primary: var(--propteach-primary, #4F46E5);
    --primary-hover: var(--propteach-primary-hover, #4338CA);
    --title-color: var(--propteach-title, #111827);
    --text-color: var(--propteach-text, #6B7280);
    --widget-bg: var(--propteach-widget-bg, #FFFFFF);
    --autocomplete-bg: var(--propteach-autocomplete-bg, #FFFFFF);
    --hint-color: var(--propteach-hint, #FFFFFF);
    --success:#10B981; --success-bg:#D1FAE5; --warning:#F59E0B; --warning-bg:#FEF3C7; --danger:#EF4444; --danger-bg:#FEE2E2;
    --radius-lg:16px; --radius-md:12px; --shadow-lg:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
    font-family:'Plus Jakarta Sans',Arial,sans-serif; color:var(--title-color); width:100%; text-align:left;
}
#propteach-widget *, #propteach-widget-results *{box-sizing:border-box}
#propteach-widget .widget-container{background:var(--widget-bg); width:100%; max-width:650px; padding:40px; border-radius:var(--radius-lg); box-shadow:var(--shadow-lg); position:relative; overflow:visible}
#propteach-widget .widget-container::before{content:''; position:absolute; top:0; left:0; width:100%; height:6px; background:linear-gradient(90deg,var(--primary),#EC4899)}
#propteach-widget .header{text-align:center; margin-bottom:32px}
#propteach-widget .badge-trust{display:inline-flex; background:#F3F4F6; color:var(--text-color); padding:4px 12px; border-radius:20px; font-size:12px; font-weight:600; margin-bottom:16px}
#propteach-widget h2{margin:0 0 12px; font-size:28px; font-weight:800; color:var(--title-color)}
#propteach-widget p, .agent-info p{margin:0; color:var(--text-color); font-size:15px}
#propteach-widget .search-box{position:relative; margin-bottom:10px; overflow:visible!important; z-index:120}
#propteach-widget .search-box input{
    width:100%; padding:16px 20px 16px 48px; border:2px solid #E5E7EB; border-radius:var(--radius-md); font-size:16px; font-weight:500;
    background:#F9FAFB; color:var(--title-color); margin:0; box-shadow:0 10px 20px rgba(0,0,0,.08)
}
#propteach-widget .search-box input:focus{border-color:var(--primary); background:#fff; outline:none; box-shadow:0 0 0 4px rgba(79,70,229,.12)}
#propteach-widget .search-icon{position:absolute; left:18px; top:50%; transform:translateY(-50%); color:#9CA3AF}
#propteach-widget .hint{font-size:13px; color:var(--hint-color)!important; display:block; min-height:20px}
#propteach-widget .autocomplete-list{
    position:absolute; top:calc(100% + 8px); left:0; right:0; background:var(--autocomplete-bg)!important; background-color:var(--autocomplete-bg)!important;
    border:1px solid #E5E7EB; border-radius:var(--radius-md); z-index:99999; max-height:320px; overflow-y:auto;
    box-shadow:0 18px 40px rgba(0,0,0,.14); display:none; opacity:1!important
}
#propteach-widget .autocomplete-item{padding:14px 20px; cursor:pointer; border-bottom:1px solid #F3F4F6; background:var(--autocomplete-bg)!important}
#propteach-widget .autocomplete-item:hover{background:#EEF2FF!important}
#propteach-widget .autocomplete-item strong{color:var(--primary); font-size:15px}
#propteach-widget .autocomplete-item span{color:var(--text-color); font-size:13px; display:block; margin-top:4px}
.result-card{background:#fff; border-radius:var(--radius-md); margin-top:20px}
.status-banner{padding:16px 20px; border-radius:var(--radius-md) var(--radius-md) 0 0; display:flex; align-items:center; gap:12px; font-weight:700; font-size:15px}
.status-valid{background:var(--success-bg); color:var(--success)}
.status-warning{background:var(--warning-bg); color:#B45309}
.status-danger{background:var(--danger-bg); color:var(--danger)}
.result-body{border:1px solid #E5E7EB; border-top:none; padding:24px; border-radius:0 0 var(--radius-md) var(--radius-md)}
.agent-info h3{margin:0 0 4px; font-size:20px; color:var(--title-color)}
.action-primary{display:block; width:100%; padding:16px; background:var(--primary); color:#fff; text-align:center; text-decoration:none; font-size:16px; font-weight:700; border-radius:var(--radius-md); margin-top:24px}
.action-primary:hover{background:var(--primary-hover); color:#fff}
.secondary-actions{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:22px}
.btn-outline{display:inline-flex; justify-content:center; align-items:center; gap:6px; padding:14px 16px; font-size:14px; font-weight:700; color:#111827; text-decoration:none; background:#fff; border:2px solid #E5E7EB; border-radius:12px; box-shadow:0 10px 20px rgba(17,24,39,.08)}
.btn-outline:hover{background:var(--primary); border-color:var(--primary); color:#fff}
.propteach-result-placeholder{background:#fff; border:1px solid #E5E7EB; border-radius:18px; padding:28px; color:var(--text-color); box-shadow:0 12px 30px rgba(0,0,0,.08)}
.propteach-widget-search-only .widget-container{max-width:100%; padding:0; background:transparent; box-shadow:none; border-radius:0}
.propteach-widget-search-only .widget-container::before{display:none}
.propteach-widget-search-only .hint{text-align:left; margin-top:10px; padding-left:2px}
@media (max-width:767px){.secondary-actions{grid-template-columns:1fr} #propteach-widget .widget-container{padding:24px}}

/* v3.1.3 - correctif ciblé z-index autocomplete */
#propteach-widget,
#propteach-widget-results {
    position: relative;
    z-index: 30;
    isolation: isolate;
}

#propteach-widget .widget-container,
#propteach-widget-results .widget-container {
    position: relative;
    overflow: visible !important;
    z-index: 31;
}

#propteach-widget .search-box,
#propteach-widget-results .search-box {
    position: relative;
    overflow: visible !important;
    z-index: 32;
}

#propteach-widget .autocomplete-list,
#propteach-widget-results .autocomplete-list {
    position: absolute;
    z-index: 2147483647 !important;
    background: var(--autocomplete-bg, #FFFFFF) !important;
    background-color: var(--autocomplete-bg, #FFFFFF) !important;
    opacity: 1 !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.18) !important;
    transform: translateZ(0);
    will-change: transform;
}

#propteach-widget .autocomplete-item,
#propteach-widget-results .autocomplete-item {
    position: relative;
    z-index: 1;
}