#screenSettingsHighLevel .settings-panel-body{display:grid;gap:12px;max-width:720px;margin:0 auto}
.hl-card{background:linear-gradient(155deg,rgba(var(--wheat-rgb),.075),rgba(var(--wheat-rgb),.035));border:1px solid rgba(var(--wheat-rgb),.16);border-radius:14px;padding:16px;color:var(--cream);box-shadow:0 10px 30px rgba(0,0,0,.12)}
.hl-card>strong{display:block;font-family:'Bebas Neue',Impact,sans-serif;font-size:1.16rem;letter-spacing:1.4px;color:var(--wheat)}
.hl-card p{font-size:.78rem;line-height:1.5;color:rgba(var(--wheat-rgb),.68);margin:7px 0 14px}
.hl-status{display:flex;align-items:center;gap:8px;margin-bottom:7px}
.hl-status strong{font-family:'Bebas Neue',Impact,sans-serif;font-size:1.16rem;letter-spacing:1.3px}
.hl-status>span:last-child{margin-left:auto;font-size:.72rem;color:rgba(var(--wheat-rgb),.62)}
.hl-dot{width:10px;height:10px;border-radius:50%;background:#956b6b;box-shadow:0 0 0 4px rgba(149,107,107,.15)}
.hl-status.connected .hl-dot{background:var(--sage);box-shadow:0 0 0 4px rgba(123,154,118,.16)}
.hl-security,.hl-error{font-size:.72rem;line-height:1.4;border-radius:9px;padding:10px 11px;margin:8px 0 12px}
.hl-security{background:rgba(var(--wheat-rgb),.06);color:rgba(var(--wheat-rgb),.66)}
.hl-error{background:rgba(176,62,48,.14);border:1px solid rgba(176,62,48,.35);color:#f1b0a6}
.hl-primary,.hl-secondary{width:100%;margin-top:6px;min-height:46px}
.hl-flow{display:grid;gap:8px}
.hl-flow>div{padding-left:22px;position:relative;font-size:.78rem;color:rgba(var(--wheat-rgb),.74)}
.hl-flow>div:before{content:'✓';position:absolute;left:0;color:var(--sage);font-weight:900}
.hl-meta{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px 12px;font-size:.73rem;padding:10px 0}
.hl-meta span{color:rgba(var(--wheat-rgb),.5)}
.hl-meta strong{font-weight:700;overflow-wrap:anywhere}
.hl-map-row{display:grid;grid-template-columns:minmax(100px,.7fr) minmax(0,1.3fr);align-items:center;gap:10px;margin:9px 0}
.hl-map-row span{font-size:.76rem;color:rgba(var(--wheat-rgb),.75)}
.hl-map-row select,#hl_pipeline{width:100%;min-width:0;border-radius:9px;border:1px solid rgba(var(--wheat-rgb),.22);background:var(--ink);color:var(--cream);padding:10px;font-size:.78rem}
.hl-danger{border-color:rgba(176,62,48,.3)}
.hl-loading{text-align:center;color:rgba(var(--wheat-rgb),.68);font-size:.8rem}
@media(max-width:520px){.hl-map-row{grid-template-columns:1fr}.hl-card{padding:14px}.hl-status{flex-wrap:wrap}.hl-status>span:last-child{width:100%;margin-left:18px}}