/* ==========================================================================
   HIGH5 FLOORS - Master Stylesheet
   Modern, Clean, High-Performance Sports Architecture Aesthetic
   ========================================================================== */

/* 1. Custom Properties (Theme Colors, Spacing & Typography) */
:root {
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Color Palette */
  --color-base: #0a0c10;
  --color-surface-dark: #101318;
  --color-surface-card: #151921;
  --color-border-subtle: #242b38;
  
  /* Sports Energetic Accent (Neon Lime / Electric Sports Green) */
  --color-brand-accent: #38ef7d;
  --color-brand-accent-glow: rgba(56, 239, 125, 0.25);
  --color-brand-orange: #ff6b35;

  --color-text-white: #ffffff;
  --color-text-muted: #94a3b8;
  --color-text-light: #e2e8f0;
}

/* 2. Global Resets & Basics */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-family: var(--font-sans);
  background-color: var(--color-base);
  color: var(--color-text-light);
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  overflow-x: hidden;
  line-height: 1.6;
}

/* Text selection: dark text against the lime accent highlight.
   (Kept as plain CSS rather than a Tailwind "text-base" utility class,
   since a custom color named "base" would collide with Tailwind's
   built-in text-base font-size utility used throughout the site.) */
::selection {
  background-color: var(--color-brand-accent);
  color: var(--color-base);
}
.container {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

/* Utility Classes */
.bg-base { background-color: var(--color-base); }
.bg-surface-dark { background-color: var(--color-surface-dark); }
.bg-surface-card { background-color: var(--color-surface-card); }
.border-border-subtle { border-color: var(--color-border-subtle); }
.text-brand-accent { color: var(--color-brand-accent); }
.text-text-muted { color: var(--color-text-muted); }
.font-display { font-family: var(--font-display); }

/* Text Gradient */
.text-gradient {
  background: linear-gradient(135deg, #ffffff 0%, var(--color-brand-accent) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Hero Background Grid Pattern */
.bg-hero-grid {
  background-size: 40px 40px;
  background-image: 
    linear-gradient(to right, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
}

/* 3. Buttons & Conversion Elements */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-primary {
  background-color: var(--color-brand-accent);
  color: #041209;
}
.btn-primary:hover {
  background-color: #49f38b;
  box-shadow: 0 0 25px var(--color-brand-accent-glow);
}

.btn-secondary {
  background-color: var(--color-surface-card);
  color: #ffffff;
  border: 1px solid var(--color-border-subtle);
}
.btn-secondary:hover {
  border-color: var(--color-brand-accent);
  color: var(--color-brand-accent);
}

.btn-whatsapp {
  background-color: #25D366;
  color: #04140a;
}
.btn-whatsapp:hover {
  background-color: #2fe472;
}

.btn-whatsapp-subtle {
  background-color: rgba(37, 211, 102, 0.12);
  color: #3fe87d;
  border: 1px solid rgba(37, 211, 102, 0.3);
}
.btn-whatsapp-subtle:hover {
  background-color: #25D366;
  color: #000000;
}

/* Form Styles */
.form-input, .form-select, .form-textarea {
  width: 100%;
  padding: 0.85rem 1rem;
  background-color: #0d1016;
  border: 1px solid var(--color-border-subtle);
  border-radius: 0.75rem;
  color: #ffffff;
  font-size: 0.875rem;
  font-family: var(--font-sans);
  transition: border-color 0.2s, box-shadow 0.2s;
}

.form-input:focus, .form-select:focus, .form-textarea:focus {
  outline: none;
  border-color: var(--color-brand-accent);
  box-shadow: 0 0 0 3px rgba(56, 239, 125, 0.15);
}

/* Tag utility */
.tag {
  display: inline-block;
  padding: 0.25rem 0.65rem;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  background-color: #0d1016;
  border: 1px solid var(--color-border-subtle);
  border-radius: 0.5rem;
  color: var(--color-text-muted);
}

/* Gallery Filter Buttons */
.gallery-filter-btn {
  padding: 0.4rem 0.9rem;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-radius: 0.5rem;
  background-color: var(--color-surface-card);
  border: 1px solid var(--color-border-subtle);
  color: var(--color-text-muted);
  cursor: pointer;
  transition: all 0.2s ease;
}

.gallery-filter-btn.active, .gallery-filter-btn:hover {
  background-color: var(--color-brand-accent);
  color: #0a0c10;
  border-color: var(--color-brand-accent);
}

/* 4. 3D Tilt Card & Interactive Effects */
.card-3d {
  transform-style: preserve-3d;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Reduced Motion Override */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* Layout Utilities */
.grid { display: grid; }
.flex { display: flex; }
.hidden { display: none; }
.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }
.sticky { position: sticky; }

/* Responsive Grid System Helpers */
@media (min-width: 640px) {
  .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .sm\:flex-row { flex-direction: row; }
  .sm\:block { display: block; }
  .sm\:hidden { display: none; }
}

@media (min-width: 768px) {
  .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .md\:flex-row { flex-direction: row; }
}

@media (min-width: 1024px) {
  .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .lg\:col-span-2 { grid-column: span 2 / span 2; }
  .lg\:col-span-5 { grid-column: span 5 / span 5; }
  .lg\:col-span-6 { grid-column: span 6 / span 6; }
  .lg\:col-span-7 { grid-column: span 7 / span 7; }
  .lg\:flex { display: flex; }
  .lg\:hidden { display: none; }
}

/* -------------------------------------------------------------------
   Sports-we-cover marquee: seamless infinite auto-scroll.
   The category list is rendered twice in the HTML; this animation
   slides the combined track exactly -50% (one full copy's width),
   so it loops without any visible jump.
   ------------------------------------------------------------------- */
.marquee-wrap {
  width: 100%;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
  mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
}

.marquee-track {
  display: flex;
  width: max-content;
  animation: marquee-scroll 28s linear infinite;
}

.marquee-wrap:hover .marquee-track {
  animation-play-state: paused;
}

.marquee-item {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.65rem 1.5rem;
  margin: 0 0.5rem;
  border: 1px solid var(--color-border-subtle);
  border-radius: 999px;
  background-color: var(--color-surface-card);
  color: var(--color-text-light);
  font-size: 0.85rem;
  font-weight: 600;
  white-space: nowrap;
  flex-shrink: 0;
}

.marquee-icon {
  color: var(--color-brand-accent);
  display: inline-flex;
}

@keyframes marquee-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
  .marquee-track {
    animation: none;
  }
}

/* ================================================================
   HIGH5 ARENA 3 — 2026 FRONTEND VISUAL REFRESH
   Presentation-only overrides. Backend/admin/database untouched.
   ================================================================ */
:root{--arena-lime:#c9ff12;--arena-black:#050708;--arena-panel:#0b1013;--arena-line:rgba(255,255,255,.10)}
html{background:var(--arena-black)}
body{background:radial-gradient(circle at 80% 8%,rgba(201,255,18,.08),transparent 26%),#050708;color:#f7f8f4;overflow-x:hidden}
.container{max-width:1420px!important;margin-inline:auto}
header{background:rgba(3,6,8,.82)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;backdrop-filter:blur(18px) saturate(150%)}
header img{filter:drop-shadow(0 0 18px rgba(201,255,18,.12))}
header a{letter-spacing:.02em}
.btn-primary{background:linear-gradient(110deg,#d9ff3d,#aef000)!important;color:#071000!important;border:0!important;box-shadow:0 12px 38px rgba(183,255,0,.16)!important}
.btn-primary:hover{box-shadow:0 18px 48px rgba(183,255,0,.27)!important;transform:translateY(-2px)}

.hero-section{min-height:88vh!important;padding-top:7rem!important;padding-bottom:4rem!important;background:
linear-gradient(90deg,rgba(2,5,7,.97) 0%,rgba(2,5,7,.82) 37%,rgba(2,5,7,.18) 69%,rgba(2,5,7,.56) 100%),
linear-gradient(0deg,#050708 0%,transparent 30%),
url('../images/hero-sports-facility.webp') center/cover no-repeat!important;border-bottom:1px solid var(--arena-line)}
.hero-section:after{content:"PLAY  •  TRAIN  •  COMPETE";position:absolute;right:3.2vw;bottom:4.2rem;z-index:2;color:rgba(255,255,255,.92);font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:clamp(1rem,1.65vw,1.8rem);font-style:italic;letter-spacing:.12em;transform:rotate(-2deg);text-shadow:0 3px 30px #000}
.hero-section .bg-hero-grid,.hero-section .hero-radial-glow{display:none!important}
.hero-section .lg\:col-span-7{grid-column:span 8/span 8!important}
.hero-section .lg\:col-span-5{display:none!important}
.hero-section h1{font-size:clamp(3.4rem,7.5vw,8rem)!important;line-height:.86!important;max-width:1000px;text-transform:uppercase;font-style:italic;letter-spacing:-.065em!important;text-shadow:0 6px 40px rgba(0,0,0,.5)}
.hero-section h1 .text-gradient{display:block;background:none!important;color:var(--arena-lime)!important;-webkit-text-fill-color:var(--arena-lime)!important}
.hero-section p{max-width:680px!important;color:#e2e7df!important}
.hero-section .inline-flex{border-radius:0!important;border:0!important;border-left:4px solid var(--arena-lime)!important;background:rgba(0,0,0,.45)!important;padding-left:14px!important}
.hero-section .grid.grid-cols-2{max-width:850px;background:rgba(4,7,9,.70);backdrop-filter:blur(12px);padding:18px 20px;border:1px solid rgba(255,255,255,.09);border-left:3px solid var(--arena-lime)}

section{position:relative}
section[id="about"]{background:#070b0d!important;padding-block:7rem!important}
section[id="about"]:before{content:"HIGH5";position:absolute;right:-1vw;top:0;font:900 clamp(7rem,20vw,22rem)/1 'Space Grotesk';color:rgba(255,255,255,.018);pointer-events:none}
section[id="about"] h2,section[id="sports"] h2,section[id="projects"] h2,section[id="why-high5"] h2,section[id="process"] h2,section[id="faq"] h2,section[id="contact"] h2{font-style:italic;text-transform:uppercase;letter-spacing:-.04em!important}

#sports{padding-block:7rem!important;background:linear-gradient(180deg,#050708,#091014 55%,#050708)}
#sports .sport-card{border-radius:0!important;border:1px solid rgba(255,255,255,.09)!important;background:#090d10!important;overflow:hidden;position:relative;box-shadow:0 24px 70px rgba(0,0,0,.24)}
#sports .sport-card:hover{transform:translateY(-10px) rotate(-.35deg);border-color:rgba(201,255,18,.55)!important;box-shadow:0 32px 80px rgba(0,0,0,.42),0 0 0 1px rgba(201,255,18,.08)}
#sports .sport-card img{filter:saturate(1.18) contrast(1.08);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
#sports .sport-card:hover img{transform:scale(1.09)}

#services{background:#0a0f12!important;padding-block:7rem!important}
#services article,#why-high5 article{border-radius:0!important;background:linear-gradient(145deg,#0d1316,#080b0d)!important;border-color:rgba(255,255,255,.08)!important}
#services article:hover,#why-high5 article:hover{border-color:rgba(201,255,18,.45)!important;transform:translateY(-6px)}

/* Make DB-driven gallery the visual centerpiece */
#projects{background:#050708!important;padding-block:7rem!important}
#projectsGrid{gap:14px!important}
#projectsGrid>article{border-radius:0!important;background:#090d10!important;border-color:rgba(255,255,255,.08)!important;overflow:hidden}
#projectsGrid>article:nth-child(1){grid-column:span 2}
#projectsGrid img{min-height:300px;object-fit:cover;filter:saturate(1.16) contrast(1.05);transition:transform .7s ease,filter .7s ease}
#projectsGrid>article:hover img{transform:scale(1.045);filter:saturate(1.3) contrast(1.08)}
#galleryFilters button{border-radius:999px!important}

#featuredSliderViewport{border:1px solid rgba(255,255,255,.08);background:#080c0e}
#featuredSliderTrack img{filter:saturate(1.18) contrast(1.08)}

#why-high5{background:radial-gradient(circle at 88% 40%,rgba(201,255,18,.10),transparent 24%),#080c0e!important;padding-block:7rem!important}
#process{background:#050708!important;padding-block:7rem!important}
#faq{background:#080c0e!important;padding-block:7rem!important}
#contact{background:linear-gradient(120deg,#050708 0%,#091014 55%,#0d1710 100%)!important;padding-block:8rem!important}
#contact form{background:rgba(7,11,13,.84)!important;border:1px solid rgba(201,255,18,.16)!important;border-radius:0!important;box-shadow:0 35px 100px rgba(0,0,0,.35)}
.form-input,.form-select,.form-textarea{border-radius:0!important;background:#050809!important;border-color:rgba(255,255,255,.12)!important}

footer{background:#030506!important;border-top:1px solid rgba(201,255,18,.18)!important}

/* Animated arena energy */
@keyframes arenaReveal{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
main section>.container{animation:arenaReveal .75s ease both}
@media (prefers-reduced-motion:no-preference){.hero-section{animation:arenaBg 16s ease-in-out infinite alternate}@keyframes arenaBg{from{background-position:center center}to{background-position:54% center}}}
@media(max-width:1023px){.hero-section .lg\:col-span-7{grid-column:auto!important}.hero-section:after{right:1rem;bottom:5.5rem;font-size:.9rem}.hero-section h1{font-size:clamp(3rem,12vw,5.5rem)!important}#projectsGrid>article:nth-child(1){grid-column:auto}}
@media(max-width:640px){.hero-section{min-height:82vh!important;padding-top:6rem!important;background-position:62% center!important}.hero-section:after{display:none}.hero-section h1{font-size:clamp(2.75rem,15vw,4.5rem)!important}.hero-section p{font-size:1rem!important}.hero-section .grid.grid-cols-2{grid-template-columns:1fr 1fr!important;padding:12px!important}.container{padding-left:18px!important;padding-right:18px!important}}

/* === ADMIN FINAL RESPONSIVE POLISH === */
body{background:radial-gradient(circle at 85% 0,rgba(202,255,0,.045),transparent 25%),#070b0e!important}
aside{background:linear-gradient(180deg,#0a1116,#071015)!important}.btn-primary{background:linear-gradient(110deg,#d9ff36,#b9f400)!important;color:#081006!important;box-shadow:0 10px 28px rgba(202,255,0,.12)!important}.bg-surface-card{box-shadow:0 16px 44px rgba(0,0,0,.13)}
@media(max-width:767px){main>.p-5{padding:18px 14px!important}main h1{font-size:1.45rem!important;margin-bottom:18px!important}.md\\:hidden.flex.flex-wrap{flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}.md\\:hidden.flex.flex-wrap::-webkit-scrollbar{display:none}.md\\:hidden.flex.flex-wrap a{flex:0 0 auto}.admin-estimates-table thead{display:none}.admin-estimates-table,.admin-estimates-table tbody,.admin-estimates-table tr,.admin-estimates-table td{display:block!important;width:100%!important}.admin-estimates-table tr{padding:14px!important;border-bottom:1px solid var(--color-border-subtle)!important}.admin-estimates-table td{padding:7px 0!important;text-align:left!important;white-space:normal!important}.admin-estimates-table td:before{content:attr(data-label);display:block;color:var(--color-text-muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}.admin-estimates-table td:last-child{display:flex!important;gap:7px!important;flex-wrap:wrap!important;margin-top:8px}.admin-estimates-table td:last-child:before{width:100%}.admin-estimates-table .btn{margin-left:0!important}.admin-gallery-grid{grid-template-columns:1fr!important;gap:14px!important}}
\n\n/* === ADMIN MOBILE FORM + HAMBURGER FINAL === */\n.admin-mobile-bar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:rgba(8,13,17,.96);border-bottom:1px solid var(--color-border-subtle);position:sticky;top:0;z-index:80;backdrop-filter:blur(16px)}\n.admin-mobile-brand{font-family:'Space Grotesk',sans-serif;font-weight:800;color:#fff;letter-spacing:-.02em}.admin-mobile-brand span{color:var(--color-brand-accent)}\n.admin-menu-toggle{width:44px;height:44px;border:1px solid var(--color-border-subtle);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#0d141a}.admin-menu-toggle span{width:20px;height:2px;background:#fff;border-radius:2px;transition:.25s}.admin-menu-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.admin-menu-toggle.is-open span:nth-child(2){opacity:0}.admin-menu-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}\n.admin-menu-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:88;opacity:0;visibility:hidden;transition:.25s}.admin-menu-backdrop.is-open{opacity:1;visibility:visible}\n.admin-mobile-menu{position:fixed;top:0;right:0;width:min(86vw,330px);height:100dvh;background:linear-gradient(180deg,#0d151b,#070b0e);z-index:90;padding:18px;transform:translateX(105%);transition:transform .32s cubic-bezier(.2,.8,.2,1);box-shadow:-24px 0 70px rgba(0,0,0,.45);overflow-y:auto}.admin-mobile-menu.is-open{transform:none}.admin-mobile-menu-head{display:flex;align-items:center;justify-content:space-between;color:#fff;padding:4px 2px 18px;border-bottom:1px solid var(--color-border-subtle);margin-bottom:10px}.admin-mobile-menu-head strong{font-size:13px;letter-spacing:.12em}.admin-mobile-menu-head button{font-size:30px;line-height:1;color:#fff}.admin-mobile-menu>a{display:flex;align-items:center;gap:12px;padding:13px 12px;margin:4px 0;border-radius:11px;color:#dce6ee;font-size:14px;font-weight:650;border:1px solid transparent}.admin-mobile-menu>a:hover,.admin-mobile-menu>a:focus{background:rgba(201,255,18,.08);border-color:rgba(201,255,18,.18);color:var(--color-brand-accent)}.admin-mobile-menu>a span{flex:1}.admin-mobile-menu .admin-mobile-logout{margin-top:18px;border-top:1px solid var(--color-border-subtle);border-radius:0;padding-top:18px;color:#ff8798}.admin-menu-open{overflow:hidden}\n\n@media(max-width:767px){\n  main{width:100%;min-width:0}.admin-estimate-form{gap:14px!important}.admin-estimate-form .bg-surface-card{border-radius:14px!important;padding:16px!important;min-width:0}.estimate-header-card{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}.estimate-header-card>div{grid-column:auto!important;min-width:0}.admin-estimate-form .form-input,.admin-estimate-form .form-select,.admin-estimate-form textarea{width:100%!important;max-width:100%!important;min-width:0!important;font-size:16px!important;padding:12px 13px!important;box-sizing:border-box!important}\n  .estimate-items-card{overflow:hidden}.estimate-items-wrap{overflow:visible!important}.estimate-items-wrap #itemsTable{display:block!important;min-width:0!important;width:100%!important}.estimate-items-wrap thead{display:none!important}.estimate-items-wrap tbody{display:flex!important;flex-direction:column!important;gap:12px!important}.estimate-items-wrap .item-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding:14px!important;border:1px solid var(--color-border-subtle)!important;border-radius:13px!important;background:#090e12!important;position:relative}.estimate-items-wrap .item-row td{display:block!important;width:auto!important;padding:0!important;min-width:0}.estimate-items-wrap .item-row td:nth-child(1){grid-column:1/-1;color:var(--color-brand-accent);font-weight:800;font-size:12px}.estimate-items-wrap .item-row td:nth-child(2){grid-column:1/-1}.estimate-items-wrap .item-row td:nth-child(3)::before{content:'HSN / SAC';}.estimate-items-wrap .item-row td:nth-child(4)::before{content:'Quantity';}.estimate-items-wrap .item-row td:nth-child(5)::before{content:'Unit';}.estimate-items-wrap .item-row td:nth-child(6)::before{content:'Price / Unit';}.estimate-items-wrap .item-row td:nth-child(7)::before{content:'GST %';}.estimate-items-wrap .item-row td:nth-child(8)::before{content:'Line Total';}.estimate-items-wrap .item-row td:nth-child(n+3):nth-child(-n+8)::before{display:block;color:var(--color-text-muted);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:5px}.estimate-items-wrap .item-row td:nth-child(8){grid-column:1/-1}.estimate-items-wrap .item-row td:nth-child(9){position:absolute;right:10px;top:8px}.estimate-items-wrap .item-row input{width:100%!important;min-width:0!important;box-sizing:border-box!important}.estimate-items-wrap .remove-row-btn{width:32px;height:32px;border-radius:9px;background:rgba(244,63,94,.10);border:1px solid rgba(244,63,94,.25)}\n  .admin-estimate-form .items-summary,.admin-estimate-form .flex.flex-col.items-end{align-items:stretch!important;width:100%!important}.admin-estimate-form .flex.flex-col.items-end>div{width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(110px,42%)!important;gap:10px!important}.admin-estimate-form .flex.flex-col.items-end input{width:100%!important;text-align:left!important}.admin-estimate-form .flex.gap-3:last-of-type{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.admin-estimate-form .flex.gap-3:last-of-type .btn{width:100%;padding:12px 8px!important;text-align:center}.admin-estimate-form p{overflow-wrap:anywhere}\n}\n@media(max-width:380px){.estimate-items-wrap .item-row{grid-template-columns:1fr!important}.estimate-items-wrap .item-row td{grid-column:1!important}.estimate-items-wrap .item-row td:nth-child(1),.estimate-items-wrap .item-row td:nth-child(2),.estimate-items-wrap .item-row td:nth-child(8){grid-column:1!important}.admin-estimate-form .flex.gap-3:last-of-type{grid-template-columns:1fr!important}}\n