/* Flow-network quick-info popup styles — deduped from the byte-identical inline
   <style> blocks in flow_networks/partials/{field,lateral_segment,meter,well,
   control_point,storage_area}_quick_info.html.

   Scoped under .fn-quick-info because the generic class names (.quick-info-content,
   .info-section, .section-title) collide with companies/modals/company_quick_view.html,
   which uses the same names with different values. Loading this globally without the
   scope would leak these rules onto that modal. Each deduped partial's root carries
   both classes: <div class="quick-info-content fn-quick-info">. */

.fn-quick-info.quick-info-content {
    padding: 1rem;
}

.fn-quick-info .info-section {
    background-color: #f8f9fa;
    border-radius: 0.5rem;
    padding: 1rem;
    margin-bottom: 1rem;
}

.fn-quick-info .section-title {
    font-size: 0.875rem;
    font-weight: 600;
    color: #566a7f;
    margin-bottom: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.fn-quick-info .info-section dl {
    font-size: 0.875rem;
}

.fn-quick-info .info-section dt {
    font-weight: 500;
    color: #697a8d;
}

.fn-quick-info .info-section dd {
    color: #566a7f;
}