- قابل شستشو همراه با ضمانت رنگ ( رنگ ثابت)
- مخمل ترک
- چاپ با کیفیت فوق العاده و درخشانی حداکثر
- بدون محدودیت رنگ
/* KK Invoice Lite - Frontend layout * File: frontend/assets/kil-frontend.css */ .kil-frontend { direction: rtl; font-family: -apple-system, BlinkMacSystemFont, "IRANSans", "Segoe UI", sans-serif; font-size: 14px; line-height: 1.6; color: #222; margin: 0 0 2rem; } .kil-frontend * { box-sizing: border-box; } /* کارت اصلی شبیه پنل مدیریتی، ولی تمیز برای فرانتاند */ .kil-frontend .wrap { margin: 0; padding: 1.5rem 1.5rem 2rem; background: #ffffff; border-radius: 12px; border: 1px solid #e5e5e5; box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06); } /* تیترها */ .kil-frontend h1, .kil-frontend h2, .kil-frontend h3 { font-weight: 600; color: #111827; } .kil-frontend h1 { font-size: 20px; margin-bottom: 1.25rem; } .kil-frontend h2 { font-size: 17px; margin: 1.75rem 0 0.75rem; } /* فرمهای گریدی */ .kil-frontend .grid3, .kil-frontend .grid4, .kil-frontend .kil-subgrid { display: grid; grid-gap: 0.75rem 1rem; } .kil-frontend .grid3 { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); } .kil-frontend .grid4 { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); } .kil-frontend label { display: block; font-size: 13px; color: #374151; } .kil-frontend input[type="text"], .kil-frontend input[type="number"], .kil-frontend input[type="date"], .kil-frontend input[type="url"], .kil-frontend textarea, .kil-frontend select { width: 100%; margin-top: 4px; padding: 6px 8px; border-radius: 8px; border: 1px solid #d1d5db; background-color: #f9fafb; transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease; } .kil-frontend input:focus, .kil-frontend textarea:focus, .kil-frontend select:focus { outline: none; border-color: #3b82f6; background-color: #ffffff; box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.15); } /* جدولها */ .kil-frontend table.widefat { width: 100%; border-collapse: collapse; margin: 0.75rem 0 1.25rem; border-radius: 10px; overflow: hidden; border: 1px solid #e5e7eb; } .kil-frontend table.widefat th, .kil-frontend table.widefat td { padding: 8px 10px; text-align: right; border-bottom: 1px solid #e5e7eb; font-size: 13px; } .kil-frontend table.widefat thead { background: #f3f4f6; } .kil-frontend table.widefat thead th { font-weight: 600; color: #111827; } .kil-frontend table.widefat.striped tbody tr:nth-child(odd) { background: #f9fafb; } /* ردیف آخر جدولها */ .kil-frontend table.widefat tbody tr:last-child td { border-bottom: none; } /* توضیحات کوچک */ .kil-frontend .description, .kil-frontend .kil-muted { font-size: 12px; color: #6b7280; } /* کارتها */ .kil-frontend .kil-card { margin: 1.25rem 0; padding: 1rem 1.25rem; border-radius: 10px; border: 1px solid #e5e7eb; background: #f9fafb; } .kil-frontend .kil-pill { display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: 999px; background: #e5f0ff; color: #1d4ed8; font-size: 12px; } .kil-frontend .kil-right { text-align: left; } /* دکمهها */ .kil-frontend .button, .kil-frontend .button-primary, .kil-frontend .button-secondary { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 6px 12px; border-radius: 999px; border: 1px solid transparent; font-size: 13px; cursor: pointer; text-decoration: none; white-space: nowrap; } .kil-frontend .button-primary { background: #3b82f6; border-color: #3b82f6; color: #ffffff; } .kil-frontend .button-secondary { background: #ffffff; border-color: #d1d5db; color: #111827; } .kil-frontend .button:hover, .kil-frontend .button-primary:hover, .kil-frontend .button-secondary:hover { filter: brightness(0.96); } /* باکس مبالغ */ .kil-frontend .kil-amounts-wrapper { margin-top: 1.5rem; } .kil-frontend #kil-total, .kil-frontend #kil-prepay, .kil-frontend #kil-remain { font-weight: 600; } /* خطاهای فرانتاند */ .kil-frontend-error { margin: 1rem 0; padding: 0.75rem 1rem; border-radius: 10px; border: 1px solid #fecaca; background: #fef2f2; color: #b91c1c; font-size: 13px; } /* ریسپانسیو */ @media (max-width: 640px) { .kil-frontend .wrap { padding: 1.25rem 1rem 1.75rem; border-radius: 10px; } .kil-frontend table.widefat th, .kil-frontend table.widefat td { padding: 6px 8px; } }