/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

 body {
    font-family: verdana, sans-serif;
 }

 p.balance {
   font-size: larger;
   border: 1px solid #ccc;
   padding: 16px;
   border-radius: 5px;
 }

 /* Task body specific styles */
 .task-body blockquote {
   border-left: 4px solid #6c757d;
   padding-left: 16px;
   margin: 16px 0;
   background-color: #f8f9fa;
   padding: 12px 16px;
   border-radius: 4px;
   color: #6c757d;
   font-style: italic;
 }

 .task-body blockquote p {
   margin-bottom: 0;
 }

 .task-body blockquote p:last-child {
   margin-bottom: 0;
 }

 /* Inline button forms */
 .btn-group-inline form {
   display: inline-block;
   margin-right: 0.25rem;
 }