/* DailyToolLab: BMI, Loan/EMI and Date Difference calculators (shared, small). */
.ce-units{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.ce-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
.ce-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px}
@media (max-width:480px){.ce-three{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ce-note{font-size:.88rem;border-left:3px solid var(--warn);background:var(--surface2);padding:8px 10px;border-radius:8px;margin:10px 0 0}
.ce-cat{font-weight:800;font-size:1.15rem;margin:-2px 0 10px}
/* BMI scale */
.bmi-scale{position:relative;margin:18px 0 26px}
.bmi-bar{display:flex;height:14px;border-radius:999px;overflow:hidden}
.bmi-bar span{display:block;height:100%}
.bmi-marker{position:absolute;top:-6px;width:4px;height:26px;margin-left:-2px;background:var(--ink);border-radius:2px;box-shadow:0 0 0 2px var(--surface);transition:left .25s}
.bmi-ticks{position:relative;height:16px;font-size:.72rem;color:var(--muted);margin-top:4px}
.bmi-ticks span{position:absolute;transform:translateX(-50%)}
.bmi-legend{list-style:none;padding:0;margin:8px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:4px 12px;font-size:.84rem}
.bmi-legend li,.lc-legend li{display:flex;align-items:center;gap:6px}
.lc-sw{display:inline-block;width:12px;height:12px;border-radius:3px;flex:0 0 12px}
/* Loan */
.lc-top{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:14px;align-items:center}
@media (max-width:480px){.lc-top{grid-template-columns:1fr}}
.lc-chart{width:100%;max-width:170px;aspect-ratio:1/1;display:block;margin:0 auto}
.lc-legend{list-style:none;padding:0;margin:8px 0 0;font-size:.86rem}
.lc-formula{font-family:var(--mono);font-size:.9rem;background:var(--surface2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;overflow-x:auto;white-space:nowrap}
.lc-sched{margin-top:18px}
.lc-sched .lc-head{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin-bottom:8px}
.lc-sched .lc-head h2{margin:0;font-size:1.1rem}
.lc-scroll{max-height:420px;overflow:auto;border-radius:12px}
.lc-scroll table{font-variant-numeric:tabular-nums}
.lc-scroll thead th{position:sticky;top:0;background:var(--surface2);z-index:1}
.lc-scroll td:not(:first-child),.lc-scroll th:not(:first-child){text-align:right}
/* Date */
.dd-row{display:flex;gap:8px;align-items:flex-end}
.dd-row .field{flex:1;margin-bottom:0}
.dd-row .btn{padding:10px 12px;font-size:.88rem;margin-bottom:1px}
.dd-ops{display:flex;gap:8px;margin:0 0 12px}