/* =========================================================
   INVENTORY TRACKER — LIGHT THEME (PREMIUM / LESS "PLAIN")
   - Softer neutral palette + subtle gradient background
   - Dual accent (blue + violet) for richer UI
   - Better borders, shadows, hover/focus states
========================================================= */

:root{
  /* Backgrounds */
  --bg-dark: #f3f6ff;                 /* main app background */
  --bg-gradient-1: #f3f6ff;
  --bg-gradient-2: #f7f3ff;           /* subtle violet tint */
  --bg-sidebar: rgba(255,255,255,.86);
  --bg-card: rgba(255,255,255,.86);

  /* Text */
  --text-primary: #0b1220;
  --text-secondary: #58657a;

  /* Accents (richer than single flat blue) */
  --accent-blue: #4f6bff;
  --accent-blue-hover: #3e58f5;
  --accent-violet: #7c4dff;
  --accent-violet-hover: #6a3cff;

  /* Primary used in buttons/icons */
  --primary: var(--accent-blue);

  /* Borders / lines */
  --border-color: rgba(15, 23, 42, 0.10);
  --border-strong: rgba(15, 23, 42, 0.14);

  /* Status */
  --success: #16a34a;
  --warning: #f59e0b;
  --danger: #ef4444;

  /* Shadows */
  --shadow-xs: 0 1px 0 rgba(15,23,42,.05);
  --shadow-sm: 0 10px 22px rgba(15,23,42,.06);
  --shadow-md: 0 18px 44px rgba(15,23,42,.10);

  /* Radii */
  --radius: 14px;

  /* Glass blur */
  --glass-blur: blur(10px);

  /* Focus ring */
  --focus: 0 0 0 4px rgba(79,107,255,.14);
}

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu',sans-serif;
  font-size:17px;
  color:var(--text-primary);
  line-height:1.6;

  /* Premium background */
  background:
    radial-gradient(1200px 600px at 10% 0%, rgba(79,107,255,.10), transparent 60%),
    radial-gradient(900px 500px at 90% 10%, rgba(124,77,255,.10), transparent 55%),
    linear-gradient(180deg, var(--bg-gradient-1), var(--bg-gradient-2));
}

.app-container{
  display:flex;
  min-height:100vh;
}

/* Sidebar */
.sidebar{
  width:260px;
  background-color:var(--bg-sidebar);
  backdrop-filter: var(--glass-blur);
  border-right:1px solid var(--border-color);
  display:flex;
  flex-direction:column;
}

.sidebar-header{
  padding:24px 20px;
  border-bottom:1px solid var(--border-color);
}

.logo{
  display:flex;
  align-items:center;
  gap:12px;
  font-size:18px;
  font-weight:700;
  color:var(--text-primary);
}

.logo svg{
  color:var(--accent-blue);
  filter: drop-shadow(0 6px 10px rgba(79,107,255,.20));
}

.sidebar-nav{
  padding:18px 0;
  flex:1;
}

.nav-item{
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 20px;
  color:var(--text-secondary);
  text-decoration:none;
  transition: all .18s ease;
  font-size:14px;
  border-radius:12px;
  margin: 2px 10px;
}

.nav-item:hover{
  background:
    linear-gradient(90deg, rgba(79,107,255,.10), rgba(124,77,255,.06));
  color:var(--text-primary);
  transform: translateY(-1px);
}

.nav-item.active{
  background:
    linear-gradient(90deg, rgba(79,107,255,.16), rgba(124,77,255,.10));
  color:var(--text-primary);
  border:1px solid rgba(79,107,255,.22);
  box-shadow: var(--shadow-sm);
}

.nav-item.active::after{
  content:"";
  position:absolute;
  right:-10px;
  top:50%;
  transform: translateY(-50%);
  width:4px;
  height:22px;
  border-radius:999px;
  background: linear-gradient(180deg, var(--accent-blue), var(--accent-violet));
}

.nav-item svg{
  flex-shrink:0;
}

/* Main Content */
.main-content{
  flex:1;
  padding:32px 48px;
  overflow-y:auto;
}

/* Page Header */
.page-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:28px;
}

.page-header h1{
  font-size:32px;
  font-weight:800;
  letter-spacing:-0.6px;
}

.header-actions{
  display:flex;
  gap:12px;
  align-items:center;
}

/* Search & Filter */
.search-box{
  position:relative;
  width:320px;
}

.search-box input{
  width:100%;
  padding:11px 16px 11px 42px;
  background-color:rgba(255,255,255,.82);
  border:1px solid var(--border-color);
  border-radius:12px;
  color:var(--text-primary);
  font-size:14px;
  box-shadow: var(--shadow-xs);
  transition: all .18s ease;
}

.search-box input::placeholder{
  color: rgba(88,101,122,.9);
}

.search-box input:focus{
  outline:none;
  border-color: rgba(79,107,255,.45);
  box-shadow: var(--focus);
}

.search-box svg{
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  color:var(--text-secondary);
}

.filter-btn{
  display:flex;
  align-items:center;
  gap:8px;
  padding:11px 16px;
  background-color:rgba(255,255,255,.82);
  border:1px solid var(--border-color);
  border-radius:12px;
  color:var(--text-secondary);
  font-size:14px;
  cursor:pointer;
  transition: all .18s ease;
  box-shadow: var(--shadow-xs);
}

.filter-btn:hover{
  background:
    linear-gradient(90deg, rgba(79,107,255,.08), rgba(124,77,255,.06));
  color:var(--text-primary);
  border-color: rgba(79,107,255,.22);
}

/* Buttons */
.btn-primary{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:11px 18px;
  background: linear-gradient(90deg, var(--accent-blue), var(--accent-violet));
  color:#fff;
  border:none;
  border-radius:12px;
  font-size:14px;
  font-weight:750;
  cursor:pointer;
  transition: all .18s ease;
  box-shadow: 0 16px 30px rgba(79,107,255,.20);
}

.btn-primary:hover{
  transform: translateY(-1px);
  box-shadow: 0 20px 40px rgba(79,107,255,.26);
  filter: saturate(1.05);
}

.btn-primary:active{
  transform: translateY(0px);
}

/* Table */
.data-table{
  width:100%;
  background-color:var(--bg-card);
  backdrop-filter: var(--glass-blur);
  border-radius:16px;
  overflow:hidden;
  border:1px solid var(--border-color);
  box-shadow: var(--shadow-md);
}

.data-table.table-scroll{
  max-height: 520px;
  overflow: auto;
}

.data-table table{
  width:100%;
  border-collapse:collapse;
}

.data-table thead{
  background:
    linear-gradient(90deg, rgba(79,107,255,.08), rgba(124,77,255,.06));
}

.data-table th{
  padding:16px 20px;
  text-align:left;
  font-size:12px;
  font-weight:800;
  color: rgba(88,101,122,.95);
  text-transform:uppercase;
  letter-spacing:.7px;
}

.data-table td{
  padding:16px 20px;
  border-top:1px solid rgba(15,23,42,.08);
  font-size:14px;
}

.data-table tbody tr{
  transition: background-color .18s ease;
}

.data-table tbody tr:hover{
  background:
    linear-gradient(90deg, rgba(79,107,255,.05), rgba(124,77,255,.04));
}

/* Product Image */
.product-img{
  width:60px;
  height:60px;
  border-radius:12px;
  object-fit:contain;
  background-color:rgb(255, 255, 255);
  border:1px solid rgba(15, 23, 42, 0.165);
}

.bom-table .product-img{
  width:120px;
  height:120px;
}

.bom-table td:first-child,
.bom-table th:first-child{
  width:140px;
}

/* BOM grid cards */
.bom-grid{
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap:16px;
}

.bom-card{
  background: var(--bg-card);
  border:1px solid var(--border-color);
  border-radius:16px;
  padding:14px;
  box-shadow: var(--shadow-sm);
}

.bom-image{
  width:100%;
  aspect-ratio: 1 / 1;
  border-radius:12px;
  background: rgba(79,107,255,.06);
  border:1px solid rgba(15,23,42,.08);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.bom-image img{
  width:100%;
  height:100%;
  object-fit: contain;
}

.bom-image-placeholder{
  font-size: 64px;
}

.bom-name{
  font-weight: 700;
  font-size: 18px;
  margin: 12px 0 6px;
}

.bom-meta{
  font-size: 15px;
  color: var(--text-secondary);
}

.bom-row{
  display:flex;
  justify-content: space-between;
  margin-top: 12px;
  font-size: 16px;
}

.product-cell{
  display:flex;
  align-items:center;
  gap:12px;
}

/* Status Badge */
.status-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  border:1px solid rgba(15,23,42,.08);
  box-shadow: var(--shadow-xs);
}

.status-badge.completed,
.status-badge.status-delivered{
  background-color:rgba(22,163,74,.12);
  color:var(--success);
  border-color: rgba(22,163,74,.18);
}

.status-badge.in-progress,
.status-badge.status-in-progress{
  background-color:rgba(245,158,11,.14);
  color:var(--warning);
  border-color: rgba(245,158,11,.20);
}

.status-badge.shipped,
.status-badge.status-shipped{
  background-color:rgba(79,107,255,.12);
  color:var(--accent-blue);
  border-color: rgba(79,107,255,.20);
}

.status-badge.pending{
  background-color:rgba(100,116,139,.12);
  color:var(--text-secondary);
}

/* Amazon FBA Shipment Statuses */
.status-badge.status-working{
  background-color:rgba(245,158,11,.14);
  color:var(--warning);
  border-color: rgba(245,158,11,.20);
}

.status-badge.status-in-transit,
.status-badge.status-in_transit{
  background-color:rgba(14,165,233,.12);
  color:#0ea5e9;
  border-color: rgba(14,165,233,.20);
}

.status-badge.status-checked-in,
.status-badge.status-checked_in{
  background-color:rgba(22,163,74,.12);
  color:var(--success);
  border-color: rgba(22,163,74,.18);
}

.status-badge.status-receiving{
  background-color:rgba(34,197,94,.12);
  color:#22c55e;
  border-color: rgba(34,197,94,.18);
}

.status-badge.status-closed{
  background-color:rgba(71,85,105,.12);
  color:#475569;
  border-color: rgba(71,85,105,.18);
}

.status-badge.status-cancelled{
  background-color:rgba(239,68,68,.12);
  color:var(--danger);
  border-color: rgba(239,68,68,.20);
}

.status-badge.status-deleted{
  background-color:rgba(239,68,68,.12);
  color:var(--danger);
  border-color: rgba(239,68,68,.20);
}

.status-badge.status-error{
  background-color:rgba(239,68,68,.14);
  color:var(--danger);
  border-color: rgba(239,68,68,.22);
}

.status-badge.status-ready-to-ship,
.status-badge.status-ready_to_ship{
  background-color:rgba(79,107,255,.12);
  color:var(--accent-blue);
  border-color: rgba(79,107,255,.20);
}

.status-badge.status-draft{
  background-color:rgba(148,163,184,.12);
  color:#94a3b8;
  border-color: rgba(148,163,184,.18);
}

.status-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background-color:currentColor;
}

/* Platform badges */
.platform-badge{
  display:inline-flex;
  align-items:center;
  padding:4px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  border:1px solid transparent;
}

.platform-amazon{
  background-color:rgba(245,158,11,.16);
  color:#b45309;
  border-color:rgba(245,158,11,.30);
}

.platform-tiktok{
  background-color:rgba(14,116,144,.16);
  color:#0e7490;
  border-color:rgba(14,116,144,.30);
}

.platform-default{
  background-color:rgba(100,116,139,.16);
  color:#475569;
  border-color:rgba(100,116,139,.30);
}

/* Stock Alert */
.stock-alert{ color:var(--danger); font-weight:700; }
.stock-warning{ color:var(--warning); font-weight:700; }
.stock-ok{ color:var(--success); font-weight:700; }

/* Actions Menu */
.actions-btn{
  padding:6px;
  background:none;
  border:none;
  color:var(--text-secondary);
  cursor:pointer;
  transition: all .18s ease;
  border-radius:10px;
}

.actions-btn:hover{
  color:var(--text-primary);
  background: rgba(15,23,42,.04);
}

/* Product select dropdown (production orders) */
.product-select{
  position: relative;
}

.product-select-trigger{
  width: 100%;
  text-align: left;
  padding: 10px 12px;
  border: 2px solid var(--border-color);
  border-radius: 8px;
  background: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

.product-select-dropdown{
  position: absolute;
  z-index: 20;
  left: 0;
  right: 0;
  top: calc(100% + 6px);
  background: #fff;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  box-shadow: var(--shadow-md);
  padding: 10px;
  display: none;
}

.product-select-dropdown input{
  width: 100%;
  padding: 8px 10px;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  font-size: 13px;
  margin-bottom: 8px;
}

.product-options{
  max-height: 220px;
  overflow: auto;
}

.product-option{
  padding: 8px 10px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 13px;
}

.product-option:hover{
  background: var(--bg-light);
}

.product-option.empty{
  cursor: default;
  color: var(--text-secondary);
}

/* Component type badges */
.type-badge{
  display:inline-flex;
  align-items:center;
  padding:4px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  border:1px solid transparent;
}

.type-label{
  background-color:rgba(59,130,246,.16);
  color:#1d4ed8;
  border-color:rgba(59,130,246,.30);
}

.type-insert{
  background-color:rgba(16,185,129,.16);
  color:#047857;
  border-color:rgba(16,185,129,.30);
}

.type-sticker{
  background-color:rgba(245,158,11,.16);
  color:#b45309;
  border-color:rgba(245,158,11,.30);
}

.type-bottle{
  background-color:rgba(99,102,241,.16);
  color:#4338ca;
  border-color:rgba(99,102,241,.30);
}

.type-cap{
  background-color:rgba(236,72,153,.16);
  color:#be185d;
  border-color:rgba(236,72,153,.30);
}

.type-box{
  background-color:rgba(148,163,184,.16);
  color:#475569;
  border-color:rgba(148,163,184,.30);
}

/* Empty State */
.empty-state{
  text-align:center;
  padding:80px 20px;
  color:var(--text-secondary);
}

.empty-state svg{
  width:64px;
  height:64px;
  margin-bottom:16px;
  opacity:.35;
}

.empty-state h3{
  font-size:18px;
  margin-bottom:8px;
  color:var(--text-primary);
  font-weight:800;
}

/* Modal */
.modal{
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:rgba(11,18,32,.55);
  z-index:1000;
  align-items:center;
  justify-content:center;
  backdrop-filter: blur(6px);
}

.modal.active{
  display:flex;
}

.modal-content{
  background-color:rgba(255,255,255,.90);
  backdrop-filter: var(--glass-blur);
  border-radius:16px;
  padding:32px;
  max-width:500px;
  width:90%;
  border:1px solid var(--border-strong);
  box-shadow: var(--shadow-md);
  max-height:90vh;
  overflow-y:auto;
}

.modal-content::-webkit-scrollbar {
  width: 8px;
}

.modal-content::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}

.modal-content::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, var(--accent-blue), var(--accent-violet));
  border-radius: 4px;
}

.modal-content::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(135deg, var(--accent-blue-hover), var(--accent-violet-hover));
}

.modal-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:24px;
}

.modal-header h2{
  font-size:22px;
  font-weight:850;
  letter-spacing:-0.3px;
}

.close-btn{
  background:none;
  border:none;
  color:var(--text-secondary);
  font-size:24px;
  cursor:pointer;
  padding:0;
  width:32px;
  height:32px;
  border-radius:10px;
  transition: all .18s ease;
}

.close-btn:hover{
  color:var(--text-primary);
  background: rgba(15,23,42,.04);
}

/* Form */
.form-group{
  margin-bottom:20px;
}

.form-group label{
  display:block;
  margin-bottom:8px;
  font-size:14px;
  font-weight:800;
  color:var(--text-secondary);
}

.form-group input,
.form-group select,
.form-group textarea{
  width:100%;
  padding:11px 12px;
  background-color:rgba(255,255,255,.86);
  border:1px solid var(--border-color);
  border-radius:12px;
  color:var(--text-primary);
  font-size:14px;
  box-shadow: var(--shadow-xs);
  transition: all .18s ease;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{
  outline:none;
  border-color: rgba(79,107,255,.45);
  box-shadow: var(--focus);
}

.form-group input[type="file"]{
  padding:10px;
  cursor:pointer;
}

.form-group input[type="file"]::file-selector-button{
  padding:8px 14px;
  background:
    linear-gradient(90deg, rgba(79,107,255,.12), rgba(124,77,255,.10));
  border:1px solid rgba(79,107,255,.22);
  border-radius:10px;
  color:var(--text-primary);
  font-size:13px;
  cursor:pointer;
  margin-right:12px;
  transition: all .18s ease;
}

.form-group input[type="file"]::file-selector-button:hover{
  filter: saturate(1.1);
  border-color: rgba(79,107,255,.32);
}

.form-actions{
  display:flex;
  gap:12px;
  margin-top:24px;
}

.btn-secondary{
  padding:11px 18px;
  background-color:transparent;
  color:var(--text-secondary);
  border:1px solid var(--border-color);
  border-radius:12px;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
  transition: all .18s ease;
}

.btn-secondary:hover{
  background: rgba(15,23,42,.03);
  color:var(--text-primary);
  border-color: rgba(15,23,42,.14);
}

/* Cards */
.card{
  background: var(--bg-card);
  padding: 24px;
  border-radius: 16px;
  border: 1px solid var(--border-color);
  box-shadow: var(--shadow-sm);
}

.stat-card{
  background: var(--bg-card);
  padding: 20px;
  border-radius: 12px;
  border: 1px solid var(--border-color);
  box-shadow: var(--shadow-sm);
}

.stat-label{
  color: var(--text-secondary);
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
}

.stat-value{
  font-size: 24px;
  font-weight: 700;
  color: var(--text-primary);
}

/* Health indicator */
.health-cell{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  font-weight:700;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: .3px;
}

.health-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  display:inline-block;
  box-shadow: 0 0 0 3px rgba(15,23,42,.06);
}

.health-good{ background: var(--success); }
.health-warn{ background: var(--warning); }
.health-bad{ background: var(--danger); }
.health-neutral{ background: rgba(100,116,139,.6); }

/* Amazon available highlight */
.amz-available{
  color: #2b59c3;
  font-weight: 700;
  background: rgba(79,107,255,.08);
}

/* Product status pill */
.status-pill{
  display:inline-flex;
  align-items:center;
  padding:6px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  border:1px solid transparent;
  text-transform: capitalize;
}

.status-pill.status-active{
  background: rgba(16,185,129,.14);
  border-color: rgba(16,185,129,.28);
  color: #047857;
}

.status-pill.status-end_of_life{
  background: rgba(245,158,11,.18);
  border-color: rgba(245,158,11,.32);
  color: #b45309;
}

.status-pill-select{
  padding:6px 12px;
  border-radius:999px;
  border:1px solid var(--border-color);
  background: white;
  font-size:12px;
  font-weight:700;
}

.status-pill-select.status-active{
  background: rgba(16,185,129,.14);
  border-color: rgba(16,185,129,.28);
  color: #047857;
}

.status-pill-select.status-end_of_life{
  background: rgba(245,158,11,.18);
  border-color: rgba(245,158,11,.32);
  color: #b45309;
}

/* Amazon account badges */
.account-badges{
  display:flex;
  flex-wrap: wrap;
  gap:6px;
}

.account-badge{
  padding:4px 8px;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
  background: rgba(79,107,255,.10);
  border:1px solid rgba(79,107,255,.20);
  color: #2b59c3;
}

/* Products table spacing */
#productsTable th,
#productsTable td{
  padding:10px 12px;
}

#productsTable th:nth-child(1),
#productsTable td:nth-child(1){
  width:36px;
  text-align:center;
  padding-left:10px;
  padding-right:6px;
}

#productsTable th:nth-child(2),
#productsTable td:nth-child(2){
  width:120px;
  padding-left:10px;
  padding-right:10px;
}

#productsTable th:nth-child(3),
#productsTable td:nth-child(3){
  width:36px;
  text-align:center;
  padding-left:6px;
  padding-right:6px;
}

#productsTable th:nth-child(4),
#productsTable td:nth-child(4){
  min-width:220px;
}

#productsTable th:nth-child(10),
#productsTable td:nth-child(10){
  min-width:140px;
}

#productsTable th:nth-child(14),
#productsTable td:nth-child(14){
  width:110px;
  text-align:center;
}

/* Product detail badges */
.detail-badges{
  display:flex;
  flex-wrap: wrap;
  gap:8px;
  margin-top:8px;
}

.detail-badge{
  padding:6px 12px;
  border-radius:999px;
  border:1px solid transparent;
  font-size:14px;
  font-weight:700;
}

/* Product detail hero image */
.product-hero-img{
  width: 150px;
  max-height: 220px;
}

.product-hero-placeholder{
  width: 150px;
  height: 150px;
  font-size: 40px;
}

.badge-sku{
  background: rgba(79,107,255,.12);
  border-color: rgba(79,107,255,.22);
  color: #2b59c3;
}

.badge-fnsku{
  background: rgba(16,185,129,.12);
  border-color: rgba(16,185,129,.22);
  color: #047857;
}

.badge-asin{
  background: rgba(59,130,246,.12);
  border-color: rgba(59,130,246,.24);
  color: #1d4ed8;
}

.badge-mpn{
  background: rgba(245,158,11,.14);
  border-color: rgba(245,158,11,.28);
  color: #b45309;
}

.badge-manufacturer{
  background: rgba(99,102,241,.12);
  border-color: rgba(99,102,241,.24);
  color: #4338ca;
}

/* Inbound highlight columns */
.inbound-col{
  background: rgba(79,107,255,.06);
}

table thead .inbound-col{
  background: rgba(79,107,255,.10);
}

.inbound-group{
  background: rgba(79,107,255,.14);
  text-align: center;
  border-left: 1px solid var(--border-color);
  border-right: 1px solid var(--border-color);
}

#amazonInventoryTable thead th{
  text-align: center;
  font-weight: 700;
  letter-spacing: .4px;
}

#amazonInventoryTable thead tr:first-child th{
  font-size: 12px;
}

#amazonInventoryTable thead tr:last-child th{
  font-size: 11px;
  text-transform: uppercase;
  color: var(--text-secondary);
}

/* Responsive */
@media (max-width:768px){
  .sidebar{ width:80px; }

  .sidebar-header span,
  .nav-item span{ display:none; }

  .main-content{ padding:20px; }

  .page-header{
    flex-direction:column;
    align-items:flex-start;
    gap:16px;
  }

  .search-box{ width:100%; }
}