/* ==============================================================================================
   ETopUp - utility classes, to replace inline style attributes in the views.

   WHY THESE EXACT CLASSES

   The views carry 793 inline style="..." attributes. They are not 793 different designs - they are
   a handful of declarations repeated over and over. Counted across every .cshtml:

       font-weight:700 / bold      181
       color:red                   115
       color:#000000 / black       111
       display:none                100
       padding-left:5px             81
       padding-right:5px            66
       font-style:italic            25
       min-width:120px              37
       color:green                  36
       width:100%                   20
       color:blue                   19
       float:right                  16

   So roughly 700 of the 793 collapse into the classes below. Replacing the attributes with these
   gives the same rendering while removing the inline CSS, and - the real win - puts each of those
   values in ONE place instead of scattered across a hundred files.

   VALUES ARE KEPT LITERAL ON PURPOSE

   It is tempting to map color:red onto var(--brand-danger). That token is #b3261e, not red, so
   doing it here would silently restyle 115 places across the product in a change whose stated
   purpose was "move CSS out of the markup". The extraction is done first and keeps the pixels
   identical; switching these to brand tokens is then a one-line edit per class, reviewable on its
   own, which is exactly the position we want to be in.
   ============================================================================================== */

/* -- text weight and style ------------------------------------------------------------------- */
.u-bold        { font-weight: 700; }
.u-italic      { font-style: italic; }

/* -- text colour ------------------------------------------------------------------------------ */
.u-text-red    { color: red; }
.u-text-green  { color: green; }
.u-text-blue   { color: blue; }
.u-text-black  { color: #000000; }
.u-text-navy   { color: darkblue; }
.u-text-white  { color: #ffffff; }

/* -- visibility ------------------------------------------------------------------------------- */
/* NOTE: .etopup-hidden already exists in etopup-components.css and is used by the layouts for the
   anti-forgery and config holders. The 100 inline display:none attributes reuse that same class
   rather than introducing a second one that means the same thing. */

/* -- spacing ---------------------------------------------------------------------------------- */
.u-pl-5        { padding-left: 5px; }
.u-pr-5        { padding-right: 5px; }
.u-pl-10       { padding-left: 10px; }
.u-p-1         { padding: 1px; }

/* -- sizing ----------------------------------------------------------------------------------- */
.u-w-100       { width: 100%; }
.u-minw-90     { min-width: 90px; }
.u-minw-120    { min-width: 120px; }
.u-maxw-250    { max-width: 250px; }
.u-w-80        { width: 80px; }

/* -- layout ----------------------------------------------------------------------------------- */
.u-float-right { float: right; }
.u-flex        { display: flex; }
.u-text-center { text-align: center; }
.u-bg-transparent { background-color: transparent !important; }

/* -- additions from the inline-style individual review (2nd migration batch) ------------------ */
.u-text-right  { text-align: right; }
.u-cursor-pointer { cursor: pointer; }
.u-w-60        { width: 60px; }
.u-w-120       { width: 120px; }
.u-minw-140    { min-width: 140px; }
.u-h-auto      { height: auto; }
.u-h-500       { height: 500px; }
.u-pos-rel     { position: relative; }
.u-px-15       { padding: 0 15px; }
.u-wh-34       { width: 34px; height: 34px; }
.u-fs-25rem    { font-size: 2.5rem; }
.u-bg-white    { background-color: #fff; }
.u-text-yellow { color: yellow; }
.u-minw-150    { min-width: 150px; }
.u-maxw-124-imp { max-width: 124px !important; }
.u-capitalize  { text-transform: capitalize; }
.u-w-100pct-imp { width: 100% !important; }