.compras-page{display:flex;flex-direction:column;gap:1.6rem}.compras-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}.compras-header h2{margin:0 0 .35rem}.compras-header p{margin:0;color:var(--app-text-muted)}.compras-card{background:var(--panel-bg);border-radius:18px;padding:1.4rem;border:1px solid var(--panel-border-soft);box-shadow:var(--panel-shadow);display:flex;flex-direction:column;gap:1rem}.compras-card h3{margin:0}.compras-catalog{display:grid;gap:1rem}.compras-catalog-block{display:grid;gap:.6rem}.compras-catalog-label{font-size:.85rem;color:var(--app-text-muted)}.compras-module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.6rem}.compras-module-card{border:1px solid var(--input-border);background:linear-gradient(145deg,#0f172a0f,#1e40af0a);border-radius:12px;padding:.7rem .8rem;text-align:left;color:inherit;display:grid;gap:.3rem}.compras-module-card small{color:var(--app-text-muted);font-size:.78rem}.compras-module-card.is-active{border-color:#3b82f6cc;box-shadow:0 0 0 2px #3b82f62e}.compras-item-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.6rem}.compras-item-card{border:1px solid var(--input-border);background:var(--panel-bg);border-radius:12px;padding:.7rem .5rem;color:inherit;display:grid;justify-items:center;gap:.35rem;font-size:.82rem;font-weight:600}.compras-item-icon{min-width:2rem;min-height:2rem;border:1px solid rgba(16,185,129,.24);border-radius:8px;display:inline-grid;place-items:center;background:#10b98114;color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.04em}.compras-item-card.is-active{border-color:#10b981cc;box-shadow:0 0 0 2px #10b9812e}.compras-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.compras-span-2{grid-column:span 2}.compras-field{display:flex;flex-direction:column;gap:.4rem}.compras-field span{font-size:.85rem;color:var(--app-text-muted)}.compras-field input,.compras-field textarea{background:var(--input-bg);color:var(--input-text);border:1px solid var(--input-border);border-radius:10px;padding:.6rem .75rem;font-size:.95rem}.compras-field textarea{min-height:110px;resize:vertical}.compras-field small{color:var(--app-text-muted)}.compras-actions{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center}.compras-actions button{border:1px solid rgba(148,163,255,.3);border-radius:14px;min-height:44px;padding:0 1.3rem;font-size:.95rem;font-weight:700;line-height:1;background:var(--btn-primary-bg);color:#fff;box-shadow:0 8px 22px #0f172a4d;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}.compras-actions button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.04);box-shadow:0 12px 26px #0f172a5c}.compras-actions button:active:not(:disabled){transform:translateY(0)}.compras-actions button.secondary{background:var(--btn-accent-bg)}.compras-feedback{font-size:.9rem;padding:.6rem .9rem;border-radius:12px;border:1px solid rgba(99,102,241,.3);background:#6366f11f}.compras-feedback.is-error{border-color:#f8717180;background:#f871711f}.compras-queue{display:flex;flex-direction:column;gap:.9rem}.compras-queue-card{background:var(--panel-bg);border-radius:14px;padding:1rem 1.1rem;border:1px solid var(--panel-border-soft);display:grid;gap:.75rem}.compras-queue-head{display:flex;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.compras-queue-head strong{font-size:1rem}.compras-queue-meta{display:flex;gap:.8rem;flex-wrap:wrap;font-size:.85rem;color:var(--app-text-muted)}.compras-queue-actions{display:flex;gap:.6rem;flex-wrap:wrap}.compras-queue-actions button{border:0;border-radius:999px;padding:.4rem .9rem;font-size:.8rem;font-weight:600;background:var(--btn-primary-bg);color:#fff}.compras-queue-actions button.is-danger{background:linear-gradient(135deg,#ef4444,#f97316)}.compras-queue-actions button.is-neutral{background:linear-gradient(135deg,#0ea5e9,#3b82f6)}.compras-empty{color:var(--app-text-muted)}.compras-image{width:120px;height:120px;border-radius:12px;object-fit:cover;border:1px solid var(--panel-border-soft)}.compras-inline{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}@media (max-width: 760px){.compras-module-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.compras-item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compras-form{grid-template-columns:1fr}.compras-span-2{grid-column:span 1}.compras-actions button{width:100%;justify-content:center}}