/* ====== BASE ====== */
*{box-sizing:border-box;}

html,body{height:100%;}

body{
  margin:0;
  background:var(--bg-page);
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:var(--font);
  padding:16px;
  -webkit-tap-highlight-color:transparent;
}

/* La "schermata" dell'app */
.screen{
  width:100%;
  max-width:340px;
  background:var(--app-bg);
  border-radius:20px;
  padding:18px 18px 20px;
  color:var(--text);
  background-image:
    repeating-linear-gradient(0deg, rgba(255,255,255,0.04) 0 1px, transparent 1px 26px),
    repeating-linear-gradient(90deg, rgba(255,255,255,0.04) 0 1px, transparent 1px 26px);
}

/* Titolo sessione */
.title{
  text-align:center;
  color:var(--orange);
  font-size:13px;
  font-weight:600;
  letter-spacing:2px;
  margin-bottom:12px;
}

/* Titolo sezione (CURRENT_TASKS) */
.sec-title{
  font-size:11px;
  font-weight:500;
  color:#aeb9bf;
  letter-spacing:1px;
  margin-bottom:8px;
}

/* Icone vettoriali generiche */
svg.ic{
  width:1em; height:1em;
  stroke:currentColor; fill:none;
  stroke-width:2; stroke-linecap:round; stroke-linejoin:round;
}