/* SmartCraft Panel – dodatki do wspólnego stylu (style.css z CRM) */
.center{text-align:center}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.tile{position:relative;display:flex;flex-direction:column;gap:6px;background:var(--card);border:1px solid var(--line);
  border-radius:var(--radius);padding:20px;text-decoration:none;color:var(--g);min-height:150px;
  transition:border-color .15s,box-shadow .15s,transform .15s}
a.tile:hover{border-color:var(--amber);box-shadow:0 6px 18px rgba(43,45,49,.08);transform:translateY(-2px)}
.tile .ticon{font-size:1.6rem;width:52px;height:52px;border-radius:14px;background:var(--g);color:var(--amber);
  display:flex;align-items:center;justify-content:center;margin-bottom:6px;font-family:Poppins,sans-serif;font-weight:700}
.tile .tname{font:600 1.1rem Poppins,sans-serif}
.tile .tdesc{font-size:.86rem;color:var(--grey)}
.tile.soon{opacity:.55;cursor:default;background:transparent;border-style:dashed}
.tile.soon .ticon{background:var(--line2);color:var(--g)}
.tile .pill{position:absolute;top:14px;right:14px;background:#EEF0F2;color:#5D6168}
.ticon.sm{display:inline-flex;width:28px;height:28px;border-radius:8px;background:var(--g);color:var(--amber);
  align-items:center;justify-content:center;font-size:.95rem;vertical-align:middle}
.appchips{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}
.appchips .chip{background:var(--paper);border:1px solid var(--line);color:var(--g);font-size:.76rem;padding:2px 8px}
.appchecks{margin-bottom:6px}
@media (max-width:600px){.tiles{grid-template-columns:1fr 1fr;gap:10px}.tile{padding:14px;min-height:130px}}