/* v3.2.34 - Paso 3 Materiales simplificado */
:root{
  --bg:#020712;--bg2:#071a34;--panel:rgba(8,22,43,.82);--panel2:rgba(255,255,255,.055);
  --text:#f7fbff;--muted:#9db5ce;--blue:#11b7ff;--cyan:#7eeaff;--green:#4ade80;
  --amber:#fbbf24;--red:#fb7185;--line:rgba(255,255,255,.11);--shadow:0 22px 65px rgba(0,0,0,.32);
  --radius:22px;--sidebar:240px;
}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:Segoe UI,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 88% 10%,rgba(17,183,255,.17),transparent 30%),linear-gradient(135deg,var(--bg),var(--bg2)) fixed}
button,input,select,textarea{font:inherit}.app-layout{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:22px 16px;border-right:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(1,5,14,.91),rgba(4,11,23,.84));display:flex;flex-direction:column;gap:18px}.brand{display:flex;align-items:center;gap:10px;padding:6px 4px 12px}.brand img{width:56px;max-height:42px;object-fit:contain;filter:brightness(1.35) contrast(1.18)}.brand span{font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;line-height:1.2}.nav{display:flex;flex-direction:column;gap:8px}.nav small{color:#617891;text-transform:uppercase;letter-spacing:.12em;font-weight:900;margin:12px 8px 4px;font-size:10px}.nav a{min-height:48px;padding:0 14px;border-radius:16px;display:flex;align-items:center;text-decoration:none;color:#e1effd;font-weight:800;border:1px solid transparent}.nav a:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.07)}.nav a.active{background:linear-gradient(180deg,rgba(17,183,255,.14),rgba(17,183,255,.05));border-color:rgba(17,183,255,.22)}
.main{min-width:0;padding:30px 34px 46px}.topbar{max-width:1320px;margin:0 auto 24px;display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.topbar h1{margin:0;font-size:46px;letter-spacing:-1.5px;line-height:1}.topbar p{margin:10px 0 0;color:var(--muted);font-size:15px;max-width:770px}.version{padding:9px 13px;border-radius:999px;border:1px solid rgba(126,234,255,.28);background:rgba(17,183,255,.10);color:var(--cyan);font-size:12px;font-weight:900;white-space:nowrap}.view{max-width:1320px;margin:0 auto}.hidden{display:none!important}
.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:var(--shadow)}.list-panel{padding:24px}.list-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:22px}.list-head h2{margin:0;font-size:26px}.list-head p{margin:5px 0 0;color:var(--muted)}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{border:1px solid rgba(126,234,255,.24);border-radius:14px;min-height:44px;padding:0 17px;background:linear-gradient(135deg,rgba(17,183,255,.23),rgba(8,119,242,.19));color:#fff;font-weight:900;cursor:pointer}.btn:hover{border-color:rgba(126,234,255,.55);transform:translateY(-1px)}.btn.secondary{background:rgba(255,255,255,.045);border-color:var(--line);color:#d9e8f6}.btn.ghost{background:transparent;border-color:transparent;color:#9ec7e7}.btn.danger{background:rgba(251,113,133,.10);border-color:rgba(251,113,133,.28);color:#fecdd3}.btn.success{background:linear-gradient(135deg,rgba(34,197,94,.28),rgba(22,163,74,.18));border-color:rgba(74,222,128,.34)}.btn.small{min-height:36px;padding:0 12px;border-radius:11px;font-size:12px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.filters{display:grid;grid-template-columns:minmax(220px,1fr) 210px auto;gap:12px;margin-bottom:18px}.field{display:grid;gap:7px}.field label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#83a3c0;font-weight:900}.input,.select,.textarea{width:100%;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(1,8,18,.56);color:#fff;min-height:44px;padding:10px 12px;outline:none}.textarea{min-height:100px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:rgba(126,234,255,.55);box-shadow:0 0 0 3px rgba(17,183,255,.10)}.select option{background:#07172b;color:#fff}.costing-list{display:grid;gap:11px}.costing-row{display:grid;grid-template-columns:130px minmax(220px,1.5fr) minmax(180px,1fr) 140px 170px auto;gap:14px;align-items:center;border:1px solid rgba(255,255,255,.085);border-radius:17px;background:rgba(2,9,19,.32);padding:15px}.costing-row:hover{border-color:rgba(126,234,255,.27);background:rgba(8,28,50,.44)}.costing-row strong{display:block}.costing-row span,.costing-row small{color:var(--muted);display:block;margin-top:3px}.row-actions{display:flex;gap:7px}.badge{display:inline-flex!important;width:max-content;padding:5px 9px;border-radius:999px;border:1px solid rgba(126,234,255,.22);background:rgba(17,183,255,.09);color:var(--cyan)!important;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.badge.warn{border-color:rgba(251,191,36,.28);background:rgba(251,191,36,.09);color:#fde68a!important}.badge.good{border-color:rgba(74,222,128,.28);background:rgba(74,222,128,.09);color:#bbf7d0!important}.empty{padding:34px;text-align:center;color:var(--muted);border:1px dashed rgba(255,255,255,.12);border-radius:17px}
.wizard-shell{overflow:hidden}.wizard-header{padding:22px 24px 16px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(17,183,255,.06),transparent)}.wizard-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.wizard-title-row h2{margin:0;font-size:29px}.wizard-title-row p{margin:6px 0 0;color:var(--muted)}.wizard-meta{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.progress-wrap{overflow-x:auto;padding:18px 0 4px}.progress{display:flex;gap:8px;min-width:max-content}.step-chip{display:flex;align-items:center;gap:8px;min-height:39px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:rgba(2,9,19,.32);color:#7895b2;font-size:12px;font-weight:900}.step-chip .n{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.06);font-size:10px}.step-chip.current{border-color:rgba(126,234,255,.47);background:rgba(17,183,255,.13);color:#fff}.step-chip.current .n{background:var(--blue);color:#001522}.step-chip.done{color:#bde8ff;border-color:rgba(17,183,255,.19)}.step-chip.done .n{background:rgba(74,222,128,.18);color:#86efac}.step-chip.omitted{color:#fde68a;border-color:rgba(251,191,36,.19)}
.step-area{padding:26px 26px 18px;min-height:520px}.step-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px}.step-head h3{margin:0;font-size:31px;letter-spacing:-.7px}.step-head p{margin:7px 0 0;color:var(--muted);max-width:800px;line-height:1.5}.step-status{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.choice-strip{display:flex;gap:9px;flex-wrap:wrap}.choice-btn{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035);color:#a8bfd6;min-height:38px;padding:0 13px;font-size:12px;font-weight:900;cursor:pointer}.choice-btn.active{border-color:rgba(126,234,255,.42);background:rgba(17,183,255,.12);color:#fff}.choice-btn.omit.active{border-color:rgba(251,191,36,.36);background:rgba(251,191,36,.09);color:#fde68a}.choice-btn.na.active{border-color:rgba(148,163,184,.3);background:rgba(148,163,184,.08);color:#d5dee8}
.grid{display:grid;gap:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{border:1px solid rgba(255,255,255,.095);border-radius:18px;background:rgba(2,9,19,.30);padding:17px}.card h4{margin:0 0 12px;font-size:18px}.card p{color:var(--muted);line-height:1.45}.card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.card-head .sub{color:var(--muted);font-size:12px;margin-top:4px}.card-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.section-block{margin-top:20px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px}.section-title h4{margin:0;font-size:19px}.section-title span{color:var(--muted);font-size:12px}.summary-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}.summary-item{padding:13px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.025)}.summary-item span{display:block;color:#819fbc;font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:900}.summary-item strong{display:block;margin-top:6px;font-size:18px}.summary-item.total{border-color:rgba(126,234,255,.28);background:rgba(17,183,255,.07)}
.inline-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.check{display:inline-flex;gap:8px;align-items:center;color:#dceaf7;font-size:13px;font-weight:800}.check input{width:17px;height:17px;accent-color:var(--blue)}.switch{position:relative;width:45px;height:25px;display:inline-block}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;inset:0;border-radius:999px;background:#26384b;transition:.2s}.slider:before{content:"";position:absolute;width:19px;height:19px;left:3px;top:3px;border-radius:50%;background:#c5d5e4;transition:.2s}.switch input:checked+.slider{background:#0894d2}.switch input:checked+.slider:before{transform:translateX(20px);background:#fff}.muted{color:var(--muted)}.hint{padding:12px 14px;border-radius:13px;border:1px solid rgba(126,234,255,.13);background:rgba(17,183,255,.055);color:#afd2ec;line-height:1.45;font-size:13px}.warning{padding:12px 14px;border-radius:13px;border:1px solid rgba(251,191,36,.23);background:rgba(251,191,36,.07);color:#fde7a9;line-height:1.45;font-size:13px}.danger-note{border-color:rgba(251,113,133,.25);background:rgba(251,113,133,.07);color:#fecdd3}.ok-note{border-color:rgba(74,222,128,.24);background:rgba(74,222,128,.07);color:#bbf7d0}
.table-wrap{overflow:auto;border:1px solid rgba(255,255,255,.085);border-radius:15px}.data-table{border-collapse:collapse;width:100%;min-width:760px}.data-table th{padding:10px;background:rgba(255,255,255,.045);color:#80a1bf;text-align:left;text-transform:uppercase;letter-spacing:.06em;font-size:10px}.data-table td{padding:10px;border-top:1px solid rgba(255,255,255,.07);vertical-align:top}.data-table .input,.data-table .select{min-height:38px;padding:7px 9px;border-radius:10px}.money{font-variant-numeric:tabular-nums;white-space:nowrap}.material-card{margin-bottom:13px}.material-card.inactive{opacity:.58}.material-main{display:grid;grid-template-columns:minmax(240px,1.4fr) repeat(3,minmax(120px,.6fr)) auto;gap:12px;align-items:center}.material-main strong{font-size:16px}.material-main small{display:block;color:var(--muted);margin-top:4px}.material-stat span{display:block;color:#7e9ab6;font-size:10px;text-transform:uppercase;font-weight:900}.material-stat b{display:block;margin-top:4px}.details{margin-top:14px;border-top:1px solid rgba(255,255,255,.075);padding-top:14px}.details summary{cursor:pointer;color:#bfeaff;font-weight:900}.distribution{display:grid;gap:8px;margin-top:10px}.distribution-row{padding:10px;border-radius:12px;background:rgba(255,255,255,.035);font-size:12px;color:#bfd1e2}.scenario-card.selected{border-color:rgba(126,234,255,.34);box-shadow:0 0 0 2px rgba(17,183,255,.06)}.scenario-result{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:12px}.scenario-result div{padding:10px;border-radius:12px;background:rgba(255,255,255,.03)}.scenario-result span{display:block;color:#7f9ab4;font-size:10px;text-transform:uppercase;font-weight:900}.scenario-result strong{display:block;margin-top:5px;font-size:14px}.advanced-box{border:1px dashed rgba(126,234,255,.22);border-radius:17px;padding:16px;background:rgba(17,183,255,.035)}
.wizard-footer{position:sticky;bottom:0;z-index:20;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:15px 24px;border-top:1px solid var(--line);background:rgba(2,9,19,.94);backdrop-filter:blur(14px)}.footer-left,.footer-right{display:flex;gap:9px;flex-wrap:wrap}.save-state{color:#83a3c0;font-size:12px;align-self:center}.save-state.saving{color:#fde68a}.save-state.saved{color:#86efac}.save-state.error{color:#fda4af}
.review-grid{display:grid;gap:12px}.review-section{border:1px solid rgba(255,255,255,.095);border-radius:16px;background:rgba(2,9,19,.30);padding:15px}.review-section h4{margin:0 0 9px;display:flex;justify-content:space-between;gap:12px}.review-lines{display:grid;gap:7px}.review-line{display:flex;justify-content:space-between;gap:14px;color:#c5d5e4;font-size:13px}.review-line span:last-child{text-align:right;font-weight:800}.warning-list{display:grid;gap:8px}.warning-item{padding:10px 12px;border-radius:12px;border:1px solid rgba(251,191,36,.20);background:rgba(251,191,36,.06);color:#fde8a9;font-size:13px}.warning-item.critical{border-color:rgba(251,113,133,.24);background:rgba(251,113,133,.07);color:#fecdd3}
.modal-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(0,5,13,.78);display:grid;place-items:center;padding:20px}.modal{width:min(980px,100%);max-height:88vh;overflow:auto;border:1px solid rgba(126,234,255,.24);border-radius:23px;background:linear-gradient(155deg,#07182f,#030b18);box-shadow:0 30px 100px rgba(0,0,0,.55);padding:22px}.modal-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:17px}.modal-head h3{margin:0;font-size:25px}.modal-head p{margin:6px 0 0;color:var(--muted)}.modal-close{width:38px;height:38px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.04);color:#fff;cursor:pointer}.product-results{display:grid;gap:9px;margin-top:14px}.product-row{display:grid;grid-template-columns:minmax(220px,1fr) 130px 120px auto;gap:12px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(2,9,19,.35)}.product-row small{display:block;color:var(--muted);margin-top:3px}.price-list{display:grid;gap:8px;margin-top:12px}.price-row{display:grid;grid-template-columns:1fr 1fr 110px 110px auto;gap:10px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.025)}
.toast{position:fixed;right:20px;bottom:20px;z-index:2000;min-width:260px;max-width:430px;padding:13px 15px;border-radius:14px;background:#092039;border:1px solid rgba(126,234,255,.3);box-shadow:0 20px 55px rgba(0,0,0,.45);color:#fff}.toast.error{background:#32111a;border-color:rgba(251,113,133,.4)}
@media(max-width:1100px){.app-layout{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.main{padding:24px 18px 40px}.costing-row{grid-template-columns:120px 1fr 1fr 130px}.costing-row>div:nth-child(5){display:none}.grid.three,.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.material-main{grid-template-columns:1fr 1fr}.scenario-result{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.topbar,.wizard-title-row,.step-head,.list-head{flex-direction:column}.topbar h1{font-size:36px}.list-panel,.step-area{padding:18px}.filters,.grid.two,.grid.three,.grid.four{grid-template-columns:1fr}.costing-row{grid-template-columns:1fr}.costing-row>div:nth-child(5){display:block}.summary-bar,.scenario-result{grid-template-columns:1fr 1fr}.wizard-footer{position:relative;align-items:stretch;flex-direction:column}.footer-left,.footer-right{display:grid;grid-template-columns:1fr}.material-main{grid-template-columns:1fr}.product-row,.price-row{grid-template-columns:1fr}.actions{width:100%}.actions .btn{flex:1}}

/* v3.1.17 - Modo Red: workspace limpio, sin modificar la lógica de Costeo */
html.red-workspace .app-layout{grid-template-columns:1fr!important}
html.red-workspace .sidebar{display:none!important}
html.red-workspace .main{width:100%!important;max-width:none!important;padding-left:28px!important;padding-right:28px!important}
html.red-workspace .topbar,html.red-workspace .view{max-width:1540px!important;width:100%!important}
.red-workspace-back{display:none;align-items:center;justify-content:center;width:max-content;min-height:36px;margin:0 0 10px;padding:0 12px;border:1px solid rgba(126,234,255,.28);border-radius:11px;background:rgba(17,183,255,.09);color:#dff8ff;text-decoration:none;font-size:11px;font-weight:900}
.red-workspace-back:hover{background:rgba(17,183,255,.16)}
html.red-workspace .red-workspace-back{display:inline-flex}
@media(max-width:1100px){html.red-workspace .main{padding-left:16px!important;padding-right:16px!important}}
@media(max-width:720px){html.red-workspace .main{padding-left:10px!important;padding-right:10px!important}.red-workspace-back{min-height:40px;margin-bottom:8px;font-size:12px}}

/* v3.2.31 - Portada simple de Costeo de trabajos */
.costing-home{max-width:1120px!important;padding-top:26px}
.home-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.home-action-card{min-height:210px;padding:28px;border:1px solid rgba(126,234,255,.18);border-radius:24px;background:linear-gradient(155deg,rgba(255,255,255,.07),rgba(255,255,255,.025));color:#fff;text-align:left;display:flex;align-items:center;gap:22px;cursor:pointer;box-shadow:var(--shadow);transition:.18s ease}
.home-action-card:hover{transform:translateY(-2px);border-color:rgba(126,234,255,.46);background:linear-gradient(155deg,rgba(17,183,255,.12),rgba(255,255,255,.035))}
.home-action-card.primary{border-color:rgba(17,183,255,.34);background:linear-gradient(155deg,rgba(17,183,255,.16),rgba(8,119,242,.07))}
.home-action-icon{flex:0 0 68px;width:68px;height:68px;border-radius:20px;display:grid;place-items:center;background:rgba(17,183,255,.13);border:1px solid rgba(126,234,255,.22);color:var(--cyan);font-size:36px;font-weight:300;line-height:1}
.home-action-copy{display:grid;gap:8px}.home-action-copy strong{font-size:25px}.home-action-copy small{color:var(--muted);font-size:14px;line-height:1.45;max-width:360px}
.home-secondary{display:flex;justify-content:flex-end;margin-top:18px}
@media(max-width:720px){.home-actions-grid{grid-template-columns:1fr}.home-action-card{min-height:160px;padding:22px}.home-action-icon{flex-basis:56px;width:56px;height:56px;font-size:30px}.home-action-copy strong{font-size:21px}.home-secondary{justify-content:stretch}.home-secondary .btn{width:100%}}

/* v3.2.34 · Paso 3 Materiales */
.grid.five{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.material-simple-table{min-width:620px}.material-calc-actions{display:flex;justify-content:flex-end}.material-calc-result{border-top:1px solid rgba(255,255,255,.075);padding-top:4px}.material-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.material-sheet-settings .field label{min-height:30px}@media(max-width:1100px){.grid.five{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.grid.five,.material-summary{grid-template-columns:1fr}.material-calc-actions .btn{width:100%}}

/* v3.2.35 · Costeo de trabajos · mapa visual estimado de láminas */
.sheet-draft{margin-top:16px;border-top:1px solid rgba(126,234,255,.15);padding-top:16px}.sheet-draft-title{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.sheet-draft-title h4{margin:0 0 4px;font-size:16px}.sheet-draft-title span{color:#8da9c4;font-size:12px}.sheet-draft-badge{white-space:nowrap;padding:7px 10px;border:1px solid rgba(126,234,255,.25);border-radius:999px;background:rgba(17,183,255,.08);color:#bfefff!important;font-weight:900}.sheet-draft-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sheet-draft-card{border:1px solid rgba(126,234,255,.16);border-radius:15px;padding:12px;background:rgba(2,13,27,.46)}.sheet-draft-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px}.sheet-draft-head strong{font-size:13px}.sheet-draft-head span{font-size:11px;color:#7f9fbc}.sheet-draft-svg-wrap{width:100%;max-height:430px}.sheet-draft-svg{display:block;width:100%;height:100%;filter:drop-shadow(0 10px 28px rgba(0,0,0,.22))}.sheet-draft-board{fill:#061528;stroke:#4d6f8f;stroke-width:2}.sheet-draft-margin{fill:none;stroke:#91abc3;stroke-width:1.5;stroke-dasharray:10 8;opacity:.7}.sheet-draft-piece{fill:rgba(24,184,241,.27);stroke:#67dcff;stroke-width:2}.sheet-draft-label{fill:#eefaff;font-weight:900;paint-order:stroke;stroke:#061528;stroke-width:5;stroke-linejoin:round;pointer-events:none}.sheet-draft-legend{margin-top:12px}.sheet-draft-legend-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;margin-top:10px}.sheet-draft-legend-list span{font-size:11px;color:#b7cade}.sheet-draft-legend-list b{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;margin-right:5px;border-radius:7px;background:rgba(17,183,255,.14);color:#9eeaff}@media(max-width:900px){.sheet-draft-grid{grid-template-columns:1fr}.sheet-draft-title,.sheet-draft-head{align-items:flex-start;flex-direction:column}.sheet-draft-legend-list{grid-template-columns:1fr}}

/* v3.2.37 · Costeo de trabajos · orientación de lámina + procesos por trabajo/ítem/referencia */
.process-simple-table{min-width:980px}.process-simple-table td small{display:block;margin-top:5px;line-height:1.25}

/* v3.2.43 · Cliente con autocompletado desde historial de cotizaciones */
.client-autocomplete{position:relative}.client-suggestions{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 6px);max-height:300px;overflow:auto;padding:6px;background:#071526;border:1px solid rgba(95,194,255,.28);border-radius:12px;box-shadow:0 18px 42px rgba(0,0,0,.42)}.client-suggestion{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;border:0;border-bottom:1px solid rgba(148,163,184,.12);background:transparent;color:#eef8ff;padding:11px 12px;cursor:pointer;border-radius:8px}.client-suggestion:last-child{border-bottom:0}.client-suggestion:hover,.client-suggestion:focus{outline:0;background:rgba(20,184,255,.12)}.client-suggestion strong{font-size:14px}.client-suggestion span{font-size:11px;color:#8fb1cc;white-space:nowrap}@media(max-width:720px){.client-suggestion{align-items:flex-start;flex-direction:column;gap:3px}.client-suggestion span{white-space:normal}}