/* MoneySastra Phase 2C — UI cleanup
   Cleaner typography, fewer font sizes, less underlining */

.tools-page,
.tool-page{
  background:#F7F9F8;
}

/* Use a slightly wider and calmer layout */
.tools-page>.wrap,
.tool-page>.wrap{
  max-width:1240px;
  width:calc(100% - 32px);
}

/* Remove extra underlining/noisy link styling in tool pages */
.tools-page a,
.tool-page a{
  text-decoration:none;
}
.tools-page a:hover,
.tool-page a:hover{
  text-decoration:none;
}

/* Hero */
.tools-hero{
  padding:1.8rem 0 1rem;
  background:linear-gradient(180deg,#FFFDF8 0%,#F7F9F8 100%);
  border-bottom:1px solid var(--rule);
}
.tools-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:1.6rem;
  align-items:center;
}
.tools-hero h1,
.tool-intro h1{
  margin:.2rem 0 0;
  font-size:clamp(1.95rem,4vw,3rem);
  line-height:1.08;
  letter-spacing:-.03em;
}
.tools-hero .lede,
.tool-intro .lede{
  max-width:68ch;
  margin:.7rem 0 0;
  color:var(--ink-2);
  font-size:.94rem;
  line-height:1.65;
}
.tools-trust,
.tool-intro-note{
  padding:.95rem 1rem;
  border:1px solid #DBE6E1;
  border-radius:14px;
  background:#fff;
  box-shadow:0 4px 12px rgba(14,61,44,.03);
}
.tools-trust b,
.tool-intro-note b{
  font-family:'Poppins',system-ui,sans-serif;
  color:var(--green-deep);
  font-size:.74rem;
}
.tools-trust p,
.tool-intro-note p{
  margin:.32rem 0 0;
  color:var(--ink-2);
  font-size:.74rem;
  line-height:1.5;
}

/* Hub cards */
.tools-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
  padding:1rem 0 2rem;
}
.tool-card{
  display:flex;
  flex-direction:column;
  min-height:230px;
  padding:1.15rem 1.2rem;
  border:1px solid #DDE7E2;
  border-radius:16px;
  background:#fff;
  color:inherit;
  box-shadow:0 6px 18px rgba(14,61,44,.035);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.tool-card:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(14,61,44,.08);
  border-color:#CFE0D9;
}
.tool-card .tool-badge{
  display:inline-flex;
  width:max-content;
  padding:.22rem .46rem;
  border-radius:999px;
  background:var(--green-soft);
  color:var(--green);
  font-family:'Poppins',system-ui,sans-serif;
  font-size:.62rem;
  font-weight:600;
}
.tool-card h2{
  margin:.7rem 0 0;
  font-size:1.2rem;
  line-height:1.28;
}
.tool-card p{
  margin:.48rem 0 0;
  color:var(--ink-2);
  font-size:.84rem;
  line-height:1.58;
}
.tool-card .tool-use{
  margin:.68rem 0 0;
  padding-top:.65rem;
  border-top:1px solid #EBEFED;
  color:var(--ink-2);
  font-size:.78rem;
  line-height:1.5;
}
.tool-card .tool-use strong{
  font-family:'Poppins',system-ui,sans-serif;
  font-size:.78rem;
  color:var(--ink);
}
.tool-card .tool-open{
  margin-top:auto;
  padding-top:.8rem;
  color:var(--green);
  font-family:'Poppins',system-ui,sans-serif;
  font-size:.72rem;
  font-weight:600;
}

/* Tool page shell */
.tool-page{
  padding:1.2rem 0 2.2rem;
}
.tool-back{
  display:inline-flex;
  margin-bottom:.75rem;
  color:var(--green);
  font-family:'Poppins',system-ui,sans-serif;
  font-size:.72rem;
  font-weight:600;
}
.tool-intro{
  display:grid;
  grid-template-columns:minmax(0,1fr) 290px;
  gap:1.2rem;
  align-items:start;
  margin-bottom:1rem;
}
.tool-shell{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
  gap:1rem;
  align-items:start;
}
.tool-form-card,
.tool-result-card,
.tool-explain-card{
  border:1px solid #DDE7E2;
  border-radius:16px;
  background:#fff;
  box-shadow:0 6px 18px rgba(14,61,44,.03);
}
.tool-form-card{
  padding:1.05rem 1.1rem;
}
.tool-form-card h2,
.tool-result-card h2,
.tool-explain-card h2{
  margin:0;
  font-size:1.05rem;
  line-height:1.3;
}
.tool-fields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.8rem;
  margin-top:.85rem;
}
.tool-field{
  display:grid;
  gap:.25rem;
}
.tool-field.full{
  grid-column:1/-1;
}
.tool-field label{
  font-family:'Poppins',system-ui,sans-serif;
  font-size:.72rem;
  font-weight:600;
  color:var(--ink);
}
.tool-field small{
  color:var(--ink-3);
  font-size:.69rem;
  line-height:1.45;
}
.tool-input-wrap{
  position:relative;
}
.tool-prefix,
.tool-suffix{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  color:var(--ink-3);
  font-family:'Poppins',system-ui,sans-serif;
  font-size:.74rem;
}
.tool-prefix{left:.75rem}
.tool-suffix{right:.75rem}
.tool-field input{
  width:100%;
  min-height:44px;
  padding:.7rem .78rem;
  border:1px solid #CBD8D2;
  border-radius:10px;
  background:#fff;
  color:var(--ink);
  font-family:'Poppins',system-ui,sans-serif;
  font-size:.88rem;
  outline:none;
}
.tool-field .has-prefix input{padding-left:1.8rem}
.tool-field .has-suffix input{padding-right:2.5rem}
.tool-field input:focus{
  border-color:var(--green);
  box-shadow:0 0 0 3px rgba(27,122,90,.08);
}
.tool-actions{
  display:flex;
  gap:.55rem;
  flex-wrap:wrap;
  margin-top:1rem;
}
.tool-actions button{
  min-height:42px;
  padding:.65rem .92rem;
  border-radius:10px;
  border:1px solid transparent;
  font-family:'Poppins',system-ui,sans-serif;
  font-size:.72rem;
  font-weight:600;
  cursor:pointer;
}
.tool-actions .calculate{
  background:var(--green);
  color:#fff;
}
.tool-actions .reset{
  background:#F2F5F3;
  color:var(--ink-2);
  border-color:#E2E9E5;
}

/* Result card */
.tool-result-card{
  overflow:hidden;
}
.tool-result-top{
  padding:1rem 1.05rem;
  background:linear-gradient(145deg,#0E3D2C 0%,#176B50 100%);
  color:#fff;
}
.tool-result-top .result-label{
  margin:0;
  color:#D4E5DE;
  font-family:'Poppins',system-ui,sans-serif;
  font-size:.64rem;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.tool-result-main{
  margin:.3rem 0 0;
  color:#fff;
  font-family:'Poppins',system-ui,sans-serif;
  font-size:clamp(1.9rem,4.6vw,3rem);
  font-weight:700;
  line-height:1.02;
}
.tool-result-sub{
  margin:.42rem 0 0;
  color:#DDEBE5;
  font-size:.78rem;
  line-height:1.5;
}
.tool-result-details{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.68rem;
  padding:1rem;
}
.result-stat{
  padding:.72rem .78rem;
  border-radius:10px;
  background:#F6F9F7;
}
.result-stat span{
  display:block;
  color:var(--ink-3);
  font-family:'Poppins',system-ui,sans-serif;
  font-size:.62rem;
  line-height:1.35;
}
.result-stat strong{
  display:block;
  margin-top:.18rem;
  color:var(--green-deep);
  font-family:'Poppins',system-ui,sans-serif;
  font-size:.9rem;
  line-height:1.35;
}
.tool-result-note,
.tool-result-empty{
  color:var(--ink-2);
  font-size:.78rem;
  line-height:1.56;
}
.tool-result-empty{
  padding:1rem 1.05rem;
}
.tool-result-note{
  margin:0;
  padding:0 1rem 1rem;
}

/* Explanation and disclaimer */
.tool-explain-card{
  margin-top:1rem;
  padding:1rem 1.1rem;
}
.tool-explain-card p,
.tool-explain-card li{
  color:var(--ink-2);
  font-size:.82rem;
  line-height:1.62;
}
.tool-explain-card ul{
  margin:.55rem 0 0;
  padding-left:1.1rem;
}
.tool-disclaimer{
  margin-top:1rem;
  padding:.82rem .92rem;
  border:1px solid #E8DDBF;
  border-radius:12px;
  background:#FFF9ED;
  color:#6B593B;
  font-size:.72rem;
  line-height:1.55;
}
.tool-disclaimer a{
  color:var(--green);
  font-family:'Poppins',system-ui,sans-serif;
  font-weight:600;
}

/* Mobile */
@media(max-width:900px){
  .tools-hero-grid,
  .tool-intro,
  .tool-shell{
    grid-template-columns:1fr;
  }
  .tools-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:620px){
  .tools-page>.wrap,
  .tool-page>.wrap{
    width:calc(100% - 22px);
  }
  .tool-fields{
    grid-template-columns:1fr;
  }
  .tool-field.full{
    grid-column:auto;
  }
  .tool-result-details{
    grid-template-columns:1fr;
  }
}


/* ==========================================================
   MoneySastra Phase 2C — PREMIUM FINTECH PASS
   Visual only. Calculations/content unchanged.
   ========================================================== */

:root{
  --tool-surface:#FFFFFF;
  --tool-surface-soft:#F3F7F5;
  --tool-border:#D9E4DE;
  --tool-border-strong:#C5D7CE;
  --tool-shadow:0 10px 28px rgba(14,61,44,.055);
  --tool-shadow-hover:0 16px 36px rgba(14,61,44,.10);
}

/* ---------- global tools surface ---------- */
.tools-page,
.tool-page{
  background:
    radial-gradient(circle at 88% 2%,rgba(245,166,35,.055),transparent 22rem),
    #F5F8F6;
}

.tools-page>.wrap,
.tool-page>.wrap,
.tools-hero .wrap{
  max-width:1380px;
  width:calc(100% - 36px);
}

/* ---------- hub hero ---------- */
.tools-hero{
  padding:1.65rem 0 1.15rem;
  background:linear-gradient(180deg,#FFFDF8 0%,#F5F8F6 100%);
  border-bottom:1px solid #E3EAE6;
}
.tools-hero-grid{
  grid-template-columns:minmax(0,1fr) 320px;
  gap:2rem;
}
.tools-hero h1,
.tool-intro h1{
  max-width:18ch;
  font-size:clamp(2rem,3.6vw,3.15rem);
  line-height:1.06;
}
.tools-hero .lede,
.tool-intro .lede{
  font-size:.92rem;
  line-height:1.62;
}
.tools-trust{
  position:relative;
  padding:1rem 1.05rem 1rem 1.2rem;
  border:1px solid #CFE0D8;
  background:linear-gradient(145deg,#FFFFFF 0%,#F2F8F5 100%);
  box-shadow:none;
}
.tools-trust::before{
  content:"";
  position:absolute;
  left:0;
  top:12px;
  bottom:12px;
  width:4px;
  border-radius:0 6px 6px 0;
  background:var(--green);
}
.tools-trust b{
  font-size:.72rem;
  letter-spacing:.02em;
}
.tools-trust p{
  font-size:.75rem;
}

/* ---------- premium tool hub cards ---------- */
.tools-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.8rem;
  padding:1rem 0 2.2rem;
}
.tool-card{
  position:relative;
  min-height:300px;
  padding:1.15rem 1.05rem;
  border:1px solid var(--tool-border);
  border-radius:15px;
  background:var(--tool-surface);
  box-shadow:var(--tool-shadow);
  overflow:hidden;
}
.tool-card::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
  background:linear-gradient(90deg,var(--green),#5BA68B);
}
.tool-card:hover{
  transform:translateY(-4px);
  border-color:var(--tool-border-strong);
  box-shadow:var(--tool-shadow-hover);
}
.tool-card .tool-badge{
  margin-top:.15rem;
  padding:.2rem .42rem;
  background:#EDF6F2;
  color:#246B53;
  font-size:.58rem;
  font-weight:700;
  letter-spacing:.035em;
  text-transform:uppercase;
}
.tool-card h2{
  margin:.75rem 0 0;
  color:#17251F;
  font-size:1.1rem;
  line-height:1.28;
}
.tool-card p{
  font-size:.79rem;
  line-height:1.55;
}
.tool-card .tool-use{
  margin-top:.72rem;
  padding-top:.68rem;
  border-top:1px solid #E8EEEB;
  font-size:.73rem;
  line-height:1.5;
}
.tool-card .tool-use strong{
  font-size:.73rem;
}
.tool-card .tool-open{
  display:flex;
  align-items:center;
  min-height:36px;
  margin-top:auto;
  padding-top:.72rem;
  color:#176B50;
  font-size:.66rem;
}

/* ---------- individual tool intro ---------- */
.tool-page{
  padding:1.05rem 0 2.2rem;
}
.tool-back{
  margin-bottom:.6rem;
  font-size:.68rem;
}
.tool-intro{
  grid-template-columns:minmax(0,1fr) 300px;
  gap:1.4rem;
  margin-bottom:.85rem;
  padding:.85rem 0 .2rem;
}
.tool-intro h1{
  max-width:23ch;
}
.tool-intro-note{
  position:relative;
  padding:.9rem .95rem .9rem 1.12rem;
  border-color:#D6E3DD;
  box-shadow:none;
  background:#FFFFFF;
}
.tool-intro-note::before{
  content:"";
  position:absolute;
  top:10px;
  bottom:10px;
  left:0;
  width:4px;
  border-radius:0 5px 5px 0;
  background:#F5A623;
}

/* ---------- calculator dashboard ---------- */
.tool-shell{
  grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr);
  gap:.9rem;
}
.tool-form-card,
.tool-result-card,
.tool-explain-card{
  border-color:var(--tool-border);
  box-shadow:var(--tool-shadow);
}
.tool-form-card{
  position:relative;
  padding:1.12rem 1.15rem 1.15rem;
  overflow:hidden;
}
.tool-form-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:var(--green);
}
.tool-form-card h2,
.tool-result-card h2,
.tool-explain-card h2{
  font-size:1.02rem;
}
.tool-fields{
  gap:.72rem;
  margin-top:.8rem;
}
.tool-field label{
  font-size:.69rem;
}
.tool-field small{
  font-size:.66rem;
}
.tool-field input{
  min-height:46px;
  border-color:#C9D7D0;
  border-radius:9px;
  font-size:.84rem;
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.tool-field input:hover{
  border-color:#ACC5B9;
}
.tool-field input:focus{
  background:#FCFEFD;
}

/* ---------- action buttons ---------- */
.tool-actions{
  margin-top:1rem;
}
.tool-actions button{
  min-height:44px;
  padding:.68rem 1rem;
  border-radius:9px;
  font-size:.69rem;
}
.tool-actions .calculate{
  box-shadow:0 5px 12px rgba(27,122,90,.16);
}
.tool-actions .calculate:hover{
  background:var(--green-deep);
}
.tool-actions .reset:hover{
  background:#E9EFEC;
}

/* ---------- stronger result panel ---------- */
.tool-result-card{
  border-color:#C9D9D1;
}
.tool-result-top{
  position:relative;
  padding:1.05rem 1.1rem 1.15rem;
  background:
    radial-gradient(circle at 93% 4%,rgba(245,166,35,.16),transparent 32%),
    linear-gradient(145deg,#0E3D2C 0%,#176B50 100%);
}
.tool-result-top::after{
  content:"";
  position:absolute;
  left:1.1rem;
  right:1.1rem;
  bottom:0;
  height:1px;
  background:rgba(255,255,255,.13);
}
.tool-result-main{
  margin-top:.32rem;
  font-size:clamp(2rem,4vw,3rem);
}
.tool-result-sub{
  font-size:.75rem;
}
.tool-result-details{
  gap:.55rem;
  padding:.85rem;
  background:#FCFDFC;
}
.result-stat{
  min-height:76px;
  padding:.72rem;
  background:#F1F6F3;
  border:1px solid #E2EBE6;
}
.result-stat span{
  font-size:.58rem;
}
.result-stat strong{
  font-size:.84rem;
}
.tool-result-note{
  padding:0 .9rem .9rem;
  background:#FCFDFC;
  font-size:.72rem;
}
.tool-result-empty{
  min-height:170px;
  display:flex;
  align-items:center;
  padding:1.1rem;
  background:linear-gradient(145deg,#FFFFFF 0%,#F7FAF8 100%);
  font-size:.78rem;
}

/* sticky result on large screens */
@media(min-width:1001px){
  .tool-result-card{
    position:sticky;
    top:92px;
  }
}

/* ---------- explanation ---------- */
.tool-explain-card{
  padding:1rem 1.1rem;
  box-shadow:none;
}
.tool-explain-card p,
.tool-explain-card li{
  font-size:.78rem;
  line-height:1.58;
}
.tool-disclaimer{
  border-color:#E9DAB4;
  background:#FFF9EC;
  font-size:.69rem;
}

/* ---------- responsive ---------- */
@media(max-width:1180px){
  .tools-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .tool-card{
    min-height:250px;
  }
}
@media(max-width:900px){
  .tools-hero-grid,
  .tool-intro,
  .tool-shell{
    grid-template-columns:1fr;
  }
  .tool-result-card{
    position:static;
  }
}
@media(max-width:620px){
  .tools-page>.wrap,
  .tool-page>.wrap,
  .tools-hero .wrap{
    width:calc(100% - 22px);
  }
  .tools-grid{
    grid-template-columns:1fr;
  }
  .tool-card{
    min-height:auto;
  }
  .tools-hero h1,
  .tool-intro h1{
    font-size:2rem;
  }
}


/* ==========================================================
   Phase 2C FINAL v2 — layout consistency fixes
   ========================================================== */

/* Keep Tools pages vertically balanced and footer at the page bottom */
html{
  min-height:100%;
}
body{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
header.site{
  flex:0 0 auto;
}
main.tools-page,
main.tool-page{
  flex:1 0 auto;
}
main.tools-page + .public-footer-v2,
main.tool-page + .public-footer-v2{
  flex:0 0 auto;
  margin-top:0 !important;
}

/* Remove excessive space before footer */
.tools-grid{
  padding-bottom:.8rem;
}
.tool-page{
  padding-bottom:.75rem;
}
.tool-explain-card{
  margin-bottom:0;
}

/* Keep header/footer width and geometry aligned with the rest of MoneySastra */
header.site .wrap,
.public-footer-v2 .wrap{
  max-width:var(--wrap);
}

/* Numeric fields: users type the exact number they want.
   Hide spinner controls to avoid implying forced increments. */
.tool-field input[type="number"]{
  appearance:textfield;
  -moz-appearance:textfield;
}
.tool-field input[type="number"]::-webkit-inner-spin-button,
.tool-field input[type="number"]::-webkit-outer-spin-button{
  -webkit-appearance:none;
  margin:0;
}


/* ==========================================================
   Phase 2C FINAL v3 — guided decision-tool UX
   ========================================================== */

.tool-section-label{
  margin-bottom:.3rem;
  color:var(--green);
  font-family:'Poppins',system-ui,sans-serif;
  font-size:.60rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.tool-refine{
  margin-top:.9rem;
  border:1px solid #DCE6E1;
  border-radius:12px;
  background:#F8FAF9;
  overflow:hidden;
}
.tool-refine summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.8rem;
  padding:.72rem .8rem;
  cursor:pointer;
  list-style:none;
  color:var(--green-deep);
  font-family:'Poppins',system-ui,sans-serif;
  font-size:.70rem;
  font-weight:600;
}
.tool-refine summary::-webkit-details-marker{display:none}
.tool-refine summary::after{
  content:"+";
  flex:none;
  display:grid;
  place-items:center;
  width:23px;
  height:23px;
  border-radius:50%;
  background:#E7F1EC;
  color:var(--green);
  font-size:.9rem;
  line-height:1;
}
.tool-refine[open] summary::after{content:"−"}
.tool-refine summary span{
  margin-left:auto;
  color:var(--ink-3);
  font-size:.61rem;
  font-weight:500;
}
.tool-refine-body{
  padding:.1rem .8rem .8rem;
  border-top:1px solid #E6ECE9;
}

.tool-field select{
  width:100%;
  min-height:46px;
  padding:.7rem .78rem;
  border:1px solid #C9D7D0;
  border-radius:9px;
  background:#fff;
  color:var(--ink);
  font-family:'Poppins',system-ui,sans-serif;
  font-size:.84rem;
  outline:none;
}
.tool-field select:focus{
  border-color:var(--green);
  box-shadow:0 0 0 3px rgba(27,122,90,.08);
}

.tool-insight{
  margin:.85rem .85rem 0;
  padding:.72rem .8rem;
  border:1px solid #DCE7E1;
  border-radius:11px;
  background:#F5F9F7;
}
.tool-insight span{
  display:block;
  margin-bottom:.22rem;
  color:var(--green);
  font-family:'Poppins',system-ui,sans-serif;
  font-size:.59rem;
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.tool-insight p{
  margin:0;
  color:var(--ink-2);
  font-size:.76rem;
  line-height:1.55;
}

.tool-result-details-six{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

@media(min-width:1181px){
  .tool-result-details-six{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:620px){
  .tool-refine summary{
    align-items:flex-start;
  }
  .tool-refine summary span{
    display:none;
  }
  .tool-result-details-six{
    grid-template-columns:1fr;
  }
}


/* ==========================================================
   Phase 2C FINAL v4 — typography consistency
   ========================================================== */

/* Tool UI uses Poppins consistently; explanatory reading text stays Lora */
.tools-page .eyebrow,
.tool-page .eyebrow,
.tools-page h1,
.tools-page h2,
.tools-page h3,
.tool-page h1,
.tool-page h2,
.tool-page h3,
.tool-card,
.tool-card .tool-use,
.tool-card .tool-open,
.tool-section-label,
.tool-refine summary,
.tool-field label,
.tool-field input,
.tool-field select,
.tool-field button,
.tool-prefix,
.tool-suffix,
.tool-actions button,
.result-label,
.tool-result-main,
.result-stat span,
.result-stat strong,
.tool-insight span,
.tool-back{
  font-family:'Poppins',system-ui,sans-serif;
}

/* Body/explanation copy uses one consistent reading font */
.tools-hero .lede,
.tool-intro .lede,
.tools-trust p,
.tool-intro-note p,
.tool-field small,
.tool-insight p,
.tool-result-sub,
.tool-result-note,
.tool-result-empty,
.tool-explain-card p,
.tool-explain-card li,
.tool-disclaimer{
  font-family:'Lora',Georgia,serif;
}

/* Consistent control appearance */
.tool-field input,
.tool-field select{
  font-size:.84rem;
  font-weight:400;
  line-height:1.2;
}

/* The inflation page now has only three fields */
.tool-field.full{
  grid-column:1/-1;
}

/* ==========================================================
   17 Aug 2026 — compact empty result state
   Removes the oversized blank area before a tool is calculated.
   Applies to every MoneySastra calculator.
   ========================================================== */
.tool-result-empty{
  min-height:88px !important;
  display:flex !important;
  align-items:center !important;
  padding:.9rem 1rem !important;
  border-bottom:1px solid #E3EBE7;
  background:
    radial-gradient(circle at 94% 10%,rgba(245,166,35,.055),transparent 28%),
    linear-gradient(145deg,#FFFFFF 0%,#F6FAF8 100%) !important;
  color:#607169 !important;
  font-size:.76rem !important;
  line-height:1.5 !important;
}

.tool-result-empty::before{
  content:"";
  flex:0 0 auto;
  width:7px;
  height:7px;
  margin-right:.62rem;
  border-radius:50%;
  background:var(--green);
  opacity:.72;
}

@media(max-width:620px){
  .tool-result-empty{
    min-height:74px !important;
    padding:.78rem .85rem !important;
    font-size:.73rem !important;
  }
}