/* ═══════════════════════════════════════════════════════════════════════════
   SOVERSE — TailwindCSS Polyfill + Responsive Fix
   Tarih: 2026-06-18
   Açıklama: Perfex CRM 3.x'in tw- prefix'li class'larını standart CSS ile
             karşılayan polyfill + tablet/mobil responsive düzeltmeleri.
   Dosya: /assets/css/soverse-tw-polyfill.css
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── DISPLAY ───────────────────────────────────────────────────────────── */
.tw-block  { display: block !important; }
.tw-inline { display: inline !important; }
.tw-inline-block { display: inline-block !important; }
.tw-inline-flex  { display: inline-flex !important; }
.tw-flex   { display: flex !important; }
.tw-grid   { display: grid !important; }
.tw-hidden { display: none !important; }

/* ─── FLEXBOX ───────────────────────────────────────────────────────────── */
.tw-flex-1       { flex: 1 1 0% !important; }
.tw-flex-initial { flex: 0 1 auto !important; }
.tw-flex-row     { flex-direction: row !important; }
.tw-flex-col     { flex-direction: column !important; }
.tw-flex-wrap    { flex-wrap: wrap !important; }
.tw-flex-nowrap  { flex-wrap: nowrap !important; }
.tw-shrink-0     { flex-shrink: 0 !important; }
.tw-items-center { align-items: center !important; }
.tw-items-start  { align-items: flex-start !important; }
.tw-items-end    { align-items: flex-end !important; }
.tw-justify-center  { justify-content: center !important; }
.tw-justify-between { justify-content: space-between !important; }
.tw-justify-end     { justify-content: flex-end !important; }
.tw-justify-start   { justify-content: flex-start !important; }

/* ─── GRID ──────────────────────────────────────────────────────────────── */
.tw-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; }
.tw-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.tw-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.tw-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
.tw-grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
.tw-grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
.tw-grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; }
.tw-grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; }
.tw-grid-flow-col { grid-auto-flow: column !important; }
.tw-auto-cols-max { grid-auto-columns: max-content !important; }
.tw-col-auto     { grid-column: auto !important; }
.tw-col-span-1   { grid-column: span 1 / span 1 !important; }
.tw-col-span-2   { grid-column: span 2 / span 2 !important; }
.tw-col-span-3   { grid-column: span 3 / span 3 !important; }
.tw-col-span-4   { grid-column: span 4 / span 4 !important; }
.tw-col-span-5   { grid-column: span 5 / span 5 !important; }
.tw-col-span-6   { grid-column: span 6 / span 6 !important; }
.tw-col-span-7   { grid-column: span 7 / span 7 !important; }

/* ─── GAP ───────────────────────────────────────────────────────────────── */
.tw-gap-1   { gap: 0.25rem !important; }
.tw-gap-2   { gap: 0.5rem !important; }
.tw-gap-3   { gap: 0.75rem !important; }
.tw-gap-4   { gap: 1rem !important; }
.tw-gap-5   { gap: 1.25rem !important; }
.tw-gap-6   { gap: 1.5rem !important; }
.tw-gap-8   { gap: 2rem !important; }
.tw-gap-x-2 { column-gap: 0.5rem !important; }
.tw-gap-x-4 { column-gap: 1rem !important; }

/* ─── SPACING: MARGIN ───────────────────────────────────────────────────── */
.tw-m-0    { margin: 0 !important; }
.tw-m-2    { margin: 0.5rem !important; }
.tw-m-4    { margin: 1rem !important; }
.tw-mt-0   { margin-top: 0 !important; }
.tw-mt-1   { margin-top: 0.25rem !important; }
.tw-mt-2   { margin-top: 0.5rem !important; }
.tw-mt-3   { margin-top: 0.75rem !important; }
.tw-mt-4   { margin-top: 1rem !important; }
.tw-mt-5   { margin-top: 1.25rem !important; }
.tw-mt-6   { margin-top: 1.5rem !important; }
.tw-mb-0   { margin-bottom: 0 !important; }
.tw-mb-1   { margin-bottom: 0.25rem !important; }
.tw-mb-2   { margin-bottom: 0.5rem !important; }
.tw-mb-3   { margin-bottom: 0.75rem !important; }
.tw-mb-4   { margin-bottom: 1rem !important; }
.tw-mb-5   { margin-bottom: 1.25rem !important; }
.tw-mb-6   { margin-bottom: 1.5rem !important; }
.tw-mb-8   { margin-bottom: 2rem !important; }
.tw-ml-0   { margin-left: 0 !important; }
.tw-ml-1   { margin-left: 0.25rem !important; }
.tw-ml-2   { margin-left: 0.5rem !important; }
.tw-ml-3   { margin-left: 0.75rem !important; }
.tw-ml-4   { margin-left: 1rem !important; }
.tw-ml-6   { margin-left: 1.5rem !important; }
.tw-ml-1\.5 { margin-left: 0.375rem !important; }
.tw-mr-0   { margin-right: 0 !important; }
.tw-mr-1   { margin-right: 0.25rem !important; }
.tw-mr-2   { margin-right: 0.5rem !important; }
.tw-mr-3   { margin-right: 0.75rem !important; }
.tw-mr-4   { margin-right: 1rem !important; }
.tw-mr-6   { margin-right: 1.5rem !important; }
.tw-mr-1\.5 { margin-right: 0.375rem !important; }
.tw-my-0   { margin-top: 0 !important; margin-bottom: 0 !important; }
.tw-my-1   { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
.tw-my-2   { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
.tw-my-4   { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.tw-mx-0   { margin-left: 0 !important; margin-right: 0 !important; }
.tw-mx-1   { margin-left: 0.25rem !important; margin-right: 0.25rem !important; }
.tw-mx-2   { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
.tw-mx-auto { margin-left: auto !important; margin-right: auto !important; }

/* ─── SPACING: PADDING ──────────────────────────────────────────────────── */
.tw-p-0    { padding: 0 !important; }
.tw-p-1    { padding: 0.25rem !important; }
.tw-p-2    { padding: 0.5rem !important; }
.tw-p-3    { padding: 0.75rem !important; }
.tw-p-4    { padding: 1rem !important; }
.tw-p-6    { padding: 1.5rem !important; }
.tw-px-0   { padding-left: 0 !important; padding-right: 0 !important; }
.tw-px-1   { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
.tw-px-2   { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
.tw-px-3   { padding-left: 0.75rem !important; padding-right: 0.75rem !important; }
.tw-px-4   { padding-left: 1rem !important; padding-right: 1rem !important; }
.tw-px-6   { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
.tw-px-1\.5 { padding-left: 0.375rem !important; padding-right: 0.375rem !important; }
.tw-py-0   { padding-top: 0 !important; padding-bottom: 0 !important; }
.tw-py-1   { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
.tw-py-2   { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.tw-py-3   { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; }
.tw-py-4   { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.tw-py-0\.5 { padding-top: 0.125rem !important; padding-bottom: 0.125rem !important; }

/* ─── SPACE BETWEEN (FLEX CHILDREN) ────────────────────────────────────── */
.tw-space-x-1   > * + * { margin-left: 0.25rem !important; }
.tw-space-x-1\.5 > * + * { margin-left: 0.375rem !important; }
.tw-space-x-2   > * + * { margin-left: 0.5rem !important; }
.tw-space-x-3   > * + * { margin-left: 0.75rem !important; }
.tw-space-x-reverse > * + * { margin-left: 0 !important; margin-right: 0.25rem !important; }
.tw-space-y-0   > * + * { margin-top: 0 !important; }
.tw-space-y-1   > * + * { margin-top: 0.25rem !important; }
.tw-space-y-2   > * + * { margin-top: 0.5rem !important; }
.sm\:tw-space-x-1   > * + * { margin-left: 0.25rem !important; }
.sm\:tw-space-x-1\.5 > * + * { margin-left: 0.375rem !important; }
.sm\:tw-space-x-reverse > * + * { margin-right: 0.25rem !important; }

/* ─── TYPOGRAPHY ────────────────────────────────────────────────────────── */
.tw-text-xs   { font-size: 0.75rem !important; line-height: 1rem !important; }
.tw-text-sm   { font-size: 0.875rem !important; line-height: 1.25rem !important; }
.tw-text-base { font-size: 1rem !important; line-height: 1.5rem !important; }
.tw-text-lg   { font-size: 1.125rem !important; line-height: 1.75rem !important; }
.tw-text-xl   { font-size: 1.25rem !important; line-height: 1.75rem !important; }
.tw-text-2xl  { font-size: 1.5rem !important; line-height: 2rem !important; }
.tw-text-3xl  { font-size: 1.875rem !important; line-height: 2.25rem !important; }
.tw-font-normal   { font-weight: 400 !important; }
.tw-font-medium   { font-weight: 500 !important; }
.tw-font-semibold { font-weight: 600 !important; }
.tw-font-bold     { font-weight: 700 !important; }
.tw-leading-tight  { line-height: 1.25 !important; }
.tw-leading-normal { line-height: 1.5 !important; }
.tw-tracking-wide  { letter-spacing: 0.025em !important; }
.tw-uppercase      { text-transform: uppercase !important; }
.tw-capitalize     { text-transform: capitalize !important; }
.tw-truncate  { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.tw-text-left   { text-align: left !important; }
.tw-text-center { text-align: center !important; }
.tw-text-right  { text-align: right !important; }

/* ─── COLORS (TEXT) ─────────────────────────────────────────────────────── */
.tw-text-white       { color: #fff !important; }
.tw-text-black       { color: #000 !important; }
.tw-text-gray-400    { color: #9ca3af !important; }
.tw-text-gray-500    { color: #6b7280 !important; }
.tw-text-gray-600    { color: #4b5563 !important; }
.tw-text-gray-700    { color: #374151 !important; }
.tw-text-gray-800    { color: #1f2937 !important; }
.tw-text-neutral-500 { color: #737373 !important; }
.tw-text-neutral-600 { color: #525252 !important; }
.tw-text-blue-500    { color: #3b82f6 !important; }
.tw-text-blue-600    { color: #2563eb !important; }
.tw-text-red-500     { color: #ef4444 !important; }
.tw-text-green-500   { color: #22c55e !important; }
.tw-text-yellow-500  { color: #eab308 !important; }

/* ─── COLORS (BACKGROUND) ──────────────────────────────────────────────── */
.tw-bg-white        { background-color: #fff !important; }
.tw-bg-gray-50      { background-color: #f9fafb !important; }
.tw-bg-gray-100     { background-color: #f3f4f6 !important; }
.tw-bg-gray-200     { background-color: #e5e7eb !important; }
.tw-bg-neutral-50   { background-color: #fafafa !important; }
.tw-bg-neutral-100  { background-color: #f5f5f5 !important; }
.tw-bg-blue-50      { background-color: #eff6ff !important; }
.tw-bg-transparent  { background-color: transparent !important; }

/* ─── BORDER ────────────────────────────────────────────────────────────── */
.tw-border          { border-width: 1px !important; border-style: solid !important; }
.tw-border-0        { border-width: 0 !important; }
.tw-border-2        { border-width: 2px !important; }
.tw-border-t        { border-top-width: 1px !important; border-top-style: solid !important; }
.tw-border-b        { border-bottom-width: 1px !important; border-bottom-style: solid !important; }
.tw-border-l        { border-left-width: 1px !important; border-left-style: solid !important; }
.tw-border-r        { border-right-width: 1px !important; border-right-style: solid !important; }
.tw-border-solid    { border-style: solid !important; }
.tw-border-dashed   { border-style: dashed !important; }
.tw-border-none     { border-style: none !important; }
.tw-border-y-0      { border-top-width: 0 !important; border-bottom-width: 0 !important; }
.tw-border-r-0      { border-right-width: 0 !important; }
/* Border colors */
.tw-border-gray-200       { border-color: #e5e7eb !important; }
.tw-border-gray-300       { border-color: #d1d5db !important; }
.tw-border-neutral-200    { border-color: #e5e5e5 !important; }
.tw-border-neutral-300    { border-color: #d4d4d4 !important; }
.tw-border-neutral-300\/80 { border-color: rgba(212,212,212,0.8) !important; }
.tw-border-blue-200       { border-color: #bfdbfe !important; }
.tw-border-transparent    { border-color: transparent !important; }
/* Responsive border */
.sm\:tw-border-l     { border-left-width: 1px !important; border-left-style: solid !important; }
.sm\:tw-border-r     { border-right-width: 1px !important; border-right-style: solid !important; }
.sm\:tw-border-r-0   { border-right-width: 0 !important; }
.sm\:tw-border-y-0   { border-top-width: 0 !important; border-bottom-width: 0 !important; }
.sm\:tw-border-neutral-200 { border-color: #e5e5e5 !important; }
.md\:tw-border-r     { border-right-width: 1px !important; border-right-style: solid !important; }
.md\:tw-border-solid { border-style: solid !important; }
.md\:tw-border-neutral-300 { border-color: #d4d4d4 !important; }

/* ─── BORDER RADIUS ─────────────────────────────────────────────────────── */
.tw-rounded       { border-radius: 0.25rem !important; }
.tw-rounded-sm    { border-radius: 0.125rem !important; }
.tw-rounded-md    { border-radius: 0.375rem !important; }
.tw-rounded-lg    { border-radius: 0.5rem !important; }
.tw-rounded-xl    { border-radius: 0.75rem !important; }
.tw-rounded-2xl   { border-radius: 1rem !important; }
.tw-rounded-full  { border-radius: 9999px !important; }
.tw-rounded-none  { border-radius: 0 !important; }
.sm\:tw-rounded-none { border-radius: 0 !important; }

/* ─── SHADOW ────────────────────────────────────────────────────────────── */
.tw-shadow-none { box-shadow: none !important; }
.tw-shadow-sm   { box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05) !important; }
.tw-shadow      { box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px -1px rgba(0,0,0,0.1) !important; }
.tw-shadow-md   { box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1) !important; }
.tw-shadow-lg   { box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1) !important; }

/* ─── WIDTH & HEIGHT ────────────────────────────────────────────────────── */
.tw-w-full   { width: 100% !important; }
.tw-w-auto   { width: auto !important; }
.tw-w-4      { width: 1rem !important; }
.tw-w-5      { width: 1.25rem !important; }
.tw-w-6      { width: 1.5rem !important; }
.tw-w-8      { width: 2rem !important; }
.tw-w-10     { width: 2.5rem !important; }
.tw-w-12     { width: 3rem !important; }
.tw-w-16     { width: 4rem !important; }
.tw-w-20     { width: 5rem !important; }
.tw-w-24     { width: 6rem !important; }
.tw-w-32     { width: 8rem !important; }
.tw-w-40     { width: 10rem !important; }
.tw-w-48     { width: 12rem !important; }
.tw-w-56     { width: 14rem !important; }
.tw-w-64     { width: 16rem !important; }
.tw-w-1\/2   { width: 50% !important; }
.tw-w-1\/3   { width: 33.333333% !important; }
.tw-w-2\/3   { width: 66.666667% !important; }
.tw-w-1\/4   { width: 25% !important; }
.tw-w-3\/4   { width: 75% !important; }
.tw-h-full   { height: 100% !important; }
.tw-h-auto   { height: auto !important; }
.tw-h-4      { height: 1rem !important; }
.tw-h-5      { height: 1.25rem !important; }
.tw-h-6      { height: 1.5rem !important; }
.tw-h-7      { height: 1.75rem !important; }
.tw-h-8      { height: 2rem !important; }
.tw-h-10     { height: 2.5rem !important; }
.tw-h-12     { height: 3rem !important; }
.sm\:tw-h-8  { height: 2rem !important; }
.tw-min-h-0  { min-height: 0 !important; }
.tw-min-h-full { min-height: 100% !important; }
.tw-max-h-full { max-height: 100% !important; }
.tw-max-w-lg   { max-width: 32rem !important; }
.tw-max-w-xl   { max-width: 36rem !important; }
.md\:tw-max-w-64 { max-width: 16rem !important; }
.tw-overflow-auto   { overflow: auto !important; }
.tw-overflow-hidden { overflow: hidden !important; }
.tw-overflow-x-auto { overflow-x: auto !important; }

/* ─── POSITION ──────────────────────────────────────────────────────────── */
.tw-relative  { position: relative !important; }
.tw-absolute  { position: absolute !important; }
.tw-fixed     { position: fixed !important; }
.tw-sticky    { position: sticky !important; }
.tw-inset-0   { top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; }
.tw-top-0     { top: 0 !important; }
.tw-top-2     { top: 0.5rem !important; }
.tw-right-0   { right: 0 !important; }
.tw-bottom-0  { bottom: 0 !important; }
.tw-left-0    { left: 0 !important; }
.tw-z-10      { z-index: 10 !important; }
.tw-z-50      { z-index: 50 !important; }
.lg\:tw-sticky { position: sticky !important; }
.lg\:tw-top-2  { top: 0.5rem !important; }
.sm\:tw-fixed  { position: fixed !important; }

/* ─── MISC ──────────────────────────────────────────────────────────────── */
.tw-cursor-pointer  { cursor: pointer !important; }
.tw-cursor-default  { cursor: default !important; }
.tw-select-none     { user-select: none !important; }
.tw-opacity-50      { opacity: 0.5 !important; }
.tw-opacity-75      { opacity: 0.75 !important; }
.tw-opacity-100     { opacity: 1 !important; }
.tw-transition      { transition: all 0.15s ease !important; }
.tw-transition-colors { transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease !important; }
.tw-duration-150    { transition-duration: 0.15s !important; }
.tw-duration-200    { transition-duration: 0.2s !important; }
.tw-pointer-events-none { pointer-events: none !important; }
.tw-whitespace-nowrap { white-space: nowrap !important; }
.tw-break-words       { overflow-wrap: break-word !important; }
.relative { position: relative; }

/* ─── RESPONSIVE: sm (≥640px) ───────────────────────────────────────────── */
@media (min-width: 640px) {
    .sm\:tw-block        { display: block !important; }
    .sm\:tw-flex         { display: flex !important; }
    .sm\:tw-inline-flex  { display: inline-flex !important; }
    .sm\:tw-flex-row     { flex-direction: row !important; }
    .sm\:tw-flex-1       { flex: 1 1 0% !important; }
    .sm\:tw-flex-initial { flex: 0 1 auto !important; }
    .sm\:tw-shrink-0     { flex-shrink: 0 !important; }
    .sm\:tw-items-center { align-items: center !important; }
    .sm\:tw-justify-between { justify-content: space-between !important; }
    .sm\:tw-justify-center  { justify-content: center !important; }
    .sm\:tw-grid-cols-2  { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .sm\:tw-grid-cols-4  { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
    .sm\:tw-grid-flow-col { grid-auto-flow: column !important; }
    .sm\:tw-auto-cols-max { grid-auto-columns: max-content !important; }
    .sm\:tw-col-span-1   { grid-column: span 1 / span 1 !important; }
    .sm\:tw-col-span-2   { grid-column: span 2 / span 2 !important; }
    .sm\:tw-gap-x-2      { column-gap: 0.5rem !important; }
    .sm\:tw-mt-0         { margin-top: 0 !important; }
    .sm\:tw-mt-4         { margin-top: 1rem !important; }
    .sm\:tw-mt-6         { margin-top: 1.5rem !important; }
    .sm\:tw-mb-0         { margin-bottom: 0 !important; }
    .sm\:tw-mb-5         { margin-bottom: 1.25rem !important; }
    .sm\:tw-ml-0         { margin-left: 0 !important; }
    .sm\:tw-ml-1\.5      { margin-left: 0.375rem !important; }
    .sm\:tw-ml-2         { margin-left: 0.5rem !important; }
    .sm\:tw-mr-0         { margin-right: 0 !important; }
    .sm\:tw-mr-1\.5      { margin-right: 0.375rem !important; }
    .sm\:tw-mr-2         { margin-right: 0.5rem !important; }
    .sm\:tw-mr-3         { margin-right: 0.75rem !important; }
    .sm\:tw-px-0         { padding-left: 0 !important; padding-right: 0 !important; }
    .sm\:tw-px-4         { padding-left: 1rem !important; padding-right: 1rem !important; }
    .sm\:tw-py-2         { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
    .sm\:tw-rounded-none { border-radius: 0 !important; }
    .sm\:tw-max-w-lg     { max-width: 32rem !important; }
}

/* ─── RESPONSIVE: md (≥768px) ───────────────────────────────────────────── */
@media (min-width: 768px) {
    .md\:tw-block        { display: block !important; }
    .md\:tw-flex         { display: flex !important; }
    .md\:tw-grid         { display: grid !important; }
    .md\:tw-hidden       { display: none !important; }
    .md\:tw-flex-wrap    { flex-wrap: wrap !important; }
    .md\:tw-items-center { align-items: center !important; }
    .md\:tw-grid-cols-2  { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .md\:tw-grid-cols-3  { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
    .md\:tw-col-auto     { grid-column: auto !important; }
    .md\:odd\:last\:tw-col-auto:nth-child(odd):last-child { grid-column: auto !important; }
    .md\:tw-gap-1        { gap: 0.25rem !important; }
    .md\:tw-gap-4        { gap: 1rem !important; }
    .md\:tw-gap-6        { gap: 1.5rem !important; }
    .md\:tw-mt-0         { margin-top: 0 !important; }
    .md\:tw-mb-0         { margin-bottom: 0 !important; }
    .md\:tw-mb-6         { margin-bottom: 1.5rem !important; }
    .md\:tw-ml-4         { margin-left: 1rem !important; }
    .md\:tw-ml-6         { margin-left: 1.5rem !important; }
    .md\:tw-mr-4         { margin-right: 1rem !important; }
    .md\:tw-mr-6         { margin-right: 1.5rem !important; }
    .md\:tw-px-1\.5      { padding-left: 0.375rem !important; padding-right: 0.375rem !important; }
    .md\:tw-py-0\.5      { padding-top: 0.125rem !important; padding-bottom: 0.125rem !important; }
    .md\:tw-space-y-0 > * + * { margin-top: 0 !important; }
    .md\:tw-max-w-64     { max-width: 16rem !important; }
}

/* ─── RESPONSIVE: lg (≥1024px) ──────────────────────────────────────────── */
@media (min-width: 1024px) {
    .lg\:tw-flex         { display: flex !important; }
    .lg\:tw-grid-cols-5  { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
    .lg\:tw-grid-cols-6  { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
    .lg\:tw-grid-cols-8  { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; }
    .lg\:tw-col-span-7   { grid-column: span 7 / span 7 !important; }
    .lg\:tw-sticky       { position: sticky !important; }
    .lg\:tw-top-2        { top: 0.5rem !important; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   PANEL/MODÜL LAYOUT FIX
   Teklif (proposals) ve Sözleşme (contracts) sayfaları özel düzeltmeleri
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── CONTRACT SUMMARY KARTLAR ──────────────────────────────────────────── */
#contract_summary {
    margin-bottom: 1.5rem;
}

#contract_summary h4 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 700;
    font-size: 1.25rem;
}

/* Summary grid — mobilde 1 kolon, tablette 2-3, masaüstünde 5 */
#contract_summary .tw-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 -4px;
}

#contract_summary .tw-grid > div {
    flex: 1 1 calc(50% - 8px) !important;
    min-width: 140px !important;
    max-width: 100% !important;
    background: #fff !important;
    border: 1px solid rgba(212,212,212,0.8) !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
    border-radius: 0.5rem !important;
    padding: 12px 16px !important;
    display: flex !important;
    align-items: center !important;
    font-size: 0.875rem !important;
}

#contract_summary .tw-grid > div .tw-font-semibold {
    font-weight: 600 !important;
    margin-right: 6px !important;
}

@media (min-width: 768px) {
    #contract_summary .tw-grid > div {
        flex: 1 1 calc(33.333% - 8px) !important;
    }
}

@media (min-width: 1024px) {
    #contract_summary .tw-grid > div {
        flex: 1 1 0% !important;
    }
}

/* ─── CONTRACT CHART AREA ───────────────────────────────────────────────── */
.tw-my-2.row,
.row.tw-my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.row.tw-my-2 [class*="col-"] .panel_s,
.tw-my-2.row [class*="col-"] .panel_s {
    margin-bottom: 16px;
}

/* ─── PANEL TABLE FULL — Tablo container düzeltmesi ─────────────────────── */
.panel-table-full {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* ─── _BUTTONS ALANININ DÜZELTME ────────────────────────────────────────── */
._buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-bottom: 12px;
}

._buttons .pull-left,
._buttons .pull-right {
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
}

._buttons .pull-right {
    margin-left: auto;
}

._buttons::after {
    display: none;
}

/* ─── PROPOSALS SAYFASI ─────────────────────────────────────────────────── */
.table-proposals,
.table-contracts {
    min-width: 700px;
}

/* ─── PIPELINE GÖRÜNÜMÜ ─────────────────────────────────────────────────── */
.pipeline-view-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* ═══════════════════════════════════════════════════════════════════════════
   TABLET VE MOBİL RESPONSIVE FIX
   Panel admin paneli - sidebar + content alanı düzeltmeleri
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── GENEL MOBİL DÜZELTMELER (≤767px) ─────────────────────────────────── */
@media (max-width: 767px) {
    /* Sidebar mobilde gizle/göster */
    body:not(.hide-sidebar) #menu,
    body:not(.hide-sidebar) #setup-menu-wrapper {
        transform: translateX(-270px);
        transition: transform 0.3s ease;
    }

    body.sidebar-open #menu,
    body.sidebar-open #setup-menu-wrapper {
        transform: translateX(0);
    }

    /* İçerik alanı tam genişlik */
    body:not(.hide-sidebar):not(.poly-hide-sidebar) #wrapper {
        margin-left: 0 !important;
    }

    /* Header navbar */
    #header .navbar-collapse.collapse {
        display: none !important;
    }

    #header .navbar-collapse.in {
        display: block !important;
    }

    /* Content padding azalt */
    .content {
        padding: 10px !important;
    }

    /* Row — tam genişlik */
    .row {
        margin-left: -8px !important;
        margin-right: -8px !important;
    }

    [class*="col-"] {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    /* Panel başlıkları */
    .panel-heading {
        padding: 10px 12px !important;
    }

    .panel-body {
        padding: 12px !important;
    }

    /* Butonlar mobilde tam genişlik değil, compact */
    .btn {
        font-size: 12px !important;
        padding: 5px 10px !important;
    }

    /* DataTable mobilde scroll */
    .dataTables_wrapper {
        overflow-x: auto !important;
    }

    /* Modal mobil */
    .modal-dialog {
        margin: 10px !important;
        width: calc(100% - 20px) !important;
        max-width: 100% !important;
    }

    /* Tablo column toggle butonları */
    .dt-buttons {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 4px !important;
    }

    /* Form grupları */
    .form-group {
        margin-bottom: 10px !important;
    }

    /* Profil sayfası - sekmelerin kaymaması */
    .nav-tabs > li > a {
        padding: 8px 10px !important;
        font-size: 12px !important;
    }

    /* hidden-xs Bootstrap */
    .hidden-xs {
        display: none !important;
    }

    /* Contract summary mobil: 1 col */
    #contract_summary .tw-grid > div {
        flex: 1 1 100% !important;
    }

    /* Proposals/contracts tablo başlığı */
    ._buttons {
        gap: 4px !important;
    }

    /* Sıkışık teklif/sözleşme form alanları */
    #proposal-form .col-md-6,
    #contract-form .col-md-6 {
        width: 100% !important;
    }
}

/* ─── TABLET DÜZELTMELER (768px - 1023px) ───────────────────────────────── */
@media (min-width: 768px) and (max-width: 1023px) {
    /* Sidebar dar yap */
    #menu,
    #setup-menu-wrapper {
        width: 200px !important;
    }

    body:not(.hide-sidebar):not(.poly-hide-sidebar):not(.customers) #wrapper {
        margin-left: 200px !important;
    }

    /* Sidebar metinler dar sidebar için */
    #side-menu li a,
    #setup-menu li a {
        font-size: 12px !important;
        padding: 9px 10px !important;
    }

    #side-menu li a i,
    #setup-menu li a i {
        font-size: 14px !important;
    }

    /* İçerik padding */
    .content {
        padding: 12px !important;
    }

    /* Panel */
    .panel-body {
        padding: 14px !important;
    }

    /* Tablette 2 kolon grid */
    .tw-grid-cols-5 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    /* Contract summary tablette 3 kolon */
    #contract_summary .tw-grid > div {
        flex: 1 1 calc(33.333% - 8px) !important;
    }

    /* Modal tablette */
    .modal-dialog {
        margin: 20px auto !important;
        max-width: 90% !important;
    }

    /* Nav tabs tablette sıkışma düzelt */
    .nav-tabs > li > a {
        padding: 8px 12px !important;
        font-size: 13px !important;
    }

    /* hidden-sm Bootstrap  */
    .hidden-sm {
        display: none !important;
    }
}

/* ─── BÜYÜK TABLET / KÜÇÜK DESKTOP (1024px - 1279px) ────────────────────── */
@media (min-width: 1024px) and (max-width: 1279px) {
    /* Sidebar biraz daralt */
    #menu,
    #setup-menu-wrapper {
        width: 240px !important;
    }

    body:not(.hide-sidebar):not(.poly-hide-sidebar):not(.customers) #wrapper {
        margin-left: 240px !important;
    }

    /* Sidebar metinler */
    #side-menu li a,
    #setup-menu li a {
        font-size: 13px !important;
        padding: 9px 12px !important;
    }
}

/* ─── BÜYÜK EKRAN (≥1280px) ─────────────────────────────────────────────── */
@media (min-width: 1280px) {
    /* Sidebar tam genişlik */
    #menu,
    #setup-menu-wrapper {
        width: 270px !important;
    }

    body:not(.hide-sidebar):not(.poly-hide-sidebar):not(.customers) #wrapper {
        margin-left: 270px !important;
    }

    /* 5 kolonlu grid büyük ekranda doğru çalışsın */
    #contract_summary .tw-grid > div {
        flex: 1 1 0% !important;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   MODAL VE FORM DÜZELT — Teklif / Sözleşme form görünümleri
   ═══════════════════════════════════════════════════════════════════════════ */

/* Teklif form - alanlar sıkışmamasın */
#proposal-form .form-horizontal .form-group,
#contract-form .form-horizontal .form-group {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    gap: 4px !important;
    margin-bottom: 14px !important;
}

#proposal-form .form-horizontal .control-label,
#contract-form .form-horizontal .control-label {
    min-width: 120px !important;
}

/* Items table — line items tablo */
.items-table-wrapper {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

/* Teklif subtotal/total alanı */
.proposal-subtotal,
.contract-total-area {
    min-width: 200px;
}

/* ═══════════════════════════════════════════════════════════════════════════
   ODD:LAST CHILD — Contract summary son kartın geniş görünmesi
   ═══════════════════════════════════════════════════════════════════════════ */
/* Perfex 3.x'te md:odd:last:tw-col-auto class'ı */
@media (max-width: 767px) {
    #contract_summary .tw-grid > div:nth-child(odd):last-child {
        flex: 1 1 100% !important;
    }
}

@media (min-width: 768px) {
    #contract_summary .tw-grid > div:nth-child(odd):last-child {
        grid-column: auto !important;
        flex: 1 1 0% !important;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   OVERFLOW DÜZELTME — Sayfa yatayda taşmasın
   ═══════════════════════════════════════════════════════════════════════════ */
body {
    overflow-x: hidden;
}

#wrapper {
    overflow-x: hidden;
}

/* ─── Tablo responsive — min-width ile taşmayı önle ─────────────────────── */
@media (max-width: 767px) {
    .table-responsive {
        border: 0 !important;
    }

    table.dataTable td,
    table.dataTable th {
        font-size: 11px !important;
        padding: 6px 8px !important;
        white-space: nowrap !important;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   PUBLIC SAYFA FIXLERİ — Teklif / Sözleşme Önizleme (body.customers)
   Müşteri portalı ve public sayfaların layout düzeltmeleri
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── TEMEL: Public sayfalarda sidebar margin sıfırla ───────────────────── */
body.customers #wrapper,
body.customers #main-wrapper,
body.proposal-view #wrapper,
body.contract-view #wrapper,
body[class*="customers"] #wrapper {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* ─── PUBLIC SAYFA GENEL RESET ─────────────────────────────────────────── */
body.customers,
body.proposal-view,
body.contract-view {
    overflow-x: hidden !important;
}

/* ─── TEKLİF ÖNİZLEME SAYFA LAYOUT ────────────────────────────────────── */
/* Teklif sayfasının ortalanması */
body.customers .container,
body.customers .proposal-container {
    margin: 0 auto !important;
    max-width: 1200px !important;
    padding: 0 15px !important;
}

/* ─── FOOTER DÜZELTME ──────────────────────────────────────────────────── */
body.customers footer,
body.customers .footer {
    margin-left: 0 !important;
    width: 100% !important;
}

/* ─── PUBLIC SAYFA TABLO ────────────────────────────────────────────────── */
body.customers table {
    width: 100% !important;
}

/* ─── NAVBAR/TOPBAR Public sayfa ──────────────────────────────────────── */
body.customers #header,
body.customers .navbar-header {
    margin-left: 0 !important;
    width: 100% !important;
}