:root{--teal:#0f4c5c;--teal2:#126477;--sky:#eaf6fb;--white:#fff;--text:#1f2937;--muted:#64748b;--line:#e2e8f0;--green:#16a34a;--red:#dc2626;--amber:#d97706;--blue:#2563eb;--shadow:0 12px 30px rgba(15,76,92,.12)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;background:var(--sky);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#dff5fb,#f8fbff)}.login-card{max-width:430px;width:100%;background:#fff;border-radius:24px;padding:34px;box-shadow:var(--shadow)}.logo{width:76px;height:76px;border-radius:22px;background:linear-gradient(135deg,var(--teal),#23a6bd);color:white;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-size:34px}.login-card h1{text-align:center;color:var(--teal);font-size:30px}.login-card .sub{text-align:center;color:var(--muted);margin:6px 0 24px}.form-group{margin-bottom:14px}.form-group label{display:block;margin-bottom:6px;font-weight:700;font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 13px;border:1px solid #cbd5e1;border-radius:11px;background:#fff}.form-group textarea{min-height:85px}.btn{border:0;padding:11px 14px;border-radius:11px;background:#e2e8f0;color:#1f2937;font-weight:700;display:inline-flex;gap:6px;align-items:center;justify-content:center}.btn.primary{background:var(--teal);color:#fff}.btn.primary:hover{background:#0b3c49}.btn.danger{background:#ef4444;color:white}.btn.green{background:#16a34a;color:white}.btn.amber{background:#f59e0b;color:#fff}.btn.small{padding:7px 9px;font-size:12px;border-radius:8px}.btn.full{width:100%}.error{color:var(--red);font-weight:700;text-align:center;margin-top:12px}.demo{background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:12px;margin-top:16px;font-size:13px;color:#475569;line-height:1.6}.layout{display:flex;min-height:100vh}.sidebar{width:285px;background:#123f4b;color:white;padding:20px 16px;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand{display:flex;gap:12px;align-items:center;margin-bottom:20px}.brand-mark{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#198ca6,#23c1d7);display:flex;align-items:center;justify-content:center;font-size:23px;overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:cover}.brand h2{font-size:20px;line-height:1.1}.brand p{font-size:11px;color:#b6d9e1}.user-card{background:rgba(255,255,255,.1);border-radius:18px;padding:15px;text-align:center;margin-bottom:16px}.avatar{width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#dff5fb;color:var(--teal);font-weight:800;margin:0 auto 9px;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.sm{width:34px;height:34px;margin:0;font-size:12px}.user-card h3{font-size:15px}.user-card p{font-size:12px;color:#b6d9e1}.nav{display:flex;flex-direction:column;gap:6px}.nav button{border:0;background:transparent;color:#d8eef3;text-align:left;padding:11px 12px;border-radius:12px;font-size:14px}.nav button:hover,.nav button.active{background:#1e7f96;color:white}.nav .logout{background:#ef4444;color:white;margin-top:10px}.main{margin-left:285px;width:calc(100% - 285px);padding:22px}.topbar{background:white;border-radius:20px;padding:15px 18px;box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}.topbar h1{font-size:24px;color:var(--teal)}.topbar p{color:var(--muted);font-size:13px}.top-actions{display:flex;gap:8px;align-items:center}.card{background:white;border-radius:20px;padding:20px;box-shadow:var(--shadow);margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.kpi{background:white;border-radius:18px;padding:18px;box-shadow:var(--shadow)}.kpi .icon{width:42px;height:42px;background:#dff5fb;border-radius:12px;color:var(--teal);display:flex;align-items:center;justify-content:center;margin-bottom:10px}.kpi h2{font-size:28px;color:var(--teal)}.kpi p{color:var(--muted)}.row{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.row.three{grid-template-columns:repeat(3,1fr)}.row.four{grid-template-columns:repeat(4,1fr)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters input,.filters select{padding:10px;border:1px solid #cbd5e1;border-radius:10px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:900px}.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;font-size:13px;vertical-align:middle}.table th{background:#f8fafc;color:#334155}.badge{padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800;display:inline-block}.badge.green{background:#dcfce7;color:#166534}.badge.red{background:#fee2e2;color:#991b1b}.badge.amber{background:#fef3c7;color:#92400e}.badge.blue{background:#dbeafe;color:#1d4ed8}.badge.gray{background:#e5e7eb;color:#374151}.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.55);display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{background:white;border-radius:20px;max-width:980px;width:100%;max-height:92vh;overflow:auto;padding:20px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.perm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.perm-item{background:#f8fafc;border:1px solid var(--line);border-radius:10px;padding:9px;font-size:13px}.perm-item label{display:flex;gap:7px;align-items:center}.cart-summary{display:flex;justify-content:flex-end;gap:20px;font-size:18px;font-weight:800}.invoice-box{background:#fff;padding:25px;color:#111}.signature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.sig{border-top:1px solid #111;text-align:center;padding-top:6px}.note{color:#64748b;font-size:12px}.mobile-toggle{display:none}@media(max-width:980px){.sidebar{position:relative;width:100%;height:auto}.layout{flex-direction:column}.main{margin-left:0;width:100%}.grid{grid-template-columns:repeat(2,1fr)}.row,.row.three,.row.four,.perm-grid{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.table{min-width:760px}}@media(max-width:560px){.grid{grid-template-columns:1fr}.main{padding:12px}.card{padding:14px}.login-card{padding:24px}.filters{width:100%}.filters input,.filters select{width:100%}.btn{width:100%;}.toolbar .btn{width:auto}}
@media print{body{background:#fff}.sidebar,.topbar,.no-print,.btn{display:none!important}.main{margin:0;width:100%;padding:0}.card{box-shadow:none}.invoice-box{display:block}.table{min-width:0}.modal-backdrop{position:static;background:white}.modal{max-height:none;box-shadow:none}.print-area{display:block!important}}

/* Delete product button */
.btn.danger,
.btn.small.danger {
  background: #dc2626;
  color: #ffffff;
}
.btn.danger:hover,
.btn.small.danger:hover {
  background: #b91c1c;
}

/* Smart product rack suggestion update */
.wide-modal { max-width: 1120px; }
.smart-rack-box,
.stock-preview-box {
  margin: 14px 0;
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid #b8d9e6;
  background: #eef9fc;
  color: #14313c;
  line-height: 1.55;
}
.stock-preview-box {
  background: #f7fbff;
  border-color: #c9d7e6;
}

/* Product search improvements */
.product-search-bar input{min-width:260px;}
.search-note{margin-top:12px;padding:10px 12px;background:#eef9ff;border:1px solid #cdeeff;border-radius:12px;color:#25516b;}

/* Product search suggestions above table */
.product-suggestion-panel{
  margin-top:14px;
  padding:14px;
  border:1px solid #d7e4ee;
  background:#f8fcff;
  border-radius:18px;
}
.suggestion-title{
  font-weight:800;
  color:#0b3f4a;
  margin-bottom:10px;
  font-size:16px;
}
.suggestion-list{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:10px;
}
.suggestion-item{
  text-align:left;
  border:1px solid #cddce9;
  background:#ffffff;
  border-radius:14px;
  padding:12px 14px;
  cursor:pointer;
  color:#0f1f2d;
  box-shadow:0 4px 12px rgba(15,31,45,.06);
}
.suggestion-item:hover{
  border-color:#0d5c6d;
  background:#eaf9fc;
}
.suggestion-item b{
  display:block;
  font-size:15px;
  margin-bottom:4px;
}
.suggestion-item span{
  display:block;
  font-size:12px;
  color:#51667c;
}
.suggestion-empty{
  color:#51667c;
  font-weight:700;
}


/* Showroom Returns module */
.soft-card{
  background: linear-gradient(135deg,#f8fcff,#eef9fc);
  border: 1px solid #d5edf5;
}
.small-kpi{
  min-height: 90px;
}
.small-kpi h2{
  font-size: 28px;
}
.modal.wide-modal{
  max-width: 1180px;
}


/* FINAL FIX: Sola login logo */
.login-card .logo.sola-login-logo{
  width:112px!important;
  height:112px!important;
  border-radius:28px!important;
  background:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  margin:0 auto 18px!important;
  box-shadow:0 14px 35px rgba(6,78,96,.16)!important;
}
.login-card .logo.sola-login-logo img{
  width:96px!important;
  height:96px!important;
  max-width:96px!important;
  max-height:96px!important;
  object-fit:contain!important;
  display:block!important;
  padding:0!important;
}

/* Product Qty edit final styles */
.qty-edit-input {
  border: 2px solid #0f766e !important;
  background: #ecfeff !important;
  font-weight: 700 !important;
}
.table th:nth-child(9), .table td:nth-child(9) {
  text-align: center;
}