/* warranty-check.css — стили публичного виджета «Проверить гарантию» ([laptopcrm_warranty]).
   Классы намеренно с префиксом lcw-, чтобы не конфликтовать с темой сайта. */
.laptopcrm-warranty-root{
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  max-width: 560px;
  margin: 0 auto;
}
.lcw-card{
  background:#fff; border:1px solid #e4e7e5; border-radius:16px;
  padding:28px 24px; box-shadow:0 4px 18px rgba(20,30,25,.06);
}
.lcw-title{ font-size:22px; font-weight:700; margin:0 0 6px; color:#16231c; }
.lcw-sub{ font-size:14px; color:#6b7770; margin:0 0 18px; line-height:1.5; }
.lcw-form{ display:flex; gap:8px; flex-wrap:wrap; }
.lcw-input{
  flex:1; min-width:200px; padding:11px 14px; border:1.5px solid #d8ded9; border-radius:10px;
  font-size:15px; outline:none; box-sizing:border-box;
}
.lcw-input:focus{ border-color:#1f7a4d; }
.lcw-btn{
  padding:11px 20px; background:#16231c; color:#fff; border:none; border-radius:10px;
  font-size:15px; font-weight:600; cursor:pointer; white-space:nowrap;
}
.lcw-btn:hover{ background:#0f1811; }
.lcw-btn:disabled{ opacity:.6; cursor:default; }
.lcw-result{ margin-top:18px; display:flex; flex-direction:column; gap:12px; }
.lcw-msg{ font-size:14px; color:#6b7770; padding:10px 0; }
.lcw-msg-error{ color:#b3261e; }
.lcw-item{
  border:1px solid #e4e7e5; border-radius:12px; padding:14px 16px; background:#fafbfa;
}
.lcw-item-head{ display:flex; justify-content:space-between; align-items:baseline; gap:10px; flex-wrap:wrap; }
.lcw-item-title{ font-weight:700; font-size:15px; color:#16231c; }
.lcw-item-price{ font-weight:700; font-size:15px; color:#16231c; white-space:nowrap; }
.lcw-item-specs{ font-size:13px; color:#6b7770; margin-top:4px; }
.lcw-item-foot{ display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:10px; flex-wrap:wrap; }
.lcw-item-date{ font-size:13px; color:#6b7770; }
.lcw-badge{
  font-size:12px; font-weight:700; padding:4px 10px; border-radius:999px; white-space:nowrap;
}
.lcw-badge-good{ background:#e3f5ea; color:#1f7a4d; }
.lcw-badge-bad{ background:#fbe9e8; color:#b3261e; }
.lcw-badge-muted{ background:#eef0ef; color:#6b7770; }

@media (max-width:480px){
  .lcw-card{ padding:20px 16px; border-radius:12px; }
  .lcw-form{ flex-direction:column; }
  .lcw-btn{ width:100%; }
}