/* TradePath Fire engineer workspace — visual layer only. No workflow/behaviour changes. */
body .fev{
  --tp-ink:#182230;
  --tp-muted:#667085;
  --tp-line:#e4e7ec;
  --tp-soft:#f8fafc;
  --tp-red:#b42318;
  --tp-red-dark:#8f1c13;
  --tp-navy:#101828;
  --tp-green:#067647;
  background:#f4f6f8!important;
  color:var(--tp-ink)!important;
  padding-bottom:calc(76px + env(safe-area-inset-bottom))!important;
}
body .fev *{box-sizing:border-box}

/* App header */
body .fev .bar{
  background:var(--tp-navy)!important;
  padding:8px 12px!important;
  padding-top:calc(8px + env(safe-area-inset-top))!important;
  box-shadow:none!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
body .fev .barIn{min-height:54px!important;gap:11px!important}
body .fev .back{
  width:40px!important;height:40px!important;flex:0 0 40px!important;
  border-radius:11px!important;border:1px solid #344054!important;
  background:#1d2939!important;color:#fff!important;font-size:24px!important;
  display:grid!important;place-items:center!important;line-height:1!important;
  box-shadow:0 1px 2px rgba(0,0,0,.18)!important;
}
body .fev .bar h1{
  margin:0!important;font-size:17px!important;line-height:1.18!important;font-weight:850!important;
  letter-spacing:-.015em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
body .fev .bar small{display:block!important;margin-top:3px!important;font-size:10.5px!important;color:#98a2b3!important;letter-spacing:.045em!important}

body .fev main{max-width:980px!important;margin:auto!important;padding:10px!important}

/* Extinguisher base-date reminder — deliberately compact */
body .fev [data-fire-extinguisher-base-years="1"]{
  margin:0 0 9px!important;padding:8px 11px!important;min-height:42px!important;
  border-radius:10px!important;box-shadow:none!important;
}
body .fev [data-fire-extinguisher-base-years="1"]>div:first-child{align-items:center!important;gap:8px!important;flex-wrap:nowrap!important}
body .fev [data-fire-extinguisher-base-years="1"]>div:first-child>div:first-child{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}
body .fev [data-fire-extinguisher-base-years="1"]>div:first-child>div:first-child>div:first-child{font-size:11px!important;white-space:nowrap!important}
body .fev [data-fire-extinguisher-base-years="1"]>div:first-child>div:first-child>div:nth-child(2){font-size:10px!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body .fev [data-fire-extinguisher-base-years="1"]>div:first-child>div:first-child>div:nth-child(3){display:none!important}
body .fev [data-fire-extinguisher-base-years="1"]>div:first-child>button{padding:5px 7px!important;min-height:28px!important;font-size:10px!important;border-radius:7px!important}

/* Site summary */
body .fev .hero,body .fev .card{
  background:#fff!important;border:1px solid #e1e6ec!important;border-radius:13px!important;
  box-shadow:0 1px 2px rgba(16,24,40,.035)!important;
}
body .fev .hero{padding:11px 13px!important;margin-bottom:9px!important}
body .fev .hero h2{font-size:18px!important;line-height:1.2!important;font-weight:850!important;letter-spacing:-.015em!important}
body .fev .hero .meta{margin-top:2px!important}
body .fev .hero>.toolbar{gap:7px!important}
body .fev .hero>.toolbar:first-child{align-items:center!important}
body .fev .hero>.notice,body .fev .hero>.error,body .fev .hero>.success{margin-top:9px!important}
body .fev .meta{font-size:11px!important;line-height:1.4!important;color:var(--tp-muted)!important}
body .fev .chips{gap:6px!important;margin-top:8px!important}
body .fev .chip{min-height:24px!important;padding:4px 8px!important;border-radius:999px!important;font-size:10.5px!important;font-weight:800!important;letter-spacing:-.005em!important}
body .fev .notice,body .fev .success,body .fev .error{padding:9px 11px!important;border-radius:9px!important;font-size:11px!important;line-height:1.4!important;margin-bottom:8px!important}

/* Buttons */
body .fev .primary,body .fev .secondary,body .fev .danger,body .fev .soft{
  min-height:38px!important;border-radius:9px!important;padding:8px 11px!important;
  font-size:11.5px!important;font-weight:850!important;line-height:1.15!important;box-shadow:none!important;
}
body .fev .primary{background:var(--tp-red)!important;border-color:var(--tp-red)!important;color:#fff!important}
body .fev .primary:active{background:var(--tp-red-dark)!important}
body .fev .secondary{background:#fff!important;border-color:#d0d5dd!important;color:#344054!important}
body .fev .soft{background:#fff7f6!important;border-color:#fecdca!important;color:var(--tp-red)!important}
body .fev .danger{background:#fff8f7!important;border-color:#fda29b!important;color:var(--tp-red)!important}

/* Multiple service tabs */
body .fev .taskStrip{gap:7px!important;padding:0 0 9px!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important}
body .fev .taskStrip::-webkit-scrollbar{display:none!important}
body .fev .taskStrip:not(:has(.taskBtn + .taskBtn)){display:none!important}
body .fev .taskBtn{
  scroll-snap-align:start!important;min-width:185px!important;min-height:64px!important;
  border-radius:10px!important;border-color:#dfe4ea!important;padding:9px 10px!important;box-shadow:none!important;
}
body .fev .taskBtn.active{border:1.5px solid var(--tp-red)!important;padding:8.5px 9.5px!important;background:#fff8f7!important}
body .fev .taskName{font-size:12px!important;font-weight:850!important;line-height:1.25!important}

/* Service workspace */
body .fev .card{margin-bottom:9px!important;overflow:hidden!important}
body .fev .cardHead{padding:11px 12px!important;background:#fff!important;border-bottom:1px solid #eef1f4!important;align-items:center!important}
body .fev .cardHead h3{font-size:16px!important;line-height:1.2!important;font-weight:900!important;letter-spacing:-.015em!important}
body .fev .cardHead .meta{margin-top:3px!important}
body .fev .cardHead>.toolbar{gap:6px!important}
body .fev .cardBody{padding:10px 12px!important;background:#fbfcfd!important}

/* Filter / progress area */
body .fev .cardBody>.toolbar{
  gap:4px!important;padding:3px!important;background:#f2f4f7!important;border:1px solid #eaecf0!important;border-radius:10px!important;
  width:max-content!important;max-width:100%!important;flex-wrap:nowrap!important;overflow-x:auto!important;
}
body .fev .cardBody>.toolbar::-webkit-scrollbar{display:none!important}
body .fev .filterBtn{
  min-height:31px!important;border:0!important;background:transparent!important;border-radius:7px!important;
  padding:6px 9px!important;font-size:10.5px!important;font-weight:800!important;color:#667085!important;white-space:nowrap!important;
}
body .fev .filterBtn.on{background:#fff!important;color:#182230!important;box-shadow:0 1px 3px rgba(16,24,40,.1)!important}
body .fev .progress{height:4px!important;margin-top:9px!important;background:#eaecf0!important}
body .fev .progress>div{background:var(--tp-red)!important}
body .fev .cardBody>.meta{margin-top:8px!important}
body .fev .cardBody>.secondary{margin-top:8px!important;min-height:35px!important;padding:7px 10px!important}

/* Asset list */
body .fev .asset{background:#fff!important;border-bottom:0!important;margin:7px 8px!important;border:1px solid #e4e7ec!important;border-radius:11px!important;overflow:hidden!important}
body .fev .asset:last-child{margin-bottom:9px!important}
body .fev .assetTop{min-height:62px!important;padding:8px 10px!important;grid-template-columns:44px minmax(0,1fr) auto!important;gap:9px!important}
body .fev .thumb{width:44px!important;height:44px!important;border-radius:9px!important;background:#f5f7fa!important;border-color:#eaecf0!important;font-size:11px!important}
body .fev .assetTitle{font-size:12.5px!important;line-height:1.22!important;font-weight:900!important;letter-spacing:-.005em!important}
body .fev .assetTop .meta{font-size:10.5px!important;margin-top:3px!important;line-height:1.3!important}
body .fev .assetTop .chip{min-height:22px!important;padding:3px 7px!important;font-size:9.5px!important}
body .fev .assetBody{padding:11px!important;background:#f8fafc!important;border-top:1px solid #eef1f4!important}
body .fev .checkRow{min-height:42px!important;padding:8px 0!important;font-size:11.5px!important}
body .fev .fieldRow{padding:8px 0!important}
body .fev .toggle{width:43px!important;height:25px!important}
body .fev .toggle:after{width:19px!important;height:19px!important}
body .fev .toggle.on:after{left:21px!important}
body .fev label{font-size:10.5px!important;font-weight:800!important;margin:9px 0 4px!important;color:#475467!important}
body .fev textarea,body .fev input,body .fev select{min-height:40px!important;border-radius:8px!important;font-size:16px!important;padding:8px 10px!important;border-color:#d0d5dd!important}
body .fev textarea{min-height:72px!important}
body .fev .resultBtns{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin-top:10px!important}
body .fev .resultBtns button{min-height:42px!important;border-radius:8px!important;padding:7px 4px!important;font-size:10.5px!important;font-weight:850!important}
body .fev .resultBtns button.pass.sel{background:#ecfdf3!important;border-color:#6ce9a6!important;color:#067647!important}
body .fev .resultBtns button.fail.sel{background:#fff1f0!important;border-color:#fda29b!important;color:#b42318!important}
body .fev .resultBtns button.nt.sel{background:#fffaeb!important;border-color:#fedf89!important;color:#b54708!important}

/* Weekly test hero remains distinctive but less bulky */
body .fev .weeklyHero{border-radius:13px!important;padding:13px!important;box-shadow:none!important}
body .fev .weeklyAsset{border-radius:10px!important;padding:10px!important}

/* Drawers / sheets */
body .fev .modalBack{padding-top:env(safe-area-inset-top)!important;background:rgba(16,24,40,.56)!important;backdrop-filter:blur(2px)!important}
body .fev .modal{border-radius:18px 18px 0 0!important;padding:16px 14px calc(16px + env(safe-area-inset-bottom))!important;box-shadow:0 -10px 36px rgba(16,24,40,.2)!important}
body .fev .modal h3{font-size:18px!important;line-height:1.2!important;font-weight:900!important;letter-spacing:-.015em!important}
body .fev .choice{min-height:60px!important;border-radius:10px!important}
body .fev .assetChange{border-radius:10px!important}

/* Engineer action dock */
body .fev .footer{
  padding:7px 10px calc(7px + env(safe-area-inset-bottom))!important;
  border-top:1px solid #e4e7ec!important;box-shadow:0 -4px 14px rgba(16,24,40,.07)!important;
  background:rgba(255,255,255,.98)!important;backdrop-filter:blur(12px)!important;
}
body .fev .footerIn{gap:7px!important;align-items:center!important}
body .fev .footerIn button{min-height:42px!important;height:42px!important;font-size:11.5px!important;border-radius:9px!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

@media(max-width:620px){
  body .fev main{padding:8px!important}
  body .fev .bar{padding-left:10px!important;padding-right:10px!important}
  body .fev .barIn{min-height:50px!important}
  body .fev .back{width:38px!important;height:38px!important;flex-basis:38px!important}
  body .fev .bar h1{font-size:16px!important}

  /* Site card is information, not a second page header. */
  body .fev .hero{padding:10px 11px!important}
  body .fev .hero h2{display:none!important}
  body .fev .hero>.toolbar{justify-content:space-between!important;align-items:center!important}
  body .fev .hero>.toolbar .meta{font-size:11px!important;max-width:76%!important}
  body .fev .hero .primary{min-height:38px!important;padding:8px 11px!important}

  body .fev .taskBtn{min-width:72vw!important;max-width:280px!important}

  /* Service controls become a compact commercial action strip. */
  body .fev .cardHead{display:block!important;padding:10px 11px!important}
  body .fev .cardHead h3{font-size:16px!important}
  body .fev .cardHead>.toolbar{
    margin-top:9px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;width:100%!important;
  }
  body .fev .cardHead>.toolbar button,body .fev .cardHead>.toolbar label{width:100%!important;min-width:0!important;margin:0!important;min-height:36px!important;padding:6px 5px!important;font-size:10px!important}
  body .fev .cardHead>.toolbar .soft{background:#fff7f6!important;border-color:#fda29b!important;color:#b42318!important}
  body .fev .cardBody{padding:9px 10px!important}

  body .fev .asset{margin:6px!important}
  body .fev .assetTop{grid-template-columns:42px minmax(0,1fr) auto!important;padding:8px 9px!important}
  body .fev .thumb{width:42px!important;height:42px!important}
  body .fev .resultBtns{grid-template-columns:repeat(3,minmax(0,1fr))!important}

  /* One-row bottom action dock. Leave room for the chat bubble on the right. */
  body .fev .footer{padding-left:9px!important;padding-right:9px!important}
  body .fev .footerIn{
    display:grid!important;grid-template-columns:44px 82px minmax(0,1fr)!important;
    gap:6px!important;padding-right:62px!important;flex-wrap:nowrap!important;
  }
  body .fev .footerIn button{min-width:0!important;width:100%!important;height:40px!important;min-height:40px!important;padding:6px 7px!important}
  body .fev .footerIn button:first-child{font-size:0!important;padding:0!important}
  body .fev .footerIn button:first-child::first-letter{font-size:18px!important}
  body .fev .footerIn button:last-child:nth-child(3){grid-column:auto!important}
  body .fev .weeklyAsset{grid-template-columns:52px minmax(0,1fr)!important}
}

@media(max-width:390px){
  body .fev .bar h1{font-size:15px!important}
  body .fev .cardHead>.toolbar button,body .fev .cardHead>.toolbar label{font-size:9.5px!important}
  body .fev .filterBtn{padding:6px 8px!important;font-size:10px!important}
  body .fev .chip{font-size:9.5px!important}
  body .fev .footerIn{grid-template-columns:40px 74px minmax(0,1fr)!important;padding-right:56px!important}
}