/* Tekton medium polish: customer-facing proposal + invoice phone experience.
   Presentation only. No changes to quote, payment, approval or sync behavior. */

body[data-tekton-page="Proposal"] .proposalPaper .proposalExecutive .proposalSummaryGrid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  min-width:0!important;
}
body[data-tekton-page="Proposal"] .proposalPaper .proposalSummaryGrid>.proposalSummaryBlock{
  min-width:0!important;
  max-width:100%!important;
  padding:16px!important;
  border-radius:16px!important;
  border:1px solid rgba(206,219,238,.16)!important;
  background:linear-gradient(180deg,#161b24,#10141c)!important;
  color:#eef3fb!important;
  box-shadow:none!important;
  overflow-wrap:anywhere!important;
}
body[data-tekton-page="Proposal"] .proposalPaper .proposalSummaryGrid>.proposalSummaryBlock.wide,
body[data-tekton-page="Proposal"] .proposalPaper .proposalSummaryGrid>.proposalSummaryBlock:last-child{
  grid-column:1/-1!important;
}
body[data-tekton-page="Proposal"] .proposalPaper .proposalSummaryBlock span{
  color:#b9c5d5!important;
  letter-spacing:.08em!important;
  font-size:11px!important;
  line-height:1.35!important;
  overflow-wrap:anywhere!important;
}
body[data-tekton-page="Proposal"] .proposalPaper .proposalSummaryBlock b{
  display:block!important;
  color:#f5f7fc!important;
  font-size:15px!important;
  line-height:1.48!important;
  font-weight:750!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
body[data-tekton-page="Proposal"] .proposalPaper .proposalSummaryBlock:last-child b{
  max-width:65ch!important;
  font-size:16px!important;
}

/* Prevent width:100% and padded grid children from extending into the next column. */
body[data-tekton-page="Proposal"] .proposalPaper .proposalExecutive .proposalSummaryGrid,
body[data-tekton-page="Proposal"] .proposalPaper .proposalSummaryGrid>.proposalSummaryBlock,
body[data-tekton-page="Proposal"] .proposalPaper>.statusPill.warn[role="status"],
body[data-tekton-page="Proposal"] .proposalPaper [data-deposit-terms-mismatch],
body[data-tekton-page="Invoice"] #main [data-deposit-terms-mismatch],
body[data-tekton-page="Proposal"] .proposalPaper [data-deposit-choice],
body[data-tekton-page="Invoice"] #main [data-deposit-choice]{
  box-sizing:border-box!important;
}

/* Keep real blockers visible, but readable as sentences instead of shouted pills. */
body[data-tekton-page="Proposal"] .proposalPaper>.statusPill.warn[role="status"]{
  display:block!important;
  width:100%!important;
  margin:14px 0 10px!important;
  padding:13px 15px!important;
  text-align:left!important;
  line-height:1.5!important;
  font-size:13px!important;
  font-weight:750!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  border-radius:15px!important;
}

/* The deposit mismatch appears on both screens. Dark panel must have light text. */
body[data-tekton-page="Proposal"] .proposalPaper [data-deposit-terms-mismatch],
body[data-tekton-page="Invoice"] #main [data-deposit-terms-mismatch]{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  padding:17px!important;
  margin:14px 0 18px!important;
  border-radius:18px!important;
  border:1px solid rgba(245,193,99,.42)!important;
  background:linear-gradient(180deg,#1e2430,#111720)!important;
  box-shadow:0 4px 18px rgba(0,0,0,.12)!important;
}
body[data-tekton-page="Proposal"] .proposalPaper [data-deposit-terms-mismatch] strong,
body[data-tekton-page="Invoice"] #main [data-deposit-terms-mismatch] strong{
  display:block!important;
  color:#fff0c9!important;
  font-size:18px!important;
  line-height:1.28!important;
  margin-bottom:9px!important;
}
body[data-tekton-page="Proposal"] .proposalPaper [data-deposit-terms-mismatch] p,
body[data-tekton-page="Invoice"] #main [data-deposit-terms-mismatch] p{
  color:#e2eaf5!important;
  opacity:1!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1.55!important;
  margin:0 0 15px!important;
  overflow-wrap:anywhere!important;
}
body[data-tekton-page="Proposal"] .proposalPaper [data-deposit-terms-mismatch]>.row,
body[data-tekton-page="Invoice"] #main [data-deposit-terms-mismatch]>.row{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:10px!important;
}
body[data-tekton-page="Proposal"] .proposalPaper [data-deposit-choice],
body[data-tekton-page="Invoice"] #main [data-deposit-choice]{
  width:100%!important;
  min-width:0!important;
  min-height:54px!important;
  margin:0!important;
  padding:12px!important;
  border-radius:13px!important;
  line-height:1.25!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  font-size:15px!important;
  font-weight:750!important;
}

/* Keep the primary customer actions legible and easy to tap. */
body[data-tekton-page="Proposal"] .proposalPaper>#approveBtn,
body[data-tekton-page="Proposal"] .proposalPaper>.btn[data-page="Invoice"]{
  min-height:56px!important;
  font-size:17px!important;
  line-height:1.2!important;
}
body[data-tekton-page="Invoice"] #main h1{
  font-size:clamp(30px,6.5vw,46px)!important;
  line-height:1.07!important;
  overflow-wrap:anywhere!important;
}
body[data-tekton-page="Invoice"] #main .metricGrid .metric b{
  font-variant-numeric:tabular-nums!important;
  overflow-wrap:anywhere!important;
}

@media(max-width:760px){
  body[data-tekton-page="Proposal"] .proposalPaper .proposalExecutive .proposalSummaryGrid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
  }
  body[data-tekton-page="Proposal"] .proposalPaper .proposalSummaryGrid>.proposalSummaryBlock{
    grid-column:1!important;
    padding:15px!important;
  }
  body[data-tekton-page="Proposal"] .proposalPaper .proposalTitleRowCompact h2{
    font-size:clamp(36px,9.5vw,51px)!important;
    line-height:1.03!important;
    overflow-wrap:anywhere!important;
  }
  body[data-tekton-page="Proposal"] .proposalPaper [data-deposit-terms-mismatch]>.row,
  body[data-tekton-page="Invoice"] #main [data-deposit-terms-mismatch]>.row{
    grid-template-columns:minmax(0,1fr)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body[data-tekton-page="Proposal"] .proposalPaper [data-deposit-terms-mismatch] *,
  body[data-tekton-page="Invoice"] #main [data-deposit-terms-mismatch] *{
    transition:none!important;
  }
}

/* Tekton standard three-stage milestone presentation. */
body[data-tekton-page="Proposal"] .tektonPaymentMilestones,
body[data-tekton-page="Invoice"] .tektonPaymentMilestones{
  margin:14px 0 18px!important;
  padding:15px!important;
  border:1px solid rgba(255,255,255,.15)!important;
  background:#141a24!important;
  border-radius:18px!important;
  color:#eff3fa!important;
}
body[data-tekton-page="Proposal"] .tektonPaymentMilestones>strong,
body[data-tekton-page="Invoice"] .tektonPaymentMilestones>strong{
  color:#fff!important;
  display:block!important;
  font-size:16px!important;
  margin-bottom:9px!important;
}
body[data-tekton-page="Proposal"] .tektonPaymentMilestone,
body[data-tekton-page="Invoice"] .tektonPaymentMilestone{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:center!important;
  padding:11px 0!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
}
body[data-tekton-page="Proposal"] .tektonPaymentMilestone>div,
body[data-tekton-page="Invoice"] .tektonPaymentMilestone>div{min-width:0!important;}
body[data-tekton-page="Proposal"] .tektonPaymentMilestone b,
body[data-tekton-page="Invoice"] .tektonPaymentMilestone b{
  color:#f8fafc!important;
  font-size:14px!important;
  font-weight:800!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
body[data-tekton-page="Proposal"] .tektonPaymentMilestone span,
body[data-tekton-page="Invoice"] .tektonPaymentMilestone span{
  display:block!important;
  color:#c3cedf!important;
  font-size:12px!important;
  margin-top:4px!important;
}
body[data-tekton-page="Proposal"] .tektonPaymentMilestones>p,
body[data-tekton-page="Invoice"] .tektonPaymentMilestones>p{
  color:#c3cedf!important;
  font-size:12px!important;
  line-height:1.5!important;
  margin:12px 0 0!important;
}
body[data-tekton-page="Proposal"] .tektonPaymentPresetOffer,
body[data-tekton-page="Invoice"] .tektonPaymentPresetOffer{
  border:1px solid rgba(147,197,253,.28)!important;
  background:#171e2a!important;
  padding:15px!important;
  margin:12px 0!important;
  border-radius:17px!important;
}
body[data-tekton-page="Proposal"] .tektonPaymentPresetOffer p,
body[data-tekton-page="Invoice"] .tektonPaymentPresetOffer p{
  color:#e1e9f7!important;
  font-size:14px!important;
  line-height:1.5!important;
  margin:0 0 11px!important;
}
body[data-tekton-page="Proposal"] [data-tekton-payment-preset],
body[data-tekton-page="Invoice"] [data-tekton-payment-preset]{
  min-height:54px!important;
  width:100%!important;
  white-space:normal!important;
  padding:12px!important;
  line-height:1.35!important;
}
body[data-tekton-page="Proposal"] .tektonPaymentStandardMarker,
body[data-tekton-page="Invoice"] .tektonPaymentStandardMarker{
  color:#cde4ff!important;
  font-size:12px!important;
  line-height:1.5!important;
  margin:10px 0!important;
}
@media(max-width:420px){
  body[data-tekton-page="Proposal"] .tektonPaymentMilestone,
  body[data-tekton-page="Invoice"] .tektonPaymentMilestone{grid-template-columns:minmax(0,1fr)!important;gap:4px!important;}
}

/* Quote recovery is intentionally tucked behind a disclosure until needed. */
body[data-tekton-page="Quote"] .quoteRecoveryDetails{
  margin:14px 0!important;padding:15px!important;
  border:1px solid rgba(147,197,253,.3)!important;
  border-radius:18px!important;background:#141b26!important;
  color:#eff3fa!important;
}
body[data-tekton-page="Quote"] .quoteRecoveryDetails>summary{
  cursor:pointer!important;color:#dceaff!important;
  font-size:15px!important;font-weight:800!important;
  line-height:1.35!important;
}
body[data-tekton-page="Quote"] .quoteRecoveryDetails .mini{
  color:#bac7d8!important;line-height:1.5!important;
}
body[data-tekton-page="Quote"] .quoteRecoveryDetails .btn{
  min-height:52px!important;max-width:100%!important;
  white-space:normal!important;
}
body[data-tekton-page="Quote"] .quoteRecoveryPreview{
  margin:14px 0 2px!important;padding:12px!important;
  border:1px solid rgba(255,255,255,.1)!important;border-radius:14px!important;
}
body[data-tekton-page="Quote"] .quoteRecoveryLine{
  display:flex!important;flex-wrap:wrap!important;
  gap:6px 14px!important;justify-content:space-between!important;
  border-top:1px solid rgba(255,255,255,.1)!important;padding:12px 0!important;
}
body[data-tekton-page="Quote"] .quoteRecoveryLine b{
  color:#fff!important;white-space:normal!important;overflow-wrap:anywhere!important;
}
@media(max-width:620px){
  body[data-tekton-page="Quote"] .quoteRecoveryDetails [data-quote-recovery-action]{
    width:100%!important;
  }
}

/* Tekton Agent: quiet quote-level workspace, thumb-sized controls. */
body[data-tekton-page="Quote"] .tektonAgentAssistant{
  display:block!important;min-width:0!important;margin:16px 0!important;
  border:1px solid rgba(125,185,255,.38)!important;
  background:linear-gradient(180deg,#131c2b,#0e141f)!important;
  border-radius:18px!important;padding:14px 15px!important;color:#f7f9fc!important;
  box-shadow:0 8px 26px rgba(0,0,0,.14)!important;
}
body[data-tekton-page="Quote"] .tektonAgentAssistant>summary{
  display:flex!important;justify-content:space-between!important;align-items:center!important;
  gap:12px!important;flex-wrap:wrap!important;
  cursor:pointer!important;font-size:17px!important;font-weight:900!important;
  list-style:none!important;line-height:1.2!important;min-height:38px!important;
}
body[data-tekton-page="Quote"] .tektonAgentAssistant>summary::-webkit-details-marker{display:none!important}
body[data-tekton-page="Quote"] .tektonAgentAssistant>summary span{color:#ecf5ff!important}
body[data-tekton-page="Quote"] .tektonAgentAssistant>summary small{
  color:#b3c9e2!important;font-size:12px!important;font-weight:600!important;
}
body[data-tekton-page="Quote"] .tektonAgentInner{padding-top:13px!important}
body[data-tekton-page="Quote"] .tektonAgentInner .mini{
  color:#c4d1e1!important;font-size:12px!important;line-height:1.5!important
}
body[data-tekton-page="Quote"] .tektonAgentQuick{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;margin:12px 0 16px!important
}
body[data-tekton-page="Quote"] .tektonAgentQuick button{
  border:1px solid rgba(160,192,227,.30)!important;
  border-radius:12px!important;background:#202b3c!important;
  color:#f1f6ff!important;font-size:12px!important;font-weight:800!important;
  white-space:normal!important;line-height:1.3!important;
  min-height:54px!important;padding:10px 8px!important;
}
body[data-tekton-page="Quote"] .tektonAgentInner label{
  display:block!important;color:#cbd7e7!important;
  font-size:12px!important;font-weight:800!important;margin:8px 0!important;
}
body[data-tekton-page="Quote"] #tektonAgentQuestion{
  box-sizing:border-box!important;display:block!important;width:100%!important;
  max-width:100%!important;min-height:92px!important;
  border:1px solid rgba(170,194,225,.26)!important;
  border-radius:14px!important;background:#080c14!important;
  color:#fff!important;font-size:16px!important;line-height:1.45!important;
  padding:12px!important;
}
body[data-tekton-page="Quote"] [data-tekton-agent-send]{
  display:block!important;width:100%!important;min-height:54px!important;
  margin:10px 0!important;font-weight:850!important;
}
body[data-tekton-page="Quote"] .tektonAgentAnswer{
  padding:15px!important;margin-top:13px!important;
  border:1px solid rgba(127,235,165,.22)!important;border-radius:15px!important;
  background:#17251f!important;color:#f2fff6!important;
}
body[data-tekton-page="Quote"] .tektonAgentAnswer small{
  display:block!important;color:#a6e6b5!important;font-size:12px!important;
  font-weight:900!important;margin-bottom:8px!important;
}
body[data-tekton-page="Quote"] .tektonAgentAnswer p{
  color:#f2fff6!important;font-size:14px!important;line-height:1.55!important;
  white-space:pre-line!important;overflow-wrap:anywhere!important;
}
body[data-tekton-page="Quote"] .tektonAgentAnswer button{
  width:100%!important;min-height:54px!important;margin-top:7px!important;
  white-space:normal!important;
}
body[data-tekton-page="Quote"] .tektonAgentError{
  color:#ffd2d5!important;border-left:3px solid #ff5964!important;
  padding:8px 12px!important;line-height:1.45!important;
}
@media(max-width:440px){
  body[data-tekton-page="Quote"] .tektonAgentQuick{
    grid-template-columns:1fr!important;
  }
}

body[data-tekton-page="Quote"] .tektonAgentPriceReview .quoteLineActions{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;
}
body[data-tekton-page="Quote"] .tektonAgentPriceReview .quoteLineActions .btn{
  box-sizing:border-box!important;width:100%!important;min-height:54px!important;
  white-space:normal!important;font-size:16px!important;
}
body[data-tekton-page="Quote"] .tektonAgentPriceReview .editWarn{
  color:#f4f7fb!important;overflow-wrap:anywhere;
}