/* Extracted from Blade templates. Keep page-specific selectors scoped and documented. */


/* resources/views/welcome.blade.php */
/*! tailwindcss v4.0.7 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--font-sans:'Instrument Sans',ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(.971 .013 17.38);--color-red-100:oklch(.936 .032 17.717);--color-red-200:oklch(.885 .062 18.334);--color-red-300:oklch(.808 .114 19.571);--color-red-400:oklch(.704 .191 22.216);--color-red-500:oklch(.637 .237 25.331);--color-red-600:oklch(.577 .245 27.325);--color-red-700:oklch(.505 .213 27.518);--color-red-800:oklch(.444 .177 26.899);--color-red-900:oklch(.396 .141 25.723);--color-red-950:oklch(.258 .092 26.042);--color-orange-50:oklch(.98 .016 73.684);--color-orange-100:oklch(.954 .038 75.164);--color-orange-200:oklch(.901 .076 70.697);--color-orange-300:oklch(.837 .128 66.29);--color-orange-400:oklch(.75 .183 55.934);--color-orange-500:oklch(.705 .213 47.604);--color-orange-600:oklch(.646 .222 41.116);--color-orange-700:oklch(.553 .195 38.402);--color-orange-800:oklch(.47 .157 37.304);--color-orange-900:oklch(.408 .123 38.172);--color-orange-950:oklch(.266 .079 36.259);--color-amber-50:oklch(.987 .022 95.277);--color-amber-100:oklch(.962 .059 95.617);--color-amber-200:oklch(.924 .12 95.746);--color-amber-300:oklch(.879 .169 91.605);--color-amber-400:oklch(.828 .189 84.429);--color-amber-500:oklch(.769 .188 70.08);--color-amber-600:oklch(.666 .179 58.318);--color-amber-700:oklch(.555 .163 48.998);--color-amber-800:oklch(.473 .137 46.201);--color-amber-900:oklch(.414 .112 45.904);--color-amber-950:oklch(.279 .077 45.635);--color-yellow-50:oklch(.987 .026 102.212);--color-yellow-100:oklch(.973 .071 103.193);--color-yellow-200:oklch(.945 .129 101.54);--color-yellow-300:oklch(.905 .182 98.111);--color-yellow-400:oklch(.852 .199 91.936);--color-yellow-500:oklch(.795 .184 86.047);--color-yellow-600:oklch(.681 .162 75.834);--color-yellow-700:oklch(.554 .135 66.442);--color-yellow-800:oklch(.476 .114 61.907);--color-yellow-900:oklch(.421 .095 57.708);--color-yellow-950:oklch(.286 .066 53.813);--color-lime-50:oklch(.986 .031 120.757);--color-lime-100:oklch(.967 .067 122.328);--color-lime-200:oklch(.938 .127 124.321);--color-lime-300:oklch(.897 .196 126.665);--color-lime-400:oklch(.841 .238 128.85);--color-lime-500:oklch(.768 .233 130.85);--color-lime-600:oklch(.648 .2 131.684);--color-lime-700:oklch(.532 .157 131.589);--color-lime-800:oklch(.453 .124 130.933);--color-lime-900:oklch(.405 .101 131.063);--color-lime-950:oklch(.274 .072 132.109);--color-green-50:oklch(.982 .018 155.826);--color-green-100:oklch(.962 .044 156.743);--color-green-200:oklch(.925 .084 155.995);--color-green-300:oklch(.871 .15 154.449);--color-green-400:oklch(.792 .209 151.711);--color-green-500:oklch(.723 .219 149.579);--color-green-600:oklch(.627 .194 149.214);--color-green-700:oklch(.527 .154 150.069);--color-green-800:oklch(.448 .119 151.328);--color-green-900:oklch(.393 .095 152.535);--color-green-950:oklch(.266 .065 152.934);--color-emerald-50:oklch(.979 .021 166.113);--color-emerald-100:oklch(.95 .052 163.051);--color-emerald-200:oklch(.905 .093 164.15);--color-emerald-300:oklch(.845 .143 164.978);--color-emerald-400:oklch(.765 .177 163.223);--color-emerald-500:oklch(.696 .17 162.48);--color-emerald-600:oklch(.596 .145 163.225);--color-emerald-700:oklch(.508 .118 165.612);--color-emerald-800:oklch(.432 .095 166.913);--color-emerald-900:oklch(.378 .077 168.94);--color-emerald-950:oklch(.262 .051 172.552);--color-teal-50:oklch(.984 .014 180.72);--color-teal-100:oklch(.953 .051 180.801);--color-teal-200:oklch(.91 .096 180.426);--color-teal-300:oklch(.855 .138 181.071);--color-teal-400:oklch(.777 .152 181.912);--color-teal-500:oklch(.704 .14 182.503);--color-teal-600:oklch(.6 .118 184.704);--color-teal-700:oklch(.511 .096 186.391);--color-teal-800:oklch(.437 .078 188.216);--color-teal-900:oklch(.386 .063 188.416);--color-teal-950:oklch(.277 .046 192.524);--color-cyan-50:oklch(.984 .019 200.873);--color-cyan-100:oklch(.956 .045 203.388);--color-cyan-200:oklch(.917 .08 205.041);--color-cyan-300:oklch(.865 .127 207.078);--color-cyan-400:oklch(.789 .154 211.53);--color-cyan-500:oklch(.715 .143 215.221);--color-cyan-600:oklch(.609 .126 221.723);--color-cyan-700:oklch(.52 .105 223.128);--color-cyan-800:oklch(.45 .085 224.283);--color-cyan-900:oklch(.398 .07 227.392);--color-cyan-950:oklch(.302 .056 229.695);--color-sky-50:oklch(.977 .013 236.62);--color-sky-100:oklch(.951 .026 236.824);--color-sky-200:oklch(.901 .058 230.902);--color-sky-300:oklch(.828 .111 230.318);--color-sky-400:oklch(.746 .16 232.661);--color-sky-500:oklch(.685 .169 237.323);--color-sky-600:oklch(.588 .158 241.966);--color-sky-700:oklch(.5 .134 242.749);--color-sky-800:oklch(.443 .11 240.79);--color-sky-900:oklch(.391 .09 240.876);--color-sky-950:oklch(.293 .066 243.157);--color-blue-50:oklch(.97 .014 254.604);--color-blue-100:oklch(.932 .032 255.585);--color-blue-200:oklch(.882 .059 254.128);--color-blue-300:oklch(.809 .105 251.813);--color-blue-400:oklch(.707 .165 254.624);--color-blue-500:oklch(.623 .214 259.815);--color-blue-600:oklch(.546 .245 262.881);--color-blue-700:oklch(.488 .243 264.376);--color-blue-800:oklch(.424 .199 265.638);--color-blue-900:oklch(.379 .146 265.522);--color-blue-950:oklch(.282 .091 267.935);--color-indigo-50:oklch(.962 .018 272.314);--color-indigo-100:oklch(.93 .034 272.788);--color-indigo-200:oklch(.87 .065 274.039);--color-indigo-300:oklch(.785 .115 274.713);--color-indigo-400:oklch(.673 .182 276.935);--color-indigo-500:oklch(.585 .233 277.117);--color-indigo-600:oklch(.511 .262 276.966);--color-indigo-700:oklch(.457 .24 277.023);--color-indigo-800:oklch(.398 .195 277.366);--color-indigo-900:oklch(.359 .144 278.697);--color-indigo-950:oklch(.257 .09 281.288);--color-violet-50:oklch(.969 .016 293.756);--color-violet-100:oklch(.943 .029 294.588);--color-violet-200:oklch(.894 .057 293.283);--color-violet-300:oklch(.811 .111 293.571);--color-violet-400:oklch(.702 .183 293.541);--color-violet-500:oklch(.606 .25 292.717);--color-violet-600:oklch(.541 .281 293.009);--color-violet-700:oklch(.491 .27 292.581);--color-violet-800:oklch(.432 .232 292.759);--color-violet-900:oklch(.38 .189 293.745);--color-violet-950:oklch(.283 .141 291.089);--color-purple-50:oklch(.977 .014 308.299);--color-purple-100:oklch(.946 .033 307.174);--color-purple-200:oklch(.902 .063 306.703);--color-purple-300:oklch(.827 .119 306.383);--color-purple-400:oklch(.714 .203 305.504);--color-purple-500:oklch(.627 .265 303.9);--color-purple-600:oklch(.558 .288 302.321);--color-purple-700:oklch(.496 .265 301.924);--color-purple-800:oklch(.438 .218 303.724);--color-purple-900:oklch(.381 .176 304.987);--color-purple-950:oklch(.291 .149 302.717);--color-fuchsia-50:oklch(.977 .017 320.058);--color-fuchsia-100:oklch(.952 .037 318.852);--color-fuchsia-200:oklch(.903 .076 319.62);--color-fuchsia-300:oklch(.833 .145 321.434);--color-fuchsia-400:oklch(.74 .238 322.16);--color-fuchsia-500:oklch(.667 .295 322.15);--color-fuchsia-600:oklch(.591 .293 322.896);--color-fuchsia-700:oklch(.518 .253 323.949);--color-fuchsia-800:oklch(.452 .211 324.591);--color-fuchsia-900:oklch(.401 .17 325.612);--color-fuchsia-950:oklch(.293 .136 325.661);--color-pink-50:oklch(.971 .014 343.198);--color-pink-100:oklch(.948 .028 342.258);--color-pink-200:oklch(.899 .061 343.231);--color-pink-300:oklch(.823 .12 346.018);--color-pink-400:oklch(.718 .202 349.761);--color-pink-500:oklch(.656 .241 354.308);--color-pink-600:oklch(.592 .249 .584);--color-pink-700:oklch(.525 .223 3.958);--color-pink-800:oklch(.459 .187 3.815);--color-pink-900:oklch(.408 .153 2.432);--color-pink-950:oklch(.284 .109 3.907);--color-rose-50:oklch(.969 .015 12.422);--color-rose-100:oklch(.941 .03 12.58);--color-rose-200:oklch(.892 .058 10.001);--color-rose-300:oklch(.81 .117 11.638);--color-rose-400:oklch(.712 .194 13.428);--color-rose-500:oklch(.645 .246 16.439);--color-rose-600:oklch(.586 .253 17.585);--color-rose-700:oklch(.514 .222 16.935);--color-rose-800:oklch(.455 .188 13.697);--color-rose-900:oklch(.41 .159 10.272);--color-rose-950:oklch(.271 .105 12.094);--color-slate-50:oklch(.984 .003 247.858);--color-slate-100:oklch(.968 .007 247.896);--color-slate-200:oklch(.929 .013 255.508);--color-slate-300:oklch(.869 .022 252.894);--color-slate-400:oklch(.704 .04 256.788);--color-slate-500:oklch(.554 .046 257.417);--color-slate-600:oklch(.446 .043 257.281);--color-slate-700:oklch(.372 .044 257.287);--color-slate-800:oklch(.279 .041 260.031);--color-slate-900:oklch(.208 .042 265.755);--color-slate-950:oklch(.129 .042 264.695);--color-gray-50:oklch(.985 .002 247.839);--color-gray-100:oklch(.967 .003 264.542);--color-gray-200:oklch(.928 .006 264.531);--color-gray-300:oklch(.872 .01 258.338);--color-gray-400:oklch(.707 .022 261.325);--color-gray-500:oklch(.551 .027 264.364);--color-gray-600:oklch(.446 .03 256.802);--color-gray-700:oklch(.373 .034 259.733);--color-gray-800:oklch(.278 .033 256.848);--color-gray-900:oklch(.21 .034 264.665);--color-gray-950:oklch(.13 .028 261.692);--color-zinc-50:oklch(.985 0 0);--color-zinc-100:oklch(.967 .001 286.375);--color-zinc-200:oklch(.92 .004 286.32);--color-zinc-300:oklch(.871 .006 286.286);--color-zinc-400:oklch(.705 .015 286.067);--color-zinc-500:oklch(.552 .016 285.938);--color-zinc-600:oklch(.442 .017 285.786);--color-zinc-700:oklch(.37 .013 285.805);--color-zinc-800:oklch(.274 .006 286.033);--color-zinc-900:oklch(.21 .006 285.885);--color-zinc-950:oklch(.141 .005 285.823);--color-neutral-50:oklch(.985 0 0);--color-neutral-100:oklch(.97 0 0);--color-neutral-200:oklch(.922 0 0);--color-neutral-300:oklch(.87 0 0);--color-neutral-400:oklch(.708 0 0);--color-neutral-500:oklch(.556 0 0);--color-neutral-600:oklch(.439 0 0);--color-neutral-700:oklch(.371 0 0);--color-neutral-800:oklch(.269 0 0);--color-neutral-900:oklch(.205 0 0);--color-neutral-950:oklch(.145 0 0);--color-stone-50:oklch(.985 .001 106.423);--color-stone-100:oklch(.97 .001 106.424);--color-stone-200:oklch(.923 .003 48.717);--color-stone-300:oklch(.869 .005 56.366);--color-stone-400:oklch(.709 .01 56.259);--color-stone-500:oklch(.553 .013 58.071);--color-stone-600:oklch(.444 .011 73.639);--color-stone-700:oklch(.374 .01 67.558);--color-stone-800:oklch(.268 .007 34.298);--color-stone-900:oklch(.216 .006 56.043);--color-stone-950:oklch(.147 .004 49.25);--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:96rem;--container-3xs:16rem;--container-2xs:18rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--text-9xl:8rem;--text-9xl--line-height:1;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--shadow-2xs:0 1px #0000000d;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--inset-shadow-2xs:inset 0 1px #0000000d;--inset-shadow-xs:inset 0 1px 1px #0000000d;--inset-shadow-sm:inset 0 2px 4px #0000000d;--drop-shadow-xs:0 1px 1px #0000000d;--drop-shadow-sm:0 1px 2px #00000026;--drop-shadow-md:0 3px 3px #0000001f;--drop-shadow-lg:0 4px 4px #00000026;--drop-shadow-xl:0 9px 7px #0000001a;--drop-shadow-2xl:0 25px 25px #00000026;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--animate-bounce:bounce 1s infinite;--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--perspective-dramatic:100px;--perspective-near:300px;--perspective-normal:500px;--perspective-midrange:800px;--perspective-distant:1200px;--aspect-video:16/9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:color-mix(in oklab,currentColor 50%,transparent)}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.-mt-\[4\.9rem\]{margin-top:-4.9rem}.-mb-px{margin-bottom:-1px}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.-ml-8{margin-left:calc(var(--spacing)*-8)}.flex{display:flex}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[335\/376\]{aspect-ratio:335/376}.h-1{height:calc(var(--spacing)*1)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-14{height:calc(var(--spacing)*14)}.h-14\.5{height:calc(var(--spacing)*14.5)}.min-h-screen{min-height:100vh}.w-1{width:calc(var(--spacing)*1)}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-2{width:calc(var(--spacing)*2)}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-\[448px\]{width:448px}.w-full{width:100%}.max-w-\[335px\]{max-width:335px}.max-w-none{max-width:none}.flex-1{flex:1}.shrink-0{flex-shrink:0}.translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-center{align-items:center}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)))}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-sm{border-radius:var(--radius-sm)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-br-lg{border-bottom-right-radius:var(--radius-lg)}.rounded-bl-lg{border-bottom-left-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[\#19140035\]{border-color:#19140035}.border-\[\#e3e3e0\]{border-color:#e3e3e0}.border-black{border-color:var(--color-black)}.border-transparent{border-color:#0000}.bg-\[\#1b1b18\]{background-color:#1b1b18}.bg-\[\#FDFDFC\]{background-color:#fdfdfc}.bg-\[\#dbdbd7\]{background-color:#dbdbd7}.bg-\[\#fff2f2\]{background-color:#fff2f2}.bg-white{background-color:var(--color-white)}.p-6{padding:calc(var(--spacing)*6)}.px-5{padding-inline:calc(var(--spacing)*5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.pb-12{padding-bottom:calc(var(--spacing)*12)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-\[13px\]{font-size:13px}.leading-\[20px\]{--tw-leading:20px;line-height:20px}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-\[\#1b1b18\]{color:#1b1b18}.text-\[\#706f6c\]{color:#706f6c}.text-\[\#F53003\],.text-\[\#f53003\]{color:#f53003}.text-white{color:var(--color-white)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-100{opacity:1}.shadow-\[0px_0px_1px_0px_rgba\(0\,0\,0\,0\.03\)\,0px_1px_2px_0px_rgba\(0\,0\,0\,0\.06\)\]{--tw-shadow:0px 0px 1px 0px var(--tw-shadow-color,#00000008),0px 1px 2px 0px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0px_0px_0px_1px_rgba\(26\,26\,0\,0\.16\)\]{--tw-shadow:inset 0px 0px 0px 1px var(--tw-shadow-color,#1a1a0029);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.\!filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)!important}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-300{transition-delay:.3s}.duration-750{--tw-duration:.75s;transition-duration:.75s}.not-has-\[nav\]\:hidden:not(:has(:is(nav))){display:none}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:top-0:before{content:var(--tw-content);top:calc(var(--spacing)*0)}.before\:top-1\/2:before{content:var(--tw-content);top:50%}.before\:bottom-0:before{content:var(--tw-content);bottom:calc(var(--spacing)*0)}.before\:bottom-1\/2:before{content:var(--tw-content);bottom:50%}.before\:left-\[0\.4rem\]:before{content:var(--tw-content);left:.4rem}.before\:border-l:before{content:var(--tw-content);border-left-style:var(--tw-border-style);border-left-width:1px}.before\:border-\[\#e3e3e0\]:before{content:var(--tw-content);border-color:#e3e3e0}@media (hover:hover){.hover\:border-\[\#1915014a\]:hover{border-color:#1915014a}.hover\:border-\[\#19140035\]:hover{border-color:#19140035}.hover\:border-black:hover{border-color:var(--color-black)}.hover\:bg-black:hover{background-color:var(--color-black)}}@media (width>=64rem){.lg\:-mt-\[6\.6rem\]{margin-top:-6.6rem}.lg\:mb-0{margin-bottom:calc(var(--spacing)*0)}.lg\:mb-6{margin-bottom:calc(var(--spacing)*6)}.lg\:-ml-px{margin-left:-1px}.lg\:ml-0{margin-left:calc(var(--spacing)*0)}.lg\:block{display:block}.lg\:aspect-auto{aspect-ratio:auto}.lg\:w-\[438px\]{width:438px}.lg\:max-w-4xl{max-width:var(--container-4xl)}.lg\:grow{flex-grow:1}.lg\:flex-row{flex-direction:row}.lg\:justify-center{justify-content:center}.lg\:rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.lg\:rounded-tl-lg{border-top-left-radius:var(--radius-lg)}.lg\:rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.lg\:rounded-br-none{border-bottom-right-radius:0}.lg\:p-8{padding:calc(var(--spacing)*8)}.lg\:p-20{padding:calc(var(--spacing)*20)}}@media (prefers-color-scheme:dark){.dark\:block{display:block}.dark\:hidden{display:none}.dark\:border-\[\#3E3E3A\]{border-color:#3e3e3a}.dark\:border-\[\#eeeeec\]{border-color:#eeeeec}.dark\:bg-\[\#0a0a0a\]{background-color:#0a0a0a}.dark\:bg-\[\#1D0002\]{background-color:#1d0002}.dark\:bg-\[\#3E3E3A\]{background-color:#3e3e3a}.dark\:bg-\[\#161615\]{background-color:#161615}.dark\:bg-\[\#eeeeec\]{background-color:#eeeeec}.dark\:text-\[\#1C1C1A\]{color:#1c1c1a}.dark\:text-\[\#A1A09A\]{color:#a1a09a}.dark\:text-\[\#EDEDEC\]{color:#ededec}.dark\:text-\[\#F61500\]{color:#f61500}.dark\:text-\[\#FF4433\]{color:#f43}.dark\:shadow-\[inset_0px_0px_0px_1px_\#fffaed2d\]{--tw-shadow:inset 0px 0px 0px 1px var(--tw-shadow-color,#fffaed2d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dark\:before\:border-\[\#3E3E3A\]:before{content:var(--tw-content);border-color:#3e3e3a}@media (hover:hover){.dark\:hover\:border-\[\#3E3E3A\]:hover{border-color:#3e3e3a}.dark\:hover\:border-\[\#62605b\]:hover{border-color:#62605b}.dark\:hover\:border-white:hover{border-color:var(--color-white)}.dark\:hover\:bg-white:hover{background-color:var(--color-white)}}}@starting-style{.starting\:translate-y-4{--tw-translate-y:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y)}}@starting-style{.starting\:translate-y-6{--tw-translate-y:calc(var(--spacing)*6);translate:var(--tw-translate-x)var(--tw-translate-y)}}@starting-style{.starting\:opacity-0{opacity:0}}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}


/* resources/views/home/index.blade.php */
.home-page {
    --home-bg: #f5f7f4;
    --home-border: #dfe5dd;
    --home-muted: #687267;
    --home-text: #172017;
    background: var(--home-bg);
    color: var(--home-text);
}

.home-shell {
    max-width: 1160px;
}

.home-hero {
    align-items: center;
    background: url('https://images.unsplash.com/photo-1521737604893-d14cc237f11d?auto=format&fit=crop&w=1800&q=85') center 42% / cover no-repeat;
    color: #fff;
    display: flex;
    min-height: 450px;
    position: relative;
}

.home-hero::before {
    background: rgba(8, 19, 10, .62);
    content: '';
    inset: 0;
    position: absolute;
}

.home-hero .home-shell {
    position: relative;
    z-index: 1;
}

.hero-stack {
    max-width: 820px;
    margin: 0 auto;
    text-align: center;
}

.hero-title {
    font-size: 2.95rem;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.02;
    margin-bottom: .85rem;
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
}

.hero-copy {
    color: rgba(255, 255, 255, .82);
    font-size: 1rem;
    line-height: 1.55;
    margin-bottom: 0;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.job-search-form {
    background: #fff;
    border-radius: 8px;
    border: 1px solid rgba(223, 229, 221, .92);
    box-shadow: 0 14px 32px rgba(8, 19, 10, .14);
    display: grid;
    grid-template-columns: 1.25fr 1fr 1fr auto;
    margin-top: 1.25rem;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding: .4rem;
}

.search-field {
    border-right: 1px solid #e4e8e2;
    min-width: 0;
    padding: .45rem .85rem;
}

.search-field label {
    color: #667163;
    display: block;
    font-size: .68rem;
    font-weight: 800;
    margin-bottom: .2rem;
    text-transform: uppercase;
}

.search-field .form-control,
.search-field .form-select {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #172017;
    font-size: .92rem;
    min-height: 30px;
    padding: 0;
}

.search-field .form-control::placeholder {
    color: #899188;
}

.job-search-form .btn {
    border-radius: 7px;
    font-weight: 800;
    min-height: 50px;
    min-width: 138px;
}

.jobs-search-card {
    background: #fff;
    border: 1px solid #e7eadf;
    border-radius: 8px;
    box-shadow: 0 14px 34px rgba(16, 24, 8, .14);
    margin: 1rem auto 0;
    max-width: 820px;
    padding: .75rem;
    position: relative;
    text-align: left;
    z-index: 2;
}

.jobs-field-label {
    color: #526049;
    font-size: .7rem;
    font-weight: 800;
    margin-bottom: .25rem;
}

.jobs-search-card .form-control,
.jobs-search-card .form-select {
    border: 1px solid #dfe5d6;
    border-radius: 8px;
    color: #1f2a18;
    font-size: .88rem;
    min-height: 42px;
}

.jobs-search-card .form-control:focus,
.jobs-search-card .form-select:focus {
    border-color: var(--mjk-green);
    box-shadow: 0 0 0 .2rem rgba(117, 182, 27, .14);
}

.jobs-custom-select {
    position: relative;
}

.jobs-native-select {
    height: 1px !important;
    opacity: 0;
    pointer-events: none;
    position: absolute !important;
    width: 1px !important;
}

.jobs-select-trigger {
    align-items: center;
    background: #fff;
    border: 1px solid #dfe5d6;
    border-radius: 8px;
    color: #1f2a18;
    display: flex;
    font-weight: 800;
    gap: .65rem;
    justify-content: space-between;
    min-height: 42px;
    padding: .55rem .68rem;
    text-align: left;
    width: 100%;
}

.jobs-select-trigger:hover,
.jobs-select-trigger:focus-visible,
.jobs-custom-select.is-open .jobs-select-trigger {
    border-color: var(--mjk-green);
    box-shadow: 0 0 0 .2rem rgba(117, 182, 27, .14);
    outline: 0;
}

.jobs-select-trigger i {
    color: #678044;
    flex: 0 0 auto;
    font-size: .9rem;
    transition: transform .16s ease;
}

.jobs-custom-select.is-open .jobs-select-trigger i {
    transform: rotate(180deg);
}

.jobs-select-menu {
    background: #fff;
    border: 1px solid #dfe8d4;
    border-radius: 8px;
    box-shadow: 0 18px 38px rgba(16, 24, 8, .16);
    display: none;
    left: 0;
    max-height: 260px;
    overflow: auto;
    padding: .35rem;
    position: absolute;
    right: 0;
    top: calc(100% + .35rem);
    z-index: 20;
}

.jobs-custom-select.is-open .jobs-select-menu {
    display: grid;
    gap: .2rem;
}

.jobs-select-option {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 7px;
    color: #24331c;
    display: flex;
    font-size: .86rem;
    font-weight: 800;
    gap: .5rem;
    justify-content: space-between;
    min-height: 38px;
    padding: .48rem .55rem;
    text-align: left;
    width: 100%;
}

.jobs-select-option:hover,
.jobs-select-option:focus-visible {
    background: #f2f7ea;
    color: #294406;
    outline: 0;
}

.jobs-select-option[aria-selected="true"] {
    background: #eaf5da;
    color: #294406;
}

.jobs-select-option[aria-selected="true"]::after {
    color: var(--mjk-green-dark);
    content: "\F26E";
    font-family: "bootstrap-icons";
    font-size: .9rem;
    line-height: 1;
}

.hero-trending {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: center;
    margin-top: .9rem;
}

.hero-trending-label {
    color: rgba(255, 255, 255, .76);
    font-size: .76rem;
    font-weight: 700;
}

.hero-trending-pill {
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    font-size: .76rem;
    font-weight: 700;
    min-height: 34px;
    padding: .38rem .72rem;
    text-decoration: none;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}

.hero-trending-count {
    align-items: center;
    background: rgba(255, 255, 255, .14);
    border-radius: 999px;
    display: inline-flex;
    font-size: .72rem;
    font-weight: 800;
    justify-content: center;
    min-width: 1.65rem;
    padding: .12rem .38rem;
}

.hero-trending-pill:hover,
.hero-trending-pill:focus-visible {
    background: #fff;
    border-color: #fff;
    color: #203520;
}

.hero-trending-pill:hover .hero-trending-count,
.hero-trending-pill:focus-visible .hero-trending-count {
    background: rgba(32, 53, 32, .12);
}

.hero-notice {
    background: #f8fbf3;
    border-bottom: 1px solid #e2ead8;
    color: #43523a;
}

.hero-notice-inner {
    align-items: center;
    display: flex;
    font-size: .75rem;
    font-weight: 750;
    gap: .4rem;
    justify-content: center;
    min-height: 34px;
    padding: .35rem 1rem;
    text-align: center;
}

.hero-notice i {
    color: #5f8f20;
    flex: 0 0 auto;
}

.market-stats {
    background: #fff;
    border-bottom: 1px solid var(--home-border);
}

.market-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.market-stat {
    align-items: center;
    display: flex;
    gap: .8rem;
    padding: 1rem 1.25rem;
}

.market-stat + .market-stat {
    border-left: 1px solid var(--home-border);
}

.market-stat i {
    color: #2c7237;
    font-size: 1.1rem;
}

.market-stat strong {
    display: block;
    font-size: 1.05rem;
    line-height: 1.2;
}

.market-stat span {
    color: var(--home-muted);
    display: block;
    font-size: .78rem;
}

.home-section {
    padding: 3.5rem 0;
}

.home-section-white {
    background: #fff;
    border-bottom: 1px solid #edf0ec;
    border-top: 1px solid #edf0ec;
}

.section-kicker {
    color: #397642;
    font-size: .76rem;
    font-weight: 800;
    text-transform: uppercase;
}

.home-section-title {
    font-size: 1.85rem;
    font-weight: 800;
    line-height: 1.2;
}

.section-copy {
    color: var(--home-muted);
    font-size: .95rem;
}

.section-link {
    align-items: center;
    color: #276c32;
    display: inline-flex;
    font-size: .88rem;
    font-weight: 800;
    gap: .4rem;
    min-height: 44px;
    text-decoration: none;
}

.section-link:hover {
    color: #174b20;
    text-decoration: underline;
}

.job-grid {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.home-job-card,
.category-card,
.employer-card,
.course-row,
.coach-row,
.article-card {
    background: #fff;
    border: 1px solid var(--home-border);
    border-radius: 8px;
}

.home-job-card {
    color: inherit;
    display: flex;
    gap: 1rem;
    min-width: 0;
    padding: 1rem;
    text-decoration: none;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.home-job-card:hover,
.category-card:hover,
.employer-card:hover,
.course-row:hover,
.coach-row:hover,
.article-card:hover {
    border-color: #9fc8a2;
    box-shadow: 0 4px 14px rgba(28, 58, 31, .06);
    color: inherit;
}

.company-mark,
.employer-mark,
.coach-mark {
    align-items: center;
    background: #edf5ed;
    border: 1px solid #d6e5d5;
    border-radius: 7px;
    color: #246b30;
    display: inline-flex;
    flex: 0 0 auto;
    font-weight: 800;
    justify-content: center;
    overflow: hidden;
}

.company-mark {
    height: 46px;
    width: 46px;
}

.job-card-title {
    color: #172017;
    font-size: .98rem;
    font-weight: 800;
    line-height: 1.35;
}

.job-card-company,
.job-card-meta {
    color: var(--home-muted);
    font-size: .8rem;
}

.job-type-badge {
    background: #f0f5ef;
    border-radius: 5px;
    color: #3b513c;
    display: inline-flex;
    font-size: .7rem;
    font-weight: 800;
    padding: .28rem .48rem;
    text-transform: uppercase;
}

.category-grid {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.category-card {
    align-items: center;
    color: inherit;
    display: flex;
    gap: .8rem;
    min-height: 82px;
    padding: .9rem;
    text-decoration: none;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.category-icon {
    align-items: center;
    background: #edf5ed;
    border-radius: 7px;
    color: #2c7237;
    display: inline-flex;
    flex: 0 0 auto;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.category-card strong {
    display: block;
    font-size: .88rem;
    line-height: 1.3;
}

.category-card span {
    color: var(--home-muted);
    font-size: .76rem;
}

.employer-grid {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.employer-card {
    align-items: center;
    color: inherit;
    display: flex;
    flex-direction: column;
    min-height: 142px;
    padding: 1rem .7rem;
    text-align: center;
    text-decoration: none;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.employer-mark {
    font-size: 1rem;
    height: 50px;
    margin-bottom: .7rem;
    width: 50px;
}

.employer-mark img,
.coach-mark img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.employer-name {
    font-size: .82rem;
    font-weight: 800;
    line-height: 1.3;
}

.employer-jobs {
    color: var(--home-muted);
    font-size: .74rem;
    margin-top: .3rem;
}

.ai-tools-wrap {
    background: linear-gradient(180deg, #f3f8ec 0%, #eef5e6 100%);
    border: 1px solid #dce6d6;
    border-radius: 8px;
    padding: 1.25rem;
}

.ai-tools-lead {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
}

.ai-tools-copy {
    color: #52604f;
    font-size: .95rem;
    max-width: 660px;
}

.ai-tools-stat-grid,
.ai-tools-grid {
    display: grid;
    gap: .75rem;
}

.ai-tools-stat-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ai-stat-card,
.ai-tool-card {
    background: #fff;
    border: 1px solid var(--home-border);
    border-radius: 8px;
}

.ai-stat-card {
    min-height: 100%;
    padding: 1rem;
}

.ai-stat-card strong {
    color: #172017;
    display: block;
    font-size: 1.2rem;
    line-height: 1.1;
}

.ai-stat-card span {
    color: var(--home-muted);
    display: block;
    font-size: .76rem;
    margin-top: .28rem;
}

.ai-tools-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 1rem;
}

.ai-tool-card {
    color: inherit;
    display: flex;
    flex-direction: column;
    gap: .9rem;
    min-height: 100%;
    padding: 1rem;
    text-decoration: none;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.ai-tool-card:hover,
.ai-tool-card:focus-visible {
    border-color: #9fc8a2;
    box-shadow: 0 8px 20px rgba(28, 58, 31, .07);
    color: inherit;
    transform: translateY(-1px);
}

.ai-tool-head {
    align-items: flex-start;
    display: flex;
    gap: .85rem;
}

.ai-tool-icon {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    flex: 0 0 auto;
    height: 44px;
    justify-content: center;
    width: 44px;
}

.ai-tool-title {
    color: #172017;
    display: block;
    font-size: .92rem;
    font-weight: 800;
    line-height: 1.35;
}

.ai-tool-tagline {
    color: #577056;
    display: block;
    font-size: .75rem;
    margin-top: .18rem;
}

.ai-tool-description {
    color: var(--home-muted);
    font-size: .8rem;
    line-height: 1.55;
}

.ai-tool-footer {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    margin-top: auto;
}

.ai-tool-credit {
    background: #f1f6ed;
    border-radius: 999px;
    color: #385739;
    display: inline-flex;
    font-size: .72rem;
    font-weight: 800;
    padding: .35rem .68rem;
}

.ai-tool-link {
    color: #276c32;
    font-size: .78rem;
    font-weight: 800;
}

.growth-grid {
    display: grid;
    gap: 2rem;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
}

.course-list,
.coach-list {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.course-row {
    color: inherit;
    display: flex;
    min-height: 112px;
    overflow: hidden;
    text-decoration: none;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.course-row img {
    flex: 0 0 auto;
    height: 112px;
    object-fit: cover;
    width: 138px;
}

.course-row-content {
    min-width: 0;
    padding: .85rem 1rem;
}

.course-row-title {
    font-size: .9rem;
    font-weight: 800;
    line-height: 1.35;
}

.course-row-meta {
    color: var(--home-muted);
    font-size: .76rem;
}

.coach-row {
    color: inherit;
    display: flex;
    gap: .85rem;
    min-height: 112px;
    padding: .9rem;
    text-decoration: none;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.coach-mark {
    height: 46px;
    width: 46px;
}

.coach-name {
    font-size: .88rem;
    font-weight: 800;
}

.coach-title {
    color: var(--home-muted);
    font-size: .78rem;
    line-height: 1.4;
}

.coach-meta {
    color: #4d614d;
    font-size: .74rem;
    font-weight: 700;
}

.article-grid {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.article-card {
    color: inherit;
    display: block;
    overflow: hidden;
    text-decoration: none;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.article-card img {
    display: block;
    height: 170px;
    object-fit: cover;
    width: 100%;
}

.article-card-body {
    padding: 1rem;
}

.article-category {
    color: #377441;
    font-size: .7rem;
    font-weight: 800;
    text-transform: uppercase;
}

.article-title {
    color: #172017;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.4;
}

.article-meta {
    color: var(--home-muted);
    font-size: .75rem;
}

.empty-home-state {
    background: #fff;
    border: 1px dashed #cdd7cb;
    border-radius: 8px;
    color: var(--home-muted);
    padding: 2rem;
    text-align: center;
}

.home-page a:focus-visible,
.home-page button:focus-visible,
.home-page input:focus-visible,
.home-page select:focus-visible {
    outline: 3px solid rgba(60, 130, 69, .3);
    outline-offset: 2px;
}

.min-width-0 {
    min-width: 0;
}

@media (max-width: 991.98px) {
    .hero-title {
        font-size: 2.45rem;
    }

    .job-search-form {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .search-field:nth-child(2) {
        border-right: 0;
    }

    .search-field:nth-child(-n + 2) {
        border-bottom: 1px solid #e4e8e2;
    }

    .job-search-form .btn {
        margin: .4rem;
    }

    .jobs-search-card {
        max-width: 720px;
    }

    .employer-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .ai-tools-lead,
    .ai-tools-grid {
        grid-template-columns: 1fr;
    }

    .growth-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .home-hero {
        min-height: 500px;
        padding: 2.15rem 0;
    }

    .hero-title {
        font-size: 2rem;
    }

    .hero-copy {
        font-size: .94rem;
    }

    .job-search-form {
        display: block;
        padding: .45rem;
    }

    .search-field,
    .search-field:nth-child(2),
    .search-field:nth-child(-n + 2) {
        border-bottom: 1px solid #e4e8e2;
        border-right: 0;
        padding: .55rem .65rem;
    }

    .job-search-form .btn {
        margin: .5rem 0 0;
        width: 100%;
    }

    .jobs-search-card {
        box-shadow: 0 10px 24px rgba(16, 24, 8, .14);
        margin-top: .85rem;
        padding: .62rem;
    }

    .jobs-search-card .row {
        --bs-gutter-x: .45rem;
        --bs-gutter-y: .45rem;
    }

    .jobs-search-card .form-control,
    .jobs-search-card .form-select {
        font-size: .86rem;
        min-height: 42px;
    }

    .jobs-select-trigger {
        font-size: .86rem;
        min-height: 42px;
        padding: .55rem .65rem;
    }

    .jobs-custom-select.is-open .jobs-select-menu {
        bottom: calc(.85rem + env(safe-area-inset-bottom));
        box-shadow: 0 22px 48px rgba(16, 24, 8, .26);
        left: .85rem;
        max-height: min(54dvh, 340px);
        position: fixed;
        right: .85rem;
        top: auto;
        z-index: 1080;
    }

    .jobs-search-card .input-group-text {
        padding-left: .7rem;
        padding-right: .35rem;
    }

    .jobs-search-card .btn {
        min-height: 40px;
    }

    .jobs-field-label {
        font-size: .66rem;
        margin-bottom: .2rem;
    }

    .hero-trending {
        gap: .4rem;
    }

    .market-stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .market-stat:nth-child(3) {
        border-left: 0;
    }

    .market-stat:nth-child(n + 3) {
        border-top: 1px solid var(--home-border);
    }

    .home-section {
        padding: 2.5rem 0;
    }

    .home-section-title {
        font-size: 1.55rem;
    }

    .job-grid,
    .article-grid {
        grid-template-columns: 1fr;
    }

    .category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .employer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ai-tools-stat-grid {
        grid-template-columns: 1fr;
    }

    .home-job-card {
        padding: .9rem;
    }

    .course-row img {
        width: 112px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-page a,
    .home-page button {
        transition: none !important;
    }
}


/* resources/views/messages/index.blade.php */
.messages-page {
    background:#f6f8fb;
    min-height:calc(100vh - 64px);
    padding:1rem;
}
.messages-shell {
    background:#fff;
    border:1px solid #e4eaf1;
    border-radius:8px;
    display:grid;
    grid-template-columns:minmax(280px, 360px) minmax(0, 1fr);
    height:calc(100vh - 96px);
    max-width:1280px;
    margin:0 auto;
    overflow:hidden;
}
.messages-sidebar {
    border-right:1px solid #e4eaf1;
    display:flex;
    flex-direction:column;
    min-width:0;
}
.messages-head {
    border-bottom:1px solid #eef2f6;
    padding:1rem;
}
.head-row { align-items:center; display:flex; gap:.75rem; justify-content:space-between; }
.messages-title { color:#0f172a; font-size:1.1rem; font-weight:900; margin:0; }
.unread-pill {
    background:var(--mjk-green);
    border-radius:999px;
    color:#fff;
    display:inline-flex;
    font-size:.7rem;
    font-weight:900;
    min-width:22px;
    padding:.18rem .45rem;
}
.icon-btn {
    align-items:center;
    border:1px solid #dce4ee;
    border-radius:8px;
    color:#334155;
    display:inline-flex;
    height:40px;
    justify-content:center;
    text-decoration:none;
    width:40px;
}
.icon-btn:hover { border-color:var(--mjk-green); color:var(--mjk-green-dark); }
.chat-search {
    border:1.5px solid #dfe6ee;
    border-radius:8px;
    font-size:.88rem;
    margin-top:.75rem;
    min-height:42px;
    padding:.55rem .75rem;
    width:100%;
}
.chat-search:focus { border-color:var(--mjk-green); box-shadow:0 0 0 .18rem rgba(117,182,27,.13); outline:0; }
.conversation-list { flex:1; overflow-y:auto; }
.conversation-item {
    align-items:center;
    border-bottom:1px solid #f1f5f9;
    color:inherit;
    display:grid;
    gap:.75rem;
    grid-template-columns:44px minmax(0, 1fr);
    padding:.85rem 1rem;
    text-decoration:none;
}
.conversation-item:hover,
.conversation-item.active { background:#f3fbeb; }
.conversation-item.active { box-shadow:inset 3px 0 0 var(--mjk-green); }
.avatar-mark {
    align-items:center;
    background:#eef7e5;
    border:1px solid #d9edc4;
    border-radius:8px;
    color:var(--mjk-green-dark);
    display:flex;
    font-weight:900;
    height:42px;
    justify-content:center;
    width:42px;
}
.conv-top { align-items:center; display:flex; gap:.5rem; justify-content:space-between; }
.conv-name {
    color:#172033;
    display:block;
    font-size:.88rem;
    font-weight:900;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.conv-time { color:#64748b; font-size:.7rem; font-weight:800; white-space:nowrap; }
.conv-preview {
    color:#64748b;
    font-size:.78rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.conversation-item.unread .conv-name,
.conversation-item.unread .conv-preview { color:#0f172a; }
.messages-main {
    background:#f8fafc;
    display:flex;
    flex-direction:column;
    min-width:0;
}
.chat-main-head {
    align-items:center;
    background:#fff;
    border-bottom:1px solid #e4eaf1;
    display:flex;
    gap:.75rem;
    min-height:68px;
    padding:.8rem 1rem;
}
.chat-main-title { color:#172033; font-size:.95rem; font-weight:900; line-height:1.2; }
.chat-main-sub { color:#64748b; font-size:.76rem; }
.messages-stream {
    display:flex;
    flex:1;
    flex-direction:column;
    gap:.3rem;
    overflow-y:auto;
    padding:1rem;
}
.date-sep {
    color:#64748b;
    font-size:.72rem;
    font-weight:900;
    margin:.7rem auto;
    text-align:center;
    text-transform:uppercase;
}
.msg-row { display:flex; gap:.5rem; margin:.12rem 0; }
.msg-row.mine { flex-direction:row-reverse; }
.msg-bubble {
    background:#fff;
    border:1px solid #e8edf3;
    border-radius:8px;
    color:#172033;
    font-size:.92rem;
    line-height:1.55;
    max-width:min(680px, 72%);
    padding:.62rem .8rem;
    word-break:break-word;
}
.msg-row.mine .msg-bubble {
    background:var(--mjk-green);
    border-color:var(--mjk-green);
    color:#fff;
}
.msg-time { color:#64748b; font-size:.68rem; font-weight:700; margin-top:.18rem; }
.msg-row.mine .msg-time { text-align:right; }
.chat-input {
    background:#fff;
    border-top:1px solid #e4eaf1;
    padding:.8rem 1rem;
}
.reply-wrap { align-items:flex-end; display:flex; gap:.55rem; }
.reply-wrap textarea {
    border:1.5px solid #dfe6ee;
    border-radius:8px;
    max-height:130px;
    min-height:44px;
    padding:.62rem .75rem;
    resize:none;
}
.reply-wrap textarea:focus { border-color:var(--mjk-green); box-shadow:0 0 0 .18rem rgba(117,182,27,.13); }
.send-btn {
    align-items:center;
    background:var(--mjk-green);
    border:1px solid var(--mjk-green);
    border-radius:8px;
    color:#fff;
    display:inline-flex;
    flex:0 0 44px;
    height:44px;
    justify-content:center;
    width:44px;
}
.send-btn:disabled { opacity:.6; }
.empty-state {
    align-items:center;
    color:#64748b;
    display:flex;
    flex:1;
    flex-direction:column;
    justify-content:center;
    padding:2rem;
    text-align:center;
}
.empty-state i { color:#cbd5e1; font-size:2.6rem; margin-bottom:.75rem; }
.result-link {
    align-items:center;
    border:1px solid #e8edf3;
    border-radius:8px;
    color:#334155;
    display:flex;
    gap:.65rem;
    margin-bottom:.45rem;
    padding:.65rem;
    text-decoration:none;
}
.result-link:hover { background:#f3fbeb; border-color:var(--mjk-green); color:var(--mjk-green-dark); }
@media (max-width:767.98px) {
    .messages-page { padding:0; }
    .messages-shell { border-radius:0; border-left:0; border-right:0; grid-template-columns:1fr; height:calc(100vh - 64px); }
    .messages-sidebar.is-hidden-mobile { display:none; }
    .messages-main.is-hidden-mobile { display:none; }
    .msg-bubble { max-width:86%; }
}
@media (min-width:768px) {
    .mobile-back { display:none; }
}


/* resources/views/forms/index.blade.php */
.forms-page { background:#f6f8fb; padding:2rem 0 4rem; }
.forms-hero { background:#12351f; border-radius:8px; color:#fff; padding:1.35rem; margin-bottom:1rem; }
.forms-hero h1 { font-size:clamp(1.45rem,3vw,2.1rem); font-weight:900; margin:0 0 .4rem; }
.forms-hero p { color:rgba(255,255,255,.78); margin:0; max-width:620px; }
.form-card { background:#fff; border:1px solid #e6ebf1; border-radius:8px; display:block; height:100%; padding:1rem; text-decoration:none; transition:border-color .15s, box-shadow .15s, transform .15s; }
.form-card:hover { border-color:#cbd8c2; box-shadow:0 12px 30px rgba(15,23,42,.06); color:inherit; transform:translateY(-1px); }
.form-card h2 { color:#172033; font-size:1rem; font-weight:900; margin:0 0 .35rem; }
.form-card p { color:#64748b; font-size:.84rem; line-height:1.55; margin:0 0 .85rem; }
.form-meta { color:#64748b; display:flex; flex-wrap:wrap; gap:.45rem; font-size:.74rem; font-weight:800; }
.form-meta span { background:#f1f5f9; border-radius:999px; padding:.28rem .55rem; }


/* resources/views/forms/manage.blade.php */
.forms-page { background:#f6f8fb; padding:2rem 0 4rem; }
.forms-panel { background:#fff; border:1px solid #e6ebf1; border-radius:8px; padding:1rem; }
.forms-row { align-items:center; border-top:1px solid #eef2f6; display:grid; gap:1rem; grid-template-columns:minmax(0,1fr) auto auto; padding:1rem 0; }
.forms-row:first-child { border-top:0; }
.status-pill { border-radius:999px; display:inline-flex; font-size:.72rem; font-weight:900; padding:.28rem .55rem; text-transform:uppercase; }
.status-pill.published { background:#dcfce7; color:#166534; }
.status-pill.draft { background:#f1f5f9; color:#475569; }
.status-pill.closed { background:#fee2e2; color:#991b1b; }
@media(max-width:767.98px){.forms-row{grid-template-columns:1fr}.forms-row .btn{width:100%}}


/* resources/views/forms/submissions.blade.php */
.submissions-page { background:#f6f8fb; padding:2rem 0 4rem; }
.submissions-panel { background:#fff; border:1px solid #e6ebf1; border-radius:8px; padding:1rem; }
.response-card { border-top:1px solid #eef2f6; padding:1rem 0; }
.response-card:first-child { border-top:0; }
.answer-grid { display:grid; gap:.65rem; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:.75rem; }
.answer-box { background:#f8fafc; border:1px solid #e6ebf1; border-radius:8px; padding:.75rem; }
.answer-box span { color:#64748b; display:block; font-size:.72rem; font-weight:800; margin-bottom:.25rem; }
.answer-box strong { color:#172033; font-size:.88rem; line-height:1.45; }
@media(max-width:767.98px){.answer-grid{grid-template-columns:1fr}}


/* resources/views/forms/builder.blade.php */
.builder-page { background:#f6f8fb; padding:2rem 0 4rem; }
.builder-card { background:#fff; border:1px solid #e6ebf1; border-radius:8px; padding:1.1rem; }
.builder-hero { background:#12351f; border-radius:8px; color:#fff; margin-bottom:1rem; padding:1.25rem; }
.builder-hero h1 { font-size:1.45rem; font-weight:900; margin:0; }
.field-row { background:#fff; border:1px solid #e6ebf1; border-radius:8px; margin-bottom:.75rem; padding:1rem; }
.field-index { align-items:center; background:#eaf6dd; border-radius:8px; color:#32630d; display:inline-flex; font-size:.75rem; font-weight:900; height:30px; justify-content:center; width:30px; }
.field-toolbar { display:flex; gap:.45rem; justify-content:flex-end; }
.preview-card { background:#f8fafc; border:1px solid #e6ebf1; border-radius:8px; padding:1rem; position:sticky; top:5.5rem; }
.preview-field { border-top:1px solid #e6ebf1; padding:.8rem 0; }
.preview-field:first-child { border-top:0; }
.mini-input { background:#fff; border:1.5px solid #dfe6ee; border-radius:8px; min-height:40px; padding:.5rem .7rem; }
@media(max-width:991.98px){.preview-card{position:static}}


/* resources/views/forms/show.blade.php */
.form-public-page { background:#f6f8fb; padding:2rem 0 4rem; }
.public-shell { max-width:820px; margin:0 auto; }
.public-hero { background:#12351f; border-radius:8px; color:#fff; padding:1.25rem; margin-bottom:1rem; }
.public-hero h1 { font-size:clamp(1.45rem,3vw,2rem); font-weight:900; margin:0 0 .35rem; }
.public-hero p { color:rgba(255,255,255,.78); margin:0; }
.public-card { background:#fff; border:1px solid #e6ebf1; border-radius:8px; padding:1.25rem; }
.public-field { border-top:1px solid #eef2f6; padding:1rem 0; }
.public-field:first-child { border-top:0; padding-top:0; }
.public-card .form-control,.public-card .form-select { border:1.5px solid #dfe6ee; border-radius:8px; min-height:44px; }
.option-grid { display:grid; gap:.55rem; grid-template-columns:repeat(2,minmax(0,1fr)); }
.option-choice { align-items:center; border:1.5px solid #dfe6ee; border-radius:8px; display:flex; gap:.55rem; min-height:44px; padding:.65rem .8rem; }
.option-choice:has(input:checked){ background:#f3fbeb; border-color:var(--mjk-green); }
@media(max-width:575.98px){.public-hero,.public-card{border-radius:0;margin-left:-.75rem;margin-right:-.75rem}.option-grid{grid-template-columns:1fr}}


/* resources/views/admin/index.blade.php */
.admin-dashboard {
        --dash-border: #dfe7ef;
        --dash-muted: #64748b;
        --dash-text: #0f172a;
        --dash-soft: #f8fafc;
    }

    .dashboard-hero {
        align-items: center;
        background: #fff;
        border: 1px solid var(--dash-border);
        border-radius: 8px;
        display: flex;
        gap: 1rem;
        justify-content: space-between;
        margin-bottom: 1rem;
        padding: 1.25rem;
    }

    .dashboard-eyebrow {
        color: var(--mjk-green);
        font-size: .72rem;
        font-weight: 800;
        margin-bottom: .25rem;
        text-transform: uppercase;
    }

    .dashboard-hero h1 {
        color: var(--dash-text);
        font-size: 1.45rem;
        font-weight: 800;
        margin: 0;
    }

    .dashboard-hero p,
    .dashboard-panel-header p {
        color: var(--dash-muted);
        font-size: .84rem;
        margin: .25rem 0 0;
    }

    .dashboard-actions {
        display: flex;
        flex-wrap: wrap;
        gap: .5rem;
    }

    .dashboard-btn-primary,
    .dashboard-btn-secondary {
        align-items: center;
        border-radius: 8px;
        display: inline-flex;
        font-size: .85rem;
        font-weight: 700;
        gap: .4rem;
        min-height: 38px;
    }

    .dashboard-btn-primary {
        background: var(--mjk-green);
        border-color: var(--mjk-green);
        color: #fff;
    }

    .dashboard-btn-primary:hover,
    .dashboard-btn-primary:focus {
        background: #5f9915;
        border-color: #5f9915;
        color: #fff;
    }

    .dashboard-btn-secondary {
        background: #fff;
        border: 1px solid var(--dash-border);
        color: var(--dash-text);
    }

    .dashboard-btn-secondary:hover,
    .dashboard-btn-secondary:focus {
        background: var(--dash-soft);
        border-color: #cbd5e1;
        color: var(--dash-text);
    }

    .dashboard-kpis {
        display: grid;
        gap: .75rem;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        margin-bottom: 1rem;
    }

    .dashboard-kpi {
        align-items: center;
        background: #fff;
        border: 1px solid var(--dash-border);
        border-radius: 8px;
        color: var(--dash-text);
        display: flex;
        gap: .85rem;
        min-height: 92px;
        padding: 1rem;
        text-decoration: none;
        transition: border-color .16s ease, transform .16s ease;
    }

    .dashboard-kpi:hover {
        border-color: #bdd7a3;
        color: var(--dash-text);
        transform: translateY(-1px);
    }

    .dashboard-kpi-icon {
        align-items: center;
        border-radius: 8px;
        display: inline-flex;
        flex: 0 0 auto;
        height: 42px;
        justify-content: center;
        width: 42px;
    }

    .dashboard-kpi strong {
        display: block;
        font-size: 1.45rem;
        line-height: 1;
    }

    .dashboard-kpi small {
        color: var(--dash-muted);
        display: block;
        font-size: .78rem;
        margin-top: .25rem;
    }

    .dashboard-kpi-danger .dashboard-kpi-icon { background: #fee2e2; color: #b91c1c; }
    .dashboard-kpi-success .dashboard-kpi-icon { background: #dcfce7; color: #166534; }
    .dashboard-kpi-info .dashboard-kpi-icon { background: #e0f2fe; color: #0369a1; }
    .dashboard-kpi-neutral .dashboard-kpi-icon { background: #f1f5f9; color: #334155; }

    .dashboard-meter-grid {
        display: grid;
        gap: .75rem;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        margin-bottom: 1rem;
    }

    .dashboard-meter {
        background: #fff;
        border: 1px solid var(--dash-border);
        border-radius: 8px;
        padding: 1rem;
    }

    .dashboard-meter > div:first-child {
        align-items: baseline;
        display: flex;
        justify-content: space-between;
        margin-bottom: .7rem;
    }

    .dashboard-meter span {
        color: var(--dash-muted);
        font-size: .78rem;
        font-weight: 800;
    }

    .dashboard-meter strong {
        color: var(--dash-text);
        font-size: 1.25rem;
    }

    .dashboard-meter small {
        color: var(--dash-muted);
        display: block;
        font-size: .76rem;
        margin-top: .55rem;
    }

    .dashboard-meter-track {
        background: #edf2f7;
        border-radius: 999px;
        height: 9px;
        overflow: hidden;
    }

    .dashboard-meter-track i {
        background: linear-gradient(90deg, var(--mjk-green), #0ea5e9);
        border-radius: inherit;
        display: block;
        height: 100%;
    }

    .dashboard-panel {
        background: #fff;
        border: 1px solid var(--dash-border);
        border-radius: 8px;
        overflow: hidden;
    }

    .dashboard-panel-header {
        align-items: center;
        border-bottom: 1px solid #edf2f7;
        display: flex;
        gap: 1rem;
        justify-content: space-between;
        padding: 1rem 1.1rem;
    }

    .dashboard-panel-header h2 {
        color: var(--dash-text);
        font-size: .98rem;
        font-weight: 800;
        margin: 0;
    }

    .dashboard-chart,
    .dashboard-donut {
        padding: 1rem;
    }

    .dashboard-chart canvas {
        max-height: 340px;
    }

    .dashboard-chart-compact canvas {
        max-height: 240px;
    }

    .dashboard-chart-compact {
        height: 260px;
    }

    .dashboard-visual-grid {
        display: grid;
        gap: .75rem;
        grid-template-columns: 1.15fr 1fr 1fr;
        margin-bottom: 1rem;
    }

    .dashboard-donut {
        margin: 0 auto;
        max-width: 250px;
    }

    .dashboard-role-list {
        border-top: 1px solid #edf2f7;
        display: grid;
        gap: .55rem;
        padding: .9rem 1rem 1rem;
    }

    .dashboard-role-list span {
        align-items: center;
        color: var(--dash-muted);
        display: flex;
        font-size: .82rem;
        gap: .5rem;
        justify-content: space-between;
    }

    .dashboard-role-list i {
        border-radius: 999px;
        height: 8px;
        margin-right: auto;
        width: 8px;
    }

    .dashboard-table th {
        background: var(--dash-soft);
        border-bottom: 1px solid var(--dash-border) !important;
        color: var(--dash-muted);
        font-size: .72rem;
        font-weight: 800;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .dashboard-table td {
        border-color: #edf2f7;
        color: #334155;
        font-size: .84rem;
        vertical-align: middle;
    }

    .dashboard-title {
        color: var(--dash-text);
        font-size: .86rem;
        font-weight: 800;
    }

    .dashboard-meta,
    .dashboard-muted {
        color: var(--dash-muted);
        font-size: .76rem;
    }

    .status-pill {
        background: #f1f5f9;
        border-radius: 999px;
        color: #475569;
        display: inline-flex;
        font-size: .72rem;
        font-weight: 800;
        line-height: 1;
        padding: .38rem .55rem;
        white-space: nowrap;
    }

    .status-approved,
    .status-active,
    .status-hired,
    .status-shortlisted {
        background: #dcfce7;
        color: #166534;
    }

    .status-pending,
    .status-reviewed {
        background: #fef3c7;
        color: #92400e;
    }

    .status-rejected,
    .status-inactive {
        background: #fee2e2;
        color: #991b1b;
    }

    .status-filled {
        background: #e2e8f0;
        color: #334155;
    }

    .dashboard-icon-btn {
        align-items: center;
        background: #f8fafc;
        border: 1px solid #e2e8f0;
        border-radius: 8px;
        display: inline-flex;
        height: 34px;
        justify-content: center;
        padding: 0;
        width: 34px;
    }

    .dashboard-list {
        display: grid;
    }

    .dashboard-list-item {
        align-items: center;
        border-bottom: 1px solid #edf2f7;
        color: var(--dash-text);
        display: flex;
        gap: .75rem;
        min-height: 68px;
        padding: .8rem 1rem;
        text-decoration: none;
    }

    .dashboard-list-item:hover {
        background: var(--dash-soft);
        color: var(--dash-text);
    }

    .dashboard-avatar {
        align-items: center;
        background: #e2e8f0;
        border-radius: 50%;
        color: #475569;
        display: inline-flex;
        flex: 0 0 auto;
        font-size: .82rem;
        font-weight: 800;
        height: 36px;
        justify-content: center;
        width: 36px;
    }

    .dashboard-list-copy {
        min-width: 0;
    }

    .dashboard-list-copy strong,
    .dashboard-list-copy small {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dashboard-list-copy strong {
        font-size: .86rem;
    }

    .dashboard-list-copy small {
        color: var(--dash-muted);
        font-size: .75rem;
        margin-top: .12rem;
    }

    .dashboard-snapshot {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .dashboard-snapshot a {
        border-right: 1px solid #edf2f7;
        border-top: 1px solid #edf2f7;
        padding: 1rem;
    }

    .dashboard-snapshot a:hover {
        background: var(--dash-soft);
    }

    .dashboard-snapshot a:nth-child(-n+3) {
        border-top: 0;
    }

    .dashboard-snapshot a:nth-child(3n) {
        border-right: 0;
    }

    .dashboard-snapshot span {
        color: var(--dash-muted);
        display: block;
        font-size: .75rem;
        font-weight: 700;
        margin-bottom: .3rem;
    }

    .dashboard-snapshot strong {
        color: var(--dash-text);
        font-size: 1.2rem;
    }

    .dashboard-quick-actions {
        display: grid;
        gap: .6rem;
        padding: 1rem;
    }

    .dashboard-quick-actions a {
        align-items: center;
        border: 1px solid var(--dash-border);
        border-radius: 8px;
        color: var(--dash-text);
        display: flex;
        font-size: .86rem;
        font-weight: 800;
        gap: .6rem;
        min-height: 44px;
        padding: .65rem .75rem;
        text-decoration: none;
    }

    .dashboard-quick-actions a:hover {
        background: var(--dash-soft);
        border-color: #cbd5e1;
    }

    .dashboard-quick-actions i {
        color: var(--mjk-green);
    }

    .dashboard-empty {
        color: var(--dash-muted);
        font-size: .84rem;
        padding: 1.25rem;
        text-align: center;
    }

    @media (max-width: 1199.98px) {
        .dashboard-kpis,
        .dashboard-visual-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    @media (max-width: 767.98px) {
        .dashboard-hero,
        .dashboard-panel-header {
            align-items: flex-start;
            flex-direction: column;
        }

        .dashboard-actions,
        .dashboard-actions .btn {
            width: 100%;
        }

        .dashboard-kpis,
        .dashboard-meter-grid,
        .dashboard-visual-grid,
        .dashboard-snapshot {
            grid-template-columns: 1fr;
        }

        .dashboard-snapshot a,
        .dashboard-snapshot a:nth-child(-n+3),
        .dashboard-snapshot a:nth-child(3n) {
            border-right: 0;
            border-top: 1px solid #edf2f7;
        }

        .dashboard-snapshot a:first-child {
            border-top: 0;
        }
    }


/* resources/views/admin/analytics.blade.php */
.analytics-grid { display: grid; gap: 1rem; }
    .analytics-kpis { grid-template-columns: repeat(6, minmax(0, 1fr)); }
    .analytics-two { grid-template-columns: minmax(0, 1.45fr) minmax(320px, .8fr); }
    .analytics-three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .analytics-card { background:#fff; border:1px solid #e2e8f0; border-radius:8px; overflow:hidden; }
    .analytics-card-head { align-items:center; border-bottom:1px solid #eef2f7; display:flex; justify-content:space-between; gap:.75rem; padding:.85rem 1rem; }
    .analytics-card-title { color:#0f172a; font-size:.88rem; font-weight:850; margin:0; }
    .analytics-body { padding:1rem; }
    .analytics-kpi { padding:1rem; }
    .analytics-kpi i { color:var(--mjk-green); font-size:1rem; }
    .analytics-kpi-value { color:#0f172a; font-size:1.45rem; font-weight:900; line-height:1.1; margin-top:.45rem; }
    .analytics-kpi-label { color:#64748b; font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; }
    .analytics-delta { border-radius:999px; font-size:.68rem; font-weight:850; padding:.16rem .45rem; }
    .analytics-delta.up { background:#dcfce7; color:#166534; }
    .analytics-delta.down { background:#fee2e2; color:#991b1b; }
    .analytics-chart { height: 315px; position: relative; }
    .analytics-chart-sm { height: 245px; position: relative; }
    .analytics-list { display:grid; gap:.65rem; }
    .analytics-row { align-items:center; display:grid; gap:.65rem; grid-template-columns:minmax(0, 1fr) auto; }
    .analytics-row-main { min-width:0; }
    .analytics-row-title { color:#0f172a; display:block; font-size:.82rem; font-weight:800; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .analytics-row-sub { color:#64748b; display:block; font-size:.72rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .analytics-bar { background:#eef2f7; border-radius:999px; height:6px; margin-top:.35rem; overflow:hidden; }
    .analytics-bar span { background:var(--mjk-green); display:block; height:100%; }
    .analytics-value { color:#0f172a; font-size:.8rem; font-weight:850; white-space:nowrap; }
    .analytics-empty { align-items:center; color:#94a3b8; display:flex; font-size:.82rem; font-weight:700; justify-content:center; min-height:150px; }
    @media (max-width: 1199.98px) { .analytics-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); } .analytics-two,.analytics-three { grid-template-columns:1fr; } }
    @media (max-width: 575.98px) { .analytics-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } .analytics-chart { height: 260px; } }


/* resources/views/admin/jobs.blade.php */
.admin-table-tight { table-layout: fixed; }
    .admin-table-tight th,
    .admin-table-tight td { padding: .62rem .65rem !important; }
    .admin-table-tight.dataTable.nowrap th,
    .admin-table-tight.dataTable.nowrap td { white-space: normal; }
    .admin-table-tight .dt-cell-main { min-width: 0; max-width: 100%; }
    .admin-table-tight .dt-title {
        color: #0f172a;
        display: block;
        font-size: .84rem;
        font-weight: 800;
        line-height: 1.25;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .admin-table-tight .dt-subline,
    .admin-table-tight .dt-muted {
        color: #64748b;
        display: block;
        font-size: .72rem;
        line-height: 1.25;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .admin-table-tight .dt-truncate {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap !important;
    }
    .admin-table-tight .dt-nowrap { font-size: .7rem; white-space: nowrap !important; }
    .admin-table-tight .dt-count { font-size: .82rem; font-weight: 850; }
    .admin-table-tight .dt-person { align-items: center; display: flex; gap: .5rem; min-width: 0; }
    .admin-table-tight .dt-avatar {
        align-items: center;
        background: #dcfce7;
        border-radius: 50%;
        color: #166534;
        display: flex;
        flex: 0 0 30px;
        font-size: .78rem;
        font-weight: 800;
        height: 30px;
        justify-content: center;
        width: 30px;
    }
    .admin-table-tight .dt-chip-row {
        display: flex;
        flex-wrap: wrap;
        gap: .25rem;
        max-height: 44px;
        overflow: hidden;
    }
    .admin-table-tight .dt-progress > div:first-child { font-size: .72rem !important; }
    .admin-row-actions {
        align-items: center;
        display: flex;
        flex-wrap: nowrap;
        gap: .25rem;
        justify-content: flex-end;
    }
    .admin-row-actions form { display: inline-flex !important; margin: 0; }
    .admin-row-actions .btn,
    .admin-row-actions button {
        align-items: center;
        display: inline-flex;
        height: 28px;
        justify-content: center;
        padding: 0 !important;
        width: 28px;
    }
    @media (max-width: 767.98px) {
        .admin-table-tight th,
        .admin-table-tight td { padding: .55rem !important; }
        .admin-table-tight .dt-avatar { display: none; }
    }


/* resources/views/admin/settings.blade.php */
.settings-shell { --settings-border:#e2e8f0; --settings-muted:#64748b; --settings-ink:#0f172a; }
    .settings-toolbar { align-items:center; background:#fff; border:1px solid var(--settings-border); border-radius:8px; display:flex; flex-wrap:wrap; gap:.75rem; justify-content:space-between; padding:.85rem 1rem; position:sticky; top:0; z-index:8; }
    .settings-tabs { display:flex; flex-wrap:wrap; gap:.4rem; }
    .settings-tab { align-items:center; border:1px solid #dbe3ee; border-radius:8px; color:#334155; display:inline-flex; font-size:.78rem; font-weight:800; gap:.38rem; min-height:36px; padding:.45rem .7rem; text-decoration:none; transition:background .18s ease,border-color .18s ease,color .18s ease; }
    .settings-tab:hover { background:#f8fafc; border-color:#94a3b8; color:#0f172a; }
    .settings-save { min-height:38px; }
    .settings-layout { align-items:start; display:grid; gap:1rem; grid-template-columns:minmax(0, 1fr) 320px; }
    .settings-stack { display:grid; gap:1rem; }
    .settings-panel { background:#fff; border:1px solid var(--settings-border); border-radius:8px; overflow:hidden; scroll-margin-top:88px; }
    .settings-panel-head { align-items:center; border-bottom:1px solid #eef2f7; display:flex; gap:.75rem; justify-content:space-between; padding:.9rem 1rem; }
    .settings-panel-title { align-items:center; color:var(--settings-ink); display:flex; font-size:.92rem; font-weight:900; gap:.5rem; margin:0; }
    .settings-panel-title i { color:var(--mjk-green); }
    .settings-panel-body { padding:1rem; }
    .settings-grid { display:grid; gap:1rem; grid-template-columns:repeat(2, minmax(0, 1fr)); }
    .settings-grid-3 { display:grid; gap:1rem; grid-template-columns:repeat(3, minmax(0, 1fr)); }
    .settings-field .form-label { color:#1e293b; font-size:.78rem; font-weight:850; margin-bottom:.35rem; }
    .settings-field .form-control,.settings-field .form-select { border-color:#dbe3ee; border-radius:7px; min-height:42px; }
    .settings-field .form-control:focus,.settings-field .form-select:focus { border-color:var(--mjk-green); box-shadow:0 0 0 .18rem rgba(117,182,27,.14); }
    .settings-hint,.settings-field .form-text { color:var(--settings-muted); font-size:.74rem; line-height:1.45; }
    .settings-toggle-row { align-items:flex-start; border-top:1px solid #eef2f7; display:flex; gap:1rem; justify-content:space-between; padding:.9rem 0; }
    .settings-toggle-row:first-child { border-top:0; padding-top:0; }
    .settings-toggle-title { color:#0f172a; font-size:.84rem; font-weight:850; }
    .settings-toggle-desc { color:var(--settings-muted); font-size:.74rem; line-height:1.45; margin-top:.1rem; }
    .settings-provider { border:1px solid #e2e8f0; border-radius:8px; overflow:hidden; }
    .settings-provider-head { align-items:center; background:#f8fafc; display:flex; gap:.6rem; min-height:52px; padding:.75rem .85rem; }
    .settings-provider-title { color:#0f172a; font-size:.86rem; font-weight:900; }
    .settings-provider-body { border-top:1px solid #eef2f7; display:none; padding:.9rem; }
    .settings-provider-body.is-open { display:block; }
    .settings-box { background:#f8fafc; border:1px solid #e2e8f0; border-radius:8px; padding:.9rem; }
    .settings-box-title { color:#0f172a; font-size:.78rem; font-weight:900; margin-bottom:.75rem; text-transform:uppercase; }
    .settings-side { position:sticky; top:76px; }
    .settings-status { background:#fff; border:1px solid var(--settings-border); border-radius:8px; overflow:hidden; }
    .settings-status-head { border-bottom:1px solid #eef2f7; padding:.9rem 1rem; }
    .settings-status-title { color:#0f172a; font-size:.88rem; font-weight:900; margin:0; }
    .settings-status-body { padding:1rem; }
    .settings-status-item { align-items:center; display:flex; gap:.65rem; justify-content:space-between; padding:.55rem 0; }
    .settings-status-item + .settings-status-item { border-top:1px solid #eef2f7; }
    .settings-status-label { color:#475569; font-size:.78rem; font-weight:750; }
    .settings-pill { border-radius:999px; font-size:.68rem; font-weight:900; padding:.22rem .55rem; white-space:nowrap; }
    .settings-pill.good { background:#dcfce7; color:#166534; }
    .settings-pill.warn { background:#fef3c7; color:#92400e; }
    .settings-stat-row { align-items:center; border-top:1px solid #eef2f7; display:flex; gap:.75rem; justify-content:space-between; padding:.62rem 0; }
    .settings-stat-row:first-child { border-top:0; }
    .settings-stat-label { color:#64748b; font-size:.75rem; }
    .settings-stat-value { color:#0f172a; font-size:.76rem; font-weight:850; max-width:150px; overflow:hidden; text-align:right; text-overflow:ellipsis; white-space:nowrap; }
    .settings-links { display:grid; gap:.5rem; }
    .settings-links .btn { border-radius:7px; font-size:.8rem; font-weight:800; min-height:38px; text-align:left; }
    .settings-copy { background:#fff; border:1px dashed #cbd5e1; border-radius:7px; padding:.65rem .75rem; }
    .settings-copy code { color:#0f172a; font-size:.74rem; }
    @media (max-width: 1199.98px) { .settings-layout { grid-template-columns:1fr; } .settings-side { position:static; } }
    @media (max-width: 767.98px) { .settings-toolbar { position:static; } .settings-grid,.settings-grid-3 { grid-template-columns:1fr; } .settings-tabs { width:100%; } .settings-tab { flex:1 1 calc(50% - .4rem); justify-content:center; } .settings-save { width:100%; } }


/* resources/views/admin/user-edit.blade.php */
.user-edit-shell .admin-card { border-radius: 8px; }
    .user-edit-hero {
        background:
            linear-gradient(90deg, rgba(14, 31, 9, .92), rgba(27, 53, 15, .62)),
            var(--admin-user-cover, url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1600&q=80')) center/cover no-repeat;
        border-radius: 8px;
        color: #fff;
        min-height: 220px;
        padding: 1.25rem;
        position: relative;
    }
    .user-edit-avatar {
        align-items: center;
        background-color: #edf6df;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        border: 4px solid #fff;
        border-radius: 50%;
        color: #294406;
        display: flex;
        font-size: 2rem;
        font-weight: 850;
        height: 92px;
        justify-content: center;
        width: 92px;
    }
    .user-edit-section-title {
        color: #13210d;
        font-size: .9rem;
        font-weight: 850;
        margin: 0;
    }
    .user-edit-label {
        color: #334155;
        font-size: .82rem;
        font-weight: 750;
        margin-bottom: .35rem;
    }
    .user-edit-help { color: #64748b; font-size: .76rem; margin-top: .35rem; }
    .role-hidden { display: none !important; }
    .user-edit-media-preview {
        background: #f8fafc center/cover no-repeat;
        border: 1px solid #e2e8f0;
        border-radius: 8px;
        min-height: 118px;
    }
    .user-edit-sticky { position: sticky; top: 88px; }
    .user-edit-savebar {
        align-items: center;
        background: rgba(255, 255, 255, .96);
        border: 1px solid #e2e8f0;
        border-radius: 8px;
        bottom: 1rem;
        display: flex;
        gap: .75rem;
        justify-content: space-between;
        padding: .85rem;
        position: sticky;
        z-index: 4;
    }
    .user-edit-status-dot {
        background: {{ $user->is_active ? '#16a34a' : '#dc2626' }};
        border-radius: 999px;
        display: inline-block;
        height: 9px;
        width: 9px;
    }
    @media (max-width: 991.98px) {
        .user-edit-sticky,
        .user-edit-savebar { position: static; }
    }


/* resources/views/admin/openwa/index.blade.php */
.wa-console { display: grid; grid-template-columns: minmax(280px, 360px) 1fr; gap: 1rem; }
    .wa-panel { border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; overflow: hidden; }
    .wa-panel-header { padding: .85rem 1rem; border-bottom: 1px solid #e2e8f0; display:flex; align-items:center; justify-content:space-between; gap:.75rem; }
    .wa-panel-body { padding: 1rem; }
    .wa-status { display:inline-flex; align-items:center; gap:.4rem; padding:.35rem .55rem; border-radius:999px; font-size:.75rem; font-weight:700; }
    .wa-status.ok { background:#dcfce7; color:#166534; }
    .wa-status.off { background:#fee2e2; color:#991b1b; }
    .wa-qr { width: 220px; max-width: 100%; aspect-ratio: 1; object-fit: contain; border: 1px solid #e2e8f0; border-radius: 8px; padding: .5rem; background:#fff; }
    .wa-list { max-height: 68vh; overflow:auto; }
    .wa-thread { display:block; padding:.85rem 1rem; border-bottom:1px solid #eef2f7; color:#0f172a; text-decoration:none; }
    .wa-thread:hover, .wa-thread.active { background:#f8fafc; }
    .wa-thread.active { box-shadow: inset 3px 0 0 #22c55e; }
    .wa-chat { min-height: 56vh; max-height: 56vh; overflow:auto; background:#f8fafc; padding:1rem; }
    .wa-bubble { max-width: 78%; padding:.65rem .8rem; border-radius:8px; margin-bottom:.65rem; box-shadow:0 1px 1px rgba(15,23,42,.06); }
    .wa-bubble.inbound { background:#fff; color:#0f172a; }
    .wa-bubble.outbound { background:#dcfce7; color:#14532d; margin-left:auto; }
    .wa-reply { border-top:1px solid #e2e8f0; padding:1rem; background:#fff; }
    .wa-empty { min-height:56vh; display:grid; place-items:center; text-align:center; color:#64748b; padding:2rem; }
    .wa-meta { color:#64748b; font-size:.75rem; }
    @media (max-width: 991.98px) { .wa-console { grid-template-columns: 1fr; } .wa-list, .wa-chat { max-height: none; } }


/* resources/views/admin/job-seekers.blade.php */
.admin-table-tight { table-layout: fixed; }
    .admin-table-tight th,
    .admin-table-tight td { padding: .62rem .65rem !important; }
    .admin-table-tight.dataTable.nowrap th,
    .admin-table-tight.dataTable.nowrap td { white-space: normal; }
    .admin-table-tight .dt-cell-main { min-width: 0; max-width: 100%; }
    .admin-table-tight .dt-title {
        color: #0f172a;
        display: block;
        font-size: .84rem;
        font-weight: 800;
        line-height: 1.25;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .admin-table-tight .dt-subline,
    .admin-table-tight .dt-muted {
        color: #64748b;
        display: block;
        font-size: .72rem;
        line-height: 1.25;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .admin-table-tight .dt-truncate {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap !important;
    }
    .admin-table-tight .dt-nowrap { font-size: .7rem; white-space: nowrap !important; }
    .admin-table-tight .dt-count { font-size: .82rem; font-weight: 850; }
    .admin-table-tight .dt-person { align-items: center; display: flex; gap: .5rem; min-width: 0; }
    .admin-table-tight .dt-avatar {
        align-items: center;
        background: #dcfce7;
        border-radius: 50%;
        color: #166534;
        display: flex;
        flex: 0 0 30px;
        font-size: .78rem;
        font-weight: 800;
        height: 30px;
        justify-content: center;
        width: 30px;
    }
    .admin-table-tight .dt-chip-row {
        display: flex;
        flex-wrap: wrap;
        gap: .25rem;
        max-height: 44px;
        overflow: hidden;
    }
    .admin-table-tight .dt-progress > div:first-child { font-size: .72rem !important; }
    .admin-row-actions {
        align-items: center;
        display: flex;
        flex-wrap: nowrap;
        gap: .25rem;
        justify-content: flex-end;
    }
    .admin-row-actions form { display: inline-flex !important; margin: 0; }
    .admin-row-actions .btn,
    .admin-row-actions button {
        align-items: center;
        display: inline-flex;
        height: 28px;
        justify-content: center;
        padding: 0 !important;
        width: 28px;
    }
    @media (max-width: 767.98px) {
        .admin-table-tight th,
        .admin-table-tight td { padding: .55rem !important; }
        .admin-table-tight .dt-avatar { display: none; }
    }


/* resources/views/blog/show.blade.php */
.blog-show-hero {
    background:
        linear-gradient(90deg, rgba(8, 16, 8, .92), rgba(24, 42, 18, .72)),
        var(--blog-hero-image) center 42% / cover no-repeat;
    color: #fff;
    padding: 4rem 0 3rem;
}

.post-body h1,.post-body h2,.post-body h3,.post-body h4 { color:#0f172a; margin-top:1.75rem; margin-bottom:.75rem; font-weight:700; }
.post-body h2 { font-size:1.35rem; }
.post-body h3 { font-size:1.15rem; }
.post-body p { margin-bottom:1.25rem; }
.post-body ul,.post-body ol { margin-bottom:1.25rem; padding-left:1.5rem; }
.post-body li { margin-bottom:.4rem; }
.post-body blockquote { border-left:4px solid var(--mjk-green); padding:.75rem 1.25rem; margin:1.5rem 0; background:#f8fafc; border-radius:0 8px 8px 0; font-style:italic; color:#475569; }
.post-body a { color:var(--mjk-green); }
.post-body img { max-width:100%; border-radius:8px; margin:1rem 0; }
.post-body code { background:#f1f5f9; padding:.15rem .4rem; border-radius:4px; font-size:.875em; color:#b91c1c; }
.post-body pre { background:#0f172a; color:#e2e8f0; border-radius:10px; padding:1.25rem; overflow-x:auto; margin:1.5rem 0; }


/* resources/views/dashboard/index.blade.php */
.seeker-page {
    background: #f6f8fb;
    min-height: 100vh;
    padding: 1.5rem 0 4rem;
}
.seeker-wrap { max-width: 1320px; }
.seeker-hero,
.seeker-panel,
.metric-card,
.job-card,
.application-row,
.side-card {
    background: #fff;
    border: 1px solid #e4eaf1;
    border-radius: 8px;
}
.seeker-hero {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding: 1.2rem;
}
.hero-profile {
    align-items: center;
    display: flex;
    gap: .95rem;
    min-width: 0;
}
.eyebrow {
    color: #64748b;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.seeker-hero h1 {
    color: #0f172a;
    font-size: clamp(1.35rem, 2.5vw, 2rem);
    font-weight: 900;
    letter-spacing: 0;
    margin: .15rem 0 .25rem;
}
.hero-copy {
    color: #64748b;
    font-size: .9rem;
    margin: 0;
}
.hero-signal-row {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-top: .65rem;
}
.signal-pill {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: .72rem;
    font-weight: 900;
    gap: .3rem;
    min-height: 28px;
    padding: .22rem .58rem;
}
.signal-good {
    background: #ecfdf5;
    color: #047857;
}
.signal-warn {
    background: #fff7ed;
    color: #9a3412;
}
.hero-actions,
.panel-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}
.btn-seeker-primary,
.btn-seeker-secondary {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-size: .84rem;
    font-weight: 800;
    gap: .42rem;
    min-height: 44px;
    padding: .62rem .95rem;
    text-decoration: none;
}
.btn-seeker-primary {
    background: var(--mjk-green);
    border: 1px solid var(--mjk-green);
    color: #fff;
}
.btn-seeker-primary:hover,
.btn-seeker-primary:focus { background: var(--mjk-green-dark); border-color: var(--mjk-green-dark); color: #fff; }
.btn-seeker-secondary {
    background: #fff;
    border: 1px solid #dce4ee;
    color: #334155;
}
.btn-seeker-secondary:hover,
.btn-seeker-secondary:focus { border-color: var(--mjk-green); color: var(--mjk-green-dark); }
.btn-seeker-compact {
    min-height: 36px;
    padding: .4rem .72rem;
}
.metric-grid {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 1rem;
}
.metric-card {
    align-items: center;
    display: flex;
    gap: .75rem;
    min-height: 96px;
    padding: .95rem;
}
.metric-icon {
    align-items: center;
    background: #eef7e5;
    border-radius: 8px;
    color: #32630d;
    display: inline-flex;
    flex: 0 0 42px;
    height: 42px;
    justify-content: center;
    width: 42px;
}
.metric-value {
    color: #0f172a;
    font-size: 1.65rem;
    font-weight: 900;
    line-height: 1;
}
.metric-label {
    color: #64748b;
    font-size: .76rem;
    font-weight: 800;
    margin-top: .15rem;
}
.seeker-panel { margin-bottom: 1rem; overflow: hidden; }
.panel-head {
    align-items: center;
    border-bottom: 1px solid #eef2f6;
    display: flex;
    gap: .85rem;
    justify-content: space-between;
    padding: 1rem 1.1rem;
}
.panel-head h2 {
    color: #172033;
    font-size: 1rem;
    font-weight: 900;
    margin: 0;
}
.panel-sub {
    color: #64748b;
    font-size: .78rem;
    margin: .15rem 0 0;
}
.panel-body { padding: 1.1rem; }
.chart-layout,
.pipeline-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.6fr) minmax(220px, .8fr);
}
.chart-box {
    min-height: 260px;
    position: relative;
}
.chart-box-compact { min-height: 190px; }
.status-summary {
    display: grid;
    gap: .7rem;
}
.status-list { display: grid; gap: .55rem; }
.status-line {
    align-items: center;
    border-bottom: 1px solid #f1f5f9;
    display: flex;
    justify-content: space-between;
    padding: .35rem 0 .55rem;
}
.status-line:last-child { border-bottom: 0; }
.status-dot {
    border-radius: 999px;
    display: inline-block;
    height: 9px;
    margin-right: .5rem;
    width: 9px;
}
.status-name {
    color: #475569;
    font-size: .8rem;
    font-weight: 700;
}
.status-count {
    color: #0f172a;
    font-size: .85rem;
    font-weight: 900;
}
.application-list { display: grid; }
.application-row {
    align-items: center;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    display: grid;
    gap: .8rem;
    grid-template-columns: 44px minmax(0, 1fr) auto auto;
    padding: .9rem 1.1rem;
}
.application-row:first-child { border-top: 0; }
.logo-mark {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e4eaf1;
    border-radius: 8px;
    color: var(--mjk-green-dark);
    display: flex;
    font-size: .9rem;
    font-weight: 900;
    height: 42px;
    justify-content: center;
    width: 42px;
}
.row-title {
    color: #172033;
    display: block;
    font-size: .86rem;
    font-weight: 900;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.row-meta {
    color: #64748b;
    font-size: .76rem;
    margin-top: .18rem;
}
.status-pill {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: .7rem;
    font-weight: 900;
    gap: .3rem;
    min-height: 28px;
    padding: .22rem .62rem;
    white-space: nowrap;
}
.status-pending { background: #fff7ed; color: #9a3412; }
.status-reviewed { background: #eff6ff; color: #1d4ed8; }
.status-shortlisted { background: #ecfdf5; color: #047857; }
.status-hired { background: #f0fdf4; color: #166534; border: 1px solid #bbf7d0; }
.status-rejected { background: #fef2f2; color: #b91c1c; }
.text-link {
    color: var(--mjk-green-dark);
    font-size: .78rem;
    font-weight: 900;
    text-decoration: none;
    white-space: nowrap;
}
.text-link:hover { color: var(--mjk-green); }
.job-grid {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.job-card {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: .95rem;
}
.job-card:hover { border-color: var(--mjk-green); }
.job-top { align-items: flex-start; display: flex; gap: .7rem; }
.job-top .mjk-style-0008 { min-width: 0; }
.match-score {
    background: #12351f;
    border-radius: 999px;
    color: #fff;
    flex: 0 0 auto;
    font-size: .72rem;
    font-weight: 900;
    min-height: 28px;
    padding: .28rem .55rem;
}
.tag-line { display: flex; flex-wrap: wrap; gap: .35rem; }
.tag {
    background: #f1f5f9;
    border-radius: 6px;
    color: #475569;
    display: inline-flex;
    font-size: .68rem;
    font-weight: 800;
    gap: .25rem;
    padding: .2rem .45rem;
}
.job-footer {
    align-items: center;
    display: flex;
    gap: .5rem;
    justify-content: space-between;
    margin-top: auto;
}
.match-reasons {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}
.match-reasons span {
    background: #eef7e5;
    border: 1px solid #d6edbf;
    border-radius: 6px;
    color: #32630d;
    font-size: .68rem;
    font-weight: 850;
    padding: .2rem .45rem;
}
.deadline-text { color: #64748b; font-size: .73rem; font-weight: 700; }
.side-stack { display: grid; gap: 1rem; }
.side-card { padding: 1rem; }
.side-card-head {
    align-items: flex-start;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    margin-bottom: .45rem;
}
.side-card-head h2 {
    color: #172033;
    font-size: 1rem;
    font-weight: 900;
    margin: .1rem 0 0;
}
.side-card-head > i {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    flex: 0 0 42px;
    font-size: 1.25rem;
    height: 42px;
    justify-content: center;
    width: 42px;
}
.cv-ready { border-color: #bbf7d0; }
.cv-ready .side-card-head > i {
    background: #ecfdf5;
    color: #047857;
}
.cv-missing { border-color: #fed7aa; }
.cv-missing .side-card-head > i {
    background: #fff7ed;
    color: #9a3412;
}
.cv-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: .9rem;
}
.profile-row { align-items: center; display: flex; gap: .85rem; }
.profile-avatar {
    border-radius: 8px;
    flex: 0 0 58px;
    height: 58px;
    overflow: hidden;
    width: 58px;
}
.profile-avatar img { height: 100%; object-fit: cover; width: 100%; }
.avatar-fallback {
    align-items: center;
    background: #12351f;
    color: #fff;
    display: flex;
    font-size: 1.45rem;
    font-weight: 900;
    height: 100%;
    justify-content: center;
}
.readiness-ring {
    --value: 0;
    align-items: center;
    background: conic-gradient(var(--mjk-green) calc(var(--value) * 1%), #e8edf3 0);
    border-radius: 999px;
    display: grid;
    height: 92px;
    margin: .85rem auto;
    place-items: center;
    width: 92px;
}
.readiness-ring span {
    align-items: center;
    background: #fff;
    border-radius: 999px;
    color: #0f172a;
    display: flex;
    font-size: 1.15rem;
    font-weight: 900;
    height: 72px;
    justify-content: center;
    width: 72px;
}
.meter { margin-top: .7rem; }
.meter-top {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: .3rem;
}
.meter-label,
.meter-value {
    color: #475569;
    font-size: .76rem;
    font-weight: 800;
}
.meter-track {
    background: #eef2f6;
    border-radius: 999px;
    height: 7px;
    overflow: hidden;
}
.meter-track span {
    background: var(--mjk-green);
    border-radius: inherit;
    display: block;
    height: 100%;
}
.quick-list { display: grid; gap: .45rem; }
.quick-link {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e8edf3;
    border-radius: 8px;
    color: #334155;
    display: flex;
    font-size: .82rem;
    font-weight: 800;
    gap: .6rem;
    min-height: 44px;
    padding: .62rem .75rem;
    text-decoration: none;
}
.quick-link:hover { background: #f3fbeb; border-color: var(--mjk-green); color: var(--mjk-green-dark); }
.quick-link span {
    display: grid;
    gap: .05rem;
    min-width: 0;
}
.quick-link small {
    color: #64748b;
    font-size: .7rem;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.gap-list { display: grid; gap: .45rem; }
.gap-item {
    align-items: center;
    background: #fff;
    border: 1px solid #e8edf3;
    border-radius: 8px;
    color: #334155;
    display: flex;
    font-size: .82rem;
    font-weight: 850;
    gap: .55rem;
    min-height: 42px;
    padding: .58rem .7rem;
    text-decoration: none;
}
.gap-item:hover {
    border-color: var(--mjk-green);
    color: var(--mjk-green-dark);
}
.skill-list { display: flex; flex-wrap: wrap; gap: .35rem; }
.skill-chip {
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    color: #334155;
    font-size: .72rem;
    font-weight: 800;
    padding: .22rem .55rem;
}
.empty-state {
    color: #64748b;
    padding: 2rem 1.25rem;
    text-align: center;
}
.empty-state i { color: #cbd5e1; display: block; font-size: 2rem; margin-bottom: .55rem; }
.invite-card {
    border-color: #fde68a;
}
.invite-card .panel-head { background: #fffbeb; border-bottom-color: #fde68a; }
.invite-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}
@media (max-width: 1199.98px) {
    .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .chart-layout,
    .pipeline-grid { grid-template-columns: 1fr; }
}
@media (max-width: 991.98px) {
    .side-stack { margin-top: 0; }
}
@media (max-width: 767.98px) {
    .seeker-page { padding-top: .75rem; }
    .seeker-hero { align-items: stretch; flex-direction: column; }
    .hero-profile { align-items: flex-start; }
    .hero-actions .btn-seeker-primary,
    .hero-actions .btn-seeker-secondary { justify-content: center; width: 100%; }
    .metric-grid,
    .job-grid { grid-template-columns: 1fr; }
    .application-row {
        align-items: flex-start;
        grid-template-columns: 42px minmax(0, 1fr);
    }
    .application-row .status-pill,
    .application-row .text-link { grid-column: 2; justify-self: start; }
}
@media (max-width: 575.98px) {
    .seeker-hero,
    .seeker-panel,
    .side-card { border-radius: 0; margin-left: -.75rem; margin-right: -.75rem; }
}


/* resources/views/dashboard/employer.blade.php */
/* ── Skip link ──────────────────────────────────────────────────────────── */
.skip-link {
    position: absolute;
    top: -100%;
    left: 1rem;
    z-index: 10000;
    background: #1a2e07;
    color: #fff;
    padding: 0.75rem 1.25rem;
    border-radius: 0 0 0.5rem 0.5rem;
    font-weight: 700;
    text-decoration: none;
    transition: top 0.15s;
}
.skip-link:focus { top: 0; }

/* ── Page shell ─────────────────────────────────────────────────────────── */
.ed-page {
    display: flex;
    min-height: 100vh;
    background: #f3f5ef;
}

/* ── Sidebar ────────────────────────────────────────────────────────────── */
.ed-sidebar {
    width: 244px;
    flex-shrink: 0;
    background: #111f07;
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 0;
    height: 100vh;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #2a4010 transparent;
    z-index: 200;
    transition: transform 0.28s cubic-bezier(.4,0,.2,1);
}
.ed-sidebar::-webkit-scrollbar { width: 4px; }
.ed-sidebar::-webkit-scrollbar-thumb { background: #2a4010; border-radius: 2px; }

.ed-sidebar-brand {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1rem 0.8rem;
    border-bottom: 1px solid #1e3a0f;
    text-decoration: none;
}
.ed-sidebar-brand-icon {
    width: 34px;
    height: 34px;
    background: #75b61b;
    border-radius: 0.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.1rem;
    flex-shrink: 0;
}
.ed-sidebar-brand-text {
    line-height: 1.2;
    color: #e8f5d0;
    font-weight: 800;
    font-size: 0.9rem;
}
.ed-sidebar-brand-sub {
    font-size: 0.72rem;
    color: #6e9a3f;
    font-weight: 600;
}

.ed-sidebar-section {
    padding: 0.85rem 0.8rem 0.2rem;
}
.ed-sidebar-section-label {
    font-size: 0.66rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #4d7030;
    font-weight: 800;
    padding: 0 0.25rem;
    margin-bottom: 0.35rem;
}
.ed-nav-link {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.52rem 0.6rem;
    border-radius: 0.45rem;
    color: #b8d18e;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.82rem;
    transition: background 0.15s, color 0.15s;
    position: relative;
    margin-bottom: 0.1rem;
}
.ed-nav-link i { font-size: 1rem; flex-shrink: 0; color: #6e9a3f; transition: color 0.15s; }
.ed-nav-link:hover  { background: #1e3a0f; color: #d8edb5; }
.ed-nav-link:hover i { color: #96cc44; }
.ed-nav-link[aria-current="page"] { background: #75b61b; color: #fff; font-weight: 700; }
.ed-nav-link[aria-current="page"] i { color: #fff; }
.ed-nav-link:focus-visible {
    outline: 2px solid #96cc44;
    outline-offset: 2px;
}
.ed-nav-badge {
    margin-left: auto;
    background: #e53935;
    color: #fff;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 800;
    padding: 0.15rem 0.5rem;
    min-width: 1.4rem;
    text-align: center;
    line-height: 1.4;
}

.ed-sidebar-footer {
    margin-top: auto;
    padding: 0.8rem;
    border-top: 1px solid #1e3a0f;
}
.ed-user-pill {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0.6rem;
    border-radius: 0.5rem;
    background: #1a3310;
    text-decoration: none;
    transition: background 0.15s;
}
.ed-user-pill:hover { background: #254a17; }
.ed-user-pill:focus-visible { outline: 2px solid #96cc44; outline-offset: 2px; }
.ed-user-avatar {
    width: 34px; height: 34px;
    background: #75b61b;
    border-radius: 50%;
    color: #fff;
    font-weight: 800;
    font-size: 0.88rem;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}
.ed-user-name { color: #d8edb5; font-weight: 700; font-size: 0.82rem; line-height: 1.2; }
.ed-user-role { color: #5a8a2e; font-size: 0.72rem; font-weight: 600; }

/* ── Main content ───────────────────────────────────────────────────────── */
.ed-main {
    flex: 1;
    min-width: 0;
    padding: 1.25rem 1.25rem 3rem;
}

/* ── Greeting header ────────────────────────────────────────────────────── */
.ed-greeting {
    background: #fff;
    border: 1px solid #e0e8d0;
    border-radius: 0.65rem;
    padding: 1rem 1.15rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    box-shadow: 0 1px 6px rgba(0,0,0,0.04);
}
.ed-greeting-eyebrow {
    font-size: 0.75rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #75b61b;
    font-weight: 800;
    margin-bottom: 0.3rem;
}
.ed-greeting h1 {
    font-size: clamp(1.2rem, 3vw, 1.6rem);
    font-weight: 800;
    color: #1a2e07;
    margin-bottom: 0.2rem;
    line-height: 1.2;
}
.ed-greeting-sub { color: #5d6e47; font-size: 0.9rem; }

/* ── KPI stat cards ─────────────────────────────────────────────────────── */
.ed-stats { display: grid; grid-template-columns: repeat(4,1fr); gap: 1rem; margin-bottom: 1.5rem; }
@media (max-width: 1199.98px) { .ed-stats { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 575.98px)  { .ed-stats { grid-template-columns: 1fr 1fr; } }

.ed-stat {
    background: #fff;
    border: 1px solid #e0e8d0;
    border-radius: 0.65rem;
    padding: 0.9rem 1rem;
    box-shadow: 0 1px 6px rgba(0,0,0,0.04);
    position: relative;
    overflow: hidden;
}
.ed-stat::before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 4px; height: 100%;
    border-radius: 0.9rem 0 0 0.9rem;
}
.ed-stat--green::before { background: #75b61b; }
.ed-stat--blue::before  { background: #2e7dce; }
.ed-stat--amber::before { background: #e08a1e; }
.ed-stat--teal::before  { background: #12a098; }

.ed-stat-icon {
    width: 32px; height: 32px;
    border-radius: 0.45rem;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.05rem;
    margin-bottom: 0.6rem;
    flex-shrink: 0;
}
.ed-stat--green .ed-stat-icon { background: #eef7db; color: #4a7512; }
.ed-stat--blue  .ed-stat-icon { background: #e3effc; color: #1a5fa0; }
.ed-stat--amber .ed-stat-icon { background: #fdf3e3; color: #b56b10; }
.ed-stat--teal  .ed-stat-icon { background: #e0f5f4; color: #0a7a73; }

.ed-stat-value {
    font-size: clamp(1.6rem,3.5vw,2.1rem);
    font-weight: 900;
    color: #1a2e07;
    line-height: 1;
    margin-bottom: 0.35rem;
}
.ed-stat-label { font-weight: 700; color: #374427; font-size: 0.82rem; margin-bottom: 0.2rem; }
.ed-stat-sub   { color: #6b7e54; font-size: 0.77rem; }

/* ── Content panel ──────────────────────────────────────────────────────── */
.ed-panel {
    background: #fff;
    border: 1px solid #e0e8d0;
    border-radius: 0.65rem;
    padding: 1rem;
    box-shadow: 0 1px 6px rgba(0,0,0,0.04);
    margin-bottom: 0.9rem;
}
.ed-panel-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.9rem;
    flex-wrap: wrap;
}
.ed-panel-eyebrow {
    font-size: 0.72rem;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    color: #75b61b;
    font-weight: 800;
    margin-bottom: 0.3rem;
}
.ed-panel h2 { font-size: 1.1rem; font-weight: 800; color: #1a2e07; margin-bottom: 0.2rem; }
.ed-panel-sub { color: #5d6e47; font-size: 0.88rem; }

/* ── Cards ──────────────────────────────────────────────────────────────── */
.ed-card {
    background: #fafcf6;
    border: 1px solid #e4ecda;
    border-radius: 0.55rem;
    padding: 0.75rem 0.85rem;
}
.ed-card + .ed-card { margin-top: 0.6rem; }
.ed-card-grid { display: grid; gap: 0.75rem; grid-template-columns: repeat(2,1fr); }
@media (max-width: 575.98px) { .ed-card-grid { grid-template-columns: 1fr; } }

/* ── Avatar ─────────────────────────────────────────────────────────────── */
.ed-avatar {
    width: 36px; height: 36px;
    border-radius: 50%;
    background: #d4e9a8;
    color: #2d5009;
    display: inline-flex;
    align-items: center; justify-content: center;
    font-weight: 800; font-size: 0.95rem;
    flex-shrink: 0;
}
.ed-avatar--blue { background: #daeaf9; color: #1a5299; }
.ed-avatar--amber { background: #fde8c6; color: #8c500a; }

/* ── Status badges ──────────────────────────────────────────────────────── */
.ed-badge {
    display: inline-flex; align-items: center; gap: 0.3rem;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.73rem;
    font-weight: 700;
    white-space: nowrap;
}
.ed-badge--pending   { background: #fff4e0; color: #8c580a; }
.ed-badge--reviewed  { background: #e3effc; color: #1a5fa0; }
.ed-badge--shortlist { background: #e0f5f4; color: #0a6b65; }
.ed-badge--hired     { background: #eef7db; color: #385607; }
.ed-badge--rejected  { background: #fde8e8; color: #921a1a; }
.ed-badge--approved  { background: #eef7db; color: #385607; }
.ed-badge--draft     { background: #f0f0f0; color: #444; }

/* ── Pipeline bar ───────────────────────────────────────────────────────── */
.ed-pipeline { display: flex; gap: 0.5rem; margin-bottom: 1rem; }
.ed-pipeline-step {
    flex: 1; display: flex; flex-direction: column; align-items: center; gap: 0.4rem;
    text-align: center; font-size: 0.78rem; font-weight: 700; color: #5d6e47;
}
.ed-pipeline-bar {
    width: 100%; height: 8px; border-radius: 999px; background: #e8f0da;
    position: relative; overflow: hidden;
}
.ed-pipeline-bar-fill { height: 100%; border-radius: 999px; transition: width 0.6s ease; }
.ed-pipeline-val { font-size: 1.1rem; font-weight: 900; color: #1a2e07; line-height: 1; }

/* ── Table ──────────────────────────────────────────────────────────────── */
.ed-table { width: 100%; border-collapse: separate; border-spacing: 0; }
.ed-table th {
    background: #f5f8f0;
    padding: 0.55rem 0.7rem;
    font-size: 0.78rem;
    font-weight: 800;
    color: #374427;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border-bottom: 2px solid #e0e8d0;
    white-space: nowrap;
}
.ed-table th:first-child { border-radius: 0.5rem 0 0 0; }
.ed-table th:last-child  { border-radius: 0 0.5rem 0 0; }
.ed-table td { padding: 0.62rem 0.7rem; border-bottom: 1px solid #edf1e5; color: #1a2e07; vertical-align: middle; }
.ed-table tr:last-child td { border-bottom: 0; }
.ed-table tr:hover td { background: #fafcf6; }
.ed-panel div.dataTables_wrapper {
    font-size: 0.82rem;
}
.ed-panel div.dataTables_wrapper div.dataTables_length,
.ed-panel div.dataTables_wrapper div.dataTables_filter,
.ed-panel div.dataTables_wrapper div.dataTables_info,
.ed-panel div.dataTables_wrapper div.dataTables_paginate {
    color: #5d6e47;
    font-size: 0.78rem;
}
.ed-panel div.dataTables_wrapper div.dataTables_length select,
.ed-panel div.dataTables_wrapper div.dataTables_filter input {
    border: 1px solid #dbe6cc;
    border-radius: 0.4rem;
    color: #1a2e07;
    font-size: 0.78rem;
    min-height: 34px;
}
.ed-panel div.dataTables_wrapper .dataTables_processing {
    background: #fff;
    border: 1px solid #dbe6cc;
    border-radius: 0.5rem;
    color: #1a2e07;
    font-weight: 700;
    padding: 0.75rem 1rem;
}
.ed-panel .page-link {
    border-color: #dbe6cc;
    color: #374427;
    font-size: 0.78rem;
    min-height: 32px;
}
.ed-panel .page-item.active .page-link {
    background: #4a7512;
    border-color: #4a7512;
}
.ed-panel table.dataTable.no-footer { border-bottom: 0; }

/* ── Empty state ────────────────────────────────────────────────────────── */
.ed-empty {
    text-align: center;
    padding: 2rem 1.25rem;
    border: 2px dashed #d5e3bc;
    border-radius: 1rem;
    background: #fafcf6;
}
.ed-empty-icon { font-size: 2.5rem; color: #a8c473; margin-bottom: 0.75rem; display: block; }
.ed-empty h3 { font-size: 1rem; font-weight: 800; color: #374427; margin-bottom: 0.4rem; }
.ed-empty p  { color: #6b7e54; font-size: 0.88rem; max-width: 360px; margin: 0 auto 1.25rem; }

/* ── Calendar ───────────────────────────────────────────────────────────── */
.ed-cal { border: 1px solid #e0e8d0; border-radius: 0.9rem; overflow: hidden; }
.ed-cal-head, .ed-cal-week { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); }
.ed-cal-head { background: #f3f8eb; border-bottom: 1px solid #e0e8d0; }
.ed-cal-head span {
    padding: 0.8rem 0.5rem;
    font-size: 0.74rem; font-weight: 800;
    letter-spacing: 0.07em; text-transform: uppercase;
    color: #3d5c18; text-align: center;
}
.ed-cal-week + .ed-cal-week { border-top: 1px solid #edf1e5; }
.ed-cal-day {
    min-height: 96px; padding: 0.5rem; background: #fff;
    border-right: 1px solid #edf1e5;
}
.ed-cal-day:last-child { border-right: 0; }
.ed-cal-day.outside { background: #fafcf6; }
.ed-cal-day.today   { background: #f8fdf0; }
.ed-cal-day-num {
    width: 1.9rem; height: 1.9rem; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    font-weight: 800; font-size: 0.82rem; color: #374427; margin-bottom: 0.5rem;
}
.ed-cal-day.outside .ed-cal-day-num { color: #9aaa80; }
.ed-cal-day.today   .ed-cal-day-num { background: #75b61b; color: #fff; }
.ed-cal-event {
    display: block; border-radius: 0.45rem; padding: 0.35rem 0.5rem;
    font-size: 0.72rem; line-height: 1.3; text-decoration: none;
    margin-bottom: 0.3rem; background: #eef7db; color: #2a4a08; border: 1px solid #d8ecb5;
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.ed-cal-event:focus-visible { outline: 2px solid #4a7512; outline-offset: 1px; }
.ed-cal-event.type-candidate { background: #e8f0fc; color: #1a3d7a; border-color: #c5d9f9; }
.ed-cal-more { font-size: 0.7rem; color: #6b7e54; font-weight: 700; padding: 0.15rem 0.4rem; }
@media (max-width: 991.98px) { .ed-cal { overflow-x: auto; }
    .ed-cal-head, .ed-cal-week { min-width: 640px; } }

/* ── Focus visible global ────────────────────────────────────────────────── */
a:focus-visible, button:focus-visible, [tabindex]:focus-visible {
    outline: 2px solid #4a7512;
    outline-offset: 2px;
    border-radius: 3px;
}

/* ── Buttons ─────────────────────────────────────────────────────────────── */
.btn-ed-primary {
    background: #4a7512; color: #fff; border: none;
    padding: 0.42rem 0.8rem; border-radius: 0.45rem;
    font-weight: 700; font-size: 0.8rem;
    text-decoration: none; display: inline-flex; align-items: center; gap: 0.4rem;
    transition: background 0.15s;
}
.btn-ed-primary:hover { background: #3a5c0e; color: #fff; }
.btn-ed-ghost {
    background: transparent; color: #374427;
    border: 1px solid #cdd9b8; padding: 0.38rem 0.75rem; border-radius: 0.45rem;
    font-weight: 600; font-size: 0.78rem; text-decoration: none;
    display: inline-flex; align-items: center; gap: 0.4rem;
    transition: background 0.15s, border-color 0.15s;
}
.btn-ed-ghost:hover { background: #f0f5e8; border-color: #9ab86d; color: #1a2e07; }
.btn-ed-sm { padding: 0.28rem 0.55rem; font-size: 0.74rem; }

/* ── Skill tag ──────────────────────────────────────────────────────────── */
.ed-skill {
    display: inline-block; background: #eef7db; color: #334d09;
    border-radius: 999px; padding: 0.22rem 0.65rem;
    font-size: 0.73rem; font-weight: 700;
}

/* ── Responsive sidebar toggle ──────────────────────────────────────────── */
.ed-sidebar-toggle {
    display: none;
    position: fixed; bottom: 1.25rem; right: 1.25rem;
    z-index: 300;
    width: 52px; height: 52px;
    background: #1a2e07; color: #fff;
    border: none; border-radius: 50%;
    font-size: 1.3rem;
    box-shadow: 0 4px 14px rgba(0,0,0,0.3);
    cursor: pointer;
}
@media (max-width: 991.98px) {
    .ed-sidebar-toggle { display: flex; align-items: center; justify-content: center; }
    .ed-sidebar {
        position: fixed; top: 0; left: 0; height: 100%; z-index: 400;
        transform: translateX(-100%);
    }
    .ed-sidebar.open { transform: translateX(0); box-shadow: 4px 0 24px rgba(0,0,0,0.25); }
    .ed-main { padding: 1.25rem 1rem 5rem; }
    .ed-stats { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 479.98px) { .ed-stats { grid-template-columns: 1fr; } }

/* ── Agenda list ────────────────────────────────────────────────────────── */
.ed-agenda-item {
    display: flex; gap: 0.75rem; align-items: flex-start;
    padding: 0.65rem 0; border-bottom: 1px solid #edf1e5;
}
.ed-agenda-item:last-child { border-bottom: 0; padding-bottom: 0; }
.ed-date-chip {
    min-width: 56px; border-radius: 0.75rem;
    background: #eef7db; color: #2d5009;
    text-align: center; padding: 0.5rem 0.4rem;
    font-weight: 900; line-height: 1.1;
}
.ed-date-chip .day { font-size: 1.2rem; }
.ed-date-chip .mon { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.06em; }

/* ── Section fade ───────────────────────────────────────────────────────── */
.ed-section { animation: edFadeUp 0.2s ease; }
@keyframes edFadeUp {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Overlay for mobile sidebar ─────────────────────────────────────────── */
.ed-overlay {
    display: none;
    position: fixed; inset: 0; z-index: 390;
    background: rgba(0,0,0,0.45);
}
.ed-overlay.open { display: block; }


/* resources/views/courses/index.blade.php */
.courses-hero {
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    }

    .courses-hero-search {
        max-width: 540px;
    }

    .courses-category-pill,
    .courses-filter-hint {
        color: var(--mjk-muted);
        font-size: 0.85rem;
    }

    .courses-category-pill {
        font-weight: 600;
    }

    .courses-category-pill.active {
        color: var(--mjk-green-dark);
    }

    .courses-category-pill i {
        color: var(--mjk-green);
    }

    .course-feature-card .card-thumb {
        height: 210px;
    }

    .courses-mobile-filter-toggle {
        display: none;
    }

    @media (max-width: 991.98px) {
        .courses-mobile-filter-toggle {
            display: inline-flex;
            width: 100%;
        }

        .courses-filter-panel {
            position: static !important;
        }

    }

    @media (max-width: 767.98px) {
        .module-hero {
            padding-top: 1.5rem;
            padding-bottom: 1.5rem;
        }

        .module-hero-title {
            font-size: clamp(1.75rem, 8vw, 2.35rem);
        }

        .courses-hero-search {
            max-width: none;
        }

        .courses-hero-search .input-group {
            flex-direction: column;
        }

        .courses-hero-search .form-control,
        .courses-hero-search .btn {
            border-radius: 8px !important;
            width: 100%;
        }

        .course-feature-card .card-thumb {
            height: 180px;
        }

        .courses-results-panel,
        .courses-filter-panel {
            padding: 0.95rem;
        }
    }


/* resources/views/courses/dashboard.blade.php */
.learning-page {
    background:#f6f8fb;
    min-height:80vh;
    padding:1.5rem 0 4rem;
}
.learning-wrap { max-width:1180px; }
.learning-hero,
.learning-stat,
.learning-panel,
.course-card {
    background:#fff;
    border:1px solid #e4eaf1;
    border-radius:8px;
}
.learning-hero {
    align-items:center;
    display:flex;
    gap:1rem;
    justify-content:space-between;
    margin-bottom:1rem;
    padding:1.15rem;
}
.eyebrow { color:#64748b; font-size:.72rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.learning-hero h1 { color:#0f172a; font-size:clamp(1.35rem,2.5vw,1.85rem); font-weight:900; margin:.15rem 0 .25rem; }
.hero-copy { color:#64748b; font-size:.88rem; margin:0; }
.hero-actions { display:flex; flex-wrap:wrap; gap:.5rem; }
.btn-learn-primary,
.btn-learn-secondary {
    align-items:center;
    border-radius:8px;
    display:inline-flex;
    font-size:.84rem;
    font-weight:800;
    gap:.42rem;
    min-height:44px;
    padding:.62rem .95rem;
    text-decoration:none;
}
.btn-learn-primary { background:var(--mjk-green); border:1px solid var(--mjk-green); color:#fff; }
.btn-learn-primary:hover { background:var(--mjk-green-dark); border-color:var(--mjk-green-dark); color:#fff; }
.btn-learn-secondary { background:#fff; border:1px solid #dce4ee; color:#334155; }
.btn-learn-secondary:hover { border-color:var(--mjk-green); color:var(--mjk-green-dark); }
.learning-stats {
    display:grid;
    gap:.65rem;
    grid-template-columns:repeat(4,minmax(0,1fr));
    margin-bottom:1rem;
}
.learning-stat { min-height:82px; padding:.8rem; }
.stat-value { color:#0f172a; font-size:1.35rem; font-weight:900; line-height:1; }
.stat-label { color:#64748b; font-size:.74rem; font-weight:800; margin-top:.25rem; }
.learning-tabs {
    border-bottom:0;
    display:flex;
    gap:.5rem;
    margin-bottom:1rem;
}
.learning-tabs .nav-link {
    border:1px solid #dce4ee;
    border-radius:8px;
    color:#334155;
    font-size:.84rem;
    font-weight:900;
    min-height:44px;
    padding:.62rem .9rem;
}
.learning-tabs .nav-link.active {
    background:#f3fbeb;
    border-color:var(--mjk-green);
    color:var(--mjk-green-dark);
}
.course-list { display:grid; gap:.75rem; }
.course-card {
    align-items:center;
    display:grid;
    gap:.9rem;
    grid-template-columns:86px minmax(0,1fr) auto;
    padding:.95rem;
}
.course-thumb {
    aspect-ratio:1 / 1;
    background:#eef7e5;
    border:1px solid #d9edc4;
    border-radius:8px;
    color:var(--mjk-green-dark);
    display:flex;
    font-size:1.4rem;
    font-weight:900;
    overflow:hidden;
    place-items:center;
    justify-content:center;
}
.course-thumb img {
    height:100%;
    object-fit:cover;
    width:100%;
}
.course-title {
    color:#172033;
    display:block;
    font-size:.95rem;
    font-weight:900;
    line-height:1.25;
    text-decoration:none;
}
.course-title:hover { color:var(--mjk-green-dark); }
.course-meta {
    color:#64748b;
    font-size:.78rem;
    margin-top:.22rem;
}
.progress-wrap {
    align-items:center;
    display:flex;
    gap:.65rem;
    margin-top:.65rem;
}
.progress-track {
    background:#eef2f6;
    border-radius:999px;
    flex:1;
    height:8px;
    overflow:hidden;
}
.progress-track span {
    background:var(--mjk-green);
    border-radius:inherit;
    display:block;
    height:100%;
}
.progress-value {
    color:#334155;
    font-size:.74rem;
    font-weight:900;
    min-width:42px;
    text-align:right;
}
.course-actions {
    align-items:flex-end;
    display:flex;
    flex-direction:column;
    gap:.45rem;
}
.course-badge {
    border-radius:999px;
    display:inline-flex;
    font-size:.7rem;
    font-weight:900;
    min-height:28px;
    padding:.22rem .62rem;
    white-space:nowrap;
}
.badge-complete { background:#ecfdf5; color:#047857; }
.badge-progress { background:#eff6ff; color:#1d4ed8; }
.badge-draft { background:#fff7ed; color:#9a3412; }
.badge-live { background:#ecfdf5; color:#047857; }
.empty-state {
    background:#fff;
    border:1px solid #e4eaf1;
    border-radius:8px;
    color:#64748b;
    padding:3rem 1.25rem;
    text-align:center;
}
.empty-state i { color:#cbd5e1; display:block; font-size:2.4rem; margin-bottom:.7rem; }
.success-alert {
    background:#ecfdf5;
    border:1px solid #bbf7d0;
    border-radius:8px;
    color:#166534;
    font-weight:800;
    margin-bottom:1rem;
    padding:.85rem 1rem;
}
@media (max-width:991.98px) {
    .learning-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:767.98px) {
    .learning-page { padding-top:.75rem; }
    .learning-hero { align-items:stretch; flex-direction:column; }
    .hero-actions .btn-learn-primary,
    .hero-actions .btn-learn-secondary { justify-content:center; width:100%; }
    .learning-tabs { overflow-x:auto; padding-bottom:.2rem; }
    .learning-tabs .nav-link { white-space:nowrap; }
    .course-card { align-items:start; grid-template-columns:64px minmax(0,1fr); }
    .course-actions { align-items:stretch; grid-column:2; }
    .course-actions .btn-learn-primary,
    .course-actions .btn-learn-secondary { justify-content:center; width:100%; }
}
@media (max-width:575.98px) {
    .learning-hero,
    .course-card,
    .empty-state { border-radius:0; margin-left:-.75rem; margin-right:-.75rem; }
}


/* resources/views/courses/learn.blade.php */
.course-learn-player {
    max-width: 1100px;
  }

  .course-learn-player .plyr-frame {
    border-radius: 1.2rem;
    padding: 0.6rem;
  }
  @media (max-width: 767.98px) {
    .course-learn-player .plyr-frame {
      border-radius: 1rem;
      padding: 0.4rem;
    }
  }


/* resources/views/courses/show.blade.php */
.course-detail-page {
        background: #f4f7f1;
    }

    .course-hero {
        min-height: 420px;
        display: flex;
        align-items: center;
        color: #fff;
        background:
            linear-gradient(100deg, rgba(9, 17, 5, 0.86) 0%, rgba(11, 20, 6, 0.75) 48%, rgba(9, 17, 5, 0.58) 100%),
            url('{{ $course->thumbnail_url ?: 'https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=1600&q=80' }}') center/cover no-repeat;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .course-hero-grid {
        align-items: center;
        min-height: 420px;
    }

    .course-category-chip {
        display: inline-flex;
        align-items: center;
        min-height: 32px;
        padding: 0.35rem 0.75rem;
        border-radius: 999px;
        background: rgba(132, 187, 21, 0.16);
        border: 1px solid rgba(132, 187, 21, 0.3);
        color: #c8ea86;
        font-size: 0.76rem;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
    }

    .course-hero-title {
        font-size: clamp(2.35rem, 4vw, 4rem);
        font-weight: 800;
        line-height: 1.04;
        margin: 1rem 0;
        max-width: 860px;
    }

    .course-hero-copy {
        max-width: 720px;
        font-size: 1.05rem;
        line-height: 1.55;
        color: rgba(255, 255, 255, 0.88);
        margin-bottom: 0;
    }

    .course-meta-inline {
        display: flex;
        align-items: center;
        gap: .55rem;
        flex-wrap: wrap;
        margin-top: 1.1rem;
    }

    .course-meta-chip {
        display: inline-flex;
        align-items: center;
        gap: .45rem;
        min-height: 34px;
        padding: 0.42rem 0.75rem;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.1);
        border: 1px solid rgba(255, 255, 255, 0.14);
        color: rgba(255,255,255,.88);
        font-size: .82rem;
        font-weight: 700;
    }

    .course-preview-link {
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        gap: .85rem;
        color: inherit;
        text-decoration: none;
    }

    .course-preview-trigger {
        width: 88px;
        height: 88px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.94);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.18);
    }

    .course-preview-trigger i {
        font-size: 2.9rem;
        color: #111;
        margin-left: 0.18rem;
    }

    .course-preview-label {
        color: #d5ef9f;
        font-size: 1rem;
        font-weight: 800;
        text-align: center;
    }

    .course-sidebar-card,
    .course-main-card,
    .course-mini-item,
    .course-recommend-card {
        background: #fff;
        border: 1px solid #e3e9de;
        border-radius: .5rem;
    }

    .course-main-card,
    .course-sidebar-card {
        box-shadow: 0 14px 34px rgba(12, 20, 8, .05);
    }

    .course-section-heading {
        font-size: 1.6rem;
        font-weight: 800;
        margin-bottom: 1rem;
        color: #111;
        line-height: 1.15;
    }

    .course-sidebar-card {
        padding: 1.5rem;
        position: sticky;
        top: 72px;
    }

    .course-main-card {
        padding: 1.7rem;
    }

    .course-block-copy {
        color: #42503f;
        font-size: 1rem;
        line-height: 1.7;
    }

    .course-list {
        margin: 0 0 1.75rem;
        padding-left: 1.1rem;
        color: #31402d;
        font-size: 1rem;
        line-height: 1.7;
    }

    .course-list li + li {
        margin-top: 0.45rem;
    }

    .course-curriculum-section + .course-curriculum-section {
        margin-top: 1.35rem;
    }

    .course-curriculum-title {
        font-size: 1.02rem;
        font-weight: 800;
        color: #172017;
        margin-bottom: 0.75rem;
    }

    .course-curriculum-row {
        display: flex;
        align-items: center;
        gap: .8rem;
        padding: .9rem 0;
        border-bottom: 1px solid #eef2eb;
    }

    .course-curriculum-row:last-child {
        border-bottom: 0;
    }

    .course-curriculum-icon {
        width: 36px;
        height: 36px;
        border-radius: 999px;
        background: #f3f7ef;
        color: #3f5f08;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
    }

    .course-curriculum-duration {
        color: #74806f;
        font-size: .84rem;
        font-weight: 700;
        white-space: nowrap;
    }

    .course-mini-item {
        display: flex;
        gap: .9rem;
        align-items: stretch;
        overflow: hidden;
        margin-bottom: .85rem;
        transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
    }

    .course-mini-item img {
        width: 112px;
        height: 86px;
        object-fit: cover;
        flex-shrink: 0;
    }

    .course-recommend-card img {
        width: 100%;
        height: 125px;
        object-fit: cover;
        display: block;
    }

    .course-recommend-card {
        overflow: hidden;
        box-shadow: 0 6px 18px rgba(0,0,0,.04);
        transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
    }

    .course-mini-item:hover,
    .course-recommend-card:hover {
        border-color: #cfd9c6;
        box-shadow: 0 16px 28px rgba(12, 20, 8, .08);
        transform: translateY(-1px);
    }

    .course-includes {
        background: #f7faf3;
        border: 1px solid #e3ebd8;
        padding: 1.2rem 1.3rem;
        border-radius: .5rem;
    }

    .course-includes ul {
        padding-left: 1.25rem;
        margin: 0;
    }

    .course-preview-wrap .plyr-frame {
        border-radius: 1rem;
        padding: 0.45rem;
        box-shadow: 0 14px 32px rgba(0,0,0,.14);
    }

    .course-preview-wrap .plyr--video .plyr__controls {
        padding: .8rem;
    }

    .course-price {
        color: #3f5f08;
        font-size: 2.15rem;
        font-weight: 800;
        line-height: 1;
        text-align: center;
        margin-bottom: 1rem;
    }

    .course-action-stack {
        display: flex;
        flex-direction: column;
        gap: .75rem;
        margin-bottom: 1.5rem;
    }

    .course-share-label {
        font-size: 1rem;
        font-weight: 800;
        color: #172017;
        margin-bottom: .75rem;
    }

    .course-share-list {
        display: flex;
        gap: .5rem;
        flex-wrap: wrap;
    }

    .course-share-link {
        width: 42px;
        height: 42px;
        border-radius: 999px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        text-decoration: none;
    }

    .course-sidebar-title {
        font-size: 1.35rem;
        font-weight: 800;
        line-height: 1.2;
        margin-bottom: 1rem;
        color: #172017;
    }

    @media (max-width: 991.98px) {
        .course-sidebar-card {
            position: static;
            top: auto;
        }

        .course-hero-grid {
            min-height: auto;
            padding: 3rem 0;
        }
    }

    @media (max-width: 767.98px) {
        .course-hero {
            min-height: auto;
            padding: 2rem 0 1.75rem;
            background-position: center;
        }

        .course-hero-title {
            font-size: clamp(1.85rem, 8vw, 2.7rem) !important;
            line-height: 1.08 !important;
        }

        .course-meta-inline {
            gap: .45rem;
        }

        .course-main-card,
        .course-sidebar-card {
            border-radius: .75rem;
        }

        .course-section-heading {
            font-size: 1.35rem;
            margin-bottom: 0.8rem;
        }

        .course-mini-item {
            gap: .7rem;
            border-radius: .85rem;
        }

        .course-mini-item img {
            width: 92px;
            height: 78px;
        }

        .course-recommend-card {
            border-radius: .95rem;
        }

        .course-recommend-card img {
            height: 148px;
        }

        .course-includes {
            padding: 1rem;
            border-radius: .9rem;
        }

        .course-preview-link {
            align-items: flex-start !important;
        }

        .course-preview-trigger {
            width: 68px !important;
            height: 68px !important;
        }

        .course-preview-trigger i {
            font-size: 2.2rem !important;
        }
    }


/* resources/views/ai-tools/index.blade.php */
.ai-tools-hero {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.ai-tools-plan-card small {
    color: var(--mjk-muted);
    font-size: 0.85rem;
}

.tool-card-title {
    font-size: 1.02rem;
    line-height: 1.35;
}

.tool-card-copy {
    line-height: 1.6;
}

.tool-meta-pill {
    background: var(--mjk-green-soft);
    color: var(--mjk-green-dark);
    font-size: 0.78rem;
}

.ai-tools-plan {
    background: linear-gradient(135deg, var(--mjk-green-soft), #fff);
}

.ai-tools-plan-card {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    justify-content: center;
    min-height: 138px;
    padding: 1rem;
}

.ai-tools-plan-card strong {
    font-size: 1.3rem;
    line-height: 1.1;
}

.ai-tools-plan-card.is-featured {
    border-color: rgba(117, 182, 27, 0.4);
    box-shadow: inset 0 0 0 1px rgba(117, 182, 27, 0.15);
}

.ai-tools-plan-label {
    color: var(--mjk-green-dark);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

@media (max-width: 991.98px) {
    .ai-tools-hero-panel {
        margin-top: 0.5rem;
    }
}


/* resources/views/ai-tools/show.blade.php */
.ai-tool-detail-head {
    background: linear-gradient(135deg, rgba(238, 247, 219, 0.9), rgba(255, 255, 255, 0.98));
    border: 1px solid rgba(63, 95, 8, 0.08);
    border-radius: 8px;
    padding: 1.5rem;
}

.ai-tool-detail-icon {
    height: 72px;
    width: 72px;
}

.ai-tool-detail-badge {
    background: var(--mjk-green-soft);
    color: var(--mjk-green-dark);
}

.ai-tool-detail-copy {
    line-height: 1.65;
    max-width: 62ch;
}

.ai-tool-summary-card {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 8px;
    padding: 1rem;
}

.ai-tool-summary-stat {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 88px;
    padding: 0.85rem;
    text-align: center;
}

.ai-tool-summary-stat strong {
    font-size: 1.35rem;
    line-height: 1.1;
}

.ai-tool-summary-stat span {
    color: var(--mjk-muted);
    font-size: 0.82rem;
}

.ai-tool-form-card {
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.ai-tool-usage-note {
    align-items: center;
    background: #eef7db;
    border-radius: 8px;
    color: #3f5f08;
    display: flex;
    gap: 0.75rem;
    padding: 0.9rem 1rem;
}

.ai-profile-prefill-note {
    align-items: flex-start;
    background: #f8fafc;
    border: 1px solid #dce4ee;
    border-radius: 8px;
    color: #334155;
    display: flex;
    gap: .7rem;
    padding: .85rem 1rem;
}

.ai-profile-prefill-note > i {
    color: var(--mjk-green);
    font-size: 1.1rem;
    margin-top: .1rem;
}

.ai-profile-prefill-note strong,
.ai-profile-prefill-note span {
    display: block;
    font-size: .86rem;
    line-height: 1.4;
}

.ai-profile-prefill-note span { color: #64748b; }

.ai-prefill-badge {
    align-items: center;
    background: #eef7e5;
    border: 1px solid #d6edbf;
    border-radius: 999px;
    color: #32630d;
    display: inline-flex;
    font-size: .7rem;
    font-weight: 800;
    gap: .25rem;
    min-height: 24px;
    padding: .15rem .5rem;
}

.ai-tool-input {
    border-radius: 8px;
    min-height: 46px;
}

textarea.ai-tool-input {
    min-height: auto;
}

.ai-tool-sidebar .card {
    border: 1px solid rgba(0, 0, 0, 0.05);
}

@media (max-width: 991.98px) {
    .ai-tool-detail-head {
        padding: 1.25rem;
    }

    .ai-tool-detail-icon {
        height: 60px;
        width: 60px;
    }
}


/* resources/views/ai-tools/result.blade.php */
.tool-card { transition: transform .15s, box-shadow .15s; }
.tool-card:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0,0,0,.08) !important; }
@media print {
    nav, .btn, a.btn-mjk-green, h5, .row.g-3:last-child { display:none !important; }
    .card { box-shadow: none !important; border: 1px solid #ddd !important; }
}


/* resources/views/profile/edit.blade.php */
.profile-page {
    background: #f6f8fb;
    min-height: 100vh;
    padding: 1.5rem 0 4rem;
}
.profile-wrap { max-width: 1240px; }
.profile-hero,
.profile-panel,
.profile-side-card {
    background: #fff;
    border: 1px solid #e4eaf1;
    border-radius: 8px;
}
.profile-hero { margin-bottom: 1rem; overflow: hidden; }
.profile-cover {
    background: linear-gradient(135deg, #12351f, #5f9412);
    background-position: center;
    background-size: cover;
    min-height: 190px;
    padding: 1.2rem;
}
.profile-identity {
    align-items: flex-end;
    color: #fff;
    display: flex;
    gap: 1rem;
    min-height: 150px;
}
.profile-avatar {
    border: 3px solid rgba(255,255,255,.92);
    border-radius: 8px;
    flex: 0 0 86px;
    height: 86px;
    overflow: hidden;
    width: 86px;
}
.profile-avatar img { height: 100%; object-fit: cover; width: 100%; }
.avatar-fallback {
    align-items: center;
    background: var(--mjk-green);
    color: #fff;
    display: flex;
    font-size: 2rem;
    font-weight: 900;
    height: 100%;
    justify-content: center;
}
.profile-identity h1 {
    font-size: clamp(1.45rem, 3vw, 2.35rem);
    font-weight: 900;
    margin: 0 0 .25rem;
}
.profile-identity p {
    color: rgba(255,255,255,.86);
    font-size: .92rem;
    margin: 0;
}
.profile-nav {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    padding: .8rem;
}
.profile-nav a {
    align-items: center;
    border: 1px solid #e4eaf1;
    border-radius: 8px;
    color: #334155;
    display: inline-flex;
    font-size: .8rem;
    font-weight: 800;
    min-height: 40px;
    padding: .5rem .75rem;
    text-decoration: none;
}
.profile-nav a:hover,
.profile-nav a.active { background: #f3fbeb; border-color: var(--mjk-green); color: var(--mjk-green-dark); }
.profile-panel { margin-bottom: 1rem; padding: 1.1rem; }
.panel-head {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}
.eyebrow {
    color: #64748b;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.panel-head h2 {
    color: #172033;
    font-size: 1.05rem;
    font-weight: 900;
    margin: .12rem 0 0;
}
.panel-sub {
    color: #64748b;
    font-size: .8rem;
    margin: .18rem 0 0;
}
.profile-panel .form-label {
    color: #172033;
    font-size: .84rem;
    font-weight: 800;
}
.profile-panel .form-control {
    border: 1.5px solid #dfe6ee;
    border-radius: 8px;
    font-size: .92rem;
    min-height: 44px;
}
.profile-panel .form-control:focus {
    border-color: var(--mjk-green);
    box-shadow: 0 0 0 .18rem rgba(117,182,27,.13);
}
.asset-grid {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.asset-card,
.media-uploader {
    background: #f8fafc;
    border: 1px solid #e4eaf1;
    border-radius: 8px;
    padding: .8rem;
}
.asset-card {
    align-items: center;
    display: flex;
    gap: .7rem;
}
.asset-icon {
    align-items: center;
    background: #eef7e5;
    border-radius: 8px;
    color: var(--mjk-green-dark);
    display: inline-flex;
    flex: 0 0 42px;
    height: 42px;
    justify-content: center;
    width: 42px;
}
.asset-title {
    color: #172033;
    display: block;
    font-size: .84rem;
    font-weight: 900;
}
.asset-meta {
    color: #64748b;
    display: block;
    font-size: .74rem;
    margin-top: .1rem;
}
.media-preview {
    background: #eef2f6;
    border: 1px solid #dfe6ee;
    border-radius: 8px;
    height: 84px;
    margin-bottom: .65rem;
    overflow: hidden;
    width: 100%;
}
.media-preview.is-avatar {
    border-radius: 8px;
    width: 84px;
}
.media-preview img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.media-empty {
    align-items: center;
    color: #64748b;
    display: flex;
    font-size: .78rem;
    font-weight: 800;
    height: 100%;
    justify-content: center;
}
.file-note {
    color: #64748b;
    font-size: .75rem;
    margin-top: .4rem;
}
.btn-profile-primary,
.btn-profile-secondary,
.btn-profile-danger {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-size: .84rem;
    font-weight: 800;
    gap: .42rem;
    min-height: 44px;
    padding: .62rem .95rem;
    text-decoration: none;
}
.btn-profile-primary { background: var(--mjk-green); border: 1px solid var(--mjk-green); color: #fff; }
.btn-profile-primary:hover { background: var(--mjk-green-dark); border-color: var(--mjk-green-dark); color: #fff; }
.btn-profile-secondary { background: #fff; border: 1px solid #dce4ee; color: #334155; }
.btn-profile-secondary:hover { border-color: var(--mjk-green); color: var(--mjk-green-dark); }
.btn-profile-danger { background: #fff; border: 1px solid #fecaca; color: #b91c1c; }
.skill-preview { display: flex; flex-wrap: wrap; gap: .35rem; }
.skill-chip {
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    color: #334155;
    font-size: .72rem;
    font-weight: 800;
    padding: .22rem .55rem;
}
.entry-grid {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.entry-builder {
    background: #f8fafc;
    border: 1px solid #e4eaf1;
    border-radius: 8px;
    padding: .85rem;
}
.entry-builder-head {
    align-items: center;
    display: flex;
    gap: .7rem;
    justify-content: space-between;
    margin-bottom: .75rem;
}
.entry-title {
    align-items: center;
    color: #172033;
    display: inline-flex;
    font-size: .88rem;
    font-weight: 900;
    gap: .45rem;
}
.entry-list {
    display: grid;
    gap: .65rem;
}
.entry-item {
    background: #fff;
    border: 1px solid #dfe6ee;
    border-radius: 8px;
    padding: .75rem;
}
.entry-item-head {
    align-items: flex-start;
    display: flex;
    gap: .6rem;
    justify-content: space-between;
}
.entry-item-title {
    color: #172033;
    font-size: .86rem;
    font-weight: 900;
}
.entry-item-meta {
    color: #64748b;
    font-size: .74rem;
    font-weight: 700;
    margin-top: .12rem;
}
.entry-empty {
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    color: #64748b;
    font-size: .8rem;
    font-weight: 800;
    padding: .85rem;
    text-align: center;
}
.entry-fields {
    border-top: 1px solid #eef2f6;
    display: grid;
    gap: .65rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: .75rem;
    padding-top: .75rem;
}
.entry-fields .entry-field-wide { grid-column: 1 / -1; }
.entry-fields .form-label {
    font-size: .74rem;
    margin-bottom: .28rem;
}
.entry-fields .form-control {
    font-size: .84rem;
    min-height: 40px;
}
.entry-remove {
    align-items: center;
    background: #fff;
    border: 1px solid #fecaca;
    border-radius: 8px;
    color: #b91c1c;
    display: inline-flex;
    height: 36px;
    justify-content: center;
    width: 36px;
}
.profile-side { display: grid; gap: 1rem; position: sticky; top: 5rem; }
.profile-side-card { padding: 1rem; }
.completion-ring {
    --value: 0;
    align-items: center;
    background: conic-gradient(var(--mjk-green) calc(var(--value) * 1%), #e8edf3 0);
    border-radius: 999px;
    display: grid;
    height: 96px;
    margin: .75rem auto;
    place-items: center;
    width: 96px;
}
.completion-ring span {
    align-items: center;
    background: #fff;
    border-radius: 999px;
    color: #0f172a;
    display: flex;
    font-size: 1.2rem;
    font-weight: 900;
    height: 74px;
    justify-content: center;
    width: 74px;
}
.check-list { display: grid; gap: .45rem; }
.check-item {
    align-items: center;
    color: #475569;
    display: flex;
    font-size: .82rem;
    font-weight: 800;
    gap: .5rem;
}
.check-item i { color: var(--mjk-green); }
.side-stat-grid {
    display: grid;
    gap: .6rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.side-stat {
    background: #f8fafc;
    border: 1px solid #e8edf3;
    border-radius: 8px;
    padding: .75rem;
}
.side-stat strong {
    color: #0f172a;
    display: block;
    font-size: 1.2rem;
    font-weight: 900;
}
.side-stat span {
    color: #64748b;
    font-size: .72rem;
    font-weight: 800;
}
.app-mini {
    border-top: 1px solid #eef2f6;
    padding: .7rem 0;
}
.app-mini:first-of-type { border-top: 0; }
.app-mini-title {
    color: #172033;
    display: block;
    font-size: .82rem;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.app-mini-meta {
    color: #64748b;
    font-size: .74rem;
}
.status-alert {
    border-radius: 8px;
    font-weight: 800;
    margin-bottom: 1rem;
    padding: .85rem 1rem;
}
@media (max-width: 991.98px) {
    .profile-side { position: static; }
}
@media (max-width: 767.98px) {
    .profile-page { padding-top: .75rem; }
    .profile-identity { align-items: flex-start; flex-direction: column; justify-content: flex-end; }
    .panel-head { align-items: flex-start; flex-direction: column; }
    .panel-head .btn-profile-primary,
    .panel-head .btn-profile-secondary { justify-content: center; width: 100%; }
    .entry-grid,
    .entry-fields { grid-template-columns: 1fr; }
    .asset-grid { grid-template-columns: 1fr; }
}
@media (max-width: 575.98px) {
    .profile-hero,
    .profile-panel,
    .profile-side-card { border-radius: 0; margin-left: -.75rem; margin-right: -.75rem; }
}


/* resources/views/layouts/guest.blade.php */
html[data-theme="dark"] {
            color-scheme: dark;
            --mjk-bg: #0b1220;
            --mjk-text: #e8edf3;
            --mjk-panel: #121c2e;
            --mjk-border: #273444;
        }

        html[data-theme="dark"],
        html[data-theme="dark"] body,
        html[data-theme="dark"] .auth-page {
            background-color: #0b1220 !important;
            color: #e8edf3;
        }


/* resources/views/layouts/guest.blade.php */
:root {
            --mjk-green: #75b61b;
            --mjk-green-dark: #43a700;
            --mjk-ink: #111827;
            --mjk-text: #424757;
            --mjk-muted: #7a8090;
            --mjk-border: #dfe3ea;
            --mjk-panel: #ffffff;
        }

        * { box-sizing: border-box; }

        body {
            margin: 0;
            background: #050606;
            color: var(--mjk-text);
            font-family: 'Manrope', sans-serif;
            min-width: 320px;
        }

        .auth-page {
            background:
                linear-gradient(90deg, rgba(0, 0, 0, .96) 0%, rgba(0, 0, 0, .78) 30%, rgba(0, 0, 0, .34) 58%, rgba(0, 0, 0, .7) 100%),
                url('/assets/auth/auth-hero.png') center / cover no-repeat;
            min-height: 100dvh;
            overflow-x: hidden;
            overflow-y: auto;
            position: relative;
        }

        .auth-shell {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(430px, 520px);
            min-height: 100dvh;
            position: relative;
            z-index: 1;
        }

        .auth-visual {
            color: #fff;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            min-height: 100dvh;
            padding: 2.7rem 3.5rem 4.2rem;
            position: relative;
        }

        .auth-brand {
            align-items: center;
            display: inline-flex;
            text-decoration: none;
            width: max-content;
        }

        .auth-brand img {
            display: block;
            filter: drop-shadow(0 10px 22px rgba(0, 0, 0, .42));
            height: auto;
            width: 220px;
        }

        .auth-visual-main {
            max-width: 440px;
            padding: 2rem 0;
        }

        .auth-visual-title {
            color: #fff;
            font-size: clamp(2.65rem, 5vw, 4.25rem);
            font-weight: 900;
            letter-spacing: 0;
            line-height: 1.08;
            margin: 0 0 1.2rem;
        }

        .auth-visual-title span {
            color: var(--mjk-green);
        }

        .auth-visual-copy {
            color: rgba(255, 255, 255, .9);
            font-size: 1.08rem;
            line-height: 1.55;
            margin: 0;
            max-width: 380px;
        }

        .auth-accent-line {
            background: var(--mjk-green);
            border-radius: 999px;
            display: block;
            height: 3px;
            margin: 1.55rem 0;
            width: 112px;
        }

        .auth-feature-list {
            display: grid;
            gap: 1.45rem;
            margin-top: .4rem;
        }

        .auth-feature {
            align-items: center;
            display: grid;
            gap: 1rem;
            grid-template-columns: 68px minmax(0, 1fr);
        }

        .auth-feature-icon,
        .auth-hire-icon {
            align-items: center;
            border: 1.5px solid var(--mjk-green);
            border-radius: 999px;
            color: var(--mjk-green);
            display: inline-flex;
            justify-content: center;
        }

        .auth-feature-icon {
            font-size: 1.65rem;
            height: 68px;
            width: 68px;
        }

        .auth-feature-title {
            color: #fff;
            display: block;
            font-size: 1rem;
            font-weight: 900;
            line-height: 1.2;
        }

        .auth-feature-text {
            color: rgba(255, 255, 255, .74);
            display: block;
            font-size: .88rem;
            line-height: 1.45;
            margin-top: .25rem;
        }

        .auth-hire-card {
            align-items: center;
            backdrop-filter: blur(14px);
            background: rgba(0, 0, 0, .36);
            border: 1.5px solid rgba(117, 182, 27, .76);
            border-radius: 8px;
            display: grid;
            gap: 1rem;
            grid-template-columns: 72px minmax(0, 1fr);
            margin-top: 1.8rem;
            max-width: 430px;
            padding: 1rem 1.15rem;
        }

        .auth-hire-icon {
            background: rgba(117, 182, 27, .18);
            font-size: 1.85rem;
            height: 72px;
            width: 72px;
        }

        .auth-hire-title {
            color: #fff;
            font-size: 1rem;
            font-weight: 900;
            margin-bottom: .2rem;
        }

        .auth-hire-text {
            color: rgba(255, 255, 255, .8);
            font-size: .85rem;
            line-height: 1.4;
            margin-bottom: .7rem;
        }

        .auth-hire-btn {
            align-items: center;
            background: var(--mjk-green);
            border: 1px solid var(--mjk-green);
            border-radius: 7px;
            color: #fff;
            display: inline-flex;
            font-size: .86rem;
            font-weight: 900;
            justify-content: center;
            min-height: 38px;
            padding: .45rem 1rem;
            text-decoration: none;
        }

        .auth-hire-btn:hover,
        .auth-hire-btn:focus-visible {
            background: #58aa0d;
            border-color: #58aa0d;
            color: #fff;
        }

        .auth-trust-strip {
            align-items: center;
            background: #fff;
            border-radius: 0 34px 0 0;
            bottom: 0;
            box-shadow: 0 -16px 40px rgba(0, 0, 0, .18);
            color: #111827;
            display: grid;
            gap: 1.2rem;
            grid-template-columns: 1.25fr repeat(3, auto);
            left: 0;
            max-width: 840px;
            min-height: 78px;
            padding: 1rem 2rem 1rem 3.5rem;
            position: absolute;
            width: 58vw;
            z-index: 2;
        }

        .auth-trust-intro,
        .auth-trust-stat {
            align-items: center;
            display: flex;
            gap: .8rem;
            min-width: 0;
        }

        .auth-trust-intro {
            color: #5b6270;
            font-size: .78rem;
            line-height: 1.35;
        }

        .auth-trust-stat {
            border-left: 1px solid #dfe3ea;
            padding-left: 1.25rem;
        }

        .auth-trust-icon {
            color: var(--mjk-green);
            font-size: 1.7rem;
            line-height: 1;
        }

        .auth-trust-value {
            color: #111827;
            display: block;
            font-size: 1rem;
            font-weight: 900;
            line-height: 1.1;
            white-space: nowrap;
        }

        .auth-trust-label {
            color: #717887;
            display: block;
            font-size: .72rem;
            font-weight: 600;
            white-space: nowrap;
        }

        .auth-form-zone {
            align-items: center;
            display: flex;
            justify-content: center;
            min-height: 100dvh;
            padding: 2rem 3.2rem 2rem 1rem;
            position: relative;
        }

        .auth-actions {
            display: flex;
            gap: .55rem;
            position: absolute;
            right: 3.2rem;
            top: 1.4rem;
            z-index: 4;
        }

        .auth-home-link,
        .theme-toggle {
            backdrop-filter: blur(12px);
            background: rgba(255, 255, 255, .14);
            border: 1px solid rgba(255, 255, 255, .24);
            border-radius: 8px;
            color: #fff;
            min-height: 40px;
        }

        .auth-home-link {
            align-items: center;
            display: inline-flex;
            font-size: .82rem;
            font-weight: 800;
            gap: .35rem;
            padding: 0 .72rem;
            text-decoration: none;
        }

        .auth-home-link:hover,
        .auth-home-link:focus-visible,
        .theme-toggle:hover,
        .theme-toggle:focus-visible {
            background: rgba(255, 255, 255, .2);
            border-color: rgba(117, 182, 27, .65);
            color: #fff;
        }

        .auth-frame {
            width: 100%;
        }

        .auth-panel {
            background: rgba(255, 255, 255, .96);
            border: 1px solid rgba(255, 255, 255, .86);
            border-radius: 8px;
            box-shadow: 0 26px 70px rgba(0, 0, 0, .28);
            margin: 0 auto;
            max-width: 500px;
            padding: 2.55rem 2.85rem 2.35rem;
        }

        .auth-panel .auth-kicker {
            display: none;
        }

        .auth-panel h2 {
            color: #050505;
            font-size: 2rem;
            font-weight: 900;
            letter-spacing: 0;
            line-height: 1.15;
            margin-bottom: .45rem;
            text-align: center;
        }

        .auth-panel .auth-subtitle {
            color: #5b6070;
            font-size: 1rem;
            line-height: 1.5;
            margin: 0 auto 1.85rem;
            text-align: center;
        }

        .auth-tabs {
            border-bottom: 1px solid #dfe3ea;
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            margin: 0 0 2rem;
            min-width: 0;
        }

        .auth-tab,
        .auth-role-card {
            align-items: center;
            background: transparent;
            border: 0;
            border-bottom: 2px solid transparent;
            color: #8b91a0;
            display: inline-flex;
            font-size: .96rem;
            font-weight: 800;
            justify-content: center;
            min-width: 0;
            min-height: 46px;
            padding: .65rem .5rem .9rem;
            text-decoration: none;
            transition: color .16s ease, border-color .16s ease;
        }

        .auth-role-card {
            flex-direction: column;
            text-align: center;
            width: 100%;
        }

        .auth-role-card > * {
            min-width: 0;
        }

        .auth-tab.active,
        .auth-role-radio:checked + .auth-role-card {
            border-bottom-color: var(--mjk-green);
            color: #111827;
        }

        .auth-role-option {
            cursor: pointer;
            display: block;
            min-width: 0;
        }

        .auth-role-radio {
            height: 1px;
            opacity: 0;
            position: absolute;
            width: 1px;
        }

        .auth-role-radio:focus + .auth-role-card,
        .auth-tab:focus-visible {
            outline: 3px solid rgba(117, 182, 27, .18);
            outline-offset: 2px;
        }

        .auth-panel .form-label {
            color: #111827;
            font-size: .86rem;
            font-weight: 800;
            margin-bottom: .45rem;
        }

        .auth-field {
            margin-bottom: 1.05rem;
        }

        .auth-panel .input-group {
            align-items: center;
            border: 1px solid #dfe3ea;
            border-radius: 8px;
            min-height: 58px;
            overflow: hidden;
            transition: border-color .16s ease, box-shadow .16s ease;
        }

        .auth-panel .input-group:focus-within {
            border-color: rgba(117, 182, 27, .72);
            box-shadow: 0 0 0 4px rgba(117, 182, 27, .12);
        }

        .auth-panel .input-group-text,
        .auth-password-toggle {
            background: transparent;
            border: 0;
            color: #858b99;
            min-height: 56px;
        }

        .auth-panel .input-group-text {
            font-size: 1.25rem;
            padding-left: 1.1rem;
            padding-right: .75rem;
        }

        .auth-password-toggle {
            align-items: center;
            display: inline-flex;
            font-size: 1.15rem;
            justify-content: center;
            padding: 0 1rem;
        }

        .auth-password-toggle:hover,
        .auth-password-toggle:focus-visible {
            color: var(--mjk-green-dark);
            outline: 0;
        }

        .auth-panel .form-control,
        .auth-panel .form-select {
            background: transparent;
            border: 0;
            border-radius: 0;
            box-shadow: none;
            color: #111827;
            font-size: .96rem;
            font-weight: 600;
            min-height: 56px;
            padding: .75rem 1rem .75rem .25rem;
        }

        .auth-panel .form-control::placeholder {
            color: #9ca3af;
            font-weight: 500;
        }

        .auth-panel .form-control:focus,
        .auth-panel .form-select:focus {
            box-shadow: none;
        }

        .auth-options-row {
            align-items: center;
            display: flex;
            gap: 1rem;
            justify-content: space-between;
            margin: 1.2rem 0 1.6rem;
        }

        .auth-panel .form-check-input {
            border: 1.5px solid #a8afbd;
            border-radius: 5px;
            height: 1.15rem;
            margin-top: .1rem;
            width: 1.15rem;
        }

        .auth-panel .form-check-input:checked {
            background-color: var(--mjk-green);
            border-color: var(--mjk-green);
        }

        .auth-panel .form-check-label {
            color: #424757;
            font-size: .88rem;
            font-weight: 600;
        }

        .auth-link {
            color: var(--mjk-green-dark);
            font-weight: 800;
            text-decoration: none;
        }

        .auth-link:hover,
        .auth-link:focus-visible {
            color: #2e7f00;
            text-decoration: underline;
        }

        .auth-btn {
            align-items: center;
            background: linear-gradient(135deg, #75b61b 0%, #43a700 100%);
            border: 0;
            border-radius: 8px;
            box-shadow: 0 14px 28px rgba(85, 169, 9, .26);
            color: #fff;
            display: inline-flex;
            font-size: 1rem;
            font-weight: 900;
            gap: .45rem;
            justify-content: center;
            min-height: 58px;
            padding: .78rem 1rem;
            text-align: center;
            text-decoration: none;
            transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
        }

        .auth-btn:hover,
        .auth-btn:focus-visible {
            box-shadow: 0 16px 32px rgba(85, 169, 9, .34);
            color: #fff;
            filter: saturate(1.05);
            transform: translateY(-1px);
        }

        .auth-btn:active {
            transform: translateY(0);
        }

        .auth-secondary-btn {
            align-items: center;
            border-color: #dfe3ea;
            border-radius: 8px;
            color: #424757;
            display: inline-flex;
            font-weight: 800;
            gap: .4rem;
            justify-content: center;
            min-height: 52px;
        }

        .auth-secondary-btn:hover,
        .auth-secondary-btn:focus-visible {
            background: #f8fbf1;
            border-color: var(--mjk-green);
            color: var(--mjk-green-dark);
        }

        .auth-divider {
            align-items: center;
            color: #777e8d;
            display: grid;
            font-size: .86rem;
            font-weight: 600;
            gap: .9rem;
            grid-template-columns: 1fr auto 1fr;
            margin: 1.55rem 0 1.25rem;
            text-align: center;
        }

        .auth-divider::before,
        .auth-divider::after {
            background: #dfe3ea;
            content: '';
            display: block;
            height: 1px;
        }

        .auth-divider span {
            white-space: nowrap;
        }

        .auth-social-grid {
            display: grid;
            gap: .8rem;
            grid-template-columns: 1fr;
        }

        .auth-social-btn {
            align-items: center;
            background: #fff;
            border: 1px solid #dfe3ea;
            border-radius: 8px;
            color: #424757;
            display: flex;
            font-size: .96rem;
            font-weight: 700;
            gap: .8rem;
            justify-content: center;
            min-height: 56px;
            padding: .75rem 1rem;
            text-decoration: none;
            transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
            width: 100%;
        }

        .auth-social-btn:hover,
        .auth-social-btn:focus-visible {
            border-color: #cbd2dc;
            box-shadow: 0 10px 28px rgba(17, 24, 39, .08);
            color: #111827;
            transform: translateY(-1px);
        }

        .auth-card-note {
            color: #5b6070;
            font-size: .92rem;
            line-height: 1.55;
            text-align: center;
        }

        .auth-card-note .auth-link {
            margin-left: .28rem;
        }

        .alert {
            border-radius: 8px;
            font-size: .85rem;
        }

        @media (max-width: 1199.98px) {
            .auth-shell {
                grid-template-columns: minmax(0, 1fr) minmax(400px, 500px);
            }

            .auth-visual {
                padding-left: 2.4rem;
                padding-right: 2rem;
            }

            .auth-trust-strip {
                grid-template-columns: 1fr repeat(2, auto);
                width: 64vw;
            }

            .auth-trust-stat:last-child {
                display: none;
            }
        }

        @media (max-width: 991.98px) {
            .auth-page {
                overflow: auto;
            }

            .auth-shell {
                grid-template-columns: 1fr;
            }

            .auth-visual {
                min-height: auto;
                padding: 2rem 1.25rem 1.4rem;
            }

            .auth-brand img {
                width: 170px;
            }

            .auth-visual-main {
                max-width: 620px;
                padding: 2.2rem 0 1.4rem;
            }

            .auth-feature-list,
            .auth-hire-card {
                display: none;
            }

            .auth-trust-strip {
                border-radius: 8px;
                grid-template-columns: 1fr 1fr;
                margin-top: 1rem;
                max-width: none;
                padding: .9rem 1rem;
                position: static;
                width: 100%;
            }

            .auth-trust-intro {
                grid-column: 1 / -1;
            }

            .auth-trust-stat {
                border-left: 0;
                padding-left: 0;
            }

            .auth-form-zone {
                min-height: auto;
                padding: 1rem 1.25rem 2rem;
            }

            .auth-actions {
                right: 1.25rem;
                top: 1rem;
            }
        }

        @media (max-width: 575.98px) {
            .auth-actions .auth-home-link span,
            .theme-toggle span {
                display: none !important;
            }

            .auth-visual-title {
                font-size: 2.25rem;
            }

            .auth-visual-copy {
                font-size: .96rem;
            }

            .auth-panel {
                padding: 1.55rem 1.1rem 1.35rem;
            }

            .auth-panel h2 {
                font-size: 1.65rem;
            }

            .auth-panel .auth-subtitle {
                font-size: .92rem;
                margin-bottom: 1.35rem;
            }

            .auth-tabs {
                margin-bottom: 1.35rem;
            }

            .auth-options-row {
                align-items: flex-start;
                flex-direction: column;
                gap: .65rem;
            }

            .auth-trust-strip {
                grid-template-columns: 1fr;
            }
        }
        /* Auth mobile compact pass. */
        @media (max-width: 575.98px) {
            .auth-page {
                background-position: 58% center !important;
            }

            .auth-visual {
                padding: 1rem 1rem .65rem;
            }

            .auth-brand img {
                width: 132px;
            }

            .auth-visual-main {
                padding: .9rem 0 .65rem;
            }

            .auth-visual-title {
                font-size: clamp(1.7rem, 9vw, 2rem);
                line-height: 1.03;
                margin-bottom: .55rem;
            }

            .auth-visual-copy {
                font-size: .82rem;
                line-height: 1.42;
                max-width: 300px;
            }

            .auth-accent-line {
                height: 2px;
                margin: .75rem 0 0;
                width: 70px;
            }

            .auth-trust-strip {
                gap: .55rem .85rem;
                margin-top: .7rem;
                padding: .68rem .75rem;
            }

            .auth-trust-intro {
                font-size: .68rem;
            }

            .auth-trust-icon {
                font-size: 1.18rem;
            }

            .auth-trust-value {
                font-size: .86rem;
            }

            .auth-trust-label {
                font-size: .62rem;
            }

            .auth-form-zone {
                padding: .75rem .9rem 1.25rem;
            }

            .auth-actions {
                gap: .42rem;
                right: .9rem;
                top: .75rem;
            }

            .auth-home-link,
            .theme-toggle {
                min-height: 36px;
                min-width: 36px;
                padding: 0 .58rem;
            }

            .auth-panel {
                padding: 1.05rem .95rem 1rem;
            }

            .auth-panel:has(#companyField) {
                padding-bottom: .95rem;
                padding-top: .95rem;
            }

            .auth-panel h2 {
                font-size: 1.38rem;
                margin-bottom: .2rem;
            }

            .auth-panel .auth-subtitle {
                font-size: .82rem;
                line-height: 1.35;
                margin-bottom: .82rem;
            }

            .auth-tabs {
                margin-bottom: .75rem;
                overflow: hidden;
            }

            .auth-tab,
            .auth-role-card {
                font-size: .82rem;
                min-height: 38px;
                padding: .42rem .35rem .58rem;
            }

            .auth-field {
                margin-bottom: .55rem;
            }

            .auth-panel .input-group {
                min-height: 46px;
            }

            .auth-panel .input-group-text,
            .auth-password-toggle,
            .auth-panel .form-control,
            .auth-panel .form-select {
                min-height: 44px;
            }

            .auth-panel .input-group-text {
                font-size: 1rem;
                padding-left: .78rem;
                padding-right: .5rem;
            }

            .auth-password-toggle {
                font-size: .98rem;
                padding: 0 .68rem;
            }

            .auth-panel .form-control,
            .auth-panel .form-select {
                font-size: .88rem;
                padding: .45rem .72rem .45rem .15rem;
            }

            .auth-options-row {
                align-items: center;
                flex-direction: row;
                gap: .7rem;
                margin: .66rem 0 .78rem;
            }

            .auth-panel .form-check-label,
            .auth-link.small {
                font-size: .76rem;
            }

            .auth-panel .form-check-input {
                height: .95rem;
                width: .95rem;
            }

            .auth-btn {
                font-size: .88rem;
                min-height: 44px;
                padding: .5rem .8rem;
            }

            .auth-divider {
                font-size: .74rem;
                gap: .55rem;
                margin: .75rem 0 .58rem;
            }

            .auth-social-grid {
                gap: .45rem;
            }

            .auth-social-btn {
                font-size: .84rem;
                gap: .55rem;
                min-height: 44px;
                padding: .5rem .72rem;
            }

            .auth-card-note {
                font-size: .8rem;
            }

            /* Hide auth stats on phones. */
            .auth-trust-strip {
                display: none !important;
            }

            .auth-panel > .mt-4 {
                margin-top: .82rem !important;
            }
        }

        @media (max-width: 380px) {
            .auth-visual {
                padding-top: .85rem;
            }

            .auth-brand img {
                width: 118px;
            }

            .auth-visual-title {
                font-size: 1.55rem;
            }

            .auth-visual-copy,
            .auth-accent-line,
            .auth-trust-intro {
                display: none;
            }

            .auth-trust-strip {
                grid-template-columns: 1fr 1fr;
            }

            .auth-panel {
                padding-left: .78rem;
                padding-right: .78rem;
            }

            .auth-options-row {
                align-items: flex-start;
                flex-direction: column;
                gap: .42rem;
            }
        }

        @media (max-width: 575.98px) {
            .auth-page {
                min-height: 100svh;
                overflow-x: hidden;
                overflow-y: auto;
            }

            .auth-shell {
                display: flex;
                flex-direction: column;
                min-height: 100svh;
            }

            .auth-visual {
                min-height: auto;
                padding: .75rem .85rem .25rem;
                width: 100vw;
            }

            .auth-visual-main {
                display: none;
            }

            .auth-brand img {
                width: 126px;
            }

            .auth-form-zone {
                align-items: stretch;
                flex-direction: column;
                justify-content: flex-start;
                max-width: 100vw;
                padding: .35rem .75rem 1rem;
                width: 100vw;
            }

            .auth-actions {
                align-self: flex-end;
                justify-content: flex-end;
                margin-bottom: .55rem;
                position: static;
            }

            .auth-frame,
            .auth-panel {
                min-width: 0;
                max-width: 100%;
                width: 100% !important;
            }

            .auth-panel {
                box-sizing: border-box;
                overflow-x: hidden;
                padding: 1rem .88rem .95rem;
            }

            .auth-panel form {
                min-width: 0;
                width: 100%;
            }

            .auth-panel .input-group {
                width: 100%;
            }

            .auth-panel .form-control,
            .auth-panel .form-select,
            .auth-social-btn span,
            .auth-card-note {
                min-width: 0;
            }

            .auth-social-btn {
                text-align: center;
            }

            .auth-options-row {
                align-items: flex-start;
                display: grid;
                gap: .35rem;
                grid-template-columns: 1fr;
                width: 100%;
            }
        }
        /* Auth compact refinement pass. */
        @media (min-width: 992px) {
            .auth-page {
                background-position: center 45% !important;
            }

            .auth-shell {
                grid-template-columns: minmax(0, 1fr) minmax(370px, 430px);
            }

            .auth-visual {
                padding: 1.95rem 3.55rem 3.15rem;
            }

            .auth-brand img {
                width: 108px;
            }

            .auth-visual-main {
                max-width: 540px;
                padding: .78rem 0 1.2rem;
            }
            .auth-visual-title {
                font-size: clamp(2.35rem, 4.35vw, 2.82rem);
                line-height: 1.06;
                margin-bottom: .95rem;
            }

            .auth-visual-copy {
                font-size: .98rem;
                line-height: 1.5;
                max-width: 470px;
            }

            .auth-accent-line {
                height: 2px;
                margin: 1.2rem 0;
                width: 96px;
            }

            .auth-feature-list {
                gap: 1rem;
            }

            .auth-feature {
                gap: .85rem;
                grid-template-columns: 54px minmax(0, 360px);
            }

            .auth-feature-icon {
                font-size: 1.35rem;
                height: 56px;
                width: 56px;
            }

            .auth-feature-title {
                font-size: .94rem;
            }

            .auth-feature-text {
                font-size: .8rem;
                line-height: 1.38;
                margin-top: .18rem;
            }

            .auth-hire-card {
                gap: .85rem;
                grid-template-columns: 58px minmax(0, 1fr);
                margin-top: 1.2rem;
                max-width: 460px;
                padding: .82rem .95rem;
            }

            .auth-hire-icon {
                font-size: 1.48rem;
                height: 58px;
                width: 58px;
            }

            .auth-hire-title {
                font-size: .94rem;
            }

            .auth-hire-text {
                font-size: .78rem;
                line-height: 1.35;
                margin-bottom: .55rem;
            }

            .auth-hire-btn {
                font-size: .8rem;
                min-height: 34px;
                padding: .38rem .9rem;
            }

            .auth-trust-strip {
                gap: .85rem;
                grid-template-columns: 1.08fr repeat(3, auto);
                min-height: 66px;
                padding: .75rem 1.5rem .75rem 3rem;
                width: 64vw;
            }

            .auth-trust-icon {
                font-size: 1.38rem;
            }

            .auth-trust-intro {
                font-size: .72rem;
            }

            .auth-trust-stat {
                gap: .6rem;
                padding-left: .95rem;
            }

            .auth-trust-value {
                font-size: .92rem;
            }

            .auth-trust-label {
                font-size: .66rem;
            }

            .auth-form-zone {
                padding: 1.35rem 2rem 1.35rem .4rem;
            }

            .auth-actions {
                right: 2rem;
                top: 1rem;
            }

            .auth-panel {
                max-width: 410px;
                padding: 1.7rem 1.95rem 1.55rem;
            }

            .auth-panel:has(#companyField) {
                padding-bottom: 1.35rem;
                padding-top: 1.35rem;
            }

            .auth-panel h2 {
                font-size: 1.78rem;
                margin-bottom: .28rem;
            }

            .auth-panel .auth-subtitle {
                font-size: .92rem;
                margin-bottom: 1.25rem;
            }

            .auth-tabs {
                margin-bottom: 1.25rem;
            }

            .auth-tab,
            .auth-role-card {
                font-size: .9rem;
                min-height: 40px;
                padding: .5rem .45rem .72rem;
            }

            .auth-field {
                margin-bottom: .75rem;
            }

            .auth-panel .input-group {
                min-height: 50px;
            }

            .auth-panel .input-group-text,
            .auth-password-toggle,
            .auth-panel .form-control,
            .auth-panel .form-select {
                min-height: 48px;
            }

            .auth-panel .input-group-text {
                font-size: 1.1rem;
                padding-left: .95rem;
                padding-right: .62rem;
            }

            .auth-password-toggle {
                font-size: 1.02rem;
                padding: 0 .85rem;
            }

            .auth-panel .form-control,
            .auth-panel .form-select {
                font-size: .9rem;
                padding: .55rem .85rem .55rem .2rem;
            }

            .auth-options-row {
                margin: .85rem 0 1.05rem;
            }

            .auth-panel .form-check-label,
            .auth-link.small {
                font-size: .82rem;
            }

            .auth-panel .form-check-input {
                height: 1rem;
                width: 1rem;
            }

            .auth-btn {
                font-size: .92rem;
                min-height: 50px;
                padding: .62rem .9rem;
            }

            .auth-divider {
                font-size: .8rem;
                gap: .7rem;
                margin: 1.05rem 0 .8rem;
            }

            .auth-social-grid {
                gap: .55rem;
            }

            .auth-social-btn {
                font-size: .9rem;
                gap: .65rem;
                min-height: 50px;
                padding: .62rem .9rem;
            }

            .auth-card-note {
                font-size: .86rem;
            }

            .auth-panel > .mt-4 {
                margin-top: 1.1rem !important;
            }
        }
        @media (min-width: 1400px) {
            .auth-shell {
                grid-template-columns: minmax(0, 1fr) 420px;
            }

            .auth-visual-main {
                max-width: 580px;
            }

            .auth-trust-strip {
                max-width: 960px;
                width: 66vw;
            }
        }

        @media (min-width: 1200px) and (max-height: 820px) {
            .auth-visual-main {
                padding: .6rem 0 1.2rem;
            }

            .auth-feature-list {
                gap: .82rem;
            }

            .auth-hire-card {
                margin-top: .95rem;
            }

            .auth-panel {
                padding-bottom: 1.45rem;
                padding-top: 1.6rem;
            }
        }

        @media (min-width: 992px) and (max-height: 760px) {
            .auth-shell,
            .auth-visual,
            .auth-form-zone {
                min-height: 100svh;
            }

            .auth-visual {
                padding-bottom: 2.25rem;
                padding-top: 1.2rem;
            }

            .auth-brand img {
                width: 156px;
            }

            .auth-visual-main {
                padding: .35rem 0 .85rem;
            }

            .auth-visual-title {
                font-size: clamp(2rem, 3.6vw, 3rem);
                margin-bottom: .65rem;
            }

            .auth-visual-copy {
                font-size: .88rem;
                line-height: 1.42;
            }

            .auth-accent-line {
                margin: .8rem 0;
            }

            .auth-feature-list {
                gap: .6rem;
            }

            .auth-feature {
                grid-template-columns: 42px minmax(0, 330px);
            }

            .auth-feature-icon {
                font-size: 1.05rem;
                height: 42px;
                width: 42px;
            }

            .auth-feature-title {
                font-size: .86rem;
            }

            .auth-feature-text {
                font-size: .74rem;
                line-height: 1.3;
            }

            .auth-hire-card {
                grid-template-columns: 46px minmax(0, 1fr);
                margin-top: .75rem;
                padding: .68rem .78rem;
            }

            .auth-hire-icon {
                font-size: 1.2rem;
                height: 46px;
                width: 46px;
            }

            .auth-trust-strip {
                min-height: 56px;
                padding-bottom: .55rem;
                padding-top: .55rem;
            }

            .auth-form-zone {
                align-items: flex-start;
                padding-bottom: .9rem;
                padding-top: 2.9rem;
            }

            .auth-actions {
                top: .65rem;
            }

            .auth-panel {
                max-width: 392px;
                padding: 1rem 1.35rem .95rem;
            }

            .auth-panel:has(#companyField) {
                padding-bottom: .9rem;
                padding-top: .9rem;
            }

            .auth-panel h2 {
                font-size: 1.42rem;
                margin-bottom: .16rem;
            }

            .auth-panel .auth-subtitle {
                font-size: .8rem;
                line-height: 1.3;
                margin-bottom: .62rem;
            }

            .auth-tabs {
                overflow: hidden;
                margin-bottom: .62rem;
            }

            .auth-tab,
            .auth-role-card {
                font-size: .78rem;
                min-height: 34px;
                padding: .32rem .35rem .46rem;
            }

            .auth-field {
                margin-bottom: .42rem;
            }

            .auth-panel .input-group {
                min-height: 40px;
            }

            .auth-panel .input-group-text,
            .auth-password-toggle,
            .auth-panel .form-control,
            .auth-panel .form-select {
                min-height: 38px;
            }

            .auth-panel .input-group-text {
                font-size: .95rem;
                padding-left: .7rem;
                padding-right: .48rem;
            }

            .auth-password-toggle {
                font-size: .92rem;
                padding: 0 .62rem;
            }

            .auth-panel .form-control,
            .auth-panel .form-select {
                font-size: .82rem;
                padding: .38rem .65rem .38rem .1rem;
            }

            .auth-options-row {
                margin: .5rem 0 .62rem;
            }

            .auth-panel .form-check-label,
            .auth-link.small {
                font-size: .76rem;
            }

            .auth-btn {
                font-size: .84rem;
                min-height: 40px;
                padding: .42rem .72rem;
            }

            .auth-divider {
                font-size: .72rem;
                gap: .45rem;
                margin: .55rem 0 .42rem;
            }

            .auth-social-grid {
                gap: .35rem;
            }

            .auth-social-btn {
                font-size: .82rem;
                min-height: 40px;
                padding: .42rem .72rem;
            }

            .auth-card-note {
                font-size: .78rem;
                line-height: 1.35;
            }

            .auth-panel > .mt-4 {
                margin-top: .62rem !important;
            }
        }

        @media (min-width: 992px) and (max-height: 660px) {
            .auth-feature-text,
            .auth-hire-text,
            .auth-trust-intro {
                display: none;
            }

            .auth-trust-strip {
                grid-template-columns: repeat(3, auto);
                width: auto;
            }
        }


/* resources/views/layouts/app.blade.php */
html[data-theme="dark"] {
            color-scheme: dark;
            --mjk-bg: #0b1220;
            --mjk-text: #e8edf3;
            --mjk-panel: #121c2e;
            --mjk-border: #273444;
        }

        html[data-theme="dark"],
        html[data-theme="dark"] body {
            background: #0b1220 !important;
            color: #e8edf3;
        }

        html[data-theme="dark"] .site-header {
            background: #101a2b;
            border-color: rgba(148, 163, 184, .18);
        }


/* resources/views/layouts/app.blade.php */
:root {
            --mjk-green: #75b61b;
            --mjk-green-dark: #3f5f08;
            --mjk-green-soft: #eef7db;
            --mjk-text: #131313;
            --mjk-muted: #7b7b7b;
            --mjk-border: #e7e7e7;
            --mjk-bg: #f5f5f5;
            --mjk-black: #0b0b0b;
            --mjk-card-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
        }

        * { box-sizing: border-box; }

        body {
            margin: 0;
            font-family: 'Manrope', sans-serif;
            color: var(--mjk-text);
            background: #fff;
            overflow-x: hidden;
        }

        a {
            color: inherit;
            text-decoration: none;
        }

        img,
        video,
        iframe,
        svg {
            max-width: 100%;
        }

        .page-wrap iframe,
        .page-wrap video,
        .page-wrap img {
            height: auto;
        }

        .site-header {
            position: sticky;
            top: 0;
            z-index: 1030;
            background: var(--mjk-green);
            border-bottom: 1px solid rgba(27, 42, 13, 0.2);
            box-shadow: 0 4px 12px rgba(10, 10, 10, 0.08);
        }

        .site-header .container {
            max-width: 1220px;
        }

        .site-nav {
            min-height: 56px;
            padding: 0.35rem 0;
            gap: 0.65rem;
        }

        .site-logo {
            align-items: center;
            display: inline-flex;
            gap: 0;
            margin-right: 0;
        }

        .site-logo-mark {
            align-items: center;
            background: transparent;
            border-radius: 0;
            display: inline-flex;
            flex: 0 0 auto;
            justify-content: center;
            min-height: 0;
            min-width: 0;
            padding: 0;
        }

        .site-logo img {
            display: block;
            height: 31px;
            width: auto;
        }

        .site-brand-copy {
            display: none;
        }

        .site-brand-copy strong {
            color: #16210e;
            font-size: 0.98rem;
            font-weight: 800;
        }

        .site-brand-copy small {
            color: #6b7766;
            font-size: 0.72rem;
            font-weight: 600;
        }


        .plyr-frame {
            border-radius: 1rem;
            border: 1px solid rgba(63, 95, 8, 0.12);
            background:
                radial-gradient(circle at top, rgba(117, 182, 27, 0.16), transparent 42%),
                linear-gradient(180deg, #182309 0%, #0b0b0b 100%);
            box-shadow: 0 18px 40px rgba(0, 0, 0, 0.16);
            padding: 0.5rem;
        }

        .plyr-shell {
            background: #0b0b0b;
            border-radius: 0.8rem;
        }

        .plyr,
        .plyr__video-wrapper,
        .plyr__poster {
            border-radius: inherit;
        }

        .plyr--video {
            --plyr-color-main: var(--mjk-green);
            --plyr-video-control-color-hover: #fff;
            --plyr-control-spacing: 12px;
            --plyr-control-radius: 999px;
            --plyr-font-family: 'Manrope', sans-serif;
            --plyr-menu-background: rgba(18, 18, 18, 0.96);
            --plyr-menu-color: #fff;
            --plyr-menu-radius: 14px;
            --plyr-video-controls-background: linear-gradient(180deg, rgba(6, 8, 2, 0) 0%, rgba(6, 8, 2, 0.92) 100%);
            --plyr-range-track-height: 6px;
            --plyr-range-thumb-height: 14px;
            --plyr-range-thumb-shadow: 0 2px 10px rgba(117, 182, 27, 0.32);
            --plyr-tooltip-background: rgba(16, 24, 5, 0.92);
            --plyr-tooltip-color: #fff;
        }

        .plyr--video .plyr__control--overlaid {
            background: rgba(117, 182, 27, 0.96);
            color: #fff;
            padding: 1.15rem;
            box-shadow: 0 10px 24px rgba(117, 182, 27, 0.34);
        }

        .plyr--video .plyr__control--overlaid:hover {
            background: var(--mjk-green-dark);
            transform: scale(1.04);
        }

        .plyr--video .plyr__controls {
            padding: 1rem;
            gap: 0.35rem;
        }

        .plyr--video .plyr__progress {
            margin-inline: 0.75rem;
        }

        .plyr--video .plyr__menu__container .plyr__control {
            border-radius: 0.7rem;
        }

        .plyr--full-ui input[type='range'] {
            color: var(--mjk-green);
        }

        .site-primary-nav {
            gap: 0.2rem;
        }

        .site-link {
            color: rgba(255, 255, 255, 0.88) !important;
            font-size: 0.88rem;
            font-weight: 700;
            padding: 0.68rem 0.55rem !important;
            position: relative;
            transition: color 0.18s ease;
        }

        .site-primary-nav .site-link::after {
            background: #fff;
            border-radius: 999px;
            content: "";
            height: 2px;
            left: 0.55rem;
            opacity: 0;
            position: absolute;
            right: 0.55rem;
            bottom: 0.2rem;
            transform: scaleX(0.65);
            transition: opacity 0.18s ease, transform 0.18s ease;
        }

        .site-link:hover,
        .site-link:focus-visible,
        .site-link.active {
            color: #fff !important;
        }

        .site-primary-nav .site-link:hover::after,
        .site-primary-nav .site-link:focus-visible::after,
        .site-primary-nav .site-link.active::after {
            opacity: 1;
            transform: scaleX(1);
        }

        .site-link i {
            color: inherit !important;
        }

        .site-primary-nav .site-link > i {
            margin-right: 0.35rem;
        }

        .site-action-nav {
            gap: 0.45rem;
        }

        .site-icon-link {
            align-items: center;
            border: 1px solid rgba(255, 255, 255, 0.24);
            border-radius: 0.55rem;
            display: inline-flex;
            height: 40px;
            justify-content: center;
            padding: 0 !important;
            width: 40px;
        }

        .site-icon-link:hover,
        .site-icon-link:focus-visible,
        .site-icon-link.active {
            background: rgba(255, 255, 255, 0.12);
            border-color: rgba(255, 255, 255, 0.36);
        }

        .site-signin,
        .site-outline,
        .site-text-link {
            border-radius: 0.55rem;
            font-weight: 700;
        }

        .site-signin {
            background: #fff;
            border: 1px solid #fff;
            color: var(--mjk-green-dark);
            min-width: 108px;
        }

        .site-auth-cta {
            min-width: 118px;
        }

        .site-signin:hover {
            background: #f3f7eb;
            border-color: #f3f7eb;
            color: var(--mjk-green-dark);
        }

        .site-outline {
            border: 1px solid rgba(255, 255, 255, 0.65);
            color: #fff;
            background: transparent;
        }

        .site-outline:hover {
            background: rgba(255, 255, 255, 0.12);
            color: #fff;
        }

        .site-text-link {
            color: #fff;
            padding-inline: 0.75rem;
        }

        .site-text-link:hover,
        .site-text-link:focus-visible {
            background: rgba(255, 255, 255, 0.12);
            color: #fff;
        }

        .site-signin > i,
        .site-text-link > i,
        .site-account-toggle > i {
            margin-right: 0.35rem;
        }

        .site-account-toggle {
            max-width: 190px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .site-action-nav .theme-toggle {
            padding: 0;
            width: 40px;
        }

        .site-nav .navbar-toggler {
            width: 42px;
            height: 42px;
            border: 1px solid rgba(255, 255, 255, 0.28);
            border-radius: 0.55rem;
            color: #fff;
            padding: 0;
        }

        .site-nav .navbar-toggler:focus {
            box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.18);
        }

        .site-nav .navbar-toggler-icon {
            width: 1.1rem;
            height: 1.1rem;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,0.96%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.1' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        }

        .mobile-header-actions,
        .mobile-menu-head {
            display: none;
        }

        .dropdown-menu {
            border: 1px solid #ecf0de;
            border-radius: 0.8rem;
            box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
            padding: 0.55rem;
        }

        .dropdown-item {
            border-radius: 0.55rem;
            font-weight: 600;
            font-size: 0.93rem;
            padding: 0.6rem 0.75rem;
        }

        .dropdown-item:hover {
            background: var(--mjk-green-soft);
            color: var(--mjk-green-dark);
        }

        .page-wrap {
            min-height: calc(100vh - 56px);
            background: #fff;
        }

        .site-body {
            display: block;
            height: auto;
            min-height: 100vh;
            overflow-x: hidden;
            overflow-y: visible;
        }

        .page-wrap .table-responsive {
            border-radius: 0.9rem;
            overflow: auto hidden;
        }

        .page-section {
            padding: 3.5rem 0;
        }

        .page-surface {
            background: var(--mjk-bg);
            border: 2px solid #ffffffff;
            border-radius: 1rem;
            box-shadow: var(--mjk-card-shadow);
        }

        .surface-card {
            background: #fff;
            border: 1px solid var(--mjk-border);
            border-radius: 0.9rem;
            box-shadow: var(--mjk-card-shadow);
        }

        .section-heading {
            font-size: clamp(2rem, 4vw, 3.25rem);
            line-height: 1.06;
            font-weight: 800;
            color: #fff;
        }

        .section-title {
            font-size: clamp(2rem, 3vw, 3rem);
            line-height: 1.1;
            font-weight: 800;
            color: var(--mjk-text);
            margin-bottom: 0.65rem;
        }

        .section-title-sm {
            font-size: 1.1rem;
            font-weight: 800;
            color: var(--mjk-text);
        }

        .eyebrow {
            color: var(--mjk-green);
            text-transform: uppercase;
            letter-spacing: 0.18em;
            font-size: 0.77rem;
            font-weight: 800;
        }

        .btn,
        .btn-mjk,
        .btn-mjk-dark,
        .btn-mjk-light,
        .btn-mjk-green,
        .site-signin,
        .site-outline,
        .site-text-link,
        .job-action-btn {
            align-items: center;
            display: inline-flex;
            justify-content: center;
            text-align: center;
            vertical-align: middle;
            gap: 0.35rem;
            padding: 0.375rem 0.75rem;
            font-size: 1rem;
            line-height: 1.5;
        }

        .btn-sm,
        .btn-mjk-green.btn-sm,
        .job-action-btn.btn-sm {
            padding: 0.25rem 0.5rem;
            font-size: 0.875rem;
            line-height: 1.5;
        }

        .btn-lg,
        .btn-mjk-green.btn-lg {
            padding: 0.5rem 1rem;
            font-size: 1.25rem;
            line-height: 1.5;
        }

        .btn-mjk {
            background: var(--mjk-green);
            border: 1px solid var(--mjk-green);
            color: #fff;
            font-weight: 700;
            border-radius: 0.5rem;
        }

        .btn-mjk:hover {
            background: var(--mjk-green-dark);
            border-color: var(--mjk-green-dark);
            color: #fff;
        }

        .btn-mjk-dark {
            background: var(--mjk-green-dark);
            border: 1px solid var(--mjk-green-dark);
            color: #fff;
            font-weight: 700;
            border-radius: 0.5rem;
        }

        .btn-mjk-dark:hover {
            background: #2e4507;
            border-color: #2e4507;
            color: #fff;
        }

        .btn-mjk-light {
            background: #fff;
            border: 1px solid #c8d7a5;
            color: var(--mjk-green-dark);
            font-weight: 700;
            border-radius: 0.5rem;
        }

        .btn-mjk-light:hover {
            background: var(--mjk-green-soft);
            color: var(--mjk-green-dark);
        }

        .job-action-btn {
            --job-action-border: #d8dfc9;
            --job-action-bg: #fff;
            --job-action-color: #36430d;
            border-radius: 999px;
            border: 1px solid var(--job-action-border);
            background: var(--job-action-bg);
            color: var(--job-action-color);
            font-weight: 700;
            box-shadow: 0 8px 18px rgba(63, 95, 8, 0.08);
            transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
        }

        .job-action-btn:hover,
        .job-action-btn:focus {
            border-color: #a5bb73;
            background: #f8fbf1;
            color: var(--mjk-green-dark);
            transform: translateY(-1px);
            box-shadow: 0 12px 22px rgba(63, 95, 8, 0.12);
        }

        .job-action-btn.is-saved {
            --job-action-border: #f1c7cf;
            --job-action-bg: #fff5f7;
            --job-action-color: #c03c5a;
        }

        .job-action-btn i {
            font-size: 0.95rem;
            line-height: 1;
        }

        .job-action-btn.btn-sm {
            padding: 0.25rem 0.5rem;
            font-size: 0.875rem;
        }

        .share-sheet-header {
            background:
                radial-gradient(circle at top right, rgba(117, 182, 27, 0.22), transparent 42%),
                linear-gradient(135deg, #fbfdf5 0%, #f2f7e7 100%);
            border-bottom: 1px solid #e4ead7;
        }

        .share-sheet-subtitle {
            color: var(--mjk-muted);
            font-size: 0.92rem;
        }

        .share-sheet-link {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.65rem;
            border-radius: 1rem;
            padding: 0.9rem 1rem;
            border: 1px solid #e5ead9;
            background: #fff;
            font-weight: 700;
            color: var(--mjk-text);
            text-decoration: none;
            transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
        }

        .share-sheet-link:hover {
            transform: translateY(-1px);
            border-color: #bfd08e;
            box-shadow: 0 12px 22px rgba(63, 95, 8, 0.08);
            color: var(--mjk-green-dark);
        }

        .share-sheet-link i {
            font-size: 1rem;
        }

        .share-sheet-url {
            border: 1px solid #e4ead7;
            border-radius: 1rem;
            background: #f8faf4;
            padding: 0.95rem 1rem;
            font-size: 0.92rem;
            color: #4d4d4d;
            word-break: break-all;
        }

        .mini-label {
            color: var(--mjk-muted);
            font-size: 0.8rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.06em;
        }

        .soft-pill {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 999px;
            padding: 0.2rem 0.55rem;
            font-size: 0.7rem;
            font-weight: 700;
            line-height: 1.15;
            background: #f3f3f3;
            color: #717171;
        }


        .member-hub-link {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0.85rem 1rem;
            color: #666;
            font-weight: 600;
            white-space: nowrap;
            border-bottom: 3px solid transparent;
        }

        .member-hub-link.active {
            color: var(--mjk-green-dark);
            border-bottom-color: var(--mjk-green);
        }

        .member-hub-link:hover {
            color: var(--mjk-green-dark);
        }

        .social-icon {
            width: 2.45rem;
            height: 2.45rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 999px;
            font-size: 1.15rem;
            color: #fff;
        }

        .social-facebook { background: #4267b2; }
        .social-twitter { background: #1da1f2; }
        .social-youtube { background: #ff2a2a; }
        .social-instagram { background: #ff2f8d; }

        .site-footer {
            background: #0d1117;
            color: #fff;
            padding: 3.5rem 0 0;
        }

        .site-footer p,
        .site-footer a,
        .site-footer li {
            color: rgba(255, 255, 255, 0.72);
            font-size: .875rem;
        }

        .site-footer h5 {
            font-size: .78rem;
            font-weight: 800;
            margin-bottom: 1.1rem;
            color: #fff;
            text-transform: uppercase;
            letter-spacing: .1em;
        }

        .footer-brand-desc {
            font-size: .84rem;
            line-height: 1.7;
            color: rgba(255,255,255,.62);
            max-width: 280px;
            margin-bottom: 1.25rem;
        }

        .footer-contact-item {
            display: flex;
            align-items: flex-start;
            gap: .55rem;
            font-size: .8rem;
            color: rgba(255,255,255,.62);
            margin-bottom: .45rem;
        }

        .footer-contact-item i {
            color: var(--mjk-green);
            font-size: .85rem;
            margin-top: .05rem;
            flex-shrink: 0;
        }

        .footer-divider {
            border-color: rgba(255,255,255,.08);
            margin: 2.5rem 0 0;
        }

        .footer-bottom {
            background: rgba(0,0,0,.25);
            padding: .9rem 0;
        }

        .footer-bottom-inner {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: .5rem;
            font-size: .78rem;
            color: rgba(255,255,255,.45);
        }

        .footer-legal-links {
            display: flex;
            gap: 1.25rem;
        }

        .footer-legal-links a {
            font-size: .78rem;
            color: rgba(255,255,255,.45);
            text-decoration: none;
        }

        .footer-legal-links a:hover {
            color: var(--mjk-green);
        }

        .footer-copy {
            color: rgba(255, 255, 255, 0.82);
            text-align: center;
            margin-top: 2.8rem;
            font-size: 0.92rem;
        }

        .footer-copy a {
            color: rgba(255, 255, 255, 0.96);
            text-decoration: underline;
            text-underline-offset: 3px;
        }

        .footer-list {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .footer-list li {
            margin-bottom: .35rem;
        }

        .footer-list a {
            display: inline-flex;
            align-items: center;
            gap: .4rem;
            text-decoration: none;
            transition: color .15s, gap .12s;
            padding: .08rem 0;
        }

        .footer-list a i {
            font-size: .7rem;
            opacity: 0;
            transition: opacity .15s;
            color: var(--mjk-green);
        }

        .footer-list a:hover {
            color: #fff;
            gap: .6rem;
        }

        .footer-list a:hover i {
            opacity: 1;
        }

        .alert {
            border-radius: 0;
            margin-bottom: 0;
        }

        /* ── Missing utility classes used across module views ──────────────── */
        .btn-mjk-green {
            background: var(--mjk-green);
            border: 1px solid var(--mjk-green);
            color: #fff;
            font-weight: 700;
            border-radius: 0.5rem;
            cursor: pointer;
            transition: background 0.15s, border-color 0.15s;
        }

        .btn-mjk-green:hover,
        .btn-mjk-green:focus {
            background: var(--mjk-green-dark);
            border-color: var(--mjk-green-dark);
            color: #fff;
        }

        .btn-mjk-green.btn-sm {
            padding: 0.25rem 0.5rem;
            font-size: 0.875rem;
        }

        .btn-mjk-green.btn-lg {
            padding: 0.5rem 1rem;
            font-size: 1.25rem;
        }

        .btn-mjk-green.w-100 { width: 100%; }

        /* Ensure btn-mjk-green works when combined with Bootstrap's .btn class */
        .btn.btn-mjk-green,
        button.btn-mjk-green,
        input[type="submit"].btn-mjk-green {
            background: var(--mjk-green) !important;
            border: 1px solid var(--mjk-green) !important;
            color: #fff !important;
            font-weight: 700 !important;
            border-radius: 0.5rem !important;
        }

        .btn.btn-mjk-green:hover,
        .btn.btn-mjk-green:focus,
        button.btn-mjk-green:hover,
        button.btn-mjk-green:focus {
            background: var(--mjk-green-dark) !important;
            border-color: var(--mjk-green-dark) !important;
            color: #fff !important;
            box-shadow: none !important;
        }

        .btn.btn-mjk-green.btn-sm,
        button.btn-mjk-green.btn-sm {
            padding: 0.3rem 0.75rem !important;
            font-size: 0.82rem !important;
        }

        .bg-mjk-green-soft {
            background-color: var(--mjk-green-soft) !important;
        }

        /* ── Module hero banner ────────────────────────────────────────────── */
        .module-hero {
            background: linear-gradient(135deg, var(--mjk-green-soft) 0%, #f0f9e0 100%);
            border-bottom: 1px solid #dff0c6;
            padding: 3rem 0 2.5rem;
        }

        .module-hero-title {
            font-size: clamp(1.5rem, 3.5vw, 2.2rem);
            font-weight: 800;
            color: var(--mjk-green-dark);
            line-height: 1.15;
            margin-bottom: 0.5rem;
        }

        .module-hero-sub {
            font-size: 1rem;
            color: var(--mjk-muted);
            margin-bottom: 1.25rem;
            max-width: 520px;
        }

        /* ── Stat chips (for pages like courses/coaching/forum) ─────────────── */
        .stat-chip {
            display: inline-flex;
            flex-direction: column;
            align-items: center;
            gap: 0.1rem;
        }

        .stat-chip .stat-num {
            font-size: 1.5rem;
            font-weight: 800;
            color: var(--mjk-green-dark);
            line-height: 1;
        }

        .stat-chip .stat-lbl {
            font-size: 0.75rem;
            color: var(--mjk-muted);
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.04em;
        }

        /* ── Card improvements ───────────────────────────────────────────────── */
        .mjk-card {
            background: #fff;
            border: 1px solid var(--mjk-border);
            border-radius: 0.9rem;
            box-shadow: var(--mjk-card-shadow);
        }

        .mjk-card .card-body { padding: 1.25rem; }

        .mjk-panel {
            background: #fff;
            border: 1px solid rgba(0, 0, 0, 0.06);
            border-radius: 0.5rem;
            box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
        }

        .mjk-panel-soft {
            background: rgba(255, 255, 255, 0.86);
            border: 1px solid rgba(63, 95, 8, 0.1);
            border-radius: 0.5rem;
            box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
        }

        .mjk-section-head {
            display: flex;
            align-items: end;
            justify-content: space-between;
            gap: 1rem;
            margin-bottom: 1rem;
        }

        .mjk-stat-card {
            background: #fff;
            border: 1px solid rgba(0, 0, 0, 0.06);
            border-radius: 0.5rem;
            min-height: 88px;
            padding: 0.9rem 0.85rem;
            text-align: center;
        }

        .mjk-stat-card strong {
            display: block;
            color: var(--mjk-text);
            font-size: 1.35rem;
            line-height: 1.1;
        }

        .mjk-stat-card span {
            color: var(--mjk-muted);
            font-size: 0.84rem;
        }

        .mjk-pill {
            align-items: center;
            background: #fff;
            border: 1px solid rgba(0, 0, 0, 0.08);
            border-radius: 999px;
            color: var(--mjk-muted);
            display: inline-flex;
            gap: 0.45rem;
            padding: 0.45rem 0.75rem;
        }

        .mjk-pill strong {
            color: var(--mjk-green-dark);
            font-size: 0.8rem;
        }

        .mjk-pill.active {
            background: var(--mjk-green-soft);
            border-color: rgba(117, 182, 27, 0.3);
            color: var(--mjk-green-dark);
        }

        .mjk-surface-card {
            background: #fff;
            border: 1px solid rgba(0, 0, 0, 0.06);
            border-radius: 0.5rem;
            box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05);
            overflow: hidden;
            transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
        }

        .mjk-surface-card:hover {
            border-color: rgba(117, 182, 27, 0.22);
            box-shadow: 0 16px 32px rgba(15, 23, 42, 0.08);
            transform: translateY(-2px);
        }

        .mjk-step-card {
            align-items: flex-start;
            background: #fafcf6;
            border: 1px solid rgba(117, 182, 27, 0.12);
            border-radius: 0.5rem;
            display: flex;
            gap: 0.9rem;
            padding: 1rem;
        }

        .mjk-icon-tile {
            align-items: center;
            display: inline-flex;
            flex: 0 0 auto;
            height: 52px;
            justify-content: center;
            width: 52px;
        }

        .mjk-step-icon {
            background: #fff;
            border: 1px solid rgba(117, 182, 27, 0.16);
            border-radius: 0.5rem;
            color: var(--mjk-green);
            font-size: 1.2rem;
        }

        .mjk-filter-label {
            color: var(--mjk-muted);
            font-size: 0.74rem;
            font-weight: 800;
            letter-spacing: 0;
            margin-bottom: 0.45rem;
            text-transform: uppercase;
        }

        .mjk-active-filter {
            align-items: center;
            background: var(--mjk-green-soft);
            border: 1px solid rgba(117, 182, 27, 0.2);
            border-radius: 999px;
            color: var(--mjk-green-dark);
            display: inline-flex;
            font-size: 0.82rem;
            gap: 0.35rem;
            padding: 0.35rem 0.7rem;
        }

        /* Consistent card image placeholder */
        .card-thumb {
            background: var(--mjk-green-soft);
            display: flex;
            align-items: center;
            justify-content: center;
            height: 130px;
            border-radius: 0.9rem 0.9rem 0 0;
            color: var(--mjk-green);
            font-size: 2.2rem;
            overflow: hidden;
            position: relative;
        }

        .card-thumb img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .mjk-skeleton {
            display: inline-block;
            border-radius: 999px;
            background: linear-gradient(90deg, #edf2e3 0%, #f8fbf1 50%, #edf2e3 100%);
            background-size: 200% 100%;
            animation: mjkShimmer 1.25s linear infinite;
        }

        @keyframes mjkShimmer {
            0% { background-position: 200% 0; }
            100% { background-position: -200% 0; }
        }

        .mjk-skeleton-card {
            padding: 1rem;
            border-radius: 1rem;
            border: 1px solid var(--mjk-border);
            background: #fff;
            box-shadow: var(--mjk-card-shadow);
        }

        .card-thumb-fallback {
            position: absolute;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        /* ── Avatar circles ─────────────────────────────────────────────────── */
        .avatar-circle {
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background: var(--mjk-green);
            color: #fff;
            font-weight: 800;
            flex-shrink: 0;
        }

        .avatar-circle.sm  { width: 36px; height: 36px; font-size: 0.85rem; }
        .avatar-circle.md  { width: 44px; height: 44px; font-size: 1rem; }
        .avatar-circle.lg  { width: 60px; height: 60px; font-size: 1.4rem; }
        .avatar-circle.xl  { width: 80px; height: 80px; font-size: 2rem; }

        /* ── Section inner headings ──────────────────────────────────────────── */
        .mjk-page-title {
            font-size: clamp(1.35rem, 3vw, 1.9rem);
            font-weight: 800;
            color: var(--mjk-green-dark);
            line-height: 1.2;
        }

        /* ── Specialty / skill pills ─────────────────────────────────────────── */
        .skill-pill {
            display: inline-block;
            background: var(--mjk-green-soft);
            color: var(--mjk-green-dark);
            border: 1px solid #cce8a0;
            border-radius: 999px;
            padding: 0.2rem 0.7rem;
            font-size: 0.78rem;
            font-weight: 700;
        }

        /* ── Price display ───────────────────────────────────────────────────── */
        .price-tag {
            font-size: 1.15rem;
            font-weight: 800;
            color: var(--mjk-green-dark);
        }

        /* ── Progress bars ───────────────────────────────────────────────────── */
        .progress { border-radius: 999px; }
        .progress-bar { border-radius: 999px; }

        /* ── Consistent card border-radius override ───────────────────────────── */
        .card { border-radius: 0.75rem !important; }
        .card-header { border-radius: 0.75rem 0.75rem 0 0 !important; }
        .card-footer { border-radius: 0 0 0.75rem 0.75rem !important; }

        /* ── Bootstrap badge tweaks ──────────────────────────────────────────── */
        .badge { font-weight: 700; letter-spacing: 0.01em; }

        /* ── Checkout flow ───────────────────────────────────────────────────── */
        .checkout-page {
            --checkout-border: #dfe7d2;
            --checkout-muted: #5f6f56;
            --checkout-soft: #f5f8ef;
            --checkout-accent-soft: #edf7df;
        }

        .checkout-page .surface-card,
        .checkout-page .card {
            border-radius: 8px !important;
        }

        .checkout-hero {
            align-items: flex-end;
            display: flex;
            gap: 1rem;
            justify-content: space-between;
        }

        .checkout-hero p {
            max-width: 620px;
        }

        .checkout-steps {
            display: flex;
            gap: .5rem;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .checkout-steps li {
            align-items: center;
            background: #fff;
            border: 1px solid var(--checkout-border);
            border-radius: 8px;
            color: var(--checkout-muted);
            display: inline-flex;
            font-size: .84rem;
            font-weight: 800;
            gap: .45rem;
            min-height: 38px;
            padding: .45rem .7rem;
            white-space: nowrap;
        }

        .checkout-steps span {
            align-items: center;
            background: #edf2e7;
            border-radius: 50%;
            color: #52633e;
            display: inline-flex;
            font-size: .76rem;
            height: 22px;
            justify-content: center;
            width: 22px;
        }

        .checkout-steps .is-active,
        .checkout-steps .is-complete {
            border-color: rgba(117, 182, 27, .45);
            color: var(--mjk-green-dark);
        }

        .checkout-steps .is-active span,
        .checkout-steps .is-complete span {
            background: var(--mjk-green);
            color: #fff;
        }

        .checkout-panel {
            overflow: hidden;
        }

        .checkout-lock,
        .checkout-status-badge {
            align-items: center;
            border-radius: 8px;
            display: inline-flex;
            font-size: .78rem;
            font-weight: 800;
            gap: .35rem;
            padding: .42rem .65rem;
            white-space: nowrap;
        }

        .checkout-lock {
            background: var(--checkout-accent-soft);
            border: 1px solid rgba(117, 182, 27, .24);
            color: var(--mjk-green-dark);
        }

        .checkout-support {
            align-items: center;
            background: var(--checkout-soft);
            border: 1px solid var(--checkout-border);
            border-radius: 8px;
            color: var(--checkout-muted);
            display: flex;
            font-size: .86rem;
            gap: .65rem;
            min-height: 47px;
            padding: .68rem .8rem;
        }

        .checkout-support i {
            color: var(--mjk-green-dark);
            font-size: 1rem;
        }

        .checkout-method-grid {
            display: grid;
            gap: .75rem;
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .checkout-method {
            cursor: pointer;
            display: block;
            margin: 0;
            min-width: 0;
            position: relative;
        }

        .checkout-method input {
            opacity: 0;
            position: absolute;
        }

        .checkout-method-body {
            background: #fff;
            border: 1px solid var(--checkout-border);
            border-radius: 8px;
            display: flex;
            gap: .65rem;
            height: 100%;
            min-height: 92px;
            padding: .85rem;
            transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
        }

        .checkout-method input:checked + .checkout-method-body {
            background: var(--checkout-accent-soft);
            border-color: rgba(117, 182, 27, .72);
            box-shadow: inset 0 0 0 1px rgba(117, 182, 27, .35);
        }

        .checkout-method input:focus-visible + .checkout-method-body {
            outline: 3px solid rgba(117, 182, 27, .25);
            outline-offset: 2px;
        }

        .checkout-method-icon {
            align-items: center;
            background: #f2f5ec;
            border-radius: 8px;
            color: var(--mjk-green-dark);
            display: inline-flex;
            flex: 0 0 34px;
            height: 34px;
            justify-content: center;
            width: 34px;
        }

        .checkout-method strong,
        .checkout-method small {
            display: block;
            min-width: 0;
        }

        .checkout-method strong {
            color: var(--mjk-green-dark);
            font-size: .92rem;
            line-height: 1.25;
        }

        .checkout-method small {
            color: var(--checkout-muted);
            font-size: .78rem;
            line-height: 1.35;
            margin-top: .15rem;
        }

        .checkout-action-row {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            gap: .75rem;
            justify-content: space-between;
        }

        .checkout-summary {
            border-color: var(--checkout-border);
        }

        .checkout-summary-item {
            align-items: flex-start;
            border-bottom: 1px solid #e9efdf;
            display: flex;
            gap: 1rem;
            justify-content: space-between;
            padding: .8rem 0;
        }

        .checkout-details {
            display: grid;
            gap: .95rem;
        }

        .checkout-details div {
            display: grid;
            gap: .18rem;
        }

        .checkout-details dt {
            color: var(--checkout-muted);
            font-size: .78rem;
            font-weight: 800;
            text-transform: uppercase;
        }

        .checkout-details dd {
            font-weight: 700;
            margin: 0;
            overflow-wrap: anywhere;
        }

        .checkout-trust-list {
            background: var(--checkout-soft);
            border: 1px solid var(--checkout-border);
            border-radius: 8px;
            display: grid;
            gap: .65rem;
            padding: .85rem;
        }

        .checkout-trust-list div {
            align-items: flex-start;
            color: var(--checkout-muted);
            display: flex;
            font-size: .84rem;
            gap: .55rem;
            line-height: 1.35;
        }

        .checkout-trust-list i {
            color: var(--mjk-green-dark);
            margin-top: .1rem;
        }

        .checkout-complete {
            align-items: center;
            background: var(--checkout-accent-soft);
            border: 1px solid rgba(117, 182, 27, .28);
            border-radius: 8px;
            display: flex;
            gap: .9rem;
            padding: 1rem;
        }

        .checkout-complete > i {
            color: var(--mjk-green-dark);
            font-size: 1.8rem;
        }

        .checkout-empty {
            max-width: 720px;
            margin-inline: auto;
        }

        .checkout-cart-item {
            overflow: hidden;
        }

        .checkout-cart-copy {
            flex: 1 1 280px;
            min-width: 0;
        }

        .checkout-cart-item .card-thumb {
            min-height: 190px;
        }

        @media (max-width: 991.98px) {
            .checkout-hero {
                align-items: flex-start;
                flex-direction: column;
            }

            .checkout-method-grid {
                grid-template-columns: 1fr;
            }

            .checkout-method-body {
                min-height: 76px;
            }
        }

        @media (max-width: 575.98px) {
            .checkout-steps {
                display: grid;
                grid-template-columns: 1fr;
                width: 100%;
            }

            .checkout-steps li {
                justify-content: flex-start;
                width: 100%;
            }

            .checkout-action-row .btn,
            .checkout-action-row .btn-mjk {
                width: 100%;
            }

            .checkout-summary-item {
                align-items: flex-start;
                flex-direction: column;
                gap: .35rem;
            }
        }

        /* ── Form control sizes ──────────────────────────────────────────────── */
        .form-control, .form-select {
            border-radius: 0.5rem;
            border-color: #d8d8d8;
            font-size: 0.93rem;
        }

        .form-control:focus, .form-select:focus {
            border-color: var(--mjk-green);
            box-shadow: 0 0 0 3px rgba(117, 182, 27, 0.15);
        }

        /* ── Breadcrumb ──────────────────────────────────────────────────────── */
        .breadcrumb { font-size: 0.85rem; }

        /* ── Forum specific ──────────────────────────────────────────────────── */
        .forum-cat-icon {
            width: 44px;
            height: 44px;
            border-radius: 0.6rem;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.25rem;
            flex-shrink: 0;
        }

        /* ── Responsive spacing ──────────────────────────────────────────────── */
        .section-gap { padding: 2.5rem 0; }

        @media (max-width: 767.98px) {
            .module-hero { padding: 2rem 0 1.75rem; }
            .stat-chip .stat-num { font-size: 1.25rem; }
        }

        @media (max-width: 991.98px) {
            .mjk-section-head {
                align-items: flex-start;
                flex-direction: column;
            }

            .site-header {
                background: #294807;
                box-shadow: 0 8px 22px rgba(9, 18, 7, 0.18);
            }

            .site-nav {
                display: grid;
                gap: 0.55rem;
                grid-template-columns: minmax(0, 1fr) auto auto;
                min-height: 60px;
                padding: 0.42rem 0;
            }

            .site-logo img {
                height: 29px;
            }

            .mobile-header-actions {
                align-items: center;
                display: flex;
                gap: 0.35rem;
                justify-content: flex-end;
            }

            .mobile-header-icon,
            .site-nav .navbar-toggler,
            .mobile-menu-close {
                align-items: center;
                border-radius: 0.5rem;
                display: inline-flex;
                height: 44px;
                justify-content: center;
                width: 44px;
            }

            .mobile-header-icon,
            .site-nav .navbar-toggler {
                background: rgba(255, 255, 255, 0.12);
                border: 1px solid rgba(255, 255, 255, 0.22);
                color: #fff;
            }

            .mobile-header-icon:hover,
            .mobile-header-icon:focus-visible,
            .mobile-header-icon.active,
            .site-nav .navbar-toggler:hover,
            .site-nav .navbar-toggler:focus-visible {
                background: rgba(255, 255, 255, 0.2);
                color: #fff;
            }

            .site-nav .navbar-toggler {
                padding: 0;
            }

            .site-nav .navbar-toggler[aria-expanded="true"] {
                background: #fff;
                border-color: #fff;
            }

            .site-nav .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
                filter: invert(38%) sepia(52%) saturate(742%) hue-rotate(46deg) brightness(84%) contrast(90%);
            }

            .mobile-menu-head {
                align-items: center;
                border-bottom: 1px solid #e7eedf;
                display: flex;
                gap: 0.75rem;
                justify-content: space-between;
                margin-bottom: 0.7rem;
                padding: calc(0.45rem + env(safe-area-inset-top)) 0 0.9rem;
            }

            .mobile-menu-title {
                color: #15210f;
                display: block;
                font-size: 0.98rem;
                font-weight: 900;
                line-height: 1.2;
            }

            .mobile-menu-subtitle {
                color: #66715e;
                display: block;
                font-size: 0.72rem;
                font-weight: 700;
                line-height: 1.3;
                margin-top: 0.1rem;
            }

            .mobile-menu-close {
                background: #f5f8f0;
                border: 1px solid #dfe9d5;
                color: #223517;
                flex: 0 0 auto;
                padding: 0;
            }

            .mobile-menu-close:hover,
            .mobile-menu-close:focus-visible {
                background: #eef6df;
                color: var(--mjk-green-dark);
            }

            .site-nav .navbar-collapse {
                background: #fff;
                border: 0;
                border-radius: 0;
                bottom: 0;
                box-shadow: none;
                left: 0;
                margin: 0;
                max-height: 100dvh;
                max-width: none;
                overflow-y: auto;
                padding: 0.85rem 1rem calc(1rem + env(safe-area-inset-bottom));
                position: fixed;
                right: 0;
                top: 0;
                transform-origin: bottom right;
                width: 100vw;
                z-index: 1060;
            }

            .site-nav .navbar-collapse.collapse:not(.show) {
                display: none;
            }

            .site-nav .navbar-collapse.collapsing {
                display: block;
                height: auto !important;
                opacity: 0;
                transform: translate(20vw, 20vh) scale(0.86);
                transition: opacity 0.2s ease, transform 0.2s ease;
            }

            .site-nav .navbar-collapse.collapse.show {
                animation: mobile-menu-in 0.2s ease both;
                opacity: 1;
                transform: translate(0, 0) scale(1);
            }

            @keyframes mobile-menu-in {
                from {
                    opacity: 0;
                    transform: translate(20vw, 20vh) scale(0.86);
                }

                to {
                    opacity: 1;
                    transform: translate(0, 0) scale(1);
                }
            }

            .site-nav .navbar-nav {
                gap: 0.25rem;
            }

            .site-nav .site-link,
            .site-nav .site-text-link,
            .site-nav .site-account-toggle {
                color: #1d2a15 !important;
            }

            .site-primary-nav .site-link,
            .site-action-nav .site-link,
            .site-account-toggle {
                align-items: center;
                border-radius: 0.5rem;
                display: flex;
                gap: 0.55rem;
                padding: 0.74rem 0.78rem !important;
                width: 100%;
            }

            .site-nav .site-link i,
            .site-nav .dropdown-item i {
                color: var(--mjk-green-dark) !important;
                font-size: 1rem;
                margin-right: 0;
                width: 1.15rem;
            }

            .site-primary-nav .site-link::after {
                display: none;
            }

            .site-primary-nav .site-link:hover,
            .site-primary-nav .site-link:focus-visible,
            .site-primary-nav .site-link.active,
            .site-action-nav .site-link:hover,
            .site-action-nav .site-link:focus-visible,
            .site-action-nav .site-link.active,
            .site-account-toggle:hover,
            .site-account-toggle:focus-visible {
                background: #eef6df;
                color: var(--mjk-green-dark) !important;
            }

            .site-nav .dropdown-menu {
                background: #f8faf4;
                border-color: #e5eddc;
                border-radius: 0.55rem;
                box-shadow: none;
                margin-top: 0.35rem;
            }

            #notifDropdownMenu {
                max-width: calc(100vw - 2rem);
                width: 100% !important;
            }

            .site-action-nav {
                border-top: 1px solid #e7eedf;
                margin-top: 0.5rem;
                padding-top: 0.5rem;
            }

            .site-action-nav .site-icon-link {
                background: #f7faf3;
                border-color: #dfe9d5;
                height: 44px;
                width: 100%;
            }

            .site-action-nav .site-icon-link:hover,
            .site-action-nav .site-icon-link:focus-visible,
            .site-action-nav .site-icon-link.active {
                background: #eef6df;
                border-color: #cfe3bd;
            }

            .site-signin,
            .site-outline,
            .site-text-link {
                align-items: center;
                display: inline-flex;
                gap: 0.5rem;
                justify-content: center;
                min-height: 44px;
                width: 100%;
            }

            .site-action-nav .theme-toggle {
                height: 44px;
                margin-left: auto;
                padding: 0;
                width: 44px;
            }

            .site-signin > i,
            .site-text-link > i,
            .site-account-toggle > i {
                margin-right: 0;
            }

            .site-text-link {
                background: #f7faf3;
            }

            .site-signin {
                align-items: center;
                background: var(--mjk-green);
                border-color: var(--mjk-green);
                color: #fff;
                justify-content: center;
            }

            @media (prefers-reduced-motion: reduce) {
                .site-nav .navbar-collapse.collapse.show {
                    animation: none;
                }

                .site-nav .navbar-collapse.collapsing {
                    transition: none;
                }
            }
        }

        @media (max-width: 767.98px) {
            .page-section {
                padding: 2.35rem 0;
            }

            .site-logo img {
                height: 32px;
            }

            .section-title {
                font-size: clamp(1.55rem, 7vw, 2.2rem);
            }
        }
        /* ── Scrollable modals (global) ── */
        .modal-body {
            max-height: 65vh;
            overflow-y: auto;
        }

        /* ── CKEditor 5 theme ── */
        .ck.ck-editor__editable_inline {
            min-height: 140px;
            border-radius: 0 0 0.4rem 0.4rem !important;
            border-color: #e2e8f0 !important;
            font-family: Manrope, system-ui, sans-serif;
            font-size: .9375rem;
            line-height: 1.75;
            padding: .75rem 1rem !important;
        }
        .ck.ck-toolbar {
            border-radius: 0.4rem 0.4rem 0 0 !important;
            border-color: #e2e8f0 !important;
            background: #f8fafc !important;
        }
        .ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {
            border-color: #75b61b !important;
            box-shadow: 0 0 0 3px rgba(117, 182, 27, .15) !important;
        }
        .ck.ck-editor { width: 100%; }
        .ckeditor-meta {
            font-size: .73rem;
            color: #94a3b8;
            text-align: right;
            padding: .2rem .5rem .1rem;
            user-select: none;
        }
        .ckeditor-autosave-notice {
            font-size: .75rem;
            background: #fef3c7;
            color: #92400e;
            border: 1px solid #fde68a;
            border-radius: 6px;
            padding: .35rem .75rem;
            display: flex;
            align-items: center;
            gap: .5rem;
            margin-top: .4rem;
        }


/* resources/views/layouts/admin.blade.php */
html[data-theme="dark"] {
            color-scheme: dark;
            --admin-bg: #0b1220;
            --admin-sidebar: #08111f;
            --admin-text: #cbd5e1;
            --admin-muted: #a8b3c3;
            --mjk-bg: #0b1220;
            --mjk-text: #e8edf3;
        }

        html[data-theme="dark"],
        html[data-theme="dark"] body {
            background: #0b1220 !important;
            color: #e8edf3;
        }

        html[data-theme="dark"] .admin-topbar {
            background: #101a2b;
            border-color: rgba(148, 163, 184, .18);
        }


/* resources/views/layouts/admin.blade.php */
:root {
            --admin-sidebar: #0f172a;
            --admin-sidebar-hover: rgba(255,255,255,.06);
            --admin-active-bg: rgba(117,182,27,.12);
            --admin-active-border: #75b61b;
            --admin-active-text: #9bd648;
            --admin-muted: #64748b;
            --admin-text: #94a3b8;
            --admin-bg: #f1f5f9;
            --mjk-green: #75b61b;
        }
        *, *::before, *::after { box-sizing: border-box; }
        html, body { height: 100%; }
        body {
            background: var(--admin-bg);
            font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
            margin: 0; overflow-x: hidden;
        }

        /* ── Sidebar ──────────────────────────────────────────── */
        .admin-sidebar {
            position: fixed; top: 0; left: 0; bottom: 0;
            width: 250px; background: var(--admin-sidebar);
            display: flex; flex-direction: column;
            z-index: 1030; overflow-y: auto;
            scrollbar-width: thin; scrollbar-color: #1e293b transparent;
            transition: transform .25s ease;
        }
        .sidebar-brand {
            padding: 1.25rem 1.5rem;
            border-bottom: 1px solid rgba(255,255,255,.07);
            display: flex; align-items: center; gap: .75rem;
            text-decoration: none; flex-shrink: 0;
        }
        .sidebar-brand .brand-text { color: #fff; font-weight: 700; font-size: .95rem; line-height: 1.2; }
        .sidebar-brand .brand-sub  { color: var(--admin-text); font-size: .7rem; }
        .sidebar-section {
            padding: .75rem 1rem .25rem;
            color: #475569; font-size: .65rem; font-weight: 700;
            letter-spacing: .08em; text-transform: uppercase;
        }
        .sidebar-link {
            display: flex; align-items: center; gap: .65rem;
            padding: .55rem 1.5rem;
            color: var(--admin-text); text-decoration: none;
            font-size: .875rem; border-left: 3px solid transparent;
            transition: all .15s;
        }
        .sidebar-link:hover { color: #e2e8f0; background: var(--admin-sidebar-hover); }
        .sidebar-link.active {
            color: var(--admin-active-text);
            background: var(--admin-active-bg);
            border-left-color: var(--admin-active-border);
        }
        .sidebar-link .bi { font-size: 1rem; flex-shrink: 0; }
        .sidebar-sub { padding-left: 2.75rem; font-size: .8rem; }
        .sidebar-badge {
            margin-left: auto; background: #f97316; color: #fff;
            font-size: .65rem; padding: .15rem .45rem;
            border-radius: 10px; font-weight: 700;
        }
        .sidebar-footer {
            margin-top: auto; padding: 1rem 1.5rem;
            border-top: 1px solid rgba(255,255,255,.07); flex-shrink: 0;
        }

        /* ── Main layout ──────────────────────────────────────── */
        .admin-main {
            margin-left: 250px;
            min-height: 100vh;
            display: flex; flex-direction: column;
        }
        .admin-topbar {
            position: sticky; top: 0; z-index: 1020;
            background: #fff; border-bottom: 1px solid #e2e8f0;
            padding: .75rem 1.5rem; display: flex; align-items: center; gap: 1rem;
            flex-shrink: 0;
        }
        .admin-content { flex: 1; padding: 1.75rem; min-width: 0; }

        /* ── Stat cards ───────────────────────────────────────── */
        .stat-card {
            background: #fff; border-radius: 12px; padding: 1.5rem;
            border: 1px solid #e2e8f0; transition: box-shadow .2s; height: 100%;
        }
        .stat-card:hover { box-shadow: 0 4px 20px rgba(0,0,0,.08); }
        .stat-icon {
            width: 48px; height: 48px; border-radius: 10px;
            display: flex; align-items: center; justify-content: center;
            font-size: 1.25rem; flex-shrink: 0;
        }
        .stat-value { font-size: 1.875rem; font-weight: 700; color: #0f172a; line-height: 1; }
        .stat-label { color: var(--admin-muted); font-size: .8rem; margin-top: .25rem; }

        /* ── Cards ────────────────────────────────────────────── */
        .admin-card { background: #fff; border-radius: 12px; border: 1px solid #e2e8f0; }
        .admin-card-header {
            padding: 1.1rem 1.5rem; border-bottom: 1px solid #f1f5f9;
            display: flex; align-items: center; justify-content: space-between;
        }
        .admin-card-header h6 { font-weight: 700; color: #0f172a; margin: 0; }
        .admin-card-body { padding: 1.5rem; }

        /* ── Tables ───────────────────────────────────────────── */
        .admin-table th {
            font-size: .75rem; text-transform: uppercase;
            letter-spacing: .05em; color: var(--admin-muted);
            font-weight: 600; border-bottom: 1px solid #e2e8f0 !important;
            background: #f8fafc; white-space: nowrap;
        }
        .admin-table td { vertical-align: middle; border-color: #f1f5f9; }
        .admin-table tbody tr:hover { background: #f8fafc; }

        /* ── DataTables theme overrides ───────────────────────── */
        .admin-datatable,
        .admin-datatable div.dataTables_wrapper,
        div.dataTables_wrapper {
            padding: 0;
        }
        .admin-datatable {
            overflow: hidden;
        }
        div.dataTables_wrapper div.dataTables_length,
        div.dataTables_wrapper div.dataTables_filter,
        div.dataTables_wrapper div.dataTables_info,
        div.dataTables_wrapper div.dataTables_paginate {
            padding: .75rem 1.25rem;
            font-size: .82rem; color: #64748b;
        }
        div.dataTables_wrapper div.dataTables_length select,
        div.dataTables_wrapper div.dataTables_filter input {
            border: 1px solid #e2e8f0; border-radius: 8px;
            padding: .3rem .6rem; font-size: .82rem; color: #0f172a;
            background: #f8fafc;
        }
        div.dataTables_wrapper div.dataTables_filter input:focus {
            outline: none; border-color: var(--mjk-green);
            box-shadow: 0 0 0 3px rgba(117,182,27,.15);
        }
        div.dataTables_wrapper div.dataTables_filter { text-align: right; }
        div.dataTables_wrapper div.dataTables_length,
        div.dataTables_wrapper div.dataTables_filter {
            border-bottom: 1px solid #f1f5f9;
        }
        div.dataTables_wrapper div.dataTables_info,
        div.dataTables_wrapper div.dataTables_paginate {
            border-top: 1px solid #f1f5f9;
        }
        div.dataTables_wrapper div.dataTables_paginate .page-item .page-link {
            font-size: .8rem; border-radius: 6px !important;
            margin: 0 2px; border-color: #e2e8f0; color: #0f172a;
        }
        div.dataTables_wrapper div.dataTables_paginate .page-item.active .page-link {
            background: var(--mjk-green); border-color: var(--mjk-green); color: #fff;
        }
        div.dataTables_wrapper .dataTables_processing {
            background: rgba(255,255,255,.95);
            border: 1px solid #e2e8f0; border-radius: 8px;
            box-shadow: 0 4px 20px rgba(0,0,0,.08); color: #0f172a;
            font-size: .85rem;
        }
        table.dataTable thead .sorting:after,
        table.dataTable thead .sorting_asc:after,
        table.dataTable thead .sorting_desc:after,
        table.dataTable thead .sorting_asc_disabled:after,
        table.dataTable thead .sorting_desc_disabled:after {
            font-size: .6rem; opacity: .5;
        }
        table.dataTable.no-footer { border-bottom: none; }
        .dt-column-title { font-size: .75rem; text-transform: uppercase; letter-spacing: .05em; color: #64748b; font-weight: 600; }
        table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before,
        table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control::before {
            background: var(--mjk-green);
            border: 0;
            box-shadow: none;
            line-height: 1.05rem;
            top: 50%;
            transform: translateY(-50%);
        }
        table.dataTable > tbody > tr.child ul.dtr-details {
            display: grid;
            gap: .45rem;
            width: 100%;
        }
        table.dataTable > tbody > tr.child span.dtr-title {
            color: #64748b;
            font-size: .72rem;
            font-weight: 800;
            min-width: 7rem;
            text-transform: uppercase;
        }
        table.dataTable > tbody > tr.child span.dtr-data {
            color: #0f172a;
            font-size: .84rem;
        }
        .dt-actions {
            display: flex;
            flex-wrap: wrap;
            gap: .35rem;
        }
        .dt-action {
            align-items: center;
            border: 1px solid transparent;
            border-radius: 8px;
            display: inline-flex;
            font-size: .75rem;
            font-weight: 800;
            gap: .25rem;
            justify-content: center;
            min-height: 32px;
            min-width: 32px;
            padding: .28rem .55rem;
            text-decoration: none;
        }
        .dt-action-muted { background:#f1f5f9; color:#334155; }
        .dt-action-success { background:#dcfce7; color:#166534; }
        .dt-action-warning { background:#fef3c7; color:#92400e; }
        .dt-action-danger { background:#fee2e2; color:#991b1b; }
        .dt-action-info { background:#dbeafe; color:#1e40af; }
        .dt-action-purple { background:#ede9fe; color:#6d28d9; }
        .dt-action:hover { filter: brightness(.98); }

        /* ── Badges ───────────────────────────────────────────── */
        .badge-pending  { background: #fef3c7; color: #92400e; }
        .badge-approved { background: #d1fae5; color: #065f46; }
        .badge-rejected { background: #fee2e2; color: #991b1b; }
        .badge-active   { background: #d1fae5; color: #065f46; }
        .badge-inactive { background: #fee2e2; color: #991b1b; }
        .badge-admin    { background: #ede9fe; color: #4c1d95; }
        .badge-employer { background: #dbeafe; color: #1e40af; }
        .badge-seeker   { background: #f1f5f9; color: #475569; }

        /* ── Impersonation banner ─────────────────────────────── */
        .impersonate-bar {
            background: #b91c1c; color: #fff;
            text-align: center; padding: .5rem; font-size: .85rem;
            font-weight: 600; position: sticky; top: 0; z-index: 9999;
        }

        /* ── Page header ──────────────────────────────────────── */
        .page-header { margin-bottom: 1.5rem; }
        .page-header h1 { font-size: 1.5rem; font-weight: 700; color: #0f172a; margin: 0; }
        .page-header p  { color: var(--admin-muted); margin: .25rem 0 0; font-size: .875rem; }

        /* ── Sidebar backdrop ─────────────────────────────────── */
        .sidebar-backdrop {
            display: none; position: fixed; inset: 0;
            background: rgba(0,0,0,.5); z-index: 1029;
        }

        /* ── Responsive ───────────────────────────────────────── */
        @media (max-width: 991.98px) {
            .admin-sidebar { transform: translateX(-100%); }
            .admin-sidebar.show { transform: translateX(0); }
            .admin-main { margin-left: 0; }
        }
        @media (max-width: 575.98px) {
            .admin-content { padding: 1rem; }
            div.dataTables_wrapper div.dataTables_length,
            div.dataTables_wrapper div.dataTables_filter,
            div.dataTables_wrapper div.dataTables_info,
            div.dataTables_wrapper div.dataTables_paginate {
                padding: .65rem .85rem;
            }
            div.dataTables_wrapper div.dataTables_filter,
            div.dataTables_wrapper div.dataTables_filter input {
                text-align: left;
                width: 100%;
            }
            div.dataTables_wrapper div.dataTables_paginate ul.pagination {
                justify-content: flex-start !important;
                row-gap: .35rem;
            }
        }


/* resources/views/media-library/index.blade.php */
.media-library-page {
        background:
            radial-gradient(circle at top right, rgba(117, 182, 27, 0.12), transparent 22%),
            linear-gradient(180deg, #f7f8f3 0%, #ffffff 32%);
        padding: 1.5rem 0 4rem;
    }

    .mjk-media-card {
        overflow: hidden;
    }

    .mjk-media-thumb {
        aspect-ratio: 16 / 10;
        background: linear-gradient(135deg, #eef7db 0%, #f8fbef 100%);
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        border-bottom: 1px solid var(--mjk-border);
    }

    .mjk-media-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .mjk-media-icon {
        font-size: 2.2rem;
        color: var(--mjk-green-dark);
    }


/* resources/views/applications/index.blade.php */
.apps-page {
    background: #f6f8fb;
    min-height: 80vh;
    padding: 1.5rem 0 4rem;
}
.apps-wrap { max-width: 1040px; }
.apps-hero,
.apps-panel,
.apps-filter {
    background: #fff;
    border: 1px solid #e4eaf1;
    border-radius: 8px;
}
.apps-hero {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding: 1.15rem;
}
.eyebrow {
    color: #64748b;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.apps-hero h1 {
    color: #0f172a;
    font-size: clamp(1.35rem, 2.5vw, 1.85rem);
    font-weight: 900;
    margin: .15rem 0 .25rem;
}
.hero-copy {
    color: #64748b;
    font-size: .88rem;
    margin: 0;
}
.hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}
.btn-app-primary,
.btn-app-secondary {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-size: .84rem;
    font-weight: 800;
    gap: .42rem;
    min-height: 44px;
    padding: .62rem .95rem;
    text-decoration: none;
}
.btn-app-primary {
    background: var(--mjk-green);
    border: 1px solid var(--mjk-green);
    color: #fff;
}
.btn-app-primary:hover,
.btn-app-primary:focus { background: var(--mjk-green-dark); border-color: var(--mjk-green-dark); color: #fff; }
.btn-app-secondary {
    background: #fff;
    border: 1px solid #dce4ee;
    color: #334155;
}
.btn-app-secondary:hover,
.btn-app-secondary:focus { border-color: var(--mjk-green); color: var(--mjk-green-dark); }
.apps-filters {
    display: grid;
    gap: .65rem;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-bottom: 1rem;
}
.apps-filter {
    min-height: 74px;
    padding: .8rem;
}
.filter-value {
    color: #0f172a;
    font-size: 1.2rem;
    font-weight: 900;
    line-height: 1;
}
.filter-label {
    color: #64748b;
    font-size: .74rem;
    font-weight: 800;
    margin-top: .25rem;
}
.apps-panel { overflow: hidden; }
.apps-row {
    align-items: center;
    border-bottom: 1px solid #eef2f6;
    display: grid;
    gap: .85rem;
    grid-template-columns: 46px minmax(0, 1fr) auto auto;
    padding: .95rem 1.1rem;
}
.apps-row:last-child { border-bottom: 0; }
.logo-mark {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #e4eaf1;
    border-radius: 8px;
    color: var(--mjk-green-dark);
    display: flex;
    font-size: .9rem;
    font-weight: 900;
    height: 42px;
    justify-content: center;
    width: 42px;
}
.row-title {
    color: #172033;
    display: block;
    font-size: .88rem;
    font-weight: 900;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.row-meta {
    color: #64748b;
    font-size: .76rem;
    margin-top: .18rem;
}
.status-pill {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: .7rem;
    font-weight: 900;
    gap: .3rem;
    min-height: 28px;
    padding: .22rem .62rem;
    white-space: nowrap;
}
.status-pending { background: #fff7ed; color: #9a3412; }
.status-reviewed { background: #eff6ff; color: #1d4ed8; }
.status-shortlisted { background: #ecfdf5; color: #047857; }
.status-hired { background: #f0fdf4; color: #166534; border: 1px solid #bbf7d0; }
.status-rejected { background: #fef2f2; color: #b91c1c; }
.text-link {
    color: var(--mjk-green-dark);
    font-size: .78rem;
    font-weight: 900;
    text-decoration: none;
    white-space: nowrap;
}
.text-link:hover { color: var(--mjk-green); }
.empty-state {
    color: #64748b;
    padding: 3rem 1.25rem;
    text-align: center;
}
.empty-state i { color: #cbd5e1; display: block; font-size: 2.3rem; margin-bottom: .65rem; }
.success-alert {
    background: #ecfdf5;
    border: 1px solid #bbf7d0;
    border-radius: 8px;
    color: #166534;
    font-weight: 800;
    margin-bottom: 1rem;
    padding: .85rem 1rem;
}
@media (max-width: 991.98px) {
    .apps-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767.98px) {
    .apps-page { padding-top: .75rem; }
    .apps-hero { align-items: stretch; flex-direction: column; }
    .hero-actions .btn-app-primary,
    .hero-actions .btn-app-secondary { justify-content: center; width: 100%; }
    .apps-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .apps-row {
        align-items: flex-start;
        grid-template-columns: 42px minmax(0, 1fr);
    }
    .apps-row .status-pill,
    .apps-row .text-link { grid-column: 2; justify-self: start; }
}
@media (max-width: 575.98px) {
    .apps-hero,
    .apps-panel { border-radius: 0; margin-left: -.75rem; margin-right: -.75rem; }
}


/* resources/views/certifications/index.blade.php */
.cert-banner {
    background: linear-gradient(135deg, var(--mjk-green-dark) 0%, var(--mjk-green) 100%);
    padding: 3rem 0 5rem;
    color: #fff;
    position: relative;
    overflow: hidden;
}
.cert-banner::after {
    content:''; position:absolute; inset:0;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;
    pointer-events:none;
}
.cert-shell { margin-top:-2.5rem; position:relative; z-index:2; padding-bottom:5rem; background:#f6f8fa; }
.cert-card {
    background:#fff; border:1.5px solid #e8edf2; border-radius:16px; padding:1.6rem;
    transition:border-color .15s,box-shadow .15s,transform .12s; height:100%;
    display:flex; flex-direction:column;
}
.cert-card:hover { border-color:var(--mjk-green); box-shadow:0 6px 24px rgba(117,182,27,.12); transform:translateY(-2px); }
.cert-icon-wrap { width:52px; height:52px; border-radius:14px; display:flex; align-items:center; justify-content:center; font-size:1.4rem; flex-shrink:0; margin-bottom:1rem; }
.cert-title { font-size:1rem; font-weight:800; color:#1e293b; line-height:1.3; margin-bottom:.3rem; }
.cert-desc { font-size:.8rem; color:#64748b; line-height:1.5; flex:1; }
.diff-badge { display:inline-block; font-size:.68rem; font-weight:700; padding:.2rem .6rem; border-radius:20px; text-transform:uppercase; letter-spacing:.04em; }
.cert-stat { font-size:.75rem; color:#94a3b8; display:flex; align-items:center; gap:.4rem; }
.passed-check { position:absolute; top:1rem; right:1rem; width:32px; height:32px; border-radius:50%; background:#d1fae5; display:flex; align-items:center; justify-content:center; }
.category-heading { font-size:.72rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:#94a3b8; margin:2rem 0 1rem; }


/* resources/views/certifications/take.blade.php */
.take-wrap { background:#f6f8fa; min-height:80vh; padding:3rem 0 5rem; }
.ej-card { background:#fff; border:1.5px solid #e8edf2; border-radius:16px; padding:1.6rem; margin-bottom:1.25rem; }
.q-card { background:#fff; border:1.5px solid #e8edf2; border-radius:14px; padding:1.4rem; margin-bottom:1rem; transition:border-color .15s; }
.q-card.answered { border-color:var(--mjk-green); }
.q-num { font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:#94a3b8; margin-bottom:.4rem; }
.q-text { font-size:.95rem; font-weight:700; color:#1e293b; line-height:1.5; margin-bottom:1rem; }
.option-label {
    display:flex; align-items:center; gap:.75rem;
    background:#f8fafc; border:1.5px solid #e8edf2; border-radius:10px;
    padding:.7rem 1rem; margin-bottom:.5rem; cursor:pointer;
    transition:all .15s; font-size:.88rem; font-weight:600; color:#334155;
}
.option-label:hover { border-color:var(--mjk-green); background:#f0fdf4; }
.option-label input[type="radio"] { width:18px; height:18px; accent-color:var(--mjk-green); flex-shrink:0; }
input[type="radio"]:checked + .option-label, .option-label:has(input[type="radio"]:checked) {
    border-color:var(--mjk-green); background:#f0fdf4; color:#065f46;
}
.timer-pill {
    background:#fff; border:1.5px solid #e8edf2; border-radius:20px;
    padding:.4rem 1rem; font-size:.82rem; font-weight:700; color:#1e293b;
}
.timer-pill.warning { border-color:#f97316; color:#c2410c; background:#fff7ed; }
.timer-pill.danger { border-color:#ef4444; color:#b91c1c; background:#fef2f2; animation: pulse 1s infinite; }
@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.6} }
.progress-bar-wrap { height:6px; background:#f1f5f9; border-radius:3px; overflow:hidden; }
.progress-bar-fill { height:6px; background:var(--mjk-green); border-radius:3px; transition:width .3s; }


/* resources/views/certifications/show.blade.php */
.cert-detail-banner {
    background: linear-gradient(135deg, var(--mjk-green-dark) 0%, var(--mjk-green) 100%);
    padding: 3rem 0 5rem;
    color: #fff;
}
.cert-shell { margin-top:-2.5rem; position:relative; z-index:2; padding-bottom:5rem; background:#f6f8fa; }
.ej-card { background:#fff; border:1.5px solid #e8edf2; border-radius:16px; padding:1.6rem; margin-bottom:1.25rem; }
.card-eyebrow { font-size:.7rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#94a3b8; margin-bottom:.3rem; }
.card-heading { font-size:1.05rem; font-weight:800; color:#1e293b; }
.q-preview-item { padding:.85rem 1rem; background:#f8fafc; border:1.5px solid #e8edf2; border-radius:10px; margin-bottom:.6rem; }


/* resources/views/certifications/result.blade.php */
.result-wrap { background:#f6f8fa; min-height:70vh; padding:4rem 0 5rem; }
.ej-card { background:#fff; border:1.5px solid #e8edf2; border-radius:16px; padding:1.6rem; margin-bottom:1.25rem; }
.cert-badge {
    width:130px; height:130px; border-radius:50%; margin:0 auto 1.5rem;
    display:flex; align-items:center; justify-content:center;
    font-size:3.5rem; border:6px solid;
}
.score-ring-wrap { position:relative; width:120px; height:120px; margin:0 auto; }
.score-ring-num { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:1.6rem; font-weight:900; }
.answer-row { padding:.7rem 1rem; border-radius:10px; margin-bottom:.5rem; font-size:.84rem; }


/* resources/views/errors/layout.blade.php */
:root { --mjk-green:#75b61b; --mjk-green-dark:#3f5f08; }
        body { font-family:'Manrope',sans-serif; background:#f6f8fa; min-height:100vh; display:flex; flex-direction:column; }
        .error-wrap { flex:1; display:flex; align-items:center; justify-content:center; padding:3rem 1rem; }
        .error-card { background:#fff; border-radius:20px; border:1.5px solid #e8edf2; padding:3rem 2.5rem; text-align:center; max-width:520px; width:100%; box-shadow:0 8px 40px rgba(0,0,0,.07); }
        .error-code { font-size:6rem; font-weight:900; line-height:1; background:linear-gradient(135deg,var(--mjk-green-dark),var(--mjk-green)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
        .error-title { font-size:1.5rem; font-weight:800; color:#1e293b; margin:.75rem 0 .5rem; }
        .error-msg { color:#64748b; font-size:.92rem; line-height:1.6; margin-bottom:2rem; }
        .error-actions { display:flex; flex-wrap:wrap; gap:.75rem; justify-content:center; }
        .btn-home { background:var(--mjk-green); color:#fff; border:none; border-radius:10px; padding:.65rem 1.5rem; font-weight:700; text-decoration:none; font-size:.9rem; }
        .btn-home:hover { background:var(--mjk-green-dark); color:#fff; }
        .btn-back { background:#f1f5f9; color:#475569; border:none; border-radius:10px; padding:.65rem 1.5rem; font-weight:700; text-decoration:none; font-size:.9rem; }
        .btn-back:hover { background:#e2e8f0; color:#334155; }
        .nav-top { background:#fff; border-bottom:1px solid #e8edf2; padding:.9rem 1.5rem; display:flex; align-items:center; justify-content:space-between; }
        .nav-logo { font-weight:900; color:var(--mjk-green-dark); text-decoration:none; font-size:1.05rem; }
        .nav-links { display:flex; gap:1.2rem; }
        .nav-links a { color:#64748b; text-decoration:none; font-size:.85rem; font-weight:600; }
        .nav-links a:hover { color:var(--mjk-green); }
        .error-icon { font-size:3.5rem; margin-bottom:1rem; }


/* resources/views/jobs/index.blade.php */
.jobs-board {
        background: #f7f8f5;
    }

    .jobs-hero {
        background:
            linear-gradient(90deg, rgba(12, 22, 9, .9), rgba(26, 48, 17, .76)),
            url('https://images.unsplash.com/photo-1521737604893-d14cc237f11d?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat;
        color: #fff;
        padding: 2.4rem 0 4.2rem;
    }

    .jobs-shell {
        max-width: 1180px;
    }

    .jobs-kicker {
        color: #d8f2a8;
        font-size: .78rem;
        font-weight: 800;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .jobs-heading {
        font-size: clamp(2rem, 4vw, 3.2rem);
        font-weight: 850;
        letter-spacing: 0;
        line-height: 1.05;
    }

    .jobs-hero-copy {
        color: rgba(255, 255, 255, .84);
        font-size: 1rem;
        line-height: 1.65;
        max-width: 650px;
    }

    .jobs-stat {
        border: 1px solid rgba(255, 255, 255, .16);
        border-radius: 8px;
        background: rgba(255, 255, 255, .1);
        padding: .8rem .95rem;
        min-width: 130px;
    }

    .jobs-stat strong {
        display: block;
        color: #fff;
        font-size: 1.18rem;
        line-height: 1.1;
    }

    .jobs-stat span {
        color: rgba(255, 255, 255, .78);
        font-size: .76rem;
        font-weight: 700;
    }

    .jobs-search-card {
        background: #fff;
        border: 1px solid #e7eadf;
        border-radius: 8px;
        box-shadow: 0 18px 45px rgba(16, 24, 8, .11);
        margin-top: -2.2rem;
        padding: 1rem;
        position: relative;
        z-index: 2;
    }

    .jobs-field-label {
        color: #526049;
        font-size: .76rem;
        font-weight: 800;
        margin-bottom: .35rem;
    }

    .jobs-search-card .form-control,
    .jobs-search-card .form-select,
    .filter-panel .form-control,
    .filter-panel .form-select {
        border: 1px solid #dfe5d6;
        border-radius: 8px;
        color: #1f2a18;
        min-height: 46px;
    }

    .jobs-search-card .form-control:focus,
    .jobs-search-card .form-select:focus,
    .filter-panel .form-control:focus,
    .filter-panel .form-select:focus {
        border-color: var(--mjk-green);
        box-shadow: 0 0 0 .2rem rgba(117, 182, 27, .14);
    }

    .jobs-custom-select {
        position: relative;
    }

    .jobs-native-select {
        height: 1px !important;
        opacity: 0;
        pointer-events: none;
        position: absolute !important;
        width: 1px !important;
    }

    .jobs-select-trigger {
        align-items: center;
        background: #fff;
        border: 1px solid #dfe5d6;
        border-radius: 8px;
        color: #1f2a18;
        display: flex;
        font-weight: 800;
        gap: .65rem;
        justify-content: space-between;
        min-height: 46px;
        padding: .65rem .78rem;
        text-align: left;
        width: 100%;
    }

    .jobs-select-trigger:hover,
    .jobs-select-trigger:focus-visible,
    .jobs-custom-select.is-open .jobs-select-trigger {
        border-color: var(--mjk-green);
        box-shadow: 0 0 0 .2rem rgba(117, 182, 27, .14);
        outline: 0;
    }

    .jobs-select-trigger i {
        color: #678044;
        flex: 0 0 auto;
        font-size: .9rem;
        transition: transform .16s ease;
    }

    .jobs-custom-select.is-open .jobs-select-trigger i {
        transform: rotate(180deg);
    }

    .jobs-select-menu {
        background: #fff;
        border: 1px solid #dfe8d4;
        border-radius: 8px;
        box-shadow: 0 18px 38px rgba(16, 24, 8, .16);
        display: none;
        left: 0;
        max-height: 260px;
        overflow: auto;
        padding: .35rem;
        position: absolute;
        right: 0;
        top: calc(100% + .35rem);
        z-index: 20;
    }

    .jobs-custom-select.is-open .jobs-select-menu {
        display: grid;
        gap: .2rem;
    }

    .jobs-select-option {
        align-items: center;
        background: transparent;
        border: 0;
        border-radius: 7px;
        color: #24331c;
        display: flex;
        font-size: .86rem;
        font-weight: 800;
        gap: .5rem;
        justify-content: space-between;
        min-height: 38px;
        padding: .48rem .55rem;
        text-align: left;
        width: 100%;
    }

    .jobs-select-option:hover,
    .jobs-select-option:focus-visible {
        background: #f2f7ea;
        color: #294406;
        outline: 0;
    }

    .jobs-select-option[aria-selected="true"] {
        background: #eaf5da;
        color: #294406;
    }

    .jobs-select-option[aria-selected="true"]::after {
        color: var(--mjk-green-dark);
        content: "\F26E";
        font-family: "bootstrap-icons";
        font-size: .9rem;
        line-height: 1;
    }

    .jobs-filter-toggle {
        border-radius: 8px;
        min-height: 44px;
    }

    .jobs-filter-column {
        align-self: flex-start;
        position: sticky;
        top: 88px;
        z-index: 3;
    }

    .filter-panel {
        background: #fff;
        border: 1px solid #e4e9dc;
        border-radius: 8px;
        box-shadow: 0 12px 30px rgba(18, 32, 10, .05);
        max-height: calc(100dvh - 104px);
        overflow: auto;
        padding: .95rem;
    }

    .filter-panel::-webkit-scrollbar {
        width: 6px;
    }

    .filter-panel::-webkit-scrollbar-thumb {
        background: #d6dfca;
        border-radius: 999px;
    }

    .filter-panel-head {
        align-items: center;
        border-bottom: 1px solid #eef2e8;
        display: flex;
        gap: .75rem;
        justify-content: space-between;
        margin: -.1rem 0 .8rem;
        padding-bottom: .75rem;
    }

    .filter-panel-title {
        color: #182312;
        font-size: 1rem;
        font-weight: 850;
        line-height: 1.2;
    }

    .filter-active-badge {
        align-items: center;
        background: #eaf5da;
        border: 1px solid #d6eabc;
        border-radius: 999px;
        color: #34540c;
        display: inline-flex;
        font-size: .72rem;
        font-weight: 850;
        height: 24px;
        justify-content: center;
        min-width: 24px;
        padding: 0 .45rem;
    }

    .filter-panel-form {
        display: grid;
        gap: .9rem;
    }

    .filter-group {
        border-top: 1px solid #eef2e8;
        padding-top: .85rem;
    }

    .filter-panel-form .filter-group:first-of-type {
        border-top: 0;
        padding-top: 0;
    }

    .filter-group-title {
        color: #4f641f;
        font-size: .72rem;
        font-weight: 850;
        letter-spacing: .07em;
        margin: 0 0 .55rem;
        text-transform: uppercase;
    }

    .filter-option {
        align-items: center;
        border: 1px solid transparent;
        border-radius: 8px;
        cursor: pointer;
        display: flex;
        gap: .55rem;
        justify-content: space-between;
        min-height: 42px;
        padding: .42rem .48rem;
        transition: background-color .18s ease, border-color .18s ease, color .18s ease;
    }

    .filter-option:hover,
    .filter-option:focus-within {
        background: #f6f8f2;
        border-color: #e2ead8;
    }

    .filter-option:has(input:checked) {
        background: #eef6df;
        border-color: #d6eabc;
        color: #294406;
    }

    .filter-option .form-check {
        align-items: center;
        display: flex;
        gap: .5rem;
        margin: 0;
        min-height: 0;
        min-width: 0;
    }

    .filter-option .form-check-input {
        flex: 0 0 auto;
        margin: 0;
    }

    .filter-option .form-check-label {
        color: #24331c;
        line-height: 1.25;
    }

    .filter-count {
        color: #76816e;
        flex: 0 0 auto;
        font-size: .75rem;
        font-weight: 750;
    }

    .filter-panel-actions {
        background: #fff;
        border-top: 1px solid #eef2e8;
        bottom: 0;
        margin-bottom: -.2rem;
        padding-top: .8rem;
        position: sticky;
    }

    .jobs-result-toolbar {
        background: #fff;
        border: 1px solid #e4e9dc;
        border-radius: 8px;
        padding: .85rem 1rem;
    }

    .jobs-active-chip {
        align-items: center;
        background: #eef6df;
        border: 1px solid #dcefc2;
        border-radius: 999px;
        color: #33520c;
        display: inline-flex;
        font-size: .76rem;
        font-weight: 800;
        gap: .35rem;
        padding: .35rem .65rem;
    }

    .job-listing-card {
        animation: jobs-card-in .22s ease both;
        background: #fff;
        border: 1px solid #e3e8dc;
        border-left: 2px solid transparent;
        border-radius: 8px;
        display: grid;
        gap: .65rem;
        grid-template-columns: minmax(0, 1fr) 124px;
        cursor: pointer;
        margin-bottom: .7rem;
        padding: .9rem;
        position: relative;
        transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
    }

    @keyframes jobs-card-in {
        from {
            opacity: 0;
            transform: translateY(8px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .job-listing-card:hover,
    .job-listing-card:focus-within {
        border-color: #cdddb7;
        border-left-color: var(--mjk-green);
        box-shadow: 0 8px 20px rgba(18, 32, 10, .05);
        transform: translateY(-1px);
    }

    .job-listing-card.is-expired {
        background: #fbfaf5;
        border-color: #e8e1cf;
        border-left-color: #c9ad69;
    }

    .job-listing-card.is-filled {
        background: #f7f8f5;
        border-color: #dfe3d8;
        border-left-color: #8c9a7e;
    }

    .job-status-marker {
        align-items: center;
        border: 1px solid transparent;
        border-radius: 999px;
        display: inline-flex;
        flex: 0 0 auto;
        font-size: .64rem;
        font-weight: 850;
        gap: .25rem;
        line-height: 1.1;
        min-height: 23px;
        padding: .16rem .48rem;
        white-space: nowrap;
    }

    .job-status-marker.expired {
        background: #f6efd9;
        border-color: #ead9aa;
        color: #735d1e;
    }

    .job-status-marker.filled {
        background: #edf0e9;
        border-color: #d8dfcf;
        color: #526149;
    }

    .job-deadline-expired {
        color: #806526;
        font-weight: 800;
    }

    .job-main {
        display: flex;
        gap: .65rem;
        min-width: 0;
    }

    .job-listing-body {
        min-width: 0;
        width: 100%;
    }

    .job-card-topline {
        align-items: flex-start;
        display: grid;
        gap: .45rem;
        grid-template-columns: minmax(0, 1fr);
    }

    .job-title-wrap {
        min-width: 0;
    }

    .job-listing-logo {
        align-items: center;
        background: #f3f7ee;
        border: 1px solid #dcebc9;
        border-radius: 8px;
        color: #2d4a0b;
        display: flex;
        flex-shrink: 0;
        font-size: .95rem;
        font-weight: 850;
        height: 40px;
        justify-content: center;
        width: 40px;
    }

    .job-listing-title {
        color: #15210f;
        display: -webkit-box;
        font-size: .98rem;
        font-weight: 850;
        line-height: 1.25;
        max-width: 100%;
        overflow: hidden;
        text-decoration: none;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .job-listing-title::after {
        content: '';
        inset: 0;
        position: absolute;
        z-index: 1;
    }

    .job-listing-title:hover,
    .job-listing-title:focus {
        color: var(--mjk-green-dark);
        text-decoration: underline;
    }

    .job-listing-title:focus-visible {
        border-radius: 6px;
        outline: 3px solid rgba(117, 182, 27, .28);
        outline-offset: 4px;
    }

    .job-listing-company,
    .job-listing-company a {
        color: #586351;
        font-size: .82rem;
        font-weight: 700;
        text-decoration: none;
    }

    .job-listing-company a:hover,
    .job-listing-company a:focus {
        color: var(--mjk-green-dark);
        text-decoration: underline;
    }

    .job-pill {
        align-items: center;
        background: #f6f8f2;
        border: 1px solid #e2ead8;
        border-radius: 999px;
        color: #405334;
        display: inline-flex;
        font-size: .67rem;
        font-weight: 800;
        gap: .25rem;
        line-height: 1.15;
        min-height: 23px;
        padding: .18rem .48rem;
        white-space: nowrap;
    }

    .job-tags-row {
        display: flex;
        flex-wrap: nowrap;
        gap: .3rem;
        justify-content: flex-start;
        max-width: 100%;
        overflow: hidden;
    }

    a.job-pill {
        position: relative;
        text-decoration: none;
        z-index: 2;
    }

    a.job-pill:hover,
    a.job-pill:focus {
        border-color: #bed5a7;
        color: var(--mjk-green-dark);
    }

    .job-pill.more {
        background: #fff;
        color: #66715e;
        flex: 0 0 auto;
    }

    .job-pill.primary {
        background: #eaf5da;
        border-color: #d6eabc;
        color: #34540c;
    }

    .job-listing-meta {
        color: #64705b;
        display: flex;
        flex-wrap: wrap;
        font-size: .78rem;
        gap: .35rem .75rem;
        margin-top: .45rem;
    }

    .job-listing-meta span {
        align-items: center;
        display: inline-flex;
        gap: .3rem;
        min-width: 0;
    }

    .job-listing-meta i {
        color: #78904e;
    }

    .job-listing-description {
        color: #5e6956;
        display: -webkit-box;
        font-size: .84rem;
        line-height: 1.48;
        margin: .55rem 0 0;
        max-width: 680px;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }

    .job-listing-actions {
        align-items: stretch;
        display: flex;
        flex-direction: column;
        gap: .55rem;
        justify-content: space-between;
        min-width: 0;
        position: relative;
    }

    .job-listing-actions a,
    .job-listing-actions button,
    .job-listing-actions form {
        position: relative;
        z-index: 2;
    }

    .job-listing-actions .btn {
        border-radius: 8px;
        font-weight: 800;
        min-height: 40px;
    }

    .job-listing-actions .btn-mjk,
    .job-listing-actions .btn-outline-secondary {
        width: 100%;
    }

    .job-action-row {
        display: grid;
        gap: .4rem;
        grid-template-columns: 1fr;
    }

    .job-engagement-actions {
        justify-content: flex-end;
    }

    .job-listing-company a {
        position: relative;
        z-index: 2;
    }

    .jobs-empty-state,
    .jobs-loading {
        background: #fff;
        border: 1px solid #e3e8dc;
        border-radius: 8px;
        padding: 2rem;
        text-align: center;
    }

    .jobs-loading {
        color: #5e6956;
        display: none;
        font-weight: 800;
        margin-top: .85rem;
    }

    .jobs-loading.visible {
        display: block;
    }

    .jobs-end-message {
        color: #6e7b65;
        font-size: .86rem;
        padding: 1rem 0 0;
        text-align: center;
    }

    @media (max-width: 991.98px) {
        .jobs-hero {
            padding: 2rem 0 3.6rem;
        }

        .jobs-filter-column {
            position: static;
        }

        .filter-panel {
            max-height: none;
            overflow: visible;
        }
    }

    @media (max-width: 767.98px) {
        .jobs-board {
            background: #f4f6f1;
        }

        .jobs-hero {
            background:
                linear-gradient(180deg, rgba(12, 22, 9, .92), rgba(28, 55, 14, .78)),
                url('https://images.unsplash.com/photo-1521737604893-d14cc237f11d?auto=format&fit=crop&w=900&q=72') center top/cover no-repeat;
            padding: 1.15rem 0 2.6rem;
        }

        .jobs-kicker {
            background: rgba(216, 242, 168, .14);
            border: 1px solid rgba(216, 242, 168, .24);
            border-radius: 999px;
            display: inline-flex;
            font-size: .66rem;
            margin-bottom: .65rem !important;
            padding: .28rem .55rem;
        }

        .jobs-heading {
            font-size: 1.72rem;
            line-height: 1.08;
            margin-bottom: .65rem !important;
        }

        .jobs-hero-copy {
            font-size: .88rem;
            line-height: 1.48;
            max-width: 30rem;
        }

        .jobs-hero .row {
            --bs-gutter-y: 1rem;
        }

        .jobs-hero .col-lg-4 .d-flex {
            display: grid !important;
            gap: .45rem !important;
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .jobs-search-card {
            box-shadow: 0 12px 28px rgba(16, 24, 8, .1);
            margin-top: -1.35rem;
            padding: .7rem;
        }

        .jobs-search-card .row {
            --bs-gutter-x: .55rem;
            --bs-gutter-y: .55rem;
        }

        .jobs-search-card .form-control,
        .jobs-search-card .form-select {
            font-size: .86rem;
            min-height: 42px;
        }

        .jobs-select-trigger {
            font-size: .86rem;
            min-height: 42px;
            padding: .55rem .65rem;
        }

        .jobs-custom-select.is-open .jobs-select-menu {
            bottom: calc(.85rem + env(safe-area-inset-bottom));
            box-shadow: 0 22px 48px rgba(16, 24, 8, .26);
            left: .85rem;
            max-height: min(54dvh, 340px);
            position: fixed;
            right: .85rem;
            top: auto;
            z-index: 1080;
        }

        .jobs-search-card .input-group-text {
            padding-left: .7rem;
            padding-right: .35rem;
        }

        .jobs-search-card .btn {
            min-height: 42px;
        }

        .jobs-field-label {
            font-size: .68rem;
            margin-bottom: .25rem;
        }

        .jobs-stat {
            flex: 1 1 0;
            min-width: 0;
            padding: .55rem .35rem;
            text-align: center;
        }

        .jobs-stat strong {
            font-size: .98rem;
        }

        .jobs-stat span {
            font-size: .62rem;
            line-height: 1.15;
        }

        .jobs-board > .container.jobs-shell.pt-4 {
            padding-top: .85rem !important;
        }

        .jobs-filter-toggle {
            align-items: center;
            display: flex;
            font-size: .86rem;
            font-weight: 800;
            justify-content: center;
            margin-bottom: .7rem !important;
            min-height: 42px;
        }

        .filter-panel {
            border-radius: 8px;
            margin-bottom: .75rem;
            padding: .75rem;
        }

        .filter-panel-form {
            gap: .7rem;
        }

        .filter-option {
            min-height: 38px;
            padding: .35rem .42rem;
        }

        .jobs-result-toolbar {
            margin-bottom: .65rem !important;
            padding: .62rem .7rem;
        }

        #jobs-results-summary {
            align-items: flex-start !important;
            gap: .25rem !important;
        }

        #jobs-results-summary .small {
            font-size: .73rem;
        }

        #jobs-active-filters {
            flex-wrap: nowrap !important;
            margin-top: .55rem !important;
            overflow-x: auto;
            padding-bottom: .1rem;
            scrollbar-width: none;
        }

        #jobs-active-filters::-webkit-scrollbar {
            display: none;
        }

        .jobs-active-chip {
            flex: 0 0 auto;
            font-size: .69rem;
            padding: .28rem .5rem;
        }

        .job-listing-card {
            border-left: 0;
            gap: .5rem;
            grid-template-columns: 1fr;
            margin-bottom: .55rem;
            padding: .7rem;
        }

        .job-main {
            gap: .55rem;
        }

        .job-card-topline {
            gap: .35rem;
            grid-template-columns: 1fr;
        }

        .job-tags-row {
            justify-content: flex-start;
            max-width: 100%;
        }

        .job-listing-logo {
            font-size: .82rem;
            height: 34px;
            width: 34px;
        }

        .job-listing-title {
            font-size: .92rem;
            line-height: 1.22;
        }

        .job-listing-company,
        .job-listing-company a {
            font-size: .74rem;
        }

        .job-pill {
            font-size: .62rem;
            min-height: 21px;
            padding: .14rem .42rem;
        }

        .job-tags-row {
            gap: .24rem;
            margin-top: .05rem;
        }

        .job-listing-meta {
            font-size: .71rem;
            gap: .24rem .5rem;
            margin-top: .38rem;
        }

        .job-listing-description {
            display: none;
        }

        .job-listing-actions {
            align-items: center;
            display: grid;
            gap: .45rem;
            grid-template-columns: minmax(0, 1fr) auto;
            min-width: 0;
        }

        .job-action-row {
            grid-template-columns: 1fr;
        }

        .job-engagement-actions {
            flex-wrap: nowrap !important;
            justify-content: flex-start;
        }

        .job-engagement-actions form,
        .job-engagement-actions .job-action-btn {
            flex: 0 0 auto;
        }

        .job-listing-actions .btn,
        .job-engagement-actions .job-action-btn.btn-sm {
            min-height: 36px;
        }

        .job-engagement-actions .job-action-btn.btn-sm {
            min-width: 38px;
            padding: .25rem .45rem;
        }
    }


/* resources/views/jobs/edit.blade.php */
/* ── Page shell ─────────────────────────────────────────────────── */
.edit-job-wrap { background:#f6f8fa; padding:0 0 5rem; }

/* ── Banner ─────────────────────────────────────────────────────── */
.job-edit-banner {
    background: linear-gradient(135deg, var(--mjk-green-dark) 0%, var(--mjk-green) 100%);
    padding: 2.2rem 0 4rem;
    color:#fff;
    position:relative;
    overflow:hidden;
}
.job-edit-banner::after {
    content:'';
    position:absolute;inset:0;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;
    pointer-events:none;
}
.job-edit-banner .eyebrow { color:rgba(255,255,255,.7); font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; font-weight:700; }
.banner-stat { background:rgba(255,255,255,.13); border-radius:10px; padding:.5rem .9rem; display:flex; align-items:center; gap:.5rem; }
.banner-stat i { font-size:1rem; }
.banner-stat span { font-size:.78rem; font-weight:600; }

/* ── Content lift ────────────────────────────────────────────────── */
.edit-lift { margin-top:-2.5rem; position:relative; z-index:2; }

/* ── Cards ───────────────────────────────────────────────────────── */
.ej-card {
    background:#fff;
    border:1.5px solid #e8edf2;
    border-radius:8px;
    padding:1.6rem;
    margin-bottom:1.25rem;
}
.ej-card .card-eyebrow { font-size:.7rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#94a3b8; margin-bottom:.3rem; }
.ej-card .card-heading { font-size:1.05rem; font-weight:800; color:#1e293b; margin-bottom:0; }

/* ── Section dividers ────────────────────────────────────────────── */
.form-section-label {
    display:flex; align-items:center; gap:.6rem;
    font-size:.72rem; font-weight:700; color:#94a3b8; text-transform:uppercase; letter-spacing:.08em;
    margin:1.3rem 0 .9rem;
}
.form-section-label::after { content:''; flex:1; height:1px; background:#f1f5f9; }

/* ── Inputs ──────────────────────────────────────────────────────── */
.ej-card .form-control,
.ej-card .form-select {
    border:1.5px solid #e8edf2;
    border-radius:8px;
    min-height:44px;
    font-size:.88rem;
    transition:border-color .15s,box-shadow .15s;
}
.ej-card .form-control:focus,
.ej-card .form-select:focus {
    border-color:var(--mjk-green);
    box-shadow:0 0 0 3px rgba(117,182,27,.12);
}
.ej-card textarea.form-control { min-height:auto; }

/* ── Status badge ────────────────────────────────────────────────── */
.status-pill {
    display:inline-flex; align-items:center; gap:.35rem;
    font-size:.72rem; font-weight:700; padding:.3rem .75rem; border-radius:20px;
    text-transform:uppercase; letter-spacing:.05em;
}

/* ── Candidate cards ─────────────────────────────────────────────── */
.candidate-card {
    background:#fff;
    border:1.5px solid #e8edf2;
    border-radius:8px;
    padding:.85rem 1rem;
    margin-bottom:.7rem;
    display:flex; align-items:flex-start; gap:.8rem;
    transition:border-color .15s,transform .12s,box-shadow .12s;
    text-decoration:none; color:inherit;
}
.candidate-card:hover { border-color:var(--mjk-green); transform:translateY(-1px); box-shadow:0 4px 14px rgba(117,182,27,.1); color:inherit; }
.cand-avatar {
    width:42px; height:42px; border-radius:50%;
    background:linear-gradient(135deg,#e0f2fe,#bfdbfe);
    display:flex; align-items:center; justify-content:center;
    font-weight:800; font-size:.95rem; color:#1e40af; flex-shrink:0;
}
.cand-name { font-weight:700; font-size:.82rem; color:#1e293b; line-height:1.3; }
.cand-headline { font-size:.75rem; color:#64748b; margin-top:.1rem; line-height:1.3; }
.match-bar-wrap { margin-top:.45rem; }
.match-bar-bg { background:#f1f5f9; border-radius:6px; height:5px; overflow:hidden; }
.match-bar-fill { height:5px; border-radius:6px; background:var(--mjk-green); transition:width .4s; }
.match-pct { font-size:.68rem; font-weight:700; color:var(--mjk-green); }

/* ── Screening questions ─────────────────────────────────────────── */
.q-existing {
    background:#fff;
    border:1.5px solid #e2e8f0;
    border-radius:8px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .04);
    padding:1rem;
    margin-bottom:.75rem;
}
.survey-head {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbf5 100%);
    border: 1.5px solid #dfe8d4;
    border-radius: 8px;
    margin-bottom: 1rem;
    padding: 1rem;
}
.survey-stat-grid {
    display: grid;
    gap: .65rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 1rem;
}
.survey-stat {
    background: #fff;
    border: 1px solid #e6edf1;
    border-radius: 8px;
    padding: .75rem;
}
.survey-stat strong { color: #172033; display: block; font-size: 1.05rem; line-height: 1; }
.survey-stat span { color: #64748b; display: block; font-size: .72rem; font-weight: 700; margin-top: .25rem; }
.q-existing-index {
    align-items: center;
    background: #eaf6dd;
    border-radius: 8px;
    color: #32630d;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: .75rem;
    font-weight: 900;
    height: 30px;
    justify-content: center;
    width: 30px;
}
.q-meta-pill {
    align-items: center;
    background:#f1f5f9;
    border-radius:999px;
    color:#475569;
    display:inline-flex;
    font-size:.72rem;
    font-weight:800;
    gap:.25rem;
    padding:.25rem .55rem;
}
.q-meta-pill.is-required { background:#fff1f2;color:#be123c; }
.manual-question-form {
    background:#f8fafc;
    border:1px solid #e2e8f0;
    border-radius:8px;
    padding:1rem;
}
@media (max-width: 575.98px) {
    .survey-stat-grid { grid-template-columns: 1fr; }
}


/* resources/views/jobs/apply.blade.php */
.apply-page {
    background: #f6f8fb;
    min-height: 100vh;
    padding: 1.5rem 0 4rem;
}
.apply-wrap { max-width: 1120px; margin: 0 auto; }
.apply-hero {
    background: #12351f;
    border-radius: 8px;
    color: #fff;
    padding: 1.35rem;
    margin-bottom: 1rem;
}
.apply-hero__link {
    color: rgba(255,255,255,.78);
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-size: .82rem;
    font-weight: 700;
    margin-bottom: .8rem;
    text-decoration: none;
}
.apply-hero__link:hover { color: #fff; }
.apply-hero h1 { font-size: clamp(1.35rem, 3vw, 2rem); font-weight: 900; margin: 0 0 .6rem; }
.meta-list { display: flex; flex-wrap: wrap; gap: .5rem; }
.meta-pill {
    align-items: center;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 8px;
    color: rgba(255,255,255,.88);
    display: inline-flex;
    font-size: .8rem;
    font-weight: 700;
    gap: .35rem;
    padding: .38rem .6rem;
}
.apply-panel {
    background: #fff;
    border: 1px solid #e6ebf1;
    border-radius: 8px;
    margin-bottom: 1rem;
    padding: 1.2rem;
}
.panel-kicker {
    color: #6b7280;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    margin-bottom: .25rem;
    text-transform: uppercase;
}
.panel-title { color: #172033; font-size: 1.02rem; font-weight: 900; margin-bottom: .85rem; }
.apply-panel .form-label { color: #172033; font-size: .88rem; font-weight: 800; margin-bottom: .45rem; }
.apply-panel .form-control,
.apply-panel .form-select {
    border: 1.5px solid #dfe6ee;
    border-radius: 8px;
    color: #172033;
    font-size: .92rem;
    min-height: 44px;
}
.apply-panel .form-control:focus,
.apply-panel .form-select:focus {
    border-color: var(--mjk-green);
    box-shadow: 0 0 0 .18rem rgba(117,182,27,.13);
}
.hint { color: #6b7280; font-size: .8rem; }
.cv-choice {
    border: 1.5px solid #dfe6ee;
    border-radius: 8px;
    cursor: pointer;
    display: block;
    height: 100%;
    padding: .95rem;
    transition: border-color .15s ease, background .15s ease;
}
.cv-choice:has(input:checked) {
    background: #f3fbeb;
    border-color: var(--mjk-green);
}
.cv-choice.is-disabled { background: #f8fafc; color: #8a94a6; cursor: not-allowed; }
.cv-choice input { margin-top: .2rem; }
.cv-choice__title { color: #172033; display: block; font-size: .9rem; font-weight: 900; }
.cv-choice__text { color: #6b7280; display: block; font-size: .78rem; margin-top: .15rem; }
.question-block {
    background: #fff;
    border: 1px solid #e6ebf1;
    border-radius: 8px;
    padding: 1rem;
}
.question-block + .question-block { margin-top: .85rem; }
.question-head {
    align-items: flex-start;
    display: flex;
    gap: .75rem;
    margin-bottom: .8rem;
}
.question-index {
    align-items: center;
    background: #eaf6dd;
    border-radius: 8px;
    color: #32630d;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: .75rem;
    font-weight: 900;
    height: 30px;
    justify-content: center;
    width: 30px;
}
.question-label {
    color: #172033;
    display: block;
    font-size: .92rem;
    font-weight: 900;
    line-height: 1.45;
}
.survey-summary {
    align-items: center;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbf5 100%);
    border: 1.5px solid #dfe8d4;
    border-radius: 8px;
    display: flex;
    gap: .75rem;
    margin-bottom: 1rem;
    padding: .9rem 1rem;
}
.survey-summary i { color: var(--mjk-green); font-size: 1.35rem; }
.answer-choice-grid {
    display: grid;
    gap: .55rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.answer-choice {
    align-items: center;
    border: 1.5px solid #dfe6ee;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    gap: .6rem;
    min-height: 44px;
    padding: .7rem .8rem;
    transition: background .15s ease, border-color .15s ease;
}
.answer-choice:has(input:checked) {
    background: #f3fbeb;
    border-color: var(--mjk-green);
}
.answer-choice input { flex: 0 0 auto; }
.answer-choice span { color: #172033; font-size: .88rem; font-weight: 800; line-height: 1.35; }
.submit-bar {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
}
.apply-submit {
    background: var(--mjk-green);
    border: 0;
    border-radius: 8px;
    color: #fff;
    font-weight: 900;
    min-height: 46px;
    padding: .72rem 1.35rem;
}
.apply-submit:hover { background: var(--mjk-green-dark); color: #fff; }
.side-panel {
    background: #fff;
    border: 1px solid #e6ebf1;
    border-radius: 8px;
    padding: 1rem;
    position: sticky;
    top: 5.25rem;
}
.side-row {
    align-items: flex-start;
    border-bottom: 1px solid #eef2f6;
    display: flex;
    gap: .65rem;
    padding: .65rem 0;
}
.side-row:last-child { border-bottom: 0; }
.side-row i { color: var(--mjk-green); width: 18px; }
.side-label { color: #6b7280; display: block; font-size: .72rem; font-weight: 700; }
.side-value { color: #172033; display: block; font-size: .88rem; font-weight: 900; }
.steps {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 1rem;
}
.step {
    background: #fff;
    border: 1px solid #e6ebf1;
    border-radius: 8px;
    color: #42526b;
    font-size: .78rem;
    font-weight: 800;
    min-height: 44px;
    padding: .65rem;
}
.step span {
    background: #eaf6dd;
    border-radius: 50%;
    color: #32630d;
    display: inline-grid;
    font-size: .72rem;
    height: 22px;
    margin-right: .35rem;
    place-items: center;
    width: 22px;
}
@media (max-width: 991.98px) {
    .apply-page { padding-top: .75rem; }
    .steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .side-panel { position: static; }
}
@media (max-width: 575.98px) {
    .apply-hero,
    .apply-panel,
    .side-panel { border-radius: 0; margin-left: -.75rem; margin-right: -.75rem; }
    .answer-choice-grid { grid-template-columns: 1fr; }
    .submit-bar { align-items: stretch; flex-direction: column; }
    .submit-bar .btn,
    .submit-bar a { width: 100%; }
}


/* resources/views/jobs/applications.blade.php */
.applications-page { background: #f6f8fb; padding: 2rem 0 4rem; }
    .applications-hero {
        background: #12351f;
        border-radius: 8px;
        color: #fff;
        margin-bottom: 1rem;
        padding: 1.25rem;
    }
    .applications-hero .eyebrow { color: rgba(255,255,255,.7); }
    .applications-hero .section-title-sm { color: #fff; }
    .applications-hero .text-muted { color: rgba(255,255,255,.76) !important; }
    .survey-insight-grid {
        display: grid;
        gap: .75rem;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        margin-bottom: 1rem;
    }
    .survey-insight {
        background: #fff;
        border: 1px solid #e6ebf1;
        border-radius: 8px;
        padding: .95rem;
    }
    .survey-insight span { color: #64748b; display: block; font-size: .72rem; font-weight: 800; text-transform: uppercase; }
    .survey-insight strong { color: #172033; display: block; font-size: 1.35rem; line-height: 1.1; margin-top: .25rem; }
    .score-bar { height: 6px; border-radius: 3px; background: #e2e8f0; }
    .score-bar-fill { height: 100%; border-radius: 3px; transition: width .3s; }
    .score-excellent { background: #16a34a; }
    .score-good      { background: #65a30d; }
    .score-average   { background: #d97706; }
    .score-low       { background: #ef4444; }
    .answer-row { border-top: 1px solid #e8edf2; padding: .8rem 0; }
    .answer-row:first-child { border-top: none; }
    .q-score-chip {
        display:inline-flex;align-items:center;gap:.25rem;
        font-size:.7rem;font-weight:700;border-radius:20px;padding:.1rem .5rem;
    }
    .survey-filter-card {
        background:#fff;
        border:1px solid #e6ebf1;
        border-radius:8px;
        margin-bottom: 1rem;
        padding: 1rem;
    }
    .filter-sort-bar .form-select, .filter-sort-bar .form-control { border-radius:8px; font-size:.85rem; min-height: 40px; }
    .survey-app-card {
        background: #fff;
        border: 1px solid #e6ebf1;
        border-radius: 8px;
        margin-bottom: .85rem;
        overflow: hidden;
        transition: border-color .15s ease, box-shadow .15s ease;
    }
    .survey-app-card:hover {
        border-color: #cbd8c2;
        box-shadow: 0 12px 30px rgba(15, 23, 42, .06);
    }
    .candidate-avatar {
        align-items:center;
        background:linear-gradient(135deg,var(--mjk-green),#3f5f08);
        border-radius:8px;
        color:#fff;
        display:flex;
        flex-shrink:0;
        font-size:.9rem;
        font-weight:900;
        height:42px;
        justify-content:center;
        width:42px;
    }
    .survey-answer-panel {
        background:#f8fafc;
        border-top:1px solid #e8edf2;
        display:none;
        margin-top:1rem;
        padding:1rem;
    }
    @media (max-width: 991.98px) {
        .survey-insight-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }
    @media (max-width: 575.98px) {
        .applications-page { padding-top: .75rem; }
        .applications-hero,
        .survey-filter-card,
        .survey-app-card { border-radius: 0; margin-left: -.75rem; margin-right: -.75rem; }
        .survey-insight-grid { grid-template-columns: 1fr; }
    }


/* resources/views/jobs/create.blade.php */
/* ── Banner ─────────────────────────────────────────────────────── */
.employer-banner {
    background: linear-gradient(135deg, var(--mjk-green-dark) 0%, var(--mjk-green) 100%);
    padding: 2.5rem 0 4rem;
    color: #fff;
    position: relative;
    overflow: hidden;
}
.employer-banner::after {
    content:'';
    position:absolute;inset:0;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;
    pointer-events:none;
}
.employer-banner .eyebrow-label { font-size:.72rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.7); }

/* ── Content shell ───────────────────────────────────────────────── */
.job-form-shell { margin-top:-2.5rem; position:relative; z-index:2; background:#f6f8fa; padding-bottom:5rem; }

/* ── Cards ───────────────────────────────────────────────────────── */
.ej-card {
    background:#fff;
    border:1.5px solid #e8edf2;
    border-radius:8px;
    padding:1.6rem;
    margin-bottom:1.25rem;
}
.ej-card .card-eyebrow { font-size:.7rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#94a3b8; margin-bottom:.3rem; }
.ej-card .card-heading { font-size:1.05rem; font-weight:800; color:#1e293b; margin-bottom:0; }

/* ── Form inputs ─────────────────────────────────────────────────── */
.ej-card .form-control,
.ej-card .form-select {
    border:1.5px solid #e8edf2;
    border-radius:8px;
    min-height:44px;
    font-size:.88rem;
    transition:border-color .15s,box-shadow .15s;
}
.ej-card .form-control:focus,
.ej-card .form-select:focus {
    border-color:var(--mjk-green);
    box-shadow:0 0 0 3px rgba(117,182,27,.12);
}
.ej-card textarea.form-control { min-height:auto; }

/* ── Section dividers ────────────────────────────────────────────── */
.form-section-label {
    display:flex; align-items:center; gap:.6rem;
    font-size:.72rem; font-weight:700; color:#94a3b8; text-transform:uppercase; letter-spacing:.08em;
    margin:1.3rem 0 .9rem;
}
.form-section-label::after { content:''; flex:1; height:1px; background:#f1f5f9; }

/* ── Questionnaire builder ───────────────────────────────────────── */
#questionnaireSection { display: none; }
.q-mode-btn { cursor:pointer; }
.q-mode-btn.active { background: var(--mjk-green) !important; color:#fff !important; border-color:var(--mjk-green) !important; }
.survey-panel {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbf5 100%);
    border: 1.5px solid #dfe8d4;
    border-radius: 8px;
    padding: 1rem;
}
.survey-metrics {
    display: grid;
    gap: .65rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 1rem 0;
}
.survey-metric {
    background: #fff;
    border: 1px solid #e6edf1;
    border-radius: 8px;
    padding: .75rem;
}
.survey-metric strong { color: #172033; display: block; font-size: 1.05rem; line-height: 1; }
.survey-metric span { color: #64748b; display: block; font-size: .72rem; font-weight: 700; margin-top: .25rem; }
.survey-empty {
    align-items: center;
    background: #fff;
    border: 1px dashed #cdd9c1;
    border-radius: 8px;
    color: #64748b;
    display: flex;
    gap: .75rem;
    margin-bottom: 1rem;
    padding: 1rem;
}
.survey-empty i { color: var(--mjk-green); font-size: 1.35rem; }
.q-card {
    background:#fff;
    border:1.5px solid #e2e8f0;
    border-radius:8px;
    padding:1rem;
    margin-bottom:.8rem;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .04);
}
.q-card .q-drag-handle { cursor:grab; color:#94a3b8; }
.q-number {
    align-items: center;
    background: #eaf6dd;
    border-radius: 8px;
    color: #32630d;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: .75rem;
    font-weight: 900;
    height: 30px;
    justify-content: center;
    width: 30px;
}
.q-tool-row { align-items: center; display: flex; flex-wrap: wrap; gap: .5rem; }
.q-soft-action {
    background:#f0fdf4;
    border:1px solid #bbf7d0;
    border-radius:8px;
    color:#065f46;
    font-size:.78rem;
    font-weight:800;
    min-height: 36px;
    padding:.45rem .75rem;
}
.q-danger-action {
    align-items: center;
    background:#fff1f2;
    border:1px solid #fecdd3;
    border-radius:8px;
    color:#be123c;
    display:inline-flex;
    height:36px;
    justify-content:center;
    width:36px;
}
@media (max-width: 575.98px) {
    .survey-metrics { grid-template-columns: 1fr; }
}


/* resources/views/jobs/show.blade.php */
.job-detail-page {
    --detail-accent: var(--mjk-green);
    --detail-accent-dark: #236f2f;
    --detail-border: #dfe7dc;
    --detail-ink: #111711;
    --detail-muted: #637061;
    --detail-panel: #ffffff;
    --detail-soft: #f6f8f4;
    background:
        linear-gradient(180deg, #f7faf5 0%, #f3f6f1 320px, #f6f7f5 100%);
    color: var(--detail-ink);
}

.job-detail-shell {
    max-width: 1180px;
}

.job-breadcrumb {
    align-items: center;
    color: var(--detail-muted);
    display: flex;
    font-size: .82rem;
    gap: .25rem;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.job-breadcrumb a,
.detail-link {
    color: #276c32;
    font-weight: 800;
    text-decoration: none;
}

.job-breadcrumb a:hover,
.detail-link:hover {
    color: #174c20;
    text-decoration: underline;
}

.job-surface {
    background: var(--detail-panel);
    border: 1px solid var(--detail-border);
    border-radius: 8px;
}

.job-main-card,
.job-sidecard {
    overflow: hidden;
}

.job-header {
    background: #fff;
    border-bottom: 1px solid #edf0ec;
    padding: 1.45rem 1.55rem 1.2rem;
}

.detail-eyebrow {
    align-items: center;
    color: #4f654e;
    display: inline-flex;
    font-size: .7rem;
    font-weight: 900;
    gap: .42rem;
    text-transform: uppercase;
}

.detail-eyebrow::before {
    background: var(--detail-accent);
    border-radius: 999px;
    content: '';
    display: inline-block;
    height: 7px;
    width: 7px;
}

.detail-title {
    color: var(--detail-ink);
    font-size: clamp(1.85rem, 3vw, 2.75rem);
    font-weight: 900;
    line-height: 1.07;
    max-width: 820px;
}

.detail-subtitle {
    align-items: center;
    color: var(--detail-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: .94rem;
    gap: .5rem;
}

.detail-subtitle .company-name {
    color: #172017;
    font-weight: 900;
}

.detail-meta-chip {
    align-items: center;
    background: #f1f7ef;
    border: 1px solid #dbe8d7;
    border-radius: 999px;
    color: #37513a;
    display: inline-flex;
    font-size: .76rem;
    font-weight: 850;
    gap: .35rem;
    line-height: 1;
    min-height: 32px;
    padding: .42rem .65rem;
}

.job-content-nav {
    align-items: center;
    background: #fbfdf9;
    border-bottom: 1px solid #edf0ec;
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    padding: .75rem 1.5rem;
}

.job-content-nav a {
    align-items: center;
    border: 1px solid #dce8d7;
    border-radius: 999px;
    color: #37513a;
    display: inline-flex;
    font-size: .76rem;
    font-weight: 850;
    min-height: 34px;
    padding: .42rem .72rem;
    text-decoration: none;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}

.job-content-nav a:hover,
.job-content-nav a:focus-visible {
    background: #edf5ed;
    border-color: #b9d2b6;
    color: #174c20;
}

.job-body {
    padding: 1.5rem;
}

.content-section {
    scroll-margin-top: 96px;
}

.content-section + .content-section {
    border-top: 1px solid #edf0ec;
    margin-top: 1.45rem;
    padding-top: 1.45rem;
}

.content-heading {
    align-items: center;
    color: #172017;
    display: flex;
    font-size: 1rem;
    font-weight: 900;
    gap: .55rem;
    margin-bottom: .85rem;
}

.content-heading::before {
    background: var(--detail-accent);
    border-radius: 999px;
    content: '';
    display: inline-block;
    height: 18px;
    width: 4px;
}

.job-description-copy {
    color: #303a30;
    font-size: 1rem;
    line-height: 1.78;
    max-width: 74ch;
    white-space: normal;
}

.job-description-copy p:last-child,
.job-description-copy ul:last-child,
.job-description-copy ol:last-child {
    margin-bottom: 0;
}

.job-description-copy ul,
.job-description-copy ol {
    margin-bottom: 1rem;
    padding-left: 1.25rem;
}

.job-description-copy li + li {
    margin-top: .35rem;
}

.job-tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.job-tag {
    background: #edf5ed;
    border: 1px solid #d7e6d5;
    border-radius: 6px;
    color: #276c32;
    display: inline-flex;
    font-size: .7rem;
    font-weight: 800;
    line-height: 1.2;
    max-width: 100%;
    overflow-wrap: anywhere;
    padding: .26rem .5rem;
    text-decoration: none;
    text-transform: uppercase;
}

.job-tag:hover,
.job-tag:focus-visible {
    border-color: #b9d2b6;
    color: #174c20;
}

.sticky-detail-panel {
    max-height: calc(100vh - 108px);
    overflow-y: auto;
    position: sticky;
    top: 92px;
    scrollbar-gutter: stable;
}

.job-sidecard {
    box-shadow: 0 10px 26px rgba(28, 45, 28, .06);
}

.job-sidecard-head {
    background: #fbfdf9;
    border-bottom: 1px solid #edf0ec;
    padding: 1rem;
}

.company-avatar,
.job-card-logo {
    align-items: center;
    background: #edf5ed;
    border: 1px solid #d8e6d7;
    border-radius: 7px;
    color: #246a2f;
    display: inline-flex;
    flex: 0 0 auto;
    font-weight: 900;
    justify-content: center;
    overflow: hidden;
}

.company-avatar {
    font-size: 1.05rem;
    height: 48px;
    width: 48px;
}

.company-avatar img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.job-card-logo img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.job-side-company-name {
    color: #172017;
    display: block;
    font-size: .98rem;
    font-weight: 900;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.job-side-company-meta {
    color: var(--detail-muted);
    display: block;
    font-size: .78rem;
    line-height: 1.35;
    margin-top: .12rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.job-side-status {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: .68rem;
    font-weight: 900;
    gap: .34rem;
    line-height: 1;
    padding: .38rem .55rem;
    white-space: nowrap;
}

.job-side-status.open {
    background: #e8f5ea;
    color: #1e6929;
}

.job-side-status.urgent {
    background: #fff4dc;
    color: #8a5a06;
}

.job-side-status.closed {
    background: #eef0ee;
    color: #566154;
}

.job-sidecard-body {
    padding: 1rem;
}

.job-side-cta {
    align-items: center;
    background: var(--detail-accent);
    border: 1px solid var(--detail-accent);
    border-radius: 7px;
    color: #fff;
    display: inline-flex;
    font-size: .94rem;
    font-weight: 900;
    justify-content: center;
    min-height: 48px;
    text-decoration: none;
    transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
    width: 100%;
}

.job-side-cta:hover,
.job-side-cta:focus-visible {
    background: var(--detail-accent-dark);
    border-color: var(--detail-accent-dark);
    color: #fff;
    transform: translateY(-1px);
}

.job-side-cta.is-muted {
    background: #f1f5f1;
    border-color: #dce5dc;
    color: #2e3b2e;
}

.job-side-actions .job-engagement-actions {
    display: block !important;
    width: 100%;
}

.job-side-actions .job-engagement-actions form,
.job-side-actions .job-engagement-actions .btn {
    min-height: 42px;
    width: 100%;
}

.job-share-panel {
    border-top: 1px solid #edf0ec;
    margin-top: 1rem;
    padding-top: 1rem;
}

.job-share-title {
    color: #172017;
    display: block;
    font-size: .74rem;
    font-weight: 900;
    letter-spacing: .02em;
    line-height: 1.2;
    margin-bottom: .55rem;
    text-transform: uppercase;
}

.job-share-brand-grid {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.job-share-brand {
    align-items: center;
    border: 1px solid var(--share-border);
    border-radius: 7px;
    color: #fff;
    display: inline-flex;
    font-size: .78rem;
    font-weight: 900;
    gap: .45rem;
    justify-content: center;
    min-height: 40px;
    padding: .45rem .55rem;
    text-decoration: none;
    transition: filter .18s ease, transform .18s ease;
}

.job-share-brand:hover,
.job-share-brand:focus-visible {
    color: #fff;
    filter: brightness(.94);
    transform: translateY(-1px);
}

.job-share-brand i {
    font-size: .98rem;
    line-height: 1;
}

.job-share-brand.whatsapp {
    --share-border: #1fb85f;
    background: #25d366;
}

.job-share-brand.linkedin {
    --share-border: #07569f;
    background: #0a66c2;
}

.job-share-brand.x {
    --share-border: #000;
    background: #000;
}

.job-share-brand.email {
    --share-border: #b42318;
    background: #d93025;
}

.job-side-facts {
    border: 1px solid #edf0ec;
    border-radius: 8px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: hidden;
}

.job-side-fact {
    min-width: 0;
    padding: .78rem .85rem;
}

.job-side-fact:nth-child(2n) {
    border-left: 1px solid #edf0ec;
}

.job-side-fact:nth-child(n+3) {
    border-top: 1px solid #edf0ec;
}

.job-side-label {
    color: #737d72;
    display: block;
    font-size: .67rem;
    font-weight: 900;
    line-height: 1.2;
    text-transform: uppercase;
}

.job-side-value {
    color: #172017;
    display: block;
    font-size: .84rem;
    font-weight: 900;
    line-height: 1.35;
    margin-top: .18rem;
    overflow-wrap: anywhere;
}

.job-side-note {
    align-items: flex-start;
    background: #f8faf7;
    border: 1px solid #e4ece1;
    border-radius: 8px;
    color: #4f5d4d;
    display: flex;
    gap: .65rem;
    padding: .8rem .85rem;
}

.job-side-note i {
    color: #276c32;
    flex: 0 0 auto;
    margin-top: .08rem;
}

.job-side-note strong {
    color: #172017;
    display: block;
    font-size: .8rem;
    font-weight: 900;
    line-height: 1.25;
}

.job-side-note span {
    display: block;
    font-size: .74rem;
    line-height: 1.4;
    margin-top: .12rem;
}

.job-side-link-grid {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}

.job-side-link-grid .btn {
    align-items: center;
    border-radius: 7px;
    display: inline-flex;
    font-size: .8rem;
    font-weight: 850;
    justify-content: center;
    min-height: 42px;
}

.job-side-tool {
    align-items: center;
    border-top: 1px solid #edf0ec;
    display: grid;
    gap: .75rem;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    margin-top: 1rem;
    padding-top: 1rem;
}

.job-side-tool-icon {
    align-items: center;
    background: #fff8e8;
    border: 1px solid #efdfbc;
    border-radius: 7px;
    color: #755b1b;
    display: inline-flex;
    height: 36px;
    justify-content: center;
    width: 36px;
}

.job-side-tool-title {
    color: #172017;
    display: block;
    font-size: .8rem;
    font-weight: 900;
    line-height: 1.25;
}

.job-side-tool-meta {
    color: var(--detail-muted);
    display: block;
    font-size: .72rem;
    line-height: 1.35;
    margin-top: .1rem;
}

.job-side-tool .btn {
    border-radius: 7px;
    font-size: .76rem;
    font-weight: 900;
    min-height: 36px;
    white-space: nowrap;
}

.related-jobs-section {
    padding-bottom: .35rem;
}

.related-jobs-list {
    display: grid;
    gap: .75rem;
}

.related-job-card {
    align-items: center;
    color: inherit;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
    padding: 1rem 1.1rem;
    text-decoration: none;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.related-job-card:hover {
    border-color: #a9cbaa;
    box-shadow: 0 8px 18px rgba(31, 58, 32, .07);
    color: inherit;
    transform: translateY(-2px);
}

.job-card-logo {
    height: 40px;
    width: 40px;
}

.related-title {
    color: #182018;
    font-size: .94rem;
    font-weight: 900;
    line-height: 1.35;
}

.related-meta {
    color: var(--detail-muted);
    font-size: .8rem;
    line-height: 1.45;
}

.related-job-tags {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .4rem .65rem;
    margin-top: .45rem;
}

.related-job-tags span {
    align-items: center;
    color: #4e5f4c;
    display: inline-flex;
    font-size: .76rem;
    font-weight: 800;
    gap: .3rem;
}

.related-job-action {
    align-items: center;
    background: #edf5ed;
    border: 1px solid #d6e5d4;
    border-radius: 7px;
    color: #276c32;
    display: inline-flex;
    font-size: .78rem;
    font-weight: 900;
    justify-content: center;
    min-height: 38px;
    padding: .45rem .7rem;
    white-space: nowrap;
}

.min-width-0 {
    min-width: 0;
}

.job-side-cta:focus-visible,
.job-content-nav a:focus-visible,
.related-job-card:focus-visible,
.detail-link:focus-visible {
    outline: 3px solid rgba(47, 125, 58, .25);
    outline-offset: 2px;
}

@media (max-width: 991.98px) {
    .sticky-detail-panel {
        max-height: none;
        overflow: visible;
        position: static;
    }
}

@media (max-width: 767.98px) {
    .job-detail-page {
        background: #fff;
        padding-bottom: calc(5.25rem + env(safe-area-inset-bottom));
    }

    .job-header,
    .job-body,
    .job-content-nav,
    .job-sidecard-head,
    .job-sidecard-body {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .job-surface {
        border-left: 0;
        border-radius: 0;
        border-right: 0;
    }

    .detail-subtitle {
        align-items: flex-start;
        flex-direction: column;
        gap: .5rem;
    }

    .detail-title {
        font-size: clamp(1.7rem, 10vw, 2.15rem);
    }

    .job-content-nav {
        overflow-x: auto;
        flex-wrap: nowrap;
        scrollbar-width: none;
    }

    .job-content-nav::-webkit-scrollbar {
        display: none;
    }

    .job-content-nav a {
        flex: 0 0 auto;
    }

    .job-sidecard-body > .job-side-cta {
        bottom: max(.75rem, env(safe-area-inset-bottom));
        box-shadow: 0 10px 26px rgba(20, 34, 17, .22);
        left: 1rem;
        position: fixed;
        right: 1rem;
        width: auto;
        z-index: 1040;
    }

    .job-share-brand-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .job-share-brand span {
        display: none;
    }

    .related-job-card {
        align-items: start;
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .job-side-cta,
    .related-job-card {
        transition: none;
        transform: none;
    }
}


/* resources/views/events/form.blade.php */
.event-form-page { background:#f6f8fb; padding:2rem 0 4rem; }
.event-form-hero { background:#12351f; border-radius:8px; color:#fff; padding:1.25rem; margin-bottom:1rem; }
.event-form-card { background:#fff; border:1px solid #e6ebf1; border-radius:8px; padding:1.1rem; }
.event-form-card .form-control,.event-form-card .form-select { border:1.5px solid #dfe6ee; border-radius:8px; min-height:44px; }
.event-side { position:sticky; top:5.5rem; }
@media(max-width:991.98px){.event-side{position:static}}


/* resources/views/events/index.blade.php */
.events-page { background:#f6f8fb; padding:2rem 0 4rem; }
.events-hero { background:#12351f; border-radius:8px; color:#fff; padding:1.35rem; margin-bottom:1rem; }
.events-hero h1 { font-size:clamp(1.5rem,3vw,2.2rem); font-weight:900; margin:0 0 .4rem; }
.events-hero p { color:rgba(255,255,255,.78); margin:0; max-width:680px; }
.event-filter { background:#fff; border:1px solid #e6ebf1; border-radius:8px; padding:.75rem; margin-bottom:1rem; }
.event-card { background:#fff; border:1px solid #e6ebf1; border-radius:8px; color:inherit; display:block; height:100%; overflow:hidden; text-decoration:none; transition:transform .18s ease,border-color .18s ease; }
.event-card:hover { border-color:#b9d8a5; transform:translateY(-2px); }
.event-poster { aspect-ratio:16/10; background:linear-gradient(135deg,#12351f,#6fa523); display:grid; place-items:center; color:#fff; overflow:hidden; }
.event-poster img { height:100%; object-fit:cover; width:100%; }
.event-date { background:#eaf6dd; border-radius:8px; color:#32630d; display:inline-grid; min-width:58px; padding:.45rem .55rem; place-items:center; }
.event-pill { background:#f1f5f9; border:1px solid #e2e8f0; border-radius:999px; color:#475569; display:inline-flex; font-size:.75rem; font-weight:800; gap:.3rem; padding:.3rem .6rem; }
@media(max-width:575.98px){.events-page{padding-top:1rem}.events-hero{margin-left:-.75rem;margin-right:-.75rem;border-radius:0}.event-filter .btn{width:100%}}


/* resources/views/events/manage.blade.php */
.events-manage { background:#f6f8fb; padding:2rem 0 4rem; }
.events-table { background:#fff; border:1px solid #e6ebf1; border-radius:8px; overflow:hidden; }
.events-row { align-items:center; border-top:1px solid #eef2f6; display:grid; gap:1rem; grid-template-columns:minmax(0,1.4fr) .6fr .6fr auto; padding:1rem; }
.events-row:first-child { border-top:0; }
@media(max-width:767.98px){.events-row{grid-template-columns:1fr}.events-row .btn{width:100%}}


/* resources/views/events/registrations.blade.php */
.event-registrations { background:#f6f8fb; padding:2rem 0 4rem; }
.attendee-panel { background:#fff; border:1px solid #e6ebf1; border-radius:8px; overflow:hidden; }
.attendee-row { align-items:center; border-top:1px solid #eef2f6; display:grid; gap:1rem; grid-template-columns:minmax(0,1fr) .7fr .55fr .45fr; padding:1rem; }
.attendee-row:first-child { border-top:0; }
.metric-box { background:#f8fafc; border:1px solid #e6ebf1; border-radius:8px; padding:.8rem; }
@media(max-width:767.98px){.attendee-row{grid-template-columns:1fr}}


/* resources/views/events/my.blade.php */
.my-events { background:#f6f8fb; padding:2rem 0 4rem; }
.my-event-card { background:#fff; border:1px solid #e6ebf1; border-radius:8px; margin-bottom:.85rem; padding:1rem; }
.event-date-badge { background:#eaf6dd; border-radius:8px; color:#32630d; min-width:58px; padding:.45rem .55rem; text-align:center; }
@media(max-width:575.98px){.my-event-card .btn{width:100%}}


/* resources/views/events/show.blade.php */
.event-show { background:#f6f8fb; padding:2rem 0 4rem; }
.event-top { background:#12351f; border-radius:8px; color:#fff; overflow:hidden; }
.event-top-media { aspect-ratio:16/9; background:linear-gradient(135deg,#12351f,#6fa523); display:grid; place-items:center; min-height:240px; }
.event-top-media img { height:100%; object-fit:cover; width:100%; }
.event-top-copy { padding:1.35rem; }
.event-top-copy h1 { font-size:clamp(1.6rem,3vw,2.4rem); font-weight:900; margin:0 0 .65rem; }
.event-meta { display:flex; flex-wrap:wrap; gap:.55rem; }
.event-meta span { background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.18); border-radius:999px; color:rgba(255,255,255,.88); font-size:.8rem; font-weight:800; padding:.38rem .7rem; }
.event-panel { background:#fff; border:1px solid #e6ebf1; border-radius:8px; padding:1.1rem; }
.ticket-panel { position:sticky; top:5.5rem; }
.ticket-stat { background:#f8fafc; border:1px solid #e6ebf1; border-radius:8px; padding:.75rem; }
@media(max-width:991.98px){.ticket-panel{position:static}.event-top{border-radius:0;margin-left:-.75rem;margin-right:-.75rem}}


/* resources/views/legal/_layout.blade.php */
.legal-hero {
    background: linear-gradient(135deg,#f3f8eb 0%,#ffffff 60%);
    border-bottom: 1px solid #e4ecda;
    padding: 3.5rem 0 2.5rem;
}
.legal-hero-eyebrow {
    font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;
    font-weight:800;color:#75b61b;margin-bottom:.5rem;
}
.legal-hero h1 {
    font-size:clamp(1.6rem,4vw,2.6rem);
    font-weight:900;color:#1a2e07;margin-bottom:.5rem;line-height:1.15;
}
.legal-hero-meta { color:#6b7e54;font-size:.9rem; }
.legal-toc {
    background:#fafcf6;border:1px solid #e4ecda;border-radius:.85rem;
    padding:1.25rem 1.5rem;position:sticky;top:80px;
}
.legal-toc-label {
    font-size:.72rem;letter-spacing:.11em;text-transform:uppercase;
    font-weight:800;color:#75b61b;margin-bottom:.75rem;
}
.legal-toc a {
    display:block;color:#374427;text-decoration:none;
    font-size:.85rem;padding:.35rem 0;border-bottom:1px solid #edf1e5;
    transition:color .12s;
}
.legal-toc a:last-child { border-bottom:0; }
.legal-toc a:hover { color:#4a7512; }
.legal-toc a:focus-visible { outline:2px solid #4a7512;outline-offset:2px;border-radius:2px; }
.legal-body {
    font-size:1rem;line-height:1.8;color:#2d3d1e;
}
.legal-body h2 {
    font-size:1.25rem;font-weight:800;color:#1a2e07;
    margin:2.5rem 0 .85rem;padding-top:1rem;
    border-top:1px solid #e4ecda;
}
.legal-body h2:first-of-type { border-top:0;margin-top:.5rem; }
.legal-body h3 { font-size:1rem;font-weight:800;color:#2d4a10;margin:1.5rem 0 .5rem; }
.legal-body p  { margin-bottom:1rem;color:#374427; }
.legal-body ul, .legal-body ol {
    padding-left:1.5rem;margin-bottom:1rem;color:#374427;
}
.legal-body li { margin-bottom:.4rem; }
.legal-body a  { color:#1a5fa0;text-decoration:underline; }
.legal-body a:focus-visible { outline:2px solid #4a7512;outline-offset:2px;border-radius:2px; }
.legal-body strong { color:#1a2e07;font-weight:700; }
.legal-callout {
    background:#f0f7e3;border:1px solid #c8dfa0;border-radius:.75rem;
    padding:1rem 1.25rem;margin:1.5rem 0;
    font-size:.92rem;color:#2d4a10;
}
.legal-callout strong { color:#1a3d07; }
.legal-related {
    background:#fafcf6;border:1px solid #e4ecda;border-radius:.85rem;
    padding:1.25rem 1.5rem;margin-top:2.5rem;
}
.legal-related-label {
    font-size:.72rem;letter-spacing:.11em;text-transform:uppercase;
    font-weight:800;color:#75b61b;margin-bottom:.75rem;
}
.legal-related a {
    display:inline-flex;align-items:center;gap:.5rem;
    color:#1a5fa0;text-decoration:none;font-weight:600;font-size:.9rem;
    padding:.35rem 0;
}
.legal-related a:hover { text-decoration:underline; }


/* resources/views/legal/sitemap.blade.php */
.sitemap-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:1.5rem; }
.sitemap-section {
    background:#fff;border:1px solid #e4ecda;border-radius:.9rem;
    padding:1.25rem 1.5rem;
}
.sitemap-section-title {
    display:flex;align-items:center;gap:.6rem;
    font-size:.78rem;font-weight:800;letter-spacing:.1em;
    text-transform:uppercase;color:#75b61b;
    margin-bottom:.85rem;padding-bottom:.65rem;
    border-bottom:1px solid #e4ecda;
}
.sitemap-section-title i { font-size:1rem; }
.sitemap-links { list-style:none;padding:0;margin:0; }
.sitemap-links li { padding:.3rem 0; }
.sitemap-links a {
    color:#1a5fa0;text-decoration:none;font-size:.88rem;font-weight:500;
    display:inline-flex;align-items:center;gap:.4rem;
}
.sitemap-links a:hover { text-decoration:underline; }
.sitemap-links a:focus-visible { outline:2px solid #4a7512;outline-offset:2px;border-radius:2px; }
.sitemap-count {
    display:inline-block;background:#f0f7e3;color:#385607;
    border-radius:999px;font-size:.68rem;font-weight:800;
    padding:.15rem .55rem;margin-left:.35rem;
}
.sitemap-job-list { max-height:320px;overflow-y:auto;scrollbar-width:thin; }
.sitemap-job-list li { border-bottom:1px solid #f0f5e8; }
.sitemap-job-list li:last-child { border-bottom:0; }


/* resources/views/coaching/index.blade.php */
.coach-page { background:#f6f8fb; padding:2rem 0 4rem; }
.coach-hero { background:#12351f; border-radius:8px; color:#fff; padding:1.35rem; margin-bottom:1rem; }
.coach-hero h1 { font-size:clamp(1.55rem,3vw,2.3rem); font-weight:900; margin:0 0 .45rem; max-width:760px; }
.coach-hero p { color:rgba(255,255,255,.78); margin:0; max-width:680px; }
.coach-filter { background:#fff; border:1px solid #e6ebf1; border-radius:8px; padding:.8rem; margin-bottom:1rem; }
.coach-card { background:#fff; border:1px solid #e6ebf1; border-radius:8px; display:flex; flex-direction:column; height:100%; padding:1rem; transition:border-color .18s ease,transform .18s ease; }
.coach-card:hover { border-color:#b9d8a5; transform:translateY(-2px); }
.coach-avatar { align-items:center; background:#eaf6dd; border-radius:8px; color:#32630d; display:flex; flex:0 0 auto; font-size:1.1rem; font-weight:900; height:48px; justify-content:center; width:48px; }
.coach-metric { background:#f8fafc; border:1px solid #e6ebf1; border-radius:8px; padding:.55rem .65rem; }
.coach-metric span { color:#64748b; display:block; font-size:.72rem; font-weight:800; }
.coach-metric strong { color:#172033; font-size:.9rem; }
.specialty-scroll { display:flex; gap:.45rem; overflow-x:auto; padding-bottom:.2rem; }
.specialty-scroll .btn { flex:0 0 auto; }
@media(max-width:575.98px){.coach-page{padding-top:1rem}.coach-hero{border-radius:0;margin-left:-.75rem;margin-right:-.75rem}.coach-filter .btn{width:100%}}


/* resources/views/coaching/show.blade.php */
.coach-show { background:#f6f8fb; padding:2rem 0 4rem; }
.coach-profile-hero { background:#12351f; border-radius:8px; color:#fff; padding:1.35rem; margin-bottom:1rem; }
.coach-profile-avatar { align-items:center; background:#d8f5bf; border-radius:8px; color:#12351f; display:flex; flex:0 0 auto; font-size:1.65rem; font-weight:900; height:72px; justify-content:center; width:72px; }
.coach-profile-hero h1 { font-size:clamp(1.55rem,3vw,2.3rem); font-weight:900; margin:0 0 .25rem; }
.coach-meta { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:.75rem; }
.coach-meta span { background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.18); border-radius:999px; color:rgba(255,255,255,.88); font-size:.78rem; font-weight:800; padding:.35rem .65rem; }
.coach-panel { background:#fff; border:1px solid #e6ebf1; border-radius:8px; padding:1.1rem; }
.booking-panel { position:sticky; top:5.5rem; }
.booking-panel .form-control,.booking-panel .form-select { border:1.5px solid #dfe6ee; border-radius:8px; min-height:44px; }
.review-row { border-top:1px solid #eef2f6; padding:1rem 0; }
.review-row:first-child { border-top:0; padding-top:0; }
@media(max-width:991.98px){.booking-panel{position:static}.coach-profile-hero{border-radius:0;margin-left:-.75rem;margin-right:-.75rem}}


/* resources/views/notifications/index.blade.php */
.notif-page-wrap { background:#f6f8fa; min-height:70vh; padding:3rem 0 4rem; }
.notif-card {
    background:#fff;
    border-radius:14px;
    border:1.5px solid #e8edf2;
    padding:1.1rem 1.3rem;
    margin-bottom:.75rem;
    display:flex;
    gap:1rem;
    align-items:flex-start;
    transition:border-color .15s,box-shadow .15s;
}
.notif-card:hover { border-color:#c7d8e5; box-shadow:0 2px 12px rgba(0,0,0,.06); }
.notif-card.unread { border-left:4px solid var(--mjk-green); background:#f0fdf4; }
.notif-icon-wrap {
    width:42px; height:42px; border-radius:50%;
    background:#f1f5f9;
    display:flex; align-items:center; justify-content:center;
    font-size:1.1rem; flex-shrink:0;
}
.notif-title { font-weight:700; font-size:.88rem; color:#1e293b; }
.notif-msg { font-size:.82rem; color:#475569; line-height:1.45; margin-top:.1rem; }
.notif-time { font-size:.73rem; color:#94a3b8; margin-top:.3rem; }


/* resources/views/companies/jobs.blade.php */
.company-jobs-page {
        background: #fff;
        padding: 2rem 0 4rem;
    }
    .company-card {
        background: #fff;
        border: 1px solid #ececec;
        border-radius: .9rem;
        box-shadow: 0 8px 24px rgba(0,0,0,.04);
    }


/* resources/views/companies/show.blade.php */
.company-profile-page {
        background:
            radial-gradient(circle at top left, rgba(117, 182, 27, 0.12), transparent 24%),
            linear-gradient(180deg, #f6f8f1 0%, #ffffff 34%);
        padding: 1.75rem 0 4rem;
    }

    .company-shell {
        max-width: 1280px;
    }

    .company-hero,
    .company-panel,
    .company-stat,
    .company-job-card,
    .company-related-card {
        background: #fff;
        border: 1px solid #e8eddc;
        box-shadow: 0 12px 34px rgba(16, 24, 8, 0.05);
    }

    .company-hero,
    .company-panel,
    .company-stat,
    .company-job-card,
    .company-related-card {
        border-radius: 1rem;
    }

    .company-hero {
        overflow: hidden;
        background:
            linear-gradient(125deg, rgba(20, 30, 8, 0.82), rgba(39, 67, 6, 0.52)),
            var(--company-cover, url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1600&q=80')) center/cover no-repeat;
    }

    .company-hero-body {
        padding: 2rem;
    }

    .company-logo {
        width: 120px;
        height: 120px;
        border-radius: 1.5rem;
        background: rgba(255, 255, 255, 0.94);
        color: #3b5a06;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 2.5rem;
        font-weight: 800;
        border: 1px solid rgba(255, 255, 255, 0.55);
        overflow: hidden;
        flex-shrink: 0;
    }

    .company-logo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .company-kicker {
        font-size: 0.76rem;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        font-weight: 800;
        color: rgba(255, 255, 255, 0.72);
        margin-bottom: 0.6rem;
    }

    .company-hero-title {
        color: #fff;
        font-size: clamp(2.2rem, 5vw, 4rem);
        line-height: 1;
        margin-bottom: 0.75rem;
        font-weight: 800;
    }

    .company-hero-subtitle,
    .company-hero-meta {
        color: rgba(255, 255, 255, 0.86);
    }

    .company-hero-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem 1.25rem;
        font-weight: 600;
    }

    .company-chip {
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        padding: 0.25rem 0.55rem;
        border-radius: 999px;
        background: #eef7db;
        color: #375306;
        font-size: 0.72rem;
        line-height: 1.15;
        font-weight: 700;
    }

    a.company-chip {
        text-decoration: none;
    }

    a.company-chip:hover,
    a.company-chip:focus {
        background: #e2f1c5;
        color: #243d04;
    }

    .company-panel {
        padding: 1.45rem;
    }

    .company-panel-header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 1rem;
        margin-bottom: 1.2rem;
        flex-wrap: wrap;
    }

    .company-stat {
        padding: 1.15rem 1.2rem;
        height: 100%;
    }

    .company-stat-label {
        font-size: 0.78rem;
        text-transform: uppercase;
        letter-spacing: 0.08em;
        color: #657453;
        font-weight: 800;
        margin-bottom: 0.4rem;
    }

    .company-stat-value {
        font-size: clamp(1.7rem, 4vw, 2.35rem);
        line-height: 1;
        font-weight: 800;
        color: #1d2d06;
    }

    .company-fact {
        display: flex;
        gap: 0.9rem;
        align-items: flex-start;
        padding: 0.95rem 0;
        border-bottom: 1px solid #eef1e7;
    }

    .company-fact:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .company-fact-icon {
        width: 42px;
        height: 42px;
        border-radius: 0.9rem;
        background: #eef7db;
        color: #355105;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .company-job-card,
    .company-related-card {
        padding: 1.1rem;
        height: 100%;
    }

    .company-related-card {
        text-decoration: none;
        color: inherit;
        display: block;
    }

    .company-related-card:hover {
        border-color: #dce8c0;
        transform: translateY(-2px);
        transition: 0.2s ease;
    }

    .company-empty {
        text-align: center;
        padding: 2.3rem 1.4rem;
        border: 1px dashed #dbe5c6;
        border-radius: 1rem;
        background: #fbfcf8;
    }

    @media (max-width: 991.98px) {
        .company-hero-body {
            padding: 1.5rem;
        }

        .company-logo {
            width: 96px;
            height: 96px;
            border-radius: 1.1rem;
            font-size: 2rem;
        }
    }


/* resources/views/freelancers/index.blade.php */
.freelancers-hero {
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    }

    .freelancers-hero-search {
        max-width: 560px;
    }

    .freelancers-filter-panel,
    .freelancers-results-panel,
    .freelancer-card {
        border-radius: 0.5rem;
    }

    .freelancers-skill-pill {
        font-weight: 600;
    }

    .freelancers-skill-pill i {
        color: var(--mjk-green);
    }

    .freelancers-mobile-filter-toggle {
        display: none;
    }

    .freelancer-avatar {
        align-items: center;
        background: var(--mjk-green-soft);
        border: 1px solid rgba(117, 182, 27, 0.2);
        border-radius: 50%;
        color: var(--mjk-green-dark);
        display: inline-flex;
        flex: 0 0 auto;
        font-size: 1.05rem;
        font-weight: 800;
        height: 56px;
        justify-content: center;
        width: 56px;
    }

    .freelancer-card-title {
        font-size: 1.02rem;
        line-height: 1.35;
    }

    .freelancer-card-copy {
        line-height: 1.6;
    }

    .freelancer-meta {
        color: var(--mjk-muted);
        font-size: 0.85rem;
    }

    .freelancer-meta i {
        color: var(--mjk-green);
    }

    @media (max-width: 991.98px) {
        .freelancers-mobile-filter-toggle {
            display: inline-flex;
            width: 100%;
        }

        .freelancers-filter-panel {
            position: static !important;
        }
    }

    @media (max-width: 767.98px) {
        .freelancers-hero-search {
            max-width: none;
        }

        .freelancers-hero-search .input-group {
            flex-direction: column;
        }

        .freelancers-hero-search .form-control,
        .freelancers-hero-search .btn {
            border-radius: 0.5rem !important;
            width: 100%;
        }
    }


/* resources/views/invitations/index.blade.php */
.invite-page { background:#f6f8fb; min-height:80vh; padding:1.5rem 0 4rem; }
.invite-wrap { max-width:1040px; }
.invite-hero,
.invite-card,
.invite-stat {
    background:#fff;
    border:1px solid #e4eaf1;
    border-radius:8px;
}
.invite-hero {
    align-items:center;
    display:flex;
    gap:1rem;
    justify-content:space-between;
    margin-bottom:1rem;
    padding:1.15rem;
}
.eyebrow { color:#64748b; font-size:.72rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.invite-hero h1 { color:#0f172a; font-size:clamp(1.35rem,2.5vw,1.85rem); font-weight:900; margin:.15rem 0 .25rem; }
.hero-copy { color:#64748b; font-size:.88rem; margin:0; }
.hero-actions { display:flex; flex-wrap:wrap; gap:.5rem; }
.btn-invite-primary,
.btn-invite-secondary,
.btn-invite-danger {
    align-items:center;
    border-radius:8px;
    display:inline-flex;
    font-size:.84rem;
    font-weight:800;
    gap:.42rem;
    min-height:44px;
    padding:.62rem .95rem;
    text-decoration:none;
}
.btn-invite-primary { background:var(--mjk-green); border:1px solid var(--mjk-green); color:#fff; }
.btn-invite-primary:hover { background:var(--mjk-green-dark); border-color:var(--mjk-green-dark); color:#fff; }
.btn-invite-secondary { background:#fff; border:1px solid #dce4ee; color:#334155; }
.btn-invite-secondary:hover { border-color:var(--mjk-green); color:var(--mjk-green-dark); }
.btn-invite-danger { background:#fff; border:1px solid #fecaca; color:#b91c1c; }
.invite-stats {
    display:grid;
    gap:.65rem;
    grid-template-columns:repeat(4,minmax(0,1fr));
    margin-bottom:1rem;
}
.invite-stat { min-height:74px; padding:.8rem; }
.stat-value { color:#0f172a; font-size:1.2rem; font-weight:900; line-height:1; }
.stat-label { color:#64748b; font-size:.74rem; font-weight:800; margin-top:.25rem; }
.invite-list { display:grid; gap:.75rem; }
.invite-card { padding:1rem; }
.invite-top { align-items:flex-start; display:grid; gap:.85rem; grid-template-columns:48px minmax(0,1fr) auto; }
.logo-mark {
    align-items:center;
    background:#f8fafc;
    border:1px solid #e4eaf1;
    border-radius:8px;
    color:var(--mjk-green-dark);
    display:flex;
    font-size:1rem;
    font-weight:900;
    height:46px;
    justify-content:center;
    width:46px;
}
.row-title {
    color:#172033;
    display:block;
    font-size:.95rem;
    font-weight:900;
    line-height:1.25;
}
.row-meta { color:#64748b; font-size:.78rem; margin-top:.22rem; }
.status-pill {
    align-items:center;
    border-radius:999px;
    display:inline-flex;
    font-size:.7rem;
    font-weight:900;
    gap:.3rem;
    min-height:28px;
    padding:.22rem .62rem;
    white-space:nowrap;
}
.status-pending { background:#fff7ed; color:#9a3412; }
.status-accepted { background:#ecfdf5; color:#047857; }
.status-declined { background:#fef2f2; color:#b91c1c; }
.employer-note {
    background:#fffbeb;
    border:1px solid #fde68a;
    border-radius:8px;
    color:#78350f;
    font-size:.82rem;
    line-height:1.55;
    margin:.85rem 0;
    padding:.75rem .85rem;
}
.invite-actions { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:.85rem; }
.empty-state {
    background:#fff;
    border:1px solid #e4eaf1;
    border-radius:8px;
    color:#64748b;
    padding:3rem 1.25rem;
    text-align:center;
}
.empty-state i { color:#cbd5e1; display:block; font-size:2.4rem; margin-bottom:.7rem; }
.status-alert {
    border-radius:8px;
    font-weight:800;
    margin-bottom:1rem;
    padding:.85rem 1rem;
}
@media (max-width:767.98px) {
    .invite-page { padding-top:.75rem; }
    .invite-hero { align-items:stretch; flex-direction:column; }
    .hero-actions .btn-invite-primary,
    .hero-actions .btn-invite-secondary { justify-content:center; width:100%; }
    .invite-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .invite-top { grid-template-columns:46px minmax(0,1fr); }
    .invite-top .status-pill { grid-column:2; justify-self:start; }
}
@media (max-width:575.98px) {
    .invite-hero,
    .invite-card,
    .empty-state { border-radius:0; margin-left:-.75rem; margin-right:-.75rem; }
}


/* resources/views/invitations/employer.blade.php */
.sent-page { background:#f6f8fb; min-height:80vh; padding:1.5rem 0 4rem; }
.sent-wrap { max-width:1120px; }
.sent-hero,
.sent-stat,
.sent-panel {
    background:#fff;
    border:1px solid #e4eaf1;
    border-radius:8px;
}
.sent-hero {
    align-items:center;
    display:flex;
    gap:1rem;
    justify-content:space-between;
    margin-bottom:1rem;
    padding:1.15rem;
}
.eyebrow { color:#64748b; font-size:.72rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.sent-hero h1 { color:#0f172a; font-size:clamp(1.35rem,2.5vw,1.85rem); font-weight:900; margin:.15rem 0 .25rem; }
.hero-copy { color:#64748b; font-size:.88rem; margin:0; }
.btn-sent-primary,
.btn-sent-secondary {
    align-items:center;
    border-radius:8px;
    display:inline-flex;
    font-size:.84rem;
    font-weight:800;
    gap:.42rem;
    min-height:44px;
    padding:.62rem .95rem;
    text-decoration:none;
}
.btn-sent-primary { background:var(--mjk-green); border:1px solid var(--mjk-green); color:#fff; }
.btn-sent-primary:hover { background:var(--mjk-green-dark); border-color:var(--mjk-green-dark); color:#fff; }
.btn-sent-secondary { background:#fff; border:1px solid #dce4ee; color:#334155; }
.btn-sent-secondary:hover { border-color:var(--mjk-green); color:var(--mjk-green-dark); }
.sent-stats {
    display:grid;
    gap:.65rem;
    grid-template-columns:repeat(4,minmax(0,1fr));
    margin-bottom:1rem;
}
.sent-stat { min-height:74px; padding:.8rem; }
.stat-value { color:#0f172a; font-size:1.2rem; font-weight:900; line-height:1; }
.stat-label { color:#64748b; font-size:.74rem; font-weight:800; margin-top:.25rem; }
.sent-panel { overflow:hidden; }
.sent-table { margin:0; }
.sent-table th {
    background:#f8fafc;
    border:0;
    color:#64748b;
    font-size:.72rem;
    font-weight:900;
    letter-spacing:.06em;
    padding:.9rem 1rem;
    text-transform:uppercase;
}
.sent-table td {
    border-color:#eef2f6;
    color:#334155;
    padding:1rem;
    vertical-align:middle;
}
.person-cell { align-items:center; display:flex; gap:.7rem; min-width:0; }
.logo-mark {
    align-items:center;
    background:#f8fafc;
    border:1px solid #e4eaf1;
    border-radius:8px;
    color:var(--mjk-green-dark);
    display:flex;
    flex:0 0 40px;
    font-size:.85rem;
    font-weight:900;
    height:40px;
    justify-content:center;
    width:40px;
}
.row-title { color:#172033; display:block; font-size:.85rem; font-weight:900; line-height:1.25; }
.row-meta { color:#64748b; font-size:.74rem; margin-top:.18rem; }
.status-pill {
    border-radius:999px;
    display:inline-flex;
    font-size:.7rem;
    font-weight:900;
    min-height:28px;
    padding:.22rem .62rem;
    white-space:nowrap;
}
.status-pending { background:#fff7ed; color:#9a3412; }
.status-accepted { background:#ecfdf5; color:#047857; }
.status-declined { background:#fef2f2; color:#b91c1c; }
.empty-state {
    background:#fff;
    border:1px solid #e4eaf1;
    border-radius:8px;
    color:#64748b;
    padding:3rem 1.25rem;
    text-align:center;
}
.empty-state i { color:#cbd5e1; display:block; font-size:2.4rem; margin-bottom:.7rem; }
@media (max-width:767.98px) {
    .sent-page { padding-top:.75rem; }
    .sent-hero { align-items:stretch; flex-direction:column; }
    .sent-hero .btn-sent-secondary { justify-content:center; width:100%; }
    .sent-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .sent-table thead { display:none; }
    .sent-table,
    .sent-table tbody,
    .sent-table tr,
    .sent-table td { display:block; width:100%; }
    .sent-table tr { border-bottom:1px solid #eef2f6; padding:.85rem 1rem; }
    .sent-table td { border:0; padding:.35rem 0; }
    .sent-table td::before {
        color:#64748b;
        content:attr(data-label);
        display:block;
        font-size:.68rem;
        font-weight:900;
        letter-spacing:.06em;
        margin-bottom:.2rem;
        text-transform:uppercase;
    }
}
@media (max-width:575.98px) {
    .sent-hero,
    .sent-panel,
    .empty-state { border-radius:0; margin-left:-.75rem; margin-right:-.75rem; }
}