/* public_html/assets/css/windmax-style.css */

/* ============== Global brand & typography ============== */
:root{
  --windmax:#1A237E;

  /* Type scale (global) — bumped +2px */
  --wmx-header-size:26px;   /* h1 */
  --wmx-section-size:22px;  /* h2 / title bars */
  --wmx-detail-size:16px;   /* default text */

  /* Table compact scale — adjusted */
  --wmx-table-size:14px;    /* table text size */
  --wmx-table-line:1.1;
  --wmx-table-pad-y:1px;    /* tighter vertical padding */
  --wmx-table-pad-x:8px;

  /* Dashboard tokens */
  --wmx-panel-bg:#eaf2ff;
  --wmx-btn-minw:12.75rem;

  /* Button sizing — bumped */
  --wmx-btn-size:14px;   /* default buttons */
  --wmx-nav-size:12px;   /* header nav buttons (spec: small) */
}

/* Base page background + global font */
html,body{
  background:#fff;
  font-family:"Courier New",Courier,ui-monospace,Menlo,Consolas,"Liberation Mono",Monaco,monospace;
  font-size:var(--wmx-detail-size);
  line-height:1.25;
  height:100%;
}

/* Tighter paragraph spacing for admin pages and generally */
p{ margin:6px 0; }

/* Headers use same family */
h1,h2,h3,h4,h5,h6{font-family:inherit;color:var(--windmax);} 
h1{font-size:var(--wmx-header-size);line-height:1.2;font-weight:700;margin:0 0 6px 0;}
h2{font-size:var(--wmx-section-size);line-height:1.2;font-weight:400;margin:0 0 6px 0;}
h3{font-size:18px;line-height:1.2;font-weight:600;margin:0 0 6px 0;}

/* Controls & buttons inherit font; NOT bold */
label,
input,
select,
textarea,
button,
a.btn,
.btn{
  box-sizing:border-box;
  font-family:inherit;
  font-size:var(--wmx-btn-size);
  font-weight:400 !important;
  letter-spacing:0;
}

/* Section/page title bars */
.table-title{
  background:var(--windmax) !important;
  color:#fff !important;
  font-size:var(--wmx-section-size) !important;
  font-weight:400 !important;
  display:flex;align-items:center;gap:10px;
  margin:0 0 12px 0;border:none;box-shadow:none;border-radius:6px;
  height:35px; padding:0 16px;
}

/* Detail text helpers */
.wmx-text-12{font-size:12px !important;}

/* ============== Tables (global compact) ============== */
.table-excel,.data-table{width:100%;border-collapse:collapse;background:#fff;}
.table-excel>thead>tr>th,
.table-excel>tbody>tr>td,
.table-excel>tfoot>tr>td,
.data-table>thead>tr>th,
.data-table>tbody>tr>td,
.data-table>tfoot>tr>td{
  border:1px solid #000 !important;
  padding:var(--wmx-table-pad-y) var(--wmx-table-pad-x) !important;
  text-align:center !important;
  font-size:var(--wmx-table-size) !important;
  line-height:var(--wmx-table-line) !important;
  vertical-align:middle !important;
  height:auto !important;
}
.table-excel>thead>tr>th,.data-table>thead>tr>th{background:#fff !important;font-weight:700 !important;color:#000 !important;}
.table-excel tbody tr:nth-child(even),.data-table tbody tr:nth-child(even){background:#f6f8ff !important;}
.table-excel tbody tr:hover,.data-table tbody tr:hover{background:#eaf1ff !important;}
.table-excel a,.data-table a{color:var(--windmax) !important;text-decoration:none;}
.table-excel a:hover,.data-table a:hover{text-decoration:underline;}

/* Make controls compact ONLY inside tables */
.table-excel select,
.table-excel input[type="text"],
.table-excel input[type="number"],
.table-excel input[type="date"],
.table-excel input[type="email"],
.data-table select,
.data-table input[type="text"],
.data-table input[type="number"],
.data-table input[type="date"],
.data-table input[type="email"]{
  padding:2px 8px !important;
  font-size:var(--wmx-table-size) !important;
  line-height:var(--wmx-table-line) !important;
  height:calc(1.1em + 6px) !important;
}

/* smaller default buttons */
.btn{
  padding:3px 10px;
  border-radius:8px;
  border:1px solid #000;
  background:#fff;
  color:#000;
  text-decoration:none;
  cursor:pointer;
  display:inline-block;
}

/* Buttons inside tables: extra small */
.table-excel .btn,.data-table .btn{
  padding:0 8px !important;
  font-size:var(--wmx-table-size) !important;
  line-height:var(--wmx-table-line) !important;
  border-radius:6px !important;
  min-width:0 !important;
}

/* ============== Buttons hover (global) ============== */
button.btn:not(.btn-close):not(.wmx-nav-btn):hover,
a.btn:not(.btn-close):not(.wmx-nav-btn):hover,
input.btn:not(.btn-close):not(.wmx-nav-btn):hover,
button.btn:not(.btn-close):not(.wmx-nav-btn):focus,
a.btn:not(.btn-close):not(.wmx-nav-btn):focus,
input.btn:not(.btn-close):not(.wmx-nav-btn):focus{
  background-color:var(--windmax) !important;
  border-color:var(--windmax) !important;
  color:#fff !important;
}

/* ============== Dashboard panel & controls ============== */
.dashboard-panel{
  background:var(--wmx-panel-bg);color:#000;border:1px solid #000;border-radius:8px;padding:16px;
}
.wm-dashboard-container .dashboard-panel{
  background:var(--wmx-panel-bg);color:#000;border:1px solid #000;border-radius:8px;padding:16px;
}
.advance-bar{display:flex;justify-content:flex-end;margin-top:12px;gap:8px;}
.advance-bar .form-control{width:240px;display:inline-block;}
.btn-uniform{min-width:var(--wmx-btn-minw) !important;white-space:nowrap !important;}
.wmx-inline-form{display:inline-block;margin-right:6px;}
.wmx-auto-width{width:auto !important;}

/* Folder-style buttons (not bold) */
.folder-tabs{display:flex;gap:8px;margin:0 0 12px 0;flex-wrap:wrap;}
.folder-tab{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 14px;
  border:1px solid #000;border-bottom:none;
  border-top-left-radius:10px;border-top-right-radius:10px;
  background:#fff;color:#000;text-decoration:none;font-weight:400;
  position:relative;top:1px;
  font-size:var(--wmx-btn-size);
  transition:background-color .2s ease,border-color .2s ease,color .2s ease;
}
.folder-tab:focus,.folder-tab:hover{background:var(--windmax);color:#fff;border-color:var(--windmax);text-decoration:none;}
.folder-tab .icon{line-height:0;display:inline-flex;}
.folder-tab .icon svg{width:18px;height:18px;}

/* Alert border helpers */
.wmx-alert-border-success{border:1px solid #198754 !important;}
.wmx-alert-border-info{border:1px solid #0dcaf0 !important;}

/* ============== Site header (compact) ) ============== */
.wm-header{background:var(--windmax);color:#fff;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.4);line-height:1.2;}
.wm-header-left{margin-bottom:4px;}
.wm-header-left h1{font-size:var(--wmx-header-size);font-weight:700;margin:0;color:#fff;line-height:1.1;}
.wm-header-left p{margin:4px 0;font-size:var(--wmx-detail-size);color:#e8e9ff;line-height:1.2;}
.wm-header-nav{text-align:right;margin-top:6px;}

/* Header nav buttons — smaller, NOT bold, keep clear on hover */
.wm-header .wm-header-nav .wmx-nav-btn,
.wm-header .wm-header-nav .wmx-nav-btn:visited{
  display:inline-block;margin-left:8px;padding:2px 10px;
  background:transparent !important;color:#fff !important;
  border:1px solid rgba(255,255,255,.35) !important;border-radius:10px !important;
  font-weight:400 !important;font-size:var(--wmx-nav-size);
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
  text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease;
}
.wm-header .wm-header-nav a{ text-decoration:none; }
.wm-header .wm-header-nav .wmx-nav-btn span{font-weight:400 !important;}
.wm-header .wm-header-nav .wmx-nav-btn:hover,
.wm-header .wm-header-nav .wmx-nav-btn:focus{
  background:transparent !important;
  border-color:rgba(255,255,255,.55) !important;
  color:#fff !important;
}

/* ===== Dashboard title refinements ===== */
.wm-dashboard-container .table-title{
  display:flex;align-items:center;gap:10px;
  color:#fff !important;border:none !important;box-shadow:none !important;
}

/* ===== Spacing between header and dashboard (no header whitespace) ===== */
.wm-dashboard-container{ margin-top:10px; }

/* ===== Minimal modal compatibility (Bootstrap CSS removed) ===== */
.modal{ position:fixed; inset:0; display:none; align-items:center; justify-content:center; z-index:1000; }
.modal.show{ display:flex; }
.modal-dialog{ width:min(95vw, 900px); max-height:90vh; display:flex; }
.modal-content{ background:#fff; border:1px solid #000; border-radius:10px; overflow:hidden; display:flex; flex-direction:column; width:100%; }
.modal-header, .modal-footer{ display:flex; align-items:center; justify-content:space-between; gap:8px; padding:8px 12px; }
.modal-header{ border-bottom:1px solid #000; }
.modal-footer{ border-top:1px solid #000; justify-content:flex-end; }
.modal-body{ padding:12px; overflow:auto; }
.modal-backdrop{ position:fixed; inset:0; background:rgba(0,0,0,.5); display:none; z-index:999; }
.modal-backdrop.show{ display:block; }
.btn-close{ background:transparent; border:1px solid #000; border-radius:8px; height:22px; padding:0 6px; line-height:1; }

/* ======= Auth (login/password reset) centering & helpers ======= */
.wmx-center-screen{
  min-height:100vh;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
}
.wmx-auth-card{
  width:min(520px, 94vw) !important;
  max-width:520px !important;
  margin:0 auto;
  flex:0 1 auto;
}
.wmx-form{ display:block; }
.wmx-form label{ display:block; margin-bottom:8px; }
.wmx-form input{ width:100%; padding:8px; border:1px solid #000; border-radius:8px; }
.wmx-auth-links{ display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
.wmx-auth-note{ margin-top:10px; }
.wmx-alert{ padding:8px; border-radius:8px; margin:0 0 10px 0; }

/* ===== Inventory form (scoped to inventory pages) ===== */
body.wmx-inventory{
  display:flex;justify-content:center;align-items:flex-start;padding:16px;
}
body.wmx-inventory .wmx-inventory-form{
  width:min(50vw, 900px);