/* Keep your local imports exactly as they are */
@import './main-layout.css';
@import './rentBill.css';
@import './signUp.css';
@import './settings.css';
@import './miscReceipts.css';
@import './dashBoardView.css';
@import './cashReceipt.css';
@import './loginView.css';
@import './dashBoardView_1.css';
@import './repActiveAgreeView.css';
@import './mainLayout.css';
@import './repDefaulters.css';
@import './editAgreement.css';
@import './rentBillView.css';
@import './rechargeView.css';
@import './repCreditsView.css';
@import './createUserView.css';
@import './repRentalInvoiceView.css';

html {
 /* --lumo-base-color: white;*/
 --lumo-base-color: #e9eff3;
 /*  --lumo-base-color: #c8d2d9;
 /* --lumo-primary-color: green;*/
/*  --lumo-font-family: 'Roboto';*/
}

/*New css */



*/ --------------------------------- */

[lang="ml"] {
    font-family: 'Noto Sans Malayalam', sans-serif;
}

.stretchContainer{
    display: flex;
    flex-flow: wrap;
    align-items: stretch;
    align-content: stretch;
}
.flexWrapOnly{
    display: flex;
    flex-flow: wrap;
    flex-grow: 1 1;
}

:host([theme~="mobile"]) [part~="row"] {
  min-height: 44px;
}

.repPurchasedMachines[width-range~="-599px"] {
     /* minimize spacing/padding on small screens */
     vaadin-board {
      padding: 0;
        }
     }

vaadin-grid.styling-header::part(delete-header) {
      font-size: var(--lumo-font-size-l);
      white-space: unset;
      color: red;
  }

  vaadin-grid.first-footer-row-cell::part(first-footer-row-cell) {
      display: none;
  }

 vaadin-grid.warn::part(cell){
   background: yellow;
 }

/*[theme~="light"] {
    vaadin-grid::part(selected-row-cell) {
                       background: #9ec3dd;
                   }
             }

  [theme~="dark"] {
      vaadin-grid::part(selected-row-cell) {
            background: #1a5a2c;
      }
    }*/

/* Example: the style is applied only to the textfields which have the `bordered` class name. */
/*vaadin-text-field::part(input-field) {
  box-shadow: inset 0 0 0 1px var(--lumo-contrast-80pct);
  background-color: var(--lumo-base-color);
}*/

/*vaadin-menu-bar-button::part(label){
    color: red;
}*/

vaadin-dialog-overlay::part(header){
 background-color: #8391d3;
}

.searchForm{
         background-image: linear-gradient(to bottom, var(--lumo-contrast-50pct) 50px, var(--lumo-contrast-5pct) 8px);
         box-shadow: var(--lumo-box-shadow-m);
        /* background-image: linear-gradient(to bottom, #9fc6f6 60px, #ced6f6 8px);
         border: solid 2px;
         border-color: --lumo-contrast-90pct;*/
         border-radius: 15px;
         padding:15px 30px 30px 30px;
         flex-grow: 1;
 }

 .customerForm{
            background: var(--lumo-contrast-5pct);
            box-shadow: var(--lumo-box-shadow-m);
            border-radius: 15px;
            padding: 0px 15px 15px 15px;
            flex-grow: 1;
 }

 .summary{
      display: flex;
      justify-content: space-between;
  }

    .customerHl{
            background-color:#0e4d7e;
            padding: 0px 0px 0px 0px;
    }

    .customerHl_margin {
        background-color:#0e4d7e;
        padding: 0px 10px 0px 10px;
    }

    .fields_margin {
            display: flex;
            background-color:#0e4d7e;
            justify-content: space-between;
            padding: 0px 5px 0px 5px;
            gap: 5px;
        }
    .fields_inner {
            display: flex;
            padding: 0px 0px 0px 0px;
            gap: 5px;
    }

    .footerLayout {
        padding: 3px 5px 3px 5px;
    }

    .topPaddingLayout {
        padding: 15px 0px 0px 0px;
    }

    .customerHl_margin_all {
        background-color:#0e4d7e;
        padding: 10px 10px 10px 10px;
    }

    .showNewMachs{
        background-color:#0e4d7e;
        padding: 10px 10px 10px 10px;
    }

    .hlSummary_small {
        background-color:#0e4d7e;
        padding: 0px 10px 0px 10px;
       /* justify-content: center;*/
    }

     .hlSummary_small_noPadding {
            background-color:#0e4d7e;
            padding: 0px 0px 0px 10px;
           /* justify-content: center;*/
        }

    .hlPreDate {
       spacing: 5px;
    }

    .roundCornerButton {
        --lumo-border-radius-m: 1em;
    }

    .hlSummary_large {
        display: flex;
        background-color:#0e4d7e;
        padding: 0px 10px 0px 10px;
        gap: 100px;
    }

    .workSiteHl{
            background-color:#2d6b9b;
            padding: 0px 0px 0px 5px;
           }
    .buttonLayout{
            display: flex;
            justify-content: end;
            padding: 0px 5px 0px 5px;
    }

    .sidePadding {
        padding: 0px 12px 0px 12px;
    }

    .buttonRound{
         border-radius: 10px;
    }

     .buttonLayout_previousAgree{
                display: flex;
                justify-content: space-between;
                padding: 0px 5px 0px 5px;
        }

     .whatsappColour{
        color:#25D366;
     }

     .pdfColour{
        color:#FF0000;
     }

     .rupeeColour{
        color:#3da5b8;
     }

    .hlTxtFields{
      display: flex;
      justify-content: end;
      background-color:#0e4d7e;
      padding: 0px 5px 0px 5px;
    }

    .addMachineLayout[theme~="sarams-theme"]{
        background: #d9e2f1;
    }
    ::part(input-field) {
      box-shadow: inset 0 0 0 1px var(--lumo-contrast-50pct);
      background-color: var(--lumo-contrast-5pct);
    }

   .link-button {
        color: #FFC300;
        font-weight: bold;
   }

   .link-button::part(label) {
     text-decoration: underline;
   }

   .smallViews{
            display: flex;
            background-image: linear-gradient(to bottom, var(--lumo-contrast-50pct) 50px, var(--lumo-contrast-5pct) 8px);
            box-shadow: var(--lumo-box-shadow-m);
            border-radius: 15px;
            padding: 15px 15px 15px 15px;

            flex-grow: 1;
            align-items: stretch;
            align-content: stretch;
            max-width: 420px
    }

html {
  --vcf-nav-child-indent: var(--lumo-space-m);
}

vcf-nav {
  padding: 0;
  font-size: var(--lumo-font-size-m);
  color: var(--lumo-body-text-color);
}

vcf-nav::part(label) {
  text-transform: uppercase;
  font-size: var(--lumo-font-size-xs);
}

vcf-nav-item::part(item) {
  border-inline-start: 2px solid transparent;
}

vcf-nav-item[active]::part(item) {
  border-inline-start-color: var(--lumo-primary-color);
}
vaadin-app-layout::part(drawer) {
  width: 300px;
}

/*.movable-fab {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;

    // Shape and Styling
    border-radius: 50% !important;
    width: 60px;
    height: 60px;
    min-width: 60px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);

    // Performance & Interaction
    touch-action: none;
    user-select: none;
    cursor: grab;
    will-change: transform;
}
.movable-fab:active { cursor: grabbing; } */
.floating-menu {
    position: fixed;
    z-index: 10000;
    height: 56px;
    padding: 4px;
    background: var(--lumo-primary-color);
    color: white;
    border-radius: 999px;
    box-shadow: 0 10px 28px rgba(0,0,0,.35);
    cursor: grab;
    user-select: none;
    touch-action: none;
    overflow: hidden;
    white-space: nowrap;
    transition: transform 0.15s ease-out, width 0.2s ease;
}

.floating-menu:active {
    cursor: grabbing;
}

/* Collapsed capsule */
.floating-menu:not(.expanded) {
    width: 56px;
}

/* Arrow inside capsule */
.floating-menu::after {
    content: "▶";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    pointer-events: none;
}

/* Hide arrow when expanded */
.floating-menu.expanded::after {
    content: "";
}

/* Measuring invisible mode for JS */
.floating-menu.measuring {
    position: absolute;
    visibility: hidden;
    width: auto !important;
}

/* MenuBar styling */
.floating-menubar {
    background: transparent;
}

vaadin-menu-bar-button {
    border-radius: 999px;
}