/* ═══════════════════════════════════════════════
   PICRAFT — Pages Styles (tariffs, history)
   ═══════════════════════════════════════════════ */

/* ── Tariffs ── */
.tariffs-wrap{max-width:800px;margin:0 auto;padding:2.5rem 1.5rem}
.tariffs-wrap h1{font-family:'Playfair Display',serif;font-size:2rem;font-weight:900;
                 text-align:center;margin-bottom:.5rem;color:var(--fg)}
.tariffs-wrap .sub{text-align:center;color:var(--muted);margin-bottom:2.5rem}
.cards{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}
.price-card{background:var(--card);border:1.5px solid var(--border);border-radius:1.8rem;
            padding:1.8rem;flex:1 1 200px;max-width:240px;text-align:center;
            box-shadow:var(--shadow-sm);transition:.2s}
.price-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.price-card.featured{border-color:var(--accent);background:linear-gradient(135deg,#fff9f5,#fff0eb)}
.price-icon{font-size:2rem;margin-bottom:.8rem}
.price-card h3{font-family:'Playfair Display',serif;font-size:1.3rem;margin-bottom:.4rem;color:var(--fg)}
.price-tag{font-size:2.2rem;font-weight:900;color:var(--accent);margin:.5rem 0}
.price-tag span{font-size:1rem;font-weight:500;color:var(--muted)}
.price-desc{font-size:.85rem;color:var(--muted);line-height:1.4}
.price-feat{margin-top:1rem;font-size:.85rem;color:var(--fg)}
.price-feat li{list-style:none;padding:.25rem 0}
.price-feat li::before{content:'✓ ';color:var(--green);font-weight:800}
.btn-center{text-align:center;margin-top:2rem}
.info-box{background:rgba(232,89,110,.06);border:1px solid rgba(232,89,110,.2);border-radius:1.2rem;
          padding:1.2rem 1.5rem;margin-top:2.5rem;font-size:.9rem;line-height:1.6;color:var(--fg)}
.info-box strong{color:var(--accent)}

/* ── History ── */
.hist-wrap{max-width:1100px;margin:0 auto;padding:2rem 1.5rem}
.hist-wrap h1{font-family:'Playfair Display',serif;font-size:1.8rem;margin-bottom:1.5rem;color:var(--fg)}
.empty{text-align:center;padding:4rem 1rem;color:var(--muted)}
.empty i{font-size:3rem;margin-bottom:1rem;display:block;color:var(--border)}
.gen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.2rem}
.gen-item{background:var(--card);border:1px solid var(--border);border-radius:1.2rem;
          overflow:hidden;transition:.2s;box-shadow:var(--shadow-sm)}
.gen-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.gen-thumb{width:100%;aspect-ratio:1;object-fit:cover;background:var(--border);display:block}
.gen-no-thumb{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;
              background:linear-gradient(135deg,#f9e8e0,#fdf0e8);font-size:2.5rem;color:var(--border)}
.gen-info{padding:.8rem}
.gen-prompt{font-size:.8rem;color:var(--fg);font-weight:600;line-height:1.3;
            display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
            overflow:hidden;margin-bottom:.4rem}
.gen-meta{font-size:.72rem;color:var(--muted);display:flex;justify-content:space-between;
          flex-wrap:wrap;gap:4px}
.gen-status{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:700;
            padding:.15rem .5rem;border-radius:20px}
.status-done{background:rgba(106,159,91,.15);color:var(--green)}
.status-pending,.status-processing{background:rgba(244,162,97,.15);color:var(--accent2)}
.status-failed{background:rgba(232,89,110,.1);color:var(--accent)}
.dl-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:.45rem;
        background:linear-gradient(135deg,var(--accent),var(--coral));color:#fff;
        border:none;border-radius:0 0 1.2rem 1.2rem;font-weight:700;font-size:.8rem;
        text-decoration:none;transition:.2s;cursor:pointer}
.dl-btn:hover{opacity:.9}