/* Time Calculator — tool-specific styles. Most styling comes from toolkit.css.
   All selectors scoped under #trp-tool-root / prefixed .trp-time- so nothing
   collides with Astra / Elementor / other tools. Uses shared tokens. */

#trp-tool-root .trp-time-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px;}
@media(min-width:560px){#trp-tool-root .trp-time-modes{grid-template-columns:repeat(4,1fr);}}
#trp-tool-root .trp-time-mode{width:100%;}
#trp-tool-root .trp-time-mode.is-active{
  background:var(--trp-accent);color:var(--trp-on-accent);border-color:var(--trp-accent);
}
#trp-tool-root .trp-time-mode.is-active:hover{background:var(--trp-accent-hov);}

#trp-tool-root .trp-time-dur{margin-bottom:16px;}
#trp-tool-root .trp-time-dur + .trp-time-dur{
  margin-top:16px;padding-top:16px;border-top:1px solid var(--trp-border);
}
#trp-tool-root .trp-time-legend{
  margin:0 0 10px;font-size:14px;font-weight:600;color:var(--trp-ink-2);
}

#trp-tool-root .trp-time-grid2{display:grid;grid-template-columns:1fr;gap:14px;}
@media(min-width:520px){#trp-tool-root .trp-time-grid2{grid-template-columns:1fr 1fr;}}
#trp-tool-root .trp-time-grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;}

#trp-tool-root .trp-time-incl{
  display:flex;align-items:center;gap:9px;margin-top:12px;
  font-size:14px;color:var(--trp-ink-2);cursor:pointer;
}
#trp-tool-root .trp-time-check{width:18px;height:18px;accent-color:var(--trp-accent);cursor:pointer;flex:none;}

#trp-tool-root .trp-time-actions{margin-top:16px;}

#trp-tool-root .trp-time-error{
  margin:14px 0 0;padding:11px 14px;border-radius:var(--trp-r-md);
  background:var(--trp-error-bg);color:var(--trp-error);font-size:14px;font-weight:500;
}

#trp-tool-root .trp-time-result{margin-top:16px;}
#trp-tool-root .trp-time-headline{
  font-family:var(--trp-font-head);font-weight:800;font-size:clamp(24px,6vw,38px);
  line-height:1.1;color:var(--trp-accent);text-align:center;letter-spacing:-.01em;
  font-variant-numeric:tabular-nums;
  background:var(--trp-surface-2);border:1px solid var(--trp-border);border-radius:var(--trp-r-lg);padding:20px;
}
#trp-tool-root .trp-time-headline:empty{display:none;}
#trp-tool-root .trp-time-detail{font-size:14px;color:var(--trp-muted);margin-top:10px;text-align:center;line-height:1.55;}
#trp-tool-root .trp-time-stats{margin-top:14px;}
#trp-tool-root .trp-time-stats .trpk-stat__val{font-size:20px;font-variant-numeric:tabular-nums;}

/* examples list in the content section (outside the widget root) */
.trp-time-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.trp-time-list li{
  background:var(--trp-surface);border:1px solid var(--trp-border);
  border-radius:var(--trp-r-md);padding:11px 14px;font-size:14px;color:var(--trp-ink-2);
}
.trp-time-list li strong{color:var(--trp-ink);}
.trp-time-list code{font-family:var(--trp-font-mono);font-size:.9em;background:var(--trp-accent-soft);color:var(--trp-ink);padding:1px 6px;border-radius:5px;}