/* LMIS Frontend UI (theme-proof) */
.lmis-front{max-width:1100px;margin:22px auto;padding:16px;}
.lmis-front, .lmis-front *{font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;}
.lmis-front-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:12px;flex-wrap:wrap;}
.lmis-front-brand{font-size:16px;color:#0f172a !important;}
.lmis-front-user{font-size:14px;color:#334155 !important;}
.lmis-front-user a{color:#0f172a !important;text-decoration:underline;}

.lmis-front-nav{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 18px;}
.lmis-front-nav a.lmis-front-btn{
  display:inline-block;
  padding:10px 14px;
  border:1px solid #cbd5e1 !important;
  border-radius:12px;
  text-decoration:none !important;
  color:#0f172a !important;
  background:#ffffff !important;
  box-shadow: 0 1px 2px rgba(15,23,42,.06);
  font-weight:600;
  line-height:1;
}
.lmis-front-nav a.lmis-front-btn:hover{border-color:#94a3b8 !important; transform: translateY(-1px);}
.lmis-front-nav a.lmis-front-btn.is-active{
  background:#0f172a !important;
  color:#ffffff !important;
  border-color:#0f172a !important;
}
.lmis-front-nav a.lmis-front-btn.is-active:hover{transform:none;}

.lmis-front-body{
  background:#ffffff !important;
  border:1px solid #e2e8f0 !important;
  border-radius:16px;
  padding:18px;
  box-shadow: 0 8px 30px rgba(15,23,42,.06);
}
.lmis-front-body h2, .lmis-front-body h3{color:#0f172a !important;margin-top:0;}
.lmis-front-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:12px;}
@media(max-width:900px){.lmis-front-cards{grid-template-columns:1fr;}}

a.lmis-front-card{
  border:1px solid #e2e8f0 !important;
  border-radius:16px;
  padding:16px;
  text-decoration:none !important;
  color:#0f172a !important;
  background:#ffffff !important;
  box-shadow: 0 1px 2px rgba(15,23,42,.06);
  display:block;
}
a.lmis-front-card:hover{border-color:#94a3b8 !important; box-shadow: 0 10px 25px rgba(15,23,42,.10);}
.lmis-front-card .title{font-weight:800;margin-bottom:6px;color:#0f172a !important;font-size:16px;}
.lmis-front-card .desc{opacity:1;color:#475569 !important;font-size:13px;}

.lmis-front-filter{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 12px;}
.lmis-front-filter input,.lmis-front-filter select{
  padding:10px 12px;
  border:1px solid #cbd5e1 !important;
  border-radius:12px;
  background:#fff !important;
  color:#0f172a !important;
}
.lmis-front-filter button{
  padding:10px 14px;
  border:1px solid #0f172a !important;
  border-radius:12px;
  background:#0f172a !important;
  color:#ffffff !important;
  cursor:pointer;
  font-weight:700;
}


.lmis-front-scrolltop{overflow-x:auto;overflow-y:hidden;margin:0 0 8px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;display:none;}
.lmis-front-scrolltop-inner{height:18px;min-width:1px;}
.lmis-front-scrolltop::-webkit-scrollbar,.lmis-front-tablewrap::-webkit-scrollbar{height:14px;}
.lmis-front-scrolltop::-webkit-scrollbar-thumb,.lmis-front-tablewrap::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:999px;}
.lmis-front-scrolltop::-webkit-scrollbar-track,.lmis-front-tablewrap::-webkit-scrollbar-track{background:#e5e7eb;border-radius:999px;}

.lmis-front-tablewrap{overflow:auto;border:1px solid #e2e8f0;border-radius:14px;}
.lmis-front-table{width:100%;border-collapse:collapse;font-size:14px;background:#fff;}
.lmis-front-table th,.lmis-front-table td{border-bottom:1px solid #eef2f7;padding:10px;text-align:left;vertical-align:top;color:#0f172a !important;}
.lmis-front-table th{background:#f8fafc;color:#334155 !important;font-weight:800;}
.lmis-front-table td.num{text-align:right;}

.lmis-front-form .row{margin:10px 0;}
.lmis-front-form label{display:block;font-weight:800;margin-bottom:6px;color:#0f172a !important;}
.lmis-front-form input,.lmis-front-form select,.lmis-front-form textarea{
  width:100%;
  max-width:100%;
  padding:10px 12px;
  border:1px solid #cbd5e1 !important;
  border-radius:12px;
  background:#fff !important;
  color:#0f172a !important;
}
.lmis-front-form .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
@media(max-width:900px){.lmis-front-form .grid{grid-template-columns:1fr;}}

.lmis-front .btn{
  display:inline-block;
  padding:10px 14px;
  border:1px solid #0f172a !important;
  border-radius:12px;
  background:#ffffff !important;
  color:#0f172a !important;
  text-decoration:none !important;
  cursor:pointer;
  font-weight:800;
  box-shadow: 0 1px 2px rgba(15,23,42,.06);
}
.lmis-front .btn:hover{transform: translateY(-1px);}
.lmis-front .btn.primary{background:#0f172a !important;color:#ffffff !important;}
.lmis-front .btn.big{padding:12px 16px;font-size:16px;border-radius:14px;}

.lmis-front-notice{padding:12px 14px;border-radius:14px;margin:10px 0;font-weight:700;}
.lmis-front-notice.success{background:#e8fff1;border:1px solid #86efac;color:#14532d;}
.lmis-front-notice.error{background:#fff1f1;border:1px solid #fca5a5;color:#7f1d1d;}
.muted{opacity:.9;color:#475569 !important;}

.lmis-product-info{margin:10px 0;padding:10px 12px;border:1px dashed #cbd5e1;border-radius:14px;background:#f8fafc;color:#0f172a !important;}
.lmis-search-results{border:1px solid #e2e8f0;border-radius:14px;margin-top:8px;max-height:240px;overflow:auto;background:#fff;}
.lmis-result-item{padding:10px 12px;cursor:pointer;border-bottom:1px solid #eef2f7;color:#0f172a !important;}
.lmis-result-item:hover{background:#f8fafc;}

.lmis-badge{display:inline-block;padding:2px 8px;border-radius:999px;background:#eef2ff;color:#1f2a37;font-weight:600;font-size:12px;}

.lmis-front-branch-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 12px;}


.lmis-front-form textarea{min-height:96px;resize:vertical;}
.lmis-front-form .grid.grid-1{grid-template-columns:1fr;}
.lmis-media-card{margin:14px 0 8px;padding:14px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc;}
.lmis-media-card label{display:block;font-weight:800;margin-bottom:8px;color:#0f172a !important;}
.lmis-media-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px;}
.lmis-media-preview{min-height:72px;padding:10px;border:1px dashed #cbd5e1;border-radius:12px;background:#fff;color:#475569;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.lmis-media-preview img{display:block;max-width:220px;max-height:220px;width:auto;height:auto;border-radius:12px;}


.lmis-gallery-preview{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}
.lmis-gallery-item{position:relative;width:120px;height:120px;border:1px solid #d6dde8;border-radius:14px;overflow:hidden;background:#fff}
.lmis-gallery-item img{width:100%;height:100%;object-fit:cover;display:block}
.lmis-gallery-remove{position:absolute;top:6px;right:6px;width:28px;height:28px;border:none;border-radius:999px;background:#0f1b3d;color:#fff;cursor:pointer;font-size:18px;line-height:28px;padding:0}