:root{
  --navy:#0B2545; --blue:#1E6FB0; --blue2:#0247A4; --bright:#2796EB;
  --ink:#0f1729; --muted:#5A6B82; --line:#E3EAF3; --line2:#EEF2F8;
  --bg:#F4F8FC; --wa:#25D366; --ok:#1FA855; --pale:#EAF3FB;
  --r:14px; --rs:10px;
}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:"Plus Jakarta Sans",-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:15px;line-height:1.5}
button{font-family:inherit;cursor:pointer}
a{color:var(--blue)}
.app{display:flex;min-height:100vh;flex-direction:column}
/* header */
header.top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:12px 20px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--navy);font-size:18px;letter-spacing:-.02em}
.brand .tld{color:var(--blue)}
.brand-badge{font-size:11px;font-weight:700;color:var(--blue);background:var(--pale);border:1px solid #CFE2F4;padding:3px 9px;border-radius:999px;letter-spacing:.02em}
.top-right{margin-left:auto;display:flex;align-items:center;gap:10px}
.role-wrap{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}
select,input,textarea{font-family:inherit;font-size:14px;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:#fff;width:100%}
select{width:auto}
.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--blue);background:var(--blue);color:#fff;font-weight:700;font-size:14px;padding:9px 16px;border-radius:10px;transition:.12s}
.btn:hover{background:var(--blue2);border-color:var(--blue2)}
.btn.ghost{background:#fff;color:var(--blue)}
.btn.ghost:hover{background:var(--pale)}
.btn.wa{background:var(--wa);border-color:var(--wa)}
.btn.wa:hover{background:var(--ok);border-color:var(--ok)}
.btn.sm{padding:6px 12px;font-size:13px}
.btn.danger{background:#fff;color:#B42318;border-color:#F1C6C0}
.btn.danger:hover{background:#FDF1EF}
/* body layout */
.main{display:flex;flex:1;min-height:0}
nav.side{width:280px;flex-shrink:0;border-right:1px solid var(--line);background:#fff;padding:16px 12px;overflow:auto}
nav.side .grp{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#9AA7B8;margin:14px 10px 6px}
nav.side button.step{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:none;background:none;color:var(--ink);padding:9px 10px;border-radius:9px;font-size:14px;font-weight:600}
nav.side button.step:hover{background:var(--bg)}
nav.side button.step.active{background:var(--pale);color:var(--blue2)}
nav.side button.step .n{flex-shrink:0;width:24px;height:24px;border-radius:7px;background:var(--bg);color:var(--muted);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
nav.side button.step.active .n{background:var(--blue);color:#fff}
nav.side button.step.done .n{background:var(--ok);color:#fff}
.content{flex:1;overflow:auto;padding:28px 36px}
.panel{max-width:920px;margin:0 auto}
.panel h1{font-size:26px;color:var(--navy);margin:0 0 4px;letter-spacing:-.02em}
.panel .lead{color:var(--muted);margin:0 0 22px;font-size:15px;max-width:680px;line-height:1.6}
.eyebrow{display:inline-block;font-size:12px;font-weight:800;color:var(--blue);background:var(--pale);padding:4px 11px;border-radius:999px;margin-bottom:12px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px;margin-bottom:18px;box-shadow:0 1px 2px rgba(15,23,41,.04)}
.card h3{margin:0 0 12px;font-size:16px;color:var(--navy)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
.grid2 .card,.grid3 .card{margin-bottom:0;height:100%}
.field{margin-bottom:10px}
.field label{display:block;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:4px}
.row-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.row-actions+.note{margin-top:12px}
.note{background:var(--pale);border:1px solid #D5E6F6;border-radius:10px;padding:12px 14px;color:#1c3a5e;font-size:13.5px}
.note.amber{background:#FFF8E6;border-color:#F2E2B3;color:#5b4708}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.kpi{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px}
.kpi .v{font-size:26px;font-weight:800;color:var(--navy)}
.kpi .l{font-size:12px;color:var(--muted);margin-top:2px}
table{width:100%;border-collapse:collapse;font-size:13.5px}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line2)}
th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#9AA7B8}
.pill{display:inline-block;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px}
.pill.advies{background:#E7F0FB;color:var(--blue2)}
.pill.interesse{background:#E9F7EF;color:#1b7a43}
.pill.zoekprofiel{background:#FBF0E6;color:#8a5a18}
.pill.status{background:#EEF2F8;color:var(--muted)}
.muted{color:var(--muted)}
.empty{color:#9AA7B8;font-style:italic;padding:14px 0}
.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:18px}
.nav-foot{display:flex;justify-content:space-between;align-items:center;margin-top:28px;padding-top:18px;border-top:1px solid var(--line);gap:10px}
/* phone mock */
.phone{width:300px;margin:0 auto;border:10px solid #11202f;border-radius:34px;background:#fff;overflow:hidden;box-shadow:0 20px 50px rgba(15,23,41,.18)}
.phone .scr{padding:0}
.phone .bar{background:#0F1B2A;color:#cfe0f0;font-size:11px;padding:6px 14px;display:flex;justify-content:space-between}
.phone .photo{height:120px;background:linear-gradient(135deg,#2796EB,#0247A4);display:flex;align-items:flex-end;color:#fff;padding:10px 14px;font-weight:700;font-size:13px}
.phone .pad{padding:14px}
.phone .addr{font-weight:800;color:var(--navy);font-size:15px}
.phone .sub{color:var(--muted);font-size:12px;margin-bottom:12px}
.adv-card{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:14px}
.adv-card .av{width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,#2796EB,#0247A4);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;flex-shrink:0;overflow:hidden}
.adv-card .av img{width:100%;height:100%;object-fit:cover}
.adv-card .nm{font-weight:700;font-size:13px;color:var(--navy)}
.adv-card .rl{font-size:11px;color:var(--muted)}
.adv-card .wa{margin-left:auto;width:32px;height:32px;border-radius:9px;background:var(--wa);display:flex;align-items:center;justify-content:center}
.q-title{font-weight:800;color:var(--navy);font-size:13px;margin-bottom:8px}
.choice{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:11px;padding:11px 12px;margin-bottom:8px;cursor:pointer;transition:.12s;background:#fff;width:100%;text-align:left}
.choice:hover{border-color:var(--blue);background:var(--pale)}
.choice .ic{width:30px;height:30px;border-radius:8px;background:var(--pale);color:var(--blue);display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0}
.choice .ct{font-weight:700;font-size:13px;color:var(--navy)}
.choice .cs{font-size:11px;color:var(--muted)}
.choice .ar{margin-left:auto;color:#c2cede}
.anon{text-align:center;font-size:11px;color:var(--muted);margin-top:6px}
.qr-box{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.qr-img{width:200px;height:200px;border:1px solid var(--line);border-radius:14px;padding:10px;background:#fff;display:flex;align-items:center;justify-content:center}
.qr-img img,.qr-img svg{width:100%;height:100%}
.notif{border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:12px;background:#fff}
.notif .hd{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px;color:var(--navy);margin-bottom:6px}
.notif .chan{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}
.chan.email{background:#E7F0FB;color:var(--blue2)} .chan.whatsapp{background:#E9F7EF;color:#1b7a43} .chan.dashboard{background:#EEF2F8;color:var(--muted)}
.notif pre{white-space:pre-wrap;font-family:inherit;font-size:13px;color:var(--ink);background:var(--bg);border-radius:8px;padding:10px;margin:0}
.toggle{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:8px 10px;background:#fff}
.bigmsg{background:linear-gradient(135deg,#0B2545,#0247A4);color:#fff;border-radius:16px;padding:22px 26px;margin-bottom:20px}
.bigmsg .k{font-size:19px;font-weight:800;line-height:1.4}
.bigmsg .s{opacity:.85;margin-top:8px;font-size:14px}
.flag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--ok)}
@media(max-width:880px){nav.side{display:none}.content{padding:18px}.grid2,.grid3,.kpi-grid{grid-template-columns:1fr 1fr}}
/* ============================================================
   Productiegetrouwe demo, nieuwe modules (v5.11.0)
   ============================================================ */

/* statuspillen */
.lpd-pill{display:inline-block;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;line-height:1.4;white-space:nowrap}
.lpd-pill.new{background:#E7F0FB;color:#1E6FB0}
.lpd-pill.beh{background:#FDF0DC;color:#B26A00}
.lpd-pill.ok{background:#E4F6EC;color:#1FA855}
.lpd-pill.no{background:#FBE6E6;color:#C8372D}
.lpd-pill.bvk{background:#D7F2E7;color:#0E8A5F}
.lpd-pill.req{background:#FFF3DC;color:#B8791A}
.lpd-bzv-req{background:#FFF8EC;border:1px solid #F4D9A6;border-left:3px solid #E0A23C;border-radius:8px;padding:11px 13px;margin:0 0 12px}
.lpd-bzv-req b{display:block;color:#9A6614;font-size:13px;margin-bottom:3px}
.lpd-bzv-req div{color:#6B5526;font-size:12.5px;line-height:1.5}

/* lead-detail */
.lpd-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:6px 0 18px}
.lpd-detail-head h1{font-size:26px}
.lpd-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
@media(max-width:820px){.lpd-cols{grid-template-columns:1fr}}
.lpd-kv{width:100%;border-collapse:collapse}
.lpd-kv td{padding:8px 0;border-bottom:1px solid var(--line2);font-size:14px;vertical-align:top}
.lpd-kv td:first-child{color:var(--muted);width:45%}
.lpd-kv td:last-child{font-weight:600;color:var(--ink)}
.lpd-kv tr:last-child td{border-bottom:none}

/* tijdlijn */
.lpd-timeline{list-style:none;margin:0;padding:0}
.lpd-timeline li{position:relative;display:flex;gap:12px;padding:0 0 16px 4px}
.lpd-timeline li:last-child{padding-bottom:0}
.lpd-timeline .tldot{flex:0 0 auto;width:11px;height:11px;border-radius:50%;background:var(--blue);margin-top:4px;position:relative}
.lpd-timeline li:not(:last-child) .tldot::after{content:"";position:absolute;left:50%;top:14px;transform:translateX(-50%);width:2px;height:calc(100% + 16px);background:var(--line)}
.lpd-timeline .tla{font-weight:600;font-size:14px}
.lpd-timeline .tlm{font-size:12px;color:var(--muted);margin-top:1px}

/* documenten */
.lpd-doc{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:10px;margin-bottom:8px;font-size:14px}
.lpd-doc:last-child{margin-bottom:0}

/* tabs (rapportage) */
.lpd-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 16px}
.lpd-tabs button{border:1px solid var(--line);background:#fff;color:var(--muted);font-weight:700;font-size:13px;padding:8px 16px;border-radius:999px;transition:.12s}
.lpd-tabs button:hover{border-color:var(--blue);color:var(--blue)}
.lpd-tabs button.on{background:var(--blue);border-color:var(--blue);color:#fff}

/* horizontale balken (herkomst) */
.lpd-hbars{display:flex;flex-direction:column;gap:12px}
.lpd-hbar{display:grid;grid-template-columns:130px 1fr 36px;align-items:center;gap:12px}
.lpd-hbar .hl{font-size:13px;color:var(--ink);font-weight:600}
.lpd-hbar .ht{height:14px;background:var(--line2);border-radius:999px;overflow:hidden}
.lpd-hbar .hf{display:block;height:100%;border-radius:999px}
.lpd-hbar .hv{font-size:13px;font-weight:700;text-align:right;color:var(--ink)}

/* workflow */
.lpd-flow{list-style:none;margin:0;padding:0;counter-reset:none}
.lpd-flow li{position:relative;display:flex;gap:14px;align-items:flex-start;padding:0 0 18px}
.lpd-flow li:last-child{padding-bottom:0}
.lpd-flow .num{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--blue);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:15px;position:relative;z-index:1}
.lpd-flow li:not(:last-child) .num::after{content:"";position:absolute;left:50%;top:34px;transform:translateX(-50%);width:2px;height:calc(100% - 18px);background:var(--line)}
.lpd-flow .fa{font-weight:700;font-size:15px;margin-top:5px}
.lpd-flow .fm{font-size:13px;color:var(--muted);margin-top:2px}

/* rechtenmatrix */
.lpd-matrix{width:100%;border-collapse:collapse;font-size:14px;min-width:520px}
.lpd-matrix th,.lpd-matrix td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line2)}
.lpd-matrix thead th{background:var(--pale);color:var(--navy);font-weight:700;font-size:13px}
.lpd-matrix th:not(:first-child),.lpd-matrix td:not(:first-child){text-align:center}
.lpd-matrix td:first-child{font-weight:600}
.lpd-matrix .yes{color:var(--ok);font-weight:800}
.lpd-matrix .no{color:#C8372D;font-weight:800}
.lpd-matrix .lim{display:inline-block;font-size:11px;font-weight:700;color:#B26A00;background:#FDF0DC;padding:2px 8px;border-radius:999px}

/* rol-kaarten */
.lpd-role{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:560px){.lpd-role{grid-template-columns:1fr}}
.lpd-role .rh{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}
.lpd-role .rh.ok{color:var(--ok)}
.lpd-role .rh.no{color:#C8372D}
.lpd-role ul{margin:0;padding-left:18px}
.lpd-role li{font-size:13.5px;margin-bottom:4px}

/* wa-actieknop binnen detail */
.btn.wa{background:var(--wa);border-color:var(--wa);color:#fff}
.btn.wa:hover{filter:brightness(.95)}
/* v5.12.0: extra statuskleuren */
.lpd-pill.fac{background:#CFFAFE;color:#0E7490}
.lpd-pill.gone{background:#EEF2F7;color:#64748B}

/* ---- Stap 2: client-side upload + merkkleur (v5.21.0) ---- */
.lpd-upload{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.lpd-up-thumb{width:46px;height:46px;border-radius:9px;flex:0 0 auto;overflow:hidden;border:1px solid var(--line);background:#F0F4F9;display:flex;align-items:center;justify-content:center;font-size:10px;color:#9DB3C9;font-weight:700}
.lpd-up-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.lpd-up-thumb.empty{text-transform:uppercase;letter-spacing:.04em}
.lpd-url{width:100%;border:1px solid var(--line);border-radius:9px;padding:8px 11px;font-size:13px;color:var(--ink);box-sizing:border-box}
.lpd-url:focus{outline:none;border-color:var(--blue)}
.lpd-swatches{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.lpd-swatch{width:28px;height:28px;border-radius:8px;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);cursor:pointer;padding:0;transition:transform .12s}
.lpd-swatch:hover{transform:scale(1.08)}
.lpd-swatch.on{box-shadow:0 0 0 2px var(--navy)}
.lpd-swatch-pick{position:relative;width:28px;height:28px;border-radius:8px;border:1px dashed #C7D6E6;display:flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer;font-weight:700}
.lpd-swatch-pick input{position:absolute;inset:0;opacity:0;cursor:pointer}
.lpd-auto{font-size:12px;font-weight:700;color:var(--blue)}

/* v5.27.4, zoekvariabelen-bestand + selectie/broadcast in lead-detail */
.lpd-spec{margin:0;padding:12px 14px;background:#0f172a;color:#e2e8f0;border-radius:10px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;line-height:1.55;overflow-x:auto;white-space:pre}
.lpd-sel{border:1px solid var(--line);border-left:3px solid #1aa179;border-radius:10px;padding:9px 11px;margin-bottom:8px}
.lpd-sel-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.lpd-sel-a{font-weight:700;font-size:13px;flex:1 1 auto;color:var(--navy)}
.lpd-sel-m{font-size:12px;color:var(--muted)}
.lpd-sel-s{background:#E1F5EE;color:#0F6E56;font-size:12px;font-weight:800;padding:2px 8px;border-radius:8px}
.lpd-sel-c{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.lpd-chip{background:#E1F5EE;color:#0F6E56;font-size:11px;padding:2px 7px;border-radius:7px}
.lpd-sel-fail{border-left-color:#DC6803;opacity:.85}
.lpd-sel-x{font-size:12px;color:#B54708;font-weight:700}
.lpd-sel-why{font-size:12px;color:var(--muted);margin-top:5px}
.lpd-bc{display:flex;align-items:center;gap:10px;background:#F4F8FB;border-radius:12px;padding:12px 14px;margin-top:10px}
.lpd-bc-ic{font-size:22px}
.lpd-bc strong{display:block;font-size:13px;color:var(--navy)}
.lpd-bc span{font-size:12px;color:var(--muted)}

/* v5.27.5, geheimhoudings-akkoord in de poort */
.lpgate-nda{text-align:left;background:#F6F9FC;border:1px solid #E3EAF3;border-radius:10px;padding:12px 13px;margin:0 0 14px}
.lpgate-nda-title{font-size:11px;font-weight:800;color:#0B2545;margin:0 0 5px;text-transform:uppercase;letter-spacing:.05em}
.lpgate-nda-text{font-size:11.5px;color:#5A6B82;line-height:1.55;margin:0 0 10px}
.lpgate-nda-check{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:#0B2545;cursor:pointer;text-align:left}
.lpgate .lpgate-nda-check input{width:auto;min-width:0;height:auto;margin:2px 0 0;padding:0;border:0;border-radius:0;box-shadow:none;flex:0 0 auto;accent-color:#1E6FB0}
.lpgate-nda-check span{flex:1 1 auto;min-width:0}
.lpgate-nda-text a{color:#1E6FB0;text-decoration:underline}

/* broadcast-demonstratie (makelaarsdashboard) */
#bc-demo input[type=checkbox]{width:auto;min-width:0;height:auto;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;accent-color:var(--blue);cursor:pointer}
.bc-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 14px}
.bc-bar label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);cursor:pointer}
.bc-bar select{font-size:13px}
.bc-strength{display:inline-block;font-size:12px;font-weight:700;padding:2px 9px;border-radius:7px;white-space:nowrap}
.bc-strength.sterk{background:#E1F5EE;color:#0F6E56}
.bc-strength.redelijk{background:#FAEEDA;color:#854F0B}
.bc-fail{font-size:12px;font-weight:700;color:#B54708}
.bc-done{font-size:12px;font-weight:700;color:#16a34a;white-space:nowrap}
#bc-demo tr.bc-sent{opacity:.5}
#bc-demo tr.bc-out{opacity:.75}

/* rol-laag: wie handelt (woningzoeker, makelaar, adviseur, Leadpin automatisch) */
.rl-tag{display:inline-block;font-size:10.5px;font-weight:700;line-height:1.5;padding:1px 8px;border-radius:999px;letter-spacing:.01em;vertical-align:baseline;white-space:nowrap}
.rl-zoeker{background:#FFF4E5;color:#8A5A00}
.rl-makelaar{background:#E7F5EC;color:#1B7A43}
.rl-adviseur{background:#E8F1FB;color:#1E6FB0}
.rl-leadpin{background:#EEF2F7;color:#475569}
.rl-legend{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 14px}
.rl-legend .rl-cap{font-size:12px;color:#5A6B82;font-weight:600;margin-right:2px}
.lpd-flow .fa .rl-tag{margin-left:6px}

/* responsieve datatabel: op smalle schermen wordt elke rij een kaartje met labels */
@media(max-width:640px){
  .lpd-rtable thead{display:none}
  .lpd-rtable,.lpd-rtable tbody{display:block;width:100%}
  .lpd-rtable tr{display:block;border:1px solid var(--line);border-radius:12px;padding:10px 13px;margin:0 0 10px;background:#fff}
  .lpd-rtable td{display:flex;justify-content:space-between;align-items:center;gap:14px;border:none;padding:5px 0;font-size:14px;text-align:right}
  .lpd-rtable td::before{content:attr(data-label);color:var(--muted);font-size:12px;font-weight:600;text-align:left;flex:0 0 auto}
  .lpd-rtable td.lead-name{display:block;text-align:left;font-size:16px;padding:0 0 8px;margin-bottom:6px;border-bottom:1px solid var(--line2)}
  .lpd-rtable td.lead-name::before{display:none}
  .lpd-rtable td.lead-chev{display:none}
}

/* ── Volledige woningcheck-uitvoer in stap 7 (v5.93.0) ──────────────────────
   De tegels komen uit KMK_LP_PI_Renderer en brengen hun eigen opmaak mee. Hier
   staat alleen de omkadering, zodat het blok binnen de demo-kaart past. */
.wc-output {
  margin: 10px 0 14px;
  padding: 14px;
  background: #f7fafc;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  max-height: 520px;
  overflow-y: auto;
}
.wc-output > * { max-width: 100%; }