/* Yail.Crm — module-specific overrides on top of /_content/Yail.Shared.Web/css/yail.css.
   Surfaces, fonts, accent colour all flow from the "crm" DaisyUI theme; nothing required
   here unless a CRM-only tweak is needed. */

/* === Extracted from view @section Styles === */
.crm-art { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; height: 100%; align-content: stretch; }
.crm-card { background: #fff; border: 1px solid var(--yail-stone); border-radius: 8px; padding: 8px 10px; box-shadow: var(--shadow-card-soft); }
.crm-card .nm { font-size: 11px; font-weight: 600; color: var(--yail-ink); }
.crm-card .v { font-size: 10px; color: var(--yail-amber); margin-top: 2px; font-family: ui-monospace, "SF Mono", Menlo, monospace; }
.crm-col { background: var(--yail-cream); border: 1px solid var(--yail-stone); border-radius: 10px; padding: 10px 8px; display: flex; flex-direction: column; gap: 6px; min-height: 0; }
.crm-col h6 { margin: 0 0 4px; font-size: 9px; letter-spacing: .14em; text-transform: uppercase; color: var(--yail-mocha); display: flex; justify-content: space-between; }
.crm-col h6 .c { color: var(--yail-coffee); font-weight: 700; }
.crm-empty { flex: 1; border: 1px dashed var(--yail-stone); border-radius: 8px; min-height: 32px; }

/* === Extracted (additional pass) === */
.acct-logo {  width: 28px; height: 28px; border-radius: 6px; display: inline-flex; align-items: center; justify-content: center; font-family: var(--font-display); font-weight: 500; font-size: 13px; flex-shrink: 0; }
.acct-logo.a1 {  background: #2c3e50; color: #fff; }
.acct-logo.a2 {  background: #b87f16; color: #fff; }
.acct-logo.a3 {  background: var(--yail-cream); color: var(--yail-coffee); border: 1px solid var(--yail-stone); }
.acct-logo.a4 {  background: var(--yail-coffee); color: var(--yail-cream); }
.acct-logo.a5 {  background: #5F7A3A; color: #fff; }
.acct-logo.a6 {  background: #9b3e2a; color: #fff; }
.acct-logo.a7 {  background: #4a5c7a; color: #fff; }
.acct-logo.a8 {  background: var(--yail-amber); color: #fff; }
.bar-track {  background: var(--yail-cream); border-radius: 999px; height: 8px; overflow: hidden; min-width: 80px; }
.bar-track .fill {  display: block; height: 100%; background: linear-gradient(90deg, var(--yail-amber-light), var(--yail-amber)); border-radius: 999px; }
.bar-track .fill.coffee {  background: linear-gradient(90deg, var(--yail-mocha), var(--yail-coffee)); }
.k-card {  background: #fff; border: 1px solid var(--yail-stone); border-radius: 10px; padding: 10px 12px; cursor: grab; transition: border-color .15s, transform .15s, box-shadow .15s; }
.k-card .meta {  font-size: 11.5px; color: var(--yail-mocha); margin-top: 4px; font-family: ui-monospace, monospace; }
.k-card .name {  font-weight: 600; font-size: 13px; color: var(--yail-coffee); }
.k-card .name a {  color: inherit; text-decoration: none; }
.k-card.is-dragging {  opacity: .45; }
.k-card:hover {  border-color: var(--yail-coffee); transform: translateY(-1px); box-shadow: var(--shadow-card-soft); }
.k-col {  flex: 0 0 300px; min-width: 280px; background: #fff; border: 1px solid var(--yail-stone); border-radius: 14px; box-shadow: var(--shadow-card-soft); display: flex; flex-direction: column; scroll-snap-align: start; }
.k-col .cards {  padding: 10px; flex: 1; min-height: 8rem; display: flex; flex-direction: column; gap: 8px; }
.k-col footer {  padding: 10px 16px; font-size: 11.5px; color: var(--yail-mocha); border-top: 1px dashed var(--yail-stone); }
.k-col header {  padding: 14px 16px; border-bottom: 1px solid var(--yail-stone); display: flex; align-items: baseline; gap: 8px; }
.k-col header .cnt {  margin-left: auto; font-size: 11.5px; padding: 1px 8px; border-radius: 999px; background: var(--yail-cream); border: 1px solid var(--yail-stone); color: var(--yail-coffee); font-family: ui-monospace, monospace; }
.k-col header .nm {  font-weight: 600; font-size: 13.5px; color: var(--yail-coffee); letter-spacing: -.01em; }
.k-col header .pct {  font-size: 11px; color: var(--yail-mocha); font-family: ui-monospace, monospace; }
.k-col.is-drop-target {  background: rgba(168,109,44,.05); outline: 2px dashed var(--yail-amber); outline-offset: -2px; }
.kanban {  display: flex; gap: 14px; overflow-x: auto; padding-bottom: 8px; min-height: 60vh; scroll-snap-type: x proximity; }
.opp-head {  display: grid; grid-template-columns: 1fr auto; gap: 24px; align-items: center; padding: 22px 28px; background: #fff; border: 1px solid var(--yail-stone); border-radius: 16px; box-shadow: var(--shadow-card-soft); margin-bottom: 18px; }
.opp-head .amount {  font-family: var(--font-display); font-weight: 500; font-size: 38px; color: var(--yail-coffee); letter-spacing: -.02em; line-height: 1; text-align: right; }
.opp-head .amount-sub {  font-size: 11.5px; color: var(--yail-mocha); margin-top: 4px; text-align: right; }
.opp-head .breadcrumb-line {  font-size: 13px; color: var(--yail-mocha); margin-bottom: 6px; }
.opp-head .breadcrumb-line a {  color: var(--yail-coffee); font-weight: 500; }
.opp-head .meta-row {  display: flex; gap: 10px; flex-wrap: wrap; margin-top: 12px; align-items: center; }
.opp-head h1 {  margin: 0; font-family: var(--font-display); font-weight: 500; font-size: 30px; letter-spacing: -.02em; line-height: 1.1; color: var(--yail-ink); }
.opp-head h1 em {  font-style: italic; font-weight: 400; color: var(--yail-coffee); }
.stat-l {  font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--yail-mocha); margin-top: 6px; }
.stat-num {  font-family: var(--font-display); font-weight: 500; font-size: 32px; color: var(--yail-coffee); line-height: 1; letter-spacing: -.02em; font-feature-settings: "tnum"; }
.stat-num.lost {  color: #9b3e2a; }
.stat-num.muted {  color: var(--yail-mocha); }
.stat-num.win {  color: #5F7A3A; }
.stp {  position: relative; padding: 14px 14px 12px 32px; background: var(--yail-cream); border-radius: 8px; cursor: pointer; transition: background .12s; }
.stp .ck {  position: absolute; left: 12px; top: 50%; transform: translateY(-50%); width: 14px; height: 14px; border-radius: 50%; background: var(--yail-stone); display: flex; align-items: center; justify-content: center; }
.stp .ck svg {  width: 9px; height: 9px; }
.stp .lab {  font-size: 9.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--yail-mocha); font-weight: 600; }
.stp .nm {  font-size: 13px; font-weight: 600; color: var(--yail-coffee); margin-top: 2px; font-family: var(--font-display); }
.stp.current {  background: var(--yail-coffee); color: var(--yail-cream); }
.stp.current .ck {  background: var(--yail-cream); }
.stp.current .lab {  color: var(--yail-cream); opacity: .8; }
.stp.current .nm {  color: var(--yail-cream); }
.stp.done {  background: rgba(95,122,58,.1); }
.stp.done .ck {  background: #5F7A3A; color: #fff; }
.stp.done:hover {  background: rgba(95,122,58,.15); }
.stp:hover {  background: rgba(168,109,44,.08); }