#screen-time-card > p { line-height:1.5; }
#screen-time-card details { margin:1rem 0; }
#screen-time-card summary { cursor:pointer; min-height:2.5rem; color:var(--mint); }
#screen-time-card label { margin-top:.8rem; }
#screen-time-card input[type=file] { width:100%; padding:.75rem; white-space:normal; }
.screen-time-marker { border-left:3px solid var(--mint); padding:.4rem .85rem; }
.screen-time-preview { display:block; width:auto; max-width:100%; max-height:420px; margin:1rem auto; border-radius:.6rem; }
.screen-time-controls { display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; gap:.6rem; margin:1rem 0; }
.screen-time-app { display:grid; grid-template-columns:1fr 1fr; gap:.5rem; padding:.6rem 0; border-top:1px solid var(--line); }
.screen-time-app button { justify-self:start; }
.screen-time-confirm { display:flex; align-items:flex-start; gap:.7rem; font-weight:400; line-height:1.5; margin:1rem 0 !important; }
.screen-time-confirm input { width:1.2rem; height:1.2rem; margin:.2rem 0; flex-shrink:0; }
.screen-time-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.5rem; margin:1rem 0; }
.screen-time-stats > div { background:var(--bg); padding:.75rem .5rem; border:1px solid var(--line); border-radius:.6rem; }
.screen-time-stats strong,.screen-time-stats small { display:block; }
.screen-time-stats small { color:var(--muted); font-size:.7rem; margin-top:.4rem; line-height:1.4; }
.screen-time-stats strong { font-size:1.1rem; }
.screen-time-table-wrap { overflow-x:auto; }
.screen-time-table { width:100%; border-collapse:collapse; font-size:.8rem; }
.screen-time-table th,.screen-time-table td { padding:.65rem .3rem; border-bottom:1px solid var(--line); text-align:left; }
.screen-time-ocr { white-space:pre-wrap; overflow-wrap:anywhere; font-size:.8rem; max-height:240px; overflow:auto; }
#screen-time-card button { min-height:2.75rem; }
#screen-time-card button:focus-visible { outline:2px solid var(--mint); outline-offset:3px; }

.screen-time-results { padding:0; list-style:none; margin:1rem 0; }
.screen-time-results li { padding:.8rem 0; border-bottom:1px solid var(--line); display:flex; flex-direction:column; gap:.4rem; overflow-wrap:anywhere; }
.screen-time-results span { color:var(--mint); font-size:.85rem; }
.screen-time-results small { color:var(--muted); line-height:1.5; }
.screen-time-results button { align-self:flex-start; }