.potential-customers-home{margin:16px 0}.pc-create-card,.pc-sales-card{border:1px solid var(--border);border-radius:18px;background:var(--surface-raised);box-shadow:var(--shadow-sm)}.pc-create-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:15px 16px}.pc-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:var(--success-soft);color:var(--success);font-size:24px;font-weight:500}.pc-create-card>span:nth-child(2){display:grid;gap:3px}.pc-create-card small,.pc-sales-card header small{color:var(--brand);font-size:10px;font-weight:850;letter-spacing:.08em}.pc-create-card strong,.pc-sales-card header strong{color:var(--ink);font-size:18px}.pc-create-card em,.pc-sales-card header em{color:var(--muted);font-size:11px;font-style:normal}.pc-create-card button,.pc-sales-card header button,.pc-row button,.pc-row>a{min-height:40px;padding:8px 11px;border:1px solid var(--border);border-radius:9px;background:var(--canvas);color:var(--ink);font:inherit;font-size:11px;font-weight:800;cursor:pointer;text-decoration:none}.pc-create-card>b{padding:5px 8px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:10px}.pc-sales-card{overflow:hidden}.pc-sales-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border-bottom:1px solid var(--border)}.pc-sales-card>header>span{display:grid;gap:3px}.pc-preview,.pc-full-list{display:grid}.pc-row{display:grid;grid-template-columns:34px 68px minmax(0,1fr) auto auto auto;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--border)}.pc-row:last-child{border-bottom:0}.pc-index{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--surface);color:var(--muted);font-size:10px;font-weight:800}.pc-row>img{width:68px;height:52px;object-fit:cover;border-radius:9px;border:1px solid var(--border)}.pc-copy{display:grid;gap:3px;min-width:0}.pc-copy strong{color:var(--ink);font-size:13px;line-height:1.35;overflow-wrap:anywhere}.pc-copy small{color:var(--muted);font-size:10px}.pc-copy em{justify-self:start;padding:4px 7px;border-radius:999px;background:var(--warning-soft);color:var(--warning-strong);font-size:9px;font-style:normal;font-weight:850}.pc-copy em.is-planned{background:var(--success-soft);color:var(--success)}.pc-row [data-pc-plan],.pc-row [data-pc-convert]{background:var(--authority);border-color:var(--authority);color:#fff}.pc-empty,.pc-error{margin:0;padding:22px;text-align:center;color:var(--muted);font-size:12px}.pc-error button{margin-left:8px}.potential-customer-modal{width:min(620px,100%)}.pc-form{display:grid;gap:13px}.pc-form>label,.pc-action label{display:grid;gap:6px;color:var(--ink);font-size:12px;font-weight:800}.pc-form input,.pc-form select,.pc-form textarea,.pc-action input,.pc-action textarea{box-sizing:border-box;width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--border-strong);border-radius:11px;background:var(--canvas);color:var(--ink);font:inherit;font-size:16px}.pc-form label span em,.pc-action label em{color:var(--muted);font-size:10px;font-style:normal;font-weight:500}.pc-photo input{position:absolute;width:1px;height:1px;opacity:0}.pc-photo>div{display:flex;align-items:center;gap:12px;min-height:86px;padding:10px;border:1px dashed var(--border-strong);border-radius:12px;background:var(--surface);cursor:pointer}.pc-photo img{width:94px;height:68px;object-fit:cover;border-radius:9px}.pc-photo>div>span,.pc-photo>div:not(:has(img)){display:grid;gap:4px}.pc-photo small,.pc-location small{color:var(--muted);font-size:10px;font-weight:500}.pc-location{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.pc-location>span{display:grid;gap:3px;flex:1}.pc-location button{min-height:42px;border:1px solid var(--border);border-radius:9px;background:var(--canvas);color:var(--ink);font:inherit;font-weight:750}.pc-location.ok{border-color:var(--success);background:var(--success-soft)}#pcFormError,#pcActionError{min-height:18px;margin:0;color:var(--danger);font-size:11px}.pc-form>.primary-button{margin:0;min-height:52px}.potential-customer-list-modal{width:min(900px,100%)}.pc-full-list{border:1px solid var(--border);border-radius:14px;overflow:hidden}.pc-action{display:grid;gap:14px}.pc-action>img{width:100%;max-height:240px;object-fit:cover;border-radius:12px}.pc-action>a{color:var(--brand);font-weight:800}.pc-action>p{color:var(--ink)}
@media(max-width:680px){.potential-customers-home{margin:12px 0}.pc-create-card{grid-template-columns:42px minmax(0,1fr);padding:13px}.pc-create-card button{grid-column:1/-1;width:100%;min-height:48px}.pc-create-card>b{position:absolute;right:14px;margin-top:-72px}.pc-sales-card>header{align-items:flex-start}.pc-row{grid-template-columns:30px 58px minmax(0,1fr);padding:10px;gap:8px}.pc-row>img{width:58px;height:50px}.pc-row>a,.pc-row>button{grid-column:auto;min-height:40px}.pc-row>a{grid-column:2}.pc-row [data-pc-plan],.pc-row [data-pc-convert]{grid-column:3}.pc-row [data-pc-reject]{grid-column:3}.pc-copy small{line-height:1.35}.potential-customer-modal,.potential-customer-list-modal{max-height:calc(100dvh - max(8px,var(--app-safe-top,0px)))}}


/* v3 — Android/Telegram bottom controls stay above the system gesture bar. */
@media(max-width:720px){
  body:not(.auth-required) .bottom-nav:has(.potential-customer-nav:not(.hidden)){
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
  body:not(.auth-required) .app-shell>.bottom-nav{
    bottom:0!important;
    min-height:calc(66px + max(var(--app-safe-bottom,0px),24px))!important;
    padding:5px 6px max(calc(5px + var(--app-safe-bottom,0px)),24px)!important;
    border-radius:16px 16px 0 0!important;
  }
  body:not(.auth-required) .app-shell{
    padding-bottom:calc(var(--nav-height) + max(var(--app-safe-bottom,0px),24px) + 30px)!important;
  }
  .modal-actions,.product-picker-submit{
    padding-bottom:max(calc(14px + var(--app-safe-bottom,0px)),30px)!important;
  }
  .potential-customer-nav .nav-icon svg{width:20px;height:20px}
  .bottom-nav:has(.potential-customer-nav:not(.hidden)) .nav-item{min-width:0;padding-inline:2px!important;gap:2px!important}
  .bottom-nav:has(.potential-customer-nav:not(.hidden)) .nav-item>span:last-child{font-size:9px!important;white-space:nowrap}
}