/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification 
for details on configuring this project to bundle and minify static web assets. */
body {
    padding-top: 50px;
    padding-bottom: 20px;
    background: #f4f7f6;
    color: #17251f;
    font-family: "Segoe UI", Arial, sans-serif;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

.warehouse-nav { background:#123a2d; border:0; box-shadow:0 6px 24px rgba(18,58,45,.16); }
.warehouse-nav .navbar-brand,.warehouse-nav .navbar-nav>li>a { color:#fff; }
.warehouse-nav .navbar-brand { font-weight:800; letter-spacing:-.4px; }
.warehouse-nav .navbar-nav>li>a:hover { color:#95e3bd; background:rgba(255,255,255,.06); }
.body-content { max-width:1240px; padding-top:38px; }
.page-head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin:14px 0 24px; }
.page-head h1 { font-size:36px; margin:5px 0; font-weight:800; letter-spacing:-1px; }
.page-head p { color:#6b7c74; margin:0; }
.eyebrow { color:#168657; font-size:11px; font-weight:800; letter-spacing:1.5px; }
.station-picker { background:#fff; padding:10px 14px; border:1px solid #dde7e2; border-radius:14px; min-width:240px; }
.station-picker label { display:block; color:#738179; font-size:11px; text-transform:uppercase; letter-spacing:1px; margin-bottom:4px; }
.station-picker select { width:100%; border:0; background:transparent; font-weight:700; outline:0; }
.status-pill { display:inline-block; background:#e5f7ee; color:#16734e; border-radius:999px; padding:7px 12px; font-size:12px; margin-bottom:14px; }
.metric-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-bottom:20px; }
.metric { background:#fff; border:1px solid #e2e9e5; border-radius:18px; padding:22px; box-shadow:0 7px 25px rgba(30,66,51,.05); }
.metric span,.metric small { display:block; color:#74837c; }
.metric strong { display:block; font-size:28px; margin:9px 0 3px; letter-spacing:-.7px; }
.metric.accent { background:linear-gradient(135deg,#123a2d,#176044); color:#fff; border:0; }
.metric.accent span,.metric.accent small { color:#b8ddcb; }
.metric.warning strong { color:#d87c1c; }
.panel { background:#fff; border:1px solid #e2e9e5; border-radius:18px; padding:20px; margin-bottom:20px; box-shadow:0 7px 25px rgba(30,66,51,.04); }
.panel-title { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:16px; }
.panel-title h2 { font-size:19px; font-weight:800; margin:3px 0 0; }
.panel-title>a { color:#168657; font-weight:700; }
.station-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; }
.station-card { display:flex; gap:11px; color:#1b2a23; padding:14px; border:1px solid #e3ebe7; border-radius:14px; min-width:0; }
.station-card:hover,.station-card.active { color:#123a2d; text-decoration:none; border-color:#3aa978; background:#eefaf4; }
.station-icon { width:34px; height:34px; flex:0 0 34px; display:grid; place-items:center; background:#dff4e9; color:#16734e; border-radius:10px; font-weight:800; }
.station-card strong,.station-card span,.station-card small { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.station-card span,.station-card small { color:#718078; font-size:11px; margin-top:3px; }
.two-col { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.stock-row,.activity-row { display:flex; align-items:center; gap:12px; padding:13px 0; border-top:1px solid #edf1ef; }
.product-mark { width:36px; height:36px; display:grid; place-items:center; border-radius:10px; background:#edf5f1; color:#176044; font-weight:800; }
.grow { flex:1; min-width:0; }
.grow strong,.grow span { display:block; }
.grow span { color:#75837c; font-size:12px; margin-top:2px; }
.qty { font-weight:800; color:#168657; }.qty.low { color:#c25a42; }
.movement { font-size:10px; font-weight:800; padding:6px; border-radius:7px; }.movement.in { color:#14754e; background:#e4f7ed; }.movement.out { color:#b64936; background:#fff0ec; }
.table-panel { padding:0; overflow:hidden; }.table-panel .panel-title { padding:20px 20px 4px; }
.responsive-table { overflow-x:auto; }
table { width:100%; border-collapse:collapse; }
th { background:#f7f9f8; color:#6e7c75; font-size:11px; text-transform:uppercase; letter-spacing:.7px; }
th,td { padding:14px 20px; text-align:left; border-top:1px solid #e8eeeb; white-space:nowrap; }
td small { display:block; color:#7a8881; margin-top:3px; }
.badge { display:inline-block; padding:5px 9px; border-radius:999px; font-size:11px; font-weight:800; }
.badge.success { color:#14754e; background:#e4f7ed; }.badge.danger { color:#b64936; background:#fff0ec; }
.search { border:1px solid #dce6e1; border-radius:10px; padding:9px 12px; outline:0; }
footer { color:#77847e; font-size:12px; padding:14px 0; }
.login-shell{min-height:calc(100vh - 145px);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;max-width:980px;margin:0 auto}
.login-brand{padding:40px}.login-brand h1{font-size:52px;line-height:1.02;font-weight:850;letter-spacing:-2px;margin:12px 0 20px}.login-brand>p{font-size:17px;color:#6e7d75;max-width:510px;margin-bottom:30px}
.login-feature{display:flex;align-items:center;gap:14px;margin:13px 0}.login-feature strong{width:48px;height:48px;display:grid;place-items:center;background:#dff4e9;color:#176044;border-radius:14px}.login-feature span{color:#53645b}
.login-card{background:#fff;padding:38px;border:1px solid #dce7e1;border-radius:24px;box-shadow:0 24px 70px rgba(18,58,45,.12)}.login-card h2{font-size:28px;font-weight:800;margin:14px 0 5px}.login-card>p{color:#75837c;margin-bottom:24px}.login-icon{width:50px;height:50px;display:grid;place-items:center;background:#123a2d;color:#fff;border-radius:15px;font-size:22px}
.field{margin-bottom:17px}.field label{display:block;font-size:12px;font-weight:800;color:#506159;margin-bottom:7px}.field input,.field select{width:100%;height:48px;border:1px solid #cfddd6;border-radius:11px;padding:0 13px;background:#fff;outline:0}.field input:focus,.field select:focus{border-color:#239463;box-shadow:0 0 0 3px rgba(35,148,99,.12)}
.primary-btn{width:100%;height:49px;border:0;border-radius:11px;background:#176044;color:#fff;font-weight:800}.primary-btn:hover{background:#123a2d}.form-error{padding:11px 13px;background:#fff0ec;color:#ad4534;border-radius:10px;margin-bottom:16px}.demo-login{margin-top:22px;padding:13px;background:#f2f7f4;border-radius:11px}.demo-login strong,.demo-login span{display:block}.demo-login span{font-size:12px;color:#66766e;margin-top:3px}
.locked-station{background:#e6f5ed;color:#176044;padding:10px 14px;border-radius:999px;font-weight:800}.sale-message{background:#e3f5eb;color:#176044;border:1px solid #bfe5d0;padding:13px 16px;border-radius:12px;margin-bottom:18px}.pos-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.payment-card{background:#123a2d;color:#fff}.payment-card .eyebrow{color:#84d9b0}.payment-card .panel-title h2{color:#fff}.payment-total{padding:20px 0 25px;border-bottom:1px solid rgba(255,255,255,.14);margin-bottom:20px}.payment-total span,.payment-total strong{display:block}.payment-total span{color:#acd4c1;font-size:12px}.payment-total strong{font-size:38px;margin-top:5px}.payment-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.payment-options label{margin:0}.payment-options input{position:absolute;opacity:0}.payment-options span{display:block;padding:13px;border:1px solid rgba(255,255,255,.25);border-radius:10px;text-align:center}.payment-options input:checked+span{background:#fff;color:#123a2d;border-color:#fff;font-weight:800}.payment-card .field label{color:#c1ddcf}.checkout{background:#68d49f;color:#0d3829;margin-top:7px}.checkout:hover{background:#86e2b5}.secure-note{display:block;text-align:center;color:#acd4c1;margin-top:12px}.stock-available{background:#edf7f2;padding:12px;border-radius:10px;color:#547066}
.transfer-only{padding:13px;text-align:center;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:rgba(255,255,255,.08);font-weight:800;margin-bottom:18px}.receipt-link{float:right;color:#176044;font-weight:800;text-decoration:underline}.receipt{max-width:850px;margin:30px auto;background:#fff;padding:42px;border:1px solid #dbe6e0;border-radius:20px}.receipt-head{display:flex;justify-content:space-between;border-bottom:2px solid #123a2d;padding-bottom:20px}.receipt-head h1{font-weight:850;margin:4px 0}.invoice-no{text-align:right;color:#687970}.invoice-no strong{font-size:24px;color:#123a2d}.receipt-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:22px 0}.receipt-meta span,.receipt-meta strong{display:block}.receipt-meta span{font-size:11px;color:#77857e;text-transform:uppercase}.receipt-total{text-align:right;padding:24px 0}.receipt-total span,.receipt-total strong{display:block}.receipt-total strong{font-size:30px}.receipt-actions{display:flex;align-items:center;gap:20px}.receipt-actions .primary-btn{max-width:220px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.purchase-form{max-width:860px}.filter-bar{display:flex;align-items:end;gap:12px;background:#fff;padding:16px;border:1px solid #e2e9e5;border-radius:14px;margin-bottom:15px}.filter-bar .field{margin:0;min-width:180px}.filter-bar .primary-btn{width:auto;padding:0 24px}.badge.info{color:#825d14;background:#fff1cd}
.empty-state{text-align:center;background:#fff;border:1px solid #dce7e1;border-radius:18px;padding:55px 20px}.empty-state h2{font-weight:850}.empty-state p{color:#728079;margin-bottom:22px}.empty-state .primary-btn{display:inline-block;width:auto;padding:15px 24px}.verified-amount{background:#e6f5ed;border-radius:12px;padding:18px}.verified-amount span,.verified-amount strong{display:block}.verified-amount span{font-size:11px;text-transform:uppercase;color:#5e7369}.verified-amount strong{font-size:28px;color:#176044}.sale-check{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.sale-check>div{background:#f1f6f3;padding:14px;border-radius:11px}.sale-check span,.sale-check strong{display:block}.sale-check span{font-size:11px;color:#6c7c74}.sale-check strong{font-size:20px;margin-top:4px}.sale-check .over{color:#c44836}.primary-btn:disabled{opacity:.45;cursor:not-allowed}.secure-note.dark{color:#65756d}.invoice-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-top:1px solid #e8eeeb}.invoice-row strong,.invoice-row span{display:block}.invoice-row>div>span{font-size:12px;color:#73817a}.badge.pending{color:#825d14;background:#fff1cd}.approve-btn{border:0;background:#176044;color:#fff;border-radius:8px;padding:9px 13px;font-weight:800}
@media(max-width:991px){.metric-grid{grid-template-columns:1fr 1fr}.station-grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}}
@media(max-width:600px){
  .body-content{padding-top:20px}.page-head{display:block}.page-head h1{font-size:28px}.station-picker{margin-top:16px;width:100%}
  .metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:16px}.metric strong{font-size:21px}
  .station-grid{grid-template-columns:1fr}.panel{border-radius:14px;padding:15px}
  .table-panel{padding:0;margin-left:-15px;margin-right:-15px;border-radius:0;border-left:0;border-right:0}
  th,td{padding:12px}.navbar-toggle{border-color:rgba(255,255,255,.3)}.navbar-toggle .icon-bar{background:#fff}
  .login-shell{display:block;min-height:auto}.login-brand{padding:20px 4px 28px}.login-brand h1{font-size:38px}.login-feature{display:none}.login-card{padding:24px;border-radius:18px}
  .pos-grid{grid-template-columns:1fr}.payment-total strong{font-size:30px}.locked-station{display:inline-block;margin-top:14px}
  .form-grid,.receipt-meta{grid-template-columns:1fr}.receipt{padding:20px;margin:10px 0}.filter-bar{display:block}.filter-bar .field{margin-bottom:10px}.filter-bar .primary-btn{width:100%;margin-bottom:10px}
}
@media print{.warehouse-nav,footer,.receipt-actions{display:none!important}.body-content{padding-top:0}.receipt{border:0;box-shadow:none;margin:0;max-width:none}}