/* 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;
}
}
فرش تبریز ، قم و کاشان Archives | بافت تخصصی تابلو فرش چهره- بافندگی ریحان -خريد تابلو فرش براي مناسبتهاي خاص
تومان۳,۷۰۰,۰۰۰
خرید اقساطی
۱۰٪ تخفیف خرید نقدی با کد p10
انتخاب گزینهها
این محصول دارای انواع مختلفی می باشد. گزینه ها ممکن است در صفحه محصول انتخاب شوند
تومان۳,۷۰۰,۰۰۰
خرید اقساطی
۱۰٪ تخفیف خرید نقدی با کد p10
انتخاب گزینهها
این محصول دارای انواع مختلفی می باشد. گزینه ها ممکن است در صفحه محصول انتخاب شوند
تومان۳,۷۰۰,۰۰۰
خرید اقساطی
۱۰٪ تخفیف خرید نقدی با کد p10
انتخاب گزینهها
این محصول دارای انواع مختلفی می باشد. گزینه ها ممکن است در صفحه محصول انتخاب شوند
تومان۳,۷۰۰,۰۰۰
خرید اقساطی
۱۰٪ تخفیف خرید نقدی با کد p10
انتخاب گزینهها
این محصول دارای انواع مختلفی می باشد. گزینه ها ممکن است در صفحه محصول انتخاب شوند
تومان۳,۷۰۰,۰۰۰
خرید اقساطی
۱۰٪ تخفیف خرید نقدی با کد p10
انتخاب گزینهها
این محصول دارای انواع مختلفی می باشد. گزینه ها ممکن است در صفحه محصول انتخاب شوند
تومان۳,۷۰۰,۰۰۰
خرید اقساطی
۱۰٪ تخفیف خرید نقدی با کد p10
انتخاب گزینهها
این محصول دارای انواع مختلفی می باشد. گزینه ها ممکن است در صفحه محصول انتخاب شوند
تومان۳,۷۰۰,۰۰۰
خرید اقساطی
۱۰٪ تخفیف خرید نقدی با کد p10
انتخاب گزینهها
این محصول دارای انواع مختلفی می باشد. گزینه ها ممکن است در صفحه محصول انتخاب شوند
تومان۳,۷۰۰,۰۰۰
خرید اقساطی
۱۰٪ تخفیف خرید نقدی با کد p10
انتخاب گزینهها
این محصول دارای انواع مختلفی می باشد. گزینه ها ممکن است در صفحه محصول انتخاب شوند
تومان۳,۷۰۰,۰۰۰
خرید اقساطی
۱۰٪ تخفیف خرید نقدی با کد p10
انتخاب گزینهها
این محصول دارای انواع مختلفی می باشد. گزینه ها ممکن است در صفحه محصول انتخاب شوند
تومان۳,۷۰۰,۰۰۰
خرید اقساطی
۱۰٪ تخفیف خرید نقدی با کد p10
انتخاب گزینهها
این محصول دارای انواع مختلفی می باشد. گزینه ها ممکن است در صفحه محصول انتخاب شوند
تومان۳,۷۰۰,۰۰۰
خرید اقساطی
۱۰٪ تخفیف خرید نقدی با کد p10
انتخاب گزینهها
این محصول دارای انواع مختلفی می باشد. گزینه ها ممکن است در صفحه محصول انتخاب شوند
تومان۳,۷۰۰,۰۰۰
خرید اقساطی
۱۰٪ تخفیف خرید نقدی با کد p10
انتخاب گزینهها
این محصول دارای انواع مختلفی می باشد. گزینه ها ممکن است در صفحه محصول انتخاب شوند
تومان۳,۷۰۰,۰۰۰
خرید اقساطی
۱۰٪ تخفیف خرید نقدی با کد p10
انتخاب گزینهها
این محصول دارای انواع مختلفی می باشد. گزینه ها ممکن است در صفحه محصول انتخاب شوند
تومان۳,۷۰۰,۰۰۰
خرید اقساطی
۱۰٪ تخفیف خرید نقدی با کد p10
انتخاب گزینهها
این محصول دارای انواع مختلفی می باشد. گزینه ها ممکن است در صفحه محصول انتخاب شوند
تومان۳,۷۰۰,۰۰۰
خرید اقساطی
۱۰٪ تخفیف خرید نقدی با کد p10
انتخاب گزینهها
این محصول دارای انواع مختلفی می باشد. گزینه ها ممکن است در صفحه محصول انتخاب شوند
تومان۳,۷۰۰,۰۰۰
خرید اقساطی
۱۰٪ تخفیف خرید نقدی با کد p10
انتخاب گزینهها
این محصول دارای انواع مختلفی می باشد. گزینه ها ممکن است در صفحه محصول انتخاب شوند