/* Minimal Tailwind-like compiled CSS subset for this project
	 This file is a compact, hand-built subset of Tailwind utilities
	 covering the classes used by the CV app templates. It is not the
	 full Tailwind distribution but should provide the same look & feel
	 for the components in this repo.
*/

:root{
	--blue-50:#eff6ff; --blue-400:#60a5fa; --blue-600:#2563eb; --blue-700:#1d4ed8;
	--green-600:#16a34a; --yellow-100:#fef3c7; --yellow-800:#92400e;
	--gray-50:#f9fafb; --gray-100:#f3f4f6; --gray-200:#e5e7eb; --gray-500:#6b7280; --gray-600:#4b5563; --gray-700:#374151; --text:#111827;
}

/* Reset-ish */
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,'Noto Sans',sans-serif;color:var(--text);background:var(--gray-50)}
img{max-width:100%;height:auto}

/* Layout utilities */
.max-w-4xl{max-width:64rem}
.max-w-6xl{max-width:80rem}
.max-w-800px{max-width:800px}
.mx-auto{margin-left:auto;margin-right:auto}
.min-h-screen{min-height:100vh}
.hidden{display:none!important}
.p-6{padding:1.5rem}
.p-4{padding:1rem}
.p-2{padding:.5rem}
.p-1{padding:.25rem}
.px-3{padding-left:.75rem;padding-right:.75rem}
.py-1{padding-top:.25rem;padding-bottom:.25rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.px-4{padding-left:1rem;padding-right:1rem}
.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}
.mb-6{margin-bottom:1.5rem}
.mb-4{margin-bottom:1rem}
.mb-3{margin-bottom:.75rem}
.mb-2{margin-bottom:.5rem}
.mt-2{margin-top:.5rem}
.mt-6{margin-top:1.5rem}
.mt-3{margin-top:.75rem}
.mt-1{margin-top:.25rem}
.mb-0{margin-bottom:0}
.mt-0{margin-top:0}
.col-span-2{grid-column:span 2/span 2}
.col-span-1{grid-column:span 1/span 1}
.gap-4{gap:1rem}
.gap-2{gap:.5rem}
.gap-3{gap:.75rem}
.grid{display:grid}
.flex{display:flex}
.items-center{align-items:center}
.justify-between{justify-content:space-between}
.text-right{text-align:right}
.rounded{border-radius:.5rem}
.rounded-full{border-radius:9999px}
.rounded-sm{border-radius:.25rem}
.shadow{box-shadow:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04)}
.overflow-x-auto{overflow-x:auto}
.text-xs{font-size:.75rem}
.text-sm{font-size:.875rem}
.text-lg{font-size:1.125rem}
.text-xl{font-size:1.25rem}
.text-2xl{font-size:1.5rem}
.font-semibold{font-weight:600}
.font-medium{font-weight:500}
.font-bold{font-weight:700}
.text-gray-600{color:var(--gray-600)}
.text-gray-500{color:var(--gray-500)}
.text-gray-700{color:var(--gray-700)}
.text-blue-700{color:var(--blue-700)}
.text-blue-800{color:#1e40af}
.text-yellow-800{color:var(--yellow-800)}
.text-white{color:#fff}
.bg-white{background:#fff}
.bg-gray-50{background:var(--gray-50)}
.bg-gray-100{background:var(--gray-100)}
.bg-blue-50{background:var(--blue-50)}
.bg-yellow-100{background:var(--yellow-100)}
.bg-green-100{background:#bbf7d0}
.bg-blue-600{background:var(--blue-600)}
.bg-green-600{background:var(--green-600)}
.bg-gray-200{background:var(--gray-200)}
.border{border:1px solid var(--gray-200)}
.border-0{border:0}
.border-l-4{border-left-width:4px}
.border-blue-400{border-color:var(--blue-400)}
.text-indigo-600{color:#4f46e5}
.text-red-600{color:#dc2626}
.text-blue-600{color:var(--blue-600)}
.text-green-600{color:var(--green-600)}
.underline{text-decoration:underline}
.inline-flex{display:inline-flex}
.items-start{align-items:flex-start}
.justify-center{justify-content:center}

/* Spacing helpers for forms */
.border-radius-sm{border-radius:.375rem}
.border{border:1px solid var(--gray-200)}
.border-gray-200{border-color:var(--gray-200)}
.p-2{padding:.5rem}
.mb-2{margin-bottom:.5rem}
.input, input, textarea, select{font:inherit}
input[type="text"], input[type="email"], input[type="date"], select, textarea{width:100%;border:1px solid var(--gray-200);padding:.5rem;border-radius:.375rem;background:#fff}
textarea{min-height:80px}
button{cursor:pointer}

/* Utility for blur state used by script */
.blurred{filter:blur(4px);opacity:.6;pointer-events:none}

/* Table styles */
table{width:100%;border-collapse:collapse}
thead th{background:var(--gray-100);text-align:left}
th.p-3,td.p-3{padding:.75rem}
td{vertical-align:top;padding:.75rem}
.border-t{border-top:1px solid var(--gray-200)}

/* Tiny responsive utilities (md = 768px) */
@media (min-width:768px){
	.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}
	.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}
	.md\:grid-cols-5{grid-template-columns:repeat(5,1fr)}
	.md\:col-span-2{grid-column:span 2/span 2}
}

/* Small helpers for badges */
.text-xs{font-size:.75rem}
.inline-flex.items-center{align-items:center}
.px-2{padding-left:.5rem;padding-right:.5rem}
.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}
.rounded{border-radius:.375rem}

/* print-friendly tweaks used in view.php */
@media print{body{-webkit-print-color-adjust:exact}.no-print{display:none!important}@page{size:A4;margin:20mm}}

/* small utilities used in buttons/links */
.mr-2{margin-right:.5rem}
.ml-3{margin-left:.75rem}
.ml-2{margin-left:.5rem}
.text-right{text-align:right}

/* End of compiled subset */