/* static/tw-lite.css - minimal utility subset to replace Tailwind CDN for our pages */

/* Layout */
.min-h-screen{min-height:100vh}
.flex{display:flex}
.items-center{align-items:center}
.justify-center{justify-content:center}
.block{display:block}
.inline-block{display:inline-block}
.text-center{text-align:center}
.text-left{text-align:left}
.relative{position:relative}
.absolute{position:absolute}
.top-5{top:1.25rem}
.right-4{right:1rem}

/* Sizing */
.w-full{width:100%}
.w-4{width:1rem}
.w-5{width:1.25rem}
.w-6{width:1.5rem}
.h-4{height:1rem}
.h-5{height:1.25rem}
.h-6{height:1.5rem}
.max-w-md{max-width:28rem}
.max-w-3xl{max-width:48rem}
.max-w-6xl{max-width:72rem}
.h-\[50px\]{height:50px}
.w-\[130px\]{width:130px}
.h-\[40px\]{height:40px}

/* Spacing */
.p-8{padding:2rem}
.p-4{padding:1rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.px-8{padding-left:2rem;padding-right:2rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.py-8{padding-top:2rem;padding-bottom:2rem}
.py-12{padding-top:3rem;padding-bottom:3rem}
.pt-8{padding-top:2rem}
.mt-4{margin-top:1rem}
.mt-8{margin-top:2rem}
.mt-12{margin-top:3rem}
.mb-4{margin-bottom:1rem}
.mb-6{margin-bottom:1.5rem}
.mb-8{margin-bottom:2rem}
.mb-12{margin-bottom:3rem}
.ml-3{margin-left:.75rem}
.mr-1{margin-right:.25rem}
.mr-2{margin-right:.5rem}
.mt-\[35px\]{margin-top:35px}
.mt-\[5px\]{margin-top:5px}
.mx-\[65px\]{margin-left:65px;margin-right:65px}
.space-y-6>*+*{margin-top:1.5rem}

/* Typography */
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-sm{font-size:.875rem;line-height:1.25rem}
.font-bold{font-weight:700}
.font-extrabold{font-weight:800}
.font-semibold{font-weight:600}
.whitespace-nowrap{white-space:nowrap}

/* Colors (theme palette) */
.text-on-surface{color:#171d1e}
.bg-white{background-color:#ffffff}
.bg-gray-200{background-color:#e5e7eb}
.bg-\[\#006a68\]{background-color:#006a68}
.text-white{color:#ffffff}
.text-\[\#006a68\]{color:#006a68}

/* Surfaces & borders */
.rounded-full{border-radius:9999px}
.rounded-\[18px\]{border-radius:18px}
.rounded-\[25px\]{border-radius:25px}
.rounded-\[5px\]{border-radius:5px}
.rounded-none{border-radius:0}
.border{border-width:1px}
.border-outline-variant{border-color:#e0e0e0}
.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}

/* Inputs */
.bg-surf-container-lowest{background-color:#ffffff}
.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}
.focus\:ring-2:focus{box-shadow:0 0 0 2px rgba(0,0,0,0.1)}
.focus\:ring-primary:focus{box-shadow:0 0 0 2px rgba(0,122,255,0.35)}
.focus\:ring-\[\#006a68\]:focus{box-shadow:0 0 0 2px rgba(0,106,104,0.35)}
.focus\:ring-offset-2:focus{outline-offset:2px}

/* Utilities */
.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s}
.duration-300{transition-duration:.3s}
.hover\:bg-\[\#006a68\]:hover{background-color:#006a68}
.leading-\[50px\]{line-height:50px}

/* Gray text */
.text-gray-500{color:#6b7280}

/* Custom font utility to fallback to system */
.font-nunito-sans-10-pt{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Helvetica Neue',Arial,sans-serif}


/* Custom spacing utilities for auth pages */
.px-\[22px\]{padding-left:22px;padding-right:22px}


/* Header & layout utilities for auth pages */
.fixed{position:fixed}
.top-0{top:0}
.inset-x-0{left:0;right:0}
.z-40{z-index:40}
.box-border{box-sizing:border-box}

/* Sizing for header and media */
.h-\[72px\]{height:72px}
.h-full{height:100%}
.h-\[46px\]{height:46px}
.w-auto{width:auto}
.max-w-\[2880px\]{max-width:2880px}

/* Flex helpers */
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.gap-3{gap:.75rem}
.mx-auto{margin-left:auto;margin-right:auto}

/* Spacing helpers */
.pt-\[72px\]{padding-top:72px}

/* Colors */
.bg-\[\#eff5f6\]{background-color:#eff5f6}

/* Borders for header divider */
.border-0{border-width:0}
.border-b{border-bottom-width:1px}
.border-solid{border-style:solid}
.border-\[\#e5e7eb\]{border-color:#e5e7eb}


/* Protected layout utilities (sidebar rail + content) */
/* Geometry: sidebar rail total width 260px = 22px padding + 216px menu + 22px padding */
.w-\[260px\]{width:260px}
.w-\[216px\]{width:216px}
.w-\[200px\]{width:200px}
.w-\[156px\]{width:156px}
.ml-\[260px\]{margin-left:260px}
.ml-\[200px\]{margin-left:200px}
.top-\[72px\]{top:72px}
.border-r{border-right-width:1px}
/* slate-200 = rgb(226 232 240) */
.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}
.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))}
.border-2{border-width:2px}
.border-dashed{border-style:dashed}
.bg-slate-50{background-color:rgb(248 250 252)}
.overflow-y-auto{overflow-y:auto}
.flex-col{flex-direction:column}
/* basic paddings for menu items */
.px-3{padding-left:.75rem;padding-right:.75rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
/* gaps */
.gap-2{gap:.5rem}
.gap-3{gap:.75rem}
/* rounded-xl (12px) for menu chips */
.rounded-xl{border-radius:.75rem}
/* 36px icon square */
.w-\[36px\]{width:36px}
.h-\[36px\]{height:36px}
/* sidebar/item colors */
.bg-\[\#e9eff0\]{background-color:#e9eff0}
.bg-\[\#dfe7e8\]{background-color:#dfe7e8}
.bg-\[\#bffcf4\]{background-color:#bffcf4}
.hover\:bg-slate-100:hover{background-color:#f1f5f9}
.text-slate-500{color:#64748b}

.left-0{left:0}
.mt-auto{margin-top:auto}

.bottom-0{bottom:0}
.hidden{display:none !important}
.invisible{visibility:hidden}
.top-1\/2{top:50%}
.-translate-y-1\/2{transform:translateY(-50%)}
.z-0{z-index:0}
.z-20{z-index:20}
.pointer-events-none{pointer-events:none}
.border-blue-500{border-color:#3b82f6}
.bg-gray-50{background-color:#f9fafb}
.min-h-\[200px\]{min-height:200px}
.m-16{margin:4rem}
.overflow-hidden{overflow:hidden}
.max-w-4xl{max-width:56rem}
.text-2xl{font-size:1.5rem;line-height:2rem}
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}
.duration-500{transition-duration:500ms}

/* Grid & Layout for Project Form */
.grid{display:grid}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.gap-4{gap:1rem}
@media (min-width: 768px) {
  .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .md\:col-span-1{grid-column:span 1 / span 1}
  .md\:col-span-2{grid-column:span 2 / span 2}
}

/* Colors & Borders */
.text-red-600{color:#dc2626}
.text-slate-700{color:#334155}
.text-slate-600{color:#475569}
.text-slate-400{color:#94a3b8}
.bg-slate-200{background-color:#e2e8f0}
.dark .dark\:bg-slate-200{background-color:#e2e8f0}
.border-slate-700{border-color:#334155}
.dark .dark\:border-slate-700{border-color:#334155}
.focus\:ring-brand-400:focus{box-shadow:0 0 0 2px rgba(45,212,191,0.5)} /* Approximate brand-400 */
.bg-brand-600{background-color:#0d9488}
.hover\:bg-brand-700:hover{background-color:#0f766e}
.text-brand-400{color:#2dd4bf}
.mt-2{margin-top:0.5rem}
.mb-1{margin-bottom:0.25rem}
.-mt-1{margin-top:-0.25rem}
.outline-none{outline:2px solid transparent;outline-offset:2px}
.uppercase{text-transform:uppercase}