/* Shared primitives reused across multiple tabs — Skills, Journal, Pipeline all render
   through these, so they live here instead of any one page's stylesheet. */

/* ── DETAIL PANEL — the one true surface: floats above the page ── */
.d-wrap{margin-top:var(--sp-5);display:none}.d-wrap.open{display:block}
.dpanel{
  background:var(--s1);
  border:1px solid var(--bd);
  border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-md);
}
.d-topbar{height:2px;flex-shrink:0}
.d-head{display:flex;align-items:flex-start;gap:14px;padding:var(--sp-5) var(--sp-5) var(--sp-3)}
.d-ico{
  width:40px;height:40px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
}
.d-ico iconify-icon{font-size:19px}
.d-name{font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--tp)}
.d-sub{font-size:12px;color:var(--ts);margin-top:4px;line-height:1.55}
.d-close{
  margin-left:auto;flex-shrink:0;width:36px;height:36px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:var(--tm);cursor:pointer;font-size:16px;line-height:1;
  transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);
}
.d-close:hover{background:var(--s2);color:var(--tp)}
.d-div{height:1px;background:var(--bd);margin:0 var(--sp-5)}
.d-row{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--sp-3) var(--sp-5);gap:16px}
.dk{font-size:10px;color:var(--tm);flex-shrink:0;text-transform:uppercase;letter-spacing:0.1em;font-weight:600;padding-top:2px}
.dv{font-size:12px;font-weight:500;text-align:right;line-height:1.55;color:var(--tp)}
.prog-t{height:2px;background:var(--s2);margin:6px var(--sp-5) var(--sp-5);overflow:hidden}
.prog-f{height:100%;transition:width .5s var(--ease-out)}

/* ── SECTION HEADER WITH ADD BUTTON — Pipeline + Decision Journal ── */
.pipe-hdr{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--sp-5);padding-bottom:var(--sp-4);border-bottom:1px solid var(--tp)}
.pipe-title{font-family:var(--font-display);font-size:24px;font-weight:600;letter-spacing:-0.01em;color:var(--tp)}
.pipe-add{
  display:flex;align-items:center;gap:6px;
  background:var(--tp);color:var(--bg);
  font-size:10px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;
  padding:13px 16px;border-radius:var(--r-sm);cursor:pointer;
  transition:background var(--dur-fast) var(--ease-out);
}
.pipe-add:hover{background:#000}
.pipe-add iconify-icon{font-size:13px}

/* ── FORM — leads, decisions, daily review all use this ── */
.lead-form{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-5)}
.lf-lbl{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:600;color:var(--tm);text-transform:uppercase;letter-spacing:0.1em}
.lf-lbl-row{flex-direction:row;align-items:center;gap:8px;cursor:pointer}
.lf-lbl-row input[type="checkbox"]{width:15px;height:15px;accent-color:var(--gold-bar);cursor:pointer}
.lf-input{
  /* 16px min — iOS Safari auto-zooms the viewport on focus for any input below that */
  font:inherit;font-size:16px;color:var(--tp);
  background:transparent;border:none;border-bottom:1px solid var(--bd2);border-radius:0;
  padding:10px 0;width:100%;
  transition:border-color var(--dur-fast) var(--ease-out);
}
.lf-input::placeholder{color:var(--tm);font-style:italic}
.lf-input:focus-visible{outline:none;border-bottom-color:var(--gold)}
textarea.lf-input{resize:vertical}
select.lf-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%237C766D' stroke-width='1.2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 2px center;cursor:pointer}
.lf-submit{
  align-self:flex-start;
  background:var(--tp);color:var(--bg);
  font-size:10px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;
  padding:13px 20px;border-radius:var(--r-sm);cursor:pointer;
  transition:background var(--dur-fast) var(--ease-out);
}
.lf-submit:hover{background:#000}
.lf-submit-sec{background:transparent;color:var(--tp);border:1px solid var(--bd2)}
.lf-submit-sec:hover{background:var(--s2)}

/* ── LOG ROW — lead interactions + daily review history ── */
.lead-interactions{padding:0 var(--sp-5);display:flex;flex-direction:column;margin-bottom:var(--sp-2)}
.li-row{padding:var(--sp-3) 0;border-bottom:1px solid var(--bd)}
.li-row:last-child{border-bottom:none}
.li-top{display:flex;justify-content:space-between;font-size:10px;color:var(--tm);margin-bottom:3px}
.li-type{font-weight:600;color:var(--tp);text-transform:uppercase;letter-spacing:0.08em}
.li-date{font-variant-numeric:lining-nums}
.li-sum{font-size:12px;color:var(--ts);line-height:1.55}