/* =============================================================================
   Buddy console — register a farmer
   ========================================================================== */

/* "Location and areas are measured, not typed."

   This panel used to be green: --nz-lime-soft behind it, #cfe9bd around it,
   #3f7a18 on the heading. Three problems in one block.

   The colour was wrong for the job. Its own comment said "informational, not a
   warning — lime rather than amber", which is the right instinct about amber
   and the wrong conclusion about green: in this console green is the traffic
   light. The dashboard's informational block (.db-todo--info) is a white
   surface with a blue left border, and that is what informational looks like
   here.

   The values were the retired brand. #3f7a18 is the PRE-rebrand lime-text (the
   current token is #217A00) and #e8f7de is a tint of #84D860, not of #3BD304 --
   both written as var() fallbacks, so they were dormant while the palette
   loaded and live the moment it did not. #cfe9bd had no token behind it at all.

   And it was the largest coloured element on step 2, so the visual centre of
   gravity of the registration form was green rather than blue.

   Nothing below declares a hex. If you are about to type one here, the value
   you want is already a token in nz-palette.css.
   ========================================================================== */

.rf-auto {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    padding: 16px 18px;
    background: var(--nz-surface);
    border: 1px solid var(--nz-border);
    /* The weight is carried by one blue edge rather than by a filled panel —
       same shape as .db-todo--info on the dashboard. */
    border-left: 3px solid var(--nz-blue);
    border-radius: 12px;
}

.rf-auto > i {
    flex: none;
    margin-top: 2px;
    font-size: 17px;
    color: var(--nz-blue);
}

.rf-auto strong {
    display: block;
    font-size: 14.5px;
    font-weight: 700;
    color: var(--nz-text);
}

.rf-auto p {
    margin: 5px 0 0;
    font-size: 13.5px;
    line-height: 1.55;
    color: var(--nz-text-2);
}