/* VIFOOD V477 PERFORMANCE BUNDLE - preserves V476 CSS order */

/* ===== V477 SOURCE 1: index-V335MobilePrintRebuild.css ===== */
/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-300:oklch(80.8% .114 19.571);--color-red-500:oklch(63.7% .237 25.331);--color-red-900:oklch(39.6% .141 25.723);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-amber-950:oklch(27.9% .077 45.635);--color-emerald-800:oklch(43.2% .095 166.913);--color-sky-600:oklch(58.8% .158 241.966);--color-sky-700:oklch(50% .134 242.749);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-5xl:64rem;--container-6xl:72rem;--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);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-tight:-.025em;--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;--radius-xs:.125rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--blur-md:12px;--blur-2xl:40px;--aspect-video:16/9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--default-mono-font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;--color-border:var(--border)}}@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%;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}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}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{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}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);font-size:14px}button:not(:disabled),[role=button]:not([aria-disabled=true]),[type=button]:not(:disabled),[type=submit]:not(:disabled),[type=reset]:not(:disabled),a[href],select:not(:disabled),input[type=checkbox]:not(:disabled),input[type=radio]:not(:disabled){cursor:pointer}}@layer components{.route-loading-indicator{z-index:100;top:max(.875rem,env(safe-area-inset-top));pointer-events:none;position:fixed;left:50%;transform:translate(-50%)}.route-loading-indicator__surface{border:1px solid var(--amber-brand);justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.route-loading-indicator__surface{border:1px solid color-mix(in oklch,var(--amber-brand)35%,var(--border))}}.route-loading-indicator__surface{background:var(--card);border-radius:999px}@supports (color:color-mix(in lab,red,red)){.route-loading-indicator__surface{background:color-mix(in oklch,var(--card)94%,transparent)}}.route-loading-indicator__surface{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 22px #141e2d1f}@media (prefers-reduced-motion:no-preference){.route-loading-indicator__surface{animation:route-loading-enter .18s var(--ease-out,cubic-bezier(.23,1,.32,1))}}@keyframes route-loading-enter{0%{opacity:0;transform:translateY(-.375rem)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.flex{min-width:0;min-height:0}@media (min-width:640px){.container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.container{max-width:1280px;padding-left:2rem;padding-right:2rem}}.font-display{font-family:var(--font-serif)}.stat-figure{font-family:var(--font-serif);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:700}.tabular{font-variant-numeric:tabular-nums}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--muted-foreground);font-size:10.5px;font-weight:600}.hairline{border-color:var(--border)}.ink-rule{border-color:#16253740}.workflow-nav-button{min-height:2.875rem;font-family:var(--font-serif);letter-spacing:.015em;text-align:center;white-space:normal;border-width:1px;border-radius:.25rem;padding:.625rem .875rem;font-size:.9375rem;font-weight:700;line-height:1.2;transition:transform .16s cubic-bezier(.23,1,.32,1),background-color .16s cubic-bezier(.23,1,.32,1),border-color .16s cubic-bezier(.23,1,.32,1),box-shadow .16s cubic-bezier(.23,1,.32,1)}.workflow-nav-button:focus-visible{outline:3px solid var(--amber-brand)}@supports (color:color-mix(in lab,red,red)){.workflow-nav-button:focus-visible{outline:3px solid color-mix(in oklch,var(--amber-brand)65%,white)}}.workflow-nav-button:focus-visible{outline-offset:2px}.workflow-nav-button:active:not(:disabled){transform:scale(.97)}.workflow-nav-primary{background:var(--primary);color:var(--primary-foreground);border-color:#0a2036;box-shadow:0 2px #0b1c2c4d,0 5px 10px #1f2a3824}.workflow-nav-primary:hover:not(:disabled){color:var(--primary-foreground);background:#082845;border-color:#031e38}.workflow-nav-secondary{background:var(--card);color:#0f253b;border-color:#5a6e83;box-shadow:0 1px #1e2f412e}.workflow-nav-secondary:hover:not(:disabled){border-color:var(--primary);color:#031c33;background:#e2edf7}@media (min-width:640px){.workflow-nav-button{min-height:2.625rem;padding-inline:1rem}}.stamp{letter-spacing:.02em;white-space:nowrap;border:1px solid #0000;border-radius:2px;align-items:center;gap:.25rem;padding:.15rem .55rem;font-size:11px;font-weight:600;display:inline-flex}.stamp-success{color:#095c34;background:#d1f1db;border-color:#aadcba}.stamp-warning{color:#894c06;background:#ffe7c8;background:oklch(94% .06 75);border-color:#f4c98e}.stamp-danger{color:#862723;background:#ffdfdb;background:oklch(93% .05 27);border-color:#febab2}.stamp-info{color:#284561;background:#dee9f5;border-color:#c0d0e1}.stamp-neutral{color:#4e5661;background:#ebe7e0;border-color:#d7d4cd}.ledger-cell{background:var(--card);border:1px solid var(--border);border-radius:2px;transition:background-color .15s cubic-bezier(.23,1,.32,1),border-color .15s cubic-bezier(.23,1,.32,1)}.ledger-cell:hover{border-color:#16253759}@media (max-width:767px){.responsive-report-table,.management-user-table{overflow:visible}.responsive-report-table table,.responsive-report-table tbody,.responsive-report-table tr,.responsive-report-table td,.management-user-table table,.management-user-table tbody,.management-user-table tr,.management-user-table td{width:100%;display:block}.responsive-report-table thead,.management-user-table thead{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.responsive-report-table tbody,.management-user-table tbody{gap:.75rem;display:grid}.responsive-report-table tr,.management-user-table tr{border:1px solid var(--border);background:var(--card);border-radius:.375rem;padding:.25rem .875rem;box-shadow:0 1px 2px #1018280a}.responsive-report-table td,.management-user-table td{border-bottom:1px solid var(--border);white-space:normal;grid-template-columns:minmax(6.25rem,42%) minmax(0,1fr);align-items:start;gap:.75rem;min-height:2.75rem;padding:.625rem 0;display:grid}.responsive-report-table td:last-child,.management-user-table td:last-child{border-bottom:0}.responsive-report-table td:before,.management-user-table td:before{content:attr(data-label);color:var(--muted-foreground);letter-spacing:.07em;text-transform:uppercase;padding-top:.1rem;font-size:.65rem;font-weight:700;line-height:1.35}.responsive-report-table td:empty,.management-user-table td:empty{display:none}.management-user-table td:first-child:before{content:"Nhân viên"}.management-user-table td:nth-child(2):before{content:"Tên đăng nhập"}.management-user-table td:nth-child(3):before{content:"Liên hệ"}.management-user-table td:nth-child(4):before{content:"Quyền"}.management-user-table td:nth-child(5):before{content:"Trạng thái"}.management-user-table td:nth-child(6):before{content:"Thao tác"}.management-user-table td:nth-child(3){display:grid!important}.management-user-table td:nth-child(6)>div{flex-wrap:wrap;justify-content:flex-start}}@media (prefers-reduced-motion:no-preference){.fade-up{opacity:0;animation:.32s cubic-bezier(.23,1,.32,1) forwards fadeUp;transform:translateY(12px)}}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}}@layer utilities{.\@container\/card-header{container:card-header/inline-size}.\@container\/field-group{container:field-group/inline-size}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.inset-x-3{inset-inline:calc(var(--spacing)*3)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.-top-1\.5{top:calc(var(--spacing)*-1.5)}.-top-12{top:calc(var(--spacing)*-12)}.top-0{top:calc(var(--spacing)*0)}.top-1\.5{top:calc(var(--spacing)*1.5)}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing)*3)}.top-3\.5{top:calc(var(--spacing)*3.5)}.top-4{top:calc(var(--spacing)*4)}.top-\[1px\]{top:1px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-full{top:100%}.-right-1\.5{right:calc(var(--spacing)*-1.5)}.-right-12{right:calc(var(--spacing)*-12)}.right-0{right:calc(var(--spacing)*0)}.right-1{right:calc(var(--spacing)*1)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.right-10{right:calc(var(--spacing)*10)}.-bottom-12{bottom:calc(var(--spacing)*-12)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-4{bottom:calc(var(--spacing)*4)}.-left-12{left:calc(var(--spacing)*-12)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing)*2)}.left-3{left:calc(var(--spacing)*3)}.left-4{left:calc(var(--spacing)*4)}.left-\[50\%\]{left:50%}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[100\]{z-index:100}.order-first{order:-9999}.order-last{order:9999}.col-span-2{grid-column:span 2/span 2}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.clear-both{clear:both}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.\!m-0{margin:calc(var(--spacing)*0)!important}.m-0{margin:calc(var(--spacing)*0)}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-3\.5{margin-inline:calc(var(--spacing)*3.5)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-auto{margin-inline:auto}.-my-2{margin-block:calc(var(--spacing)*-2)}.my-0{margin-block:calc(var(--spacing)*0)}.my-0\.5{margin-block:calc(var(--spacing)*.5)}.my-1{margin-block:calc(var(--spacing)*1)}.-mt-0\.5{margin-top:calc(var(--spacing)*-.5)}.-mt-1{margin-top:calc(var(--spacing)*-1)}.-mt-4{margin-top:calc(var(--spacing)*-4)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-2\.5{margin-top:calc(var(--spacing)*2.5)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-7{margin-top:calc(var(--spacing)*7)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-12{margin-top:calc(var(--spacing)*12)}.mt-auto{margin-top:auto}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-1\.5{margin-right:calc(var(--spacing)*1.5)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-0\.5{margin-bottom:calc(var(--spacing)*.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-2\.5{margin-bottom:calc(var(--spacing)*2.5)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.-ml-1\.5{margin-left:calc(var(--spacing)*-1.5)}.-ml-4{margin-left:calc(var(--spacing)*-4)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-1\.5{margin-left:calc(var(--spacing)*1.5)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\!flex{display:flex!important}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-row{display:table-row}.field-sizing-content{field-sizing:content}.aspect-auto{aspect-ratio:auto}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-\(--cell-size\){width:var(--cell-size);height:var(--cell-size)}.size-1\.5{width:calc(var(--spacing)*1.5);height:calc(var(--spacing)*1.5)}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.size-2\.5{width:calc(var(--spacing)*2.5);height:calc(var(--spacing)*2.5)}.size-3{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.size-3\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-4\.5{width:calc(var(--spacing)*4.5);height:calc(var(--spacing)*4.5)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-7{width:calc(var(--spacing)*7);height:calc(var(--spacing)*7)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-10{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.size-11{width:calc(var(--spacing)*11);height:calc(var(--spacing)*11)}.size-12{width:calc(var(--spacing)*12);height:calc(var(--spacing)*12)}.size-\[18px\]{width:18px;height:18px}.size-auto{width:auto;height:auto}.size-full{width:100%;height:100%}.\!h-\[100dvh\]{height:100dvh!important}.h-\(--cell-size\){height:var(--cell-size)}.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-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-32{height:calc(var(--spacing)*32)}.h-52{height:calc(var(--spacing)*52)}.h-64{height:calc(var(--spacing)*64)}.h-\[1\.15rem\]{height:1.15rem}.h-\[38px\]{height:38px}.h-\[180px\]{height:180px}.h-\[200px\]{height:200px}.h-\[250px\]{height:250px}.h-\[500px\]{height:500px}.h-\[calc\(100\%-1px\)\]{height:calc(100% - 1px)}.h-\[calc\(100vh-1rem\)\]{height:calc(100vh - 1rem)}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-svh{height:100svh}.max-h-\(--radix-context-menu-content-available-height\){max-height:var(--radix-context-menu-content-available-height)}.max-h-\(--radix-dropdown-menu-content-available-height\){max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.max-h-24{max-height:calc(var(--spacing)*24)}.max-h-28{max-height:calc(var(--spacing)*28)}.max-h-32{max-height:calc(var(--spacing)*32)}.max-h-40{max-height:calc(var(--spacing)*40)}.max-h-72{max-height:calc(var(--spacing)*72)}.max-h-\[24rem\]{max-height:24rem}.max-h-\[42dvh\]{max-height:42dvh}.max-h-\[92dvh\]{max-height:92dvh}.max-h-\[92vh\]{max-height:92vh}.max-h-\[94dvh\]{max-height:94dvh}.max-h-\[300px\]{max-height:300px}.max-h-\[330px\]{max-height:330px}.max-h-\[calc\(100dvh-1\.5rem\)\]{max-height:calc(100dvh - 1.5rem)}.max-h-none{max-height:none}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-4{min-height:calc(var(--spacing)*4)}.min-h-7{min-height:calc(var(--spacing)*7)}.min-h-9{min-height:calc(var(--spacing)*9)}.min-h-11{min-height:calc(var(--spacing)*11)}.min-h-14{min-height:calc(var(--spacing)*14)}.min-h-16{min-height:calc(var(--spacing)*16)}.min-h-20{min-height:calc(var(--spacing)*20)}.min-h-28{min-height:calc(var(--spacing)*28)}.min-h-\[62px\]{min-height:62px}.min-h-\[74px\]{min-height:74px}.min-h-\[200px\]{min-height:200px}.min-h-screen{min-height:100vh}.min-h-svh{min-height:100svh}.\!w-\[calc\(100vw-1rem\)\]{width:calc(100vw - 1rem)!important}.\!w-full{width:100%!important}.w-\(--cell-size\){width:var(--cell-size)}.w-\(--sidebar-width\){width:var(--sidebar-width)}.w-0{width:calc(var(--spacing)*0)}.w-1{width:calc(var(--spacing)*1)}.w-1\/2{width:50%}.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-3\/4{width:75%}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-14{width:calc(var(--spacing)*14)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-32{width:calc(var(--spacing)*32)}.w-40{width:calc(var(--spacing)*40)}.w-44{width:calc(var(--spacing)*44)}.w-48{width:calc(var(--spacing)*48)}.w-56{width:calc(var(--spacing)*56)}.w-64{width:calc(var(--spacing)*64)}.w-72{width:calc(var(--spacing)*72)}.w-\[38px\]{width:38px}.w-\[100px\]{width:100px}.w-\[130px\]{width:130px}.w-\[142px\]{width:142px}.w-\[160px\]{width:160px}.w-\[280px\]{width:280px}.w-\[400px\]{width:400px}.w-\[calc\(100vw-1\.5rem\)\]{width:calc(100vw - 1.5rem)}.w-\[min\(24rem\,calc\(100vw-2rem\)\)\]{width:min(24rem,100vw - 2rem)}.w-\[min\(92vw\,430px\)\]{width:min(92vw,430px)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.\!max-w-\[calc\(100vw-1rem\)\]{max-width:calc(100vw - 1rem)!important}.\!max-w-none{max-width:none!important}.max-w-\(--skeleton-width\){max-width:var(--skeleton-width)}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-20{max-width:calc(var(--spacing)*20)}.max-w-24{max-width:calc(var(--spacing)*24)}.max-w-48{max-width:calc(var(--spacing)*48)}.max-w-56{max-width:calc(var(--spacing)*56)}.max-w-60{max-width:calc(var(--spacing)*60)}.max-w-\[60\%\]{max-width:60%}.max-w-\[80\%\]{max-width:80%}.max-w-\[210mm\]{max-width:210mm}.max-w-\[760px\]{max-width:760px}.max-w-\[1500px\]{max-width:1500px}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.max-w-\[calc\(100vw-1rem\)\]{max-width:calc(100vw - 1rem)}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-max{max-width:max-content}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-\(--cell-size\){min-width:var(--cell-size)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-4{min-width:calc(var(--spacing)*4)}.min-w-5{min-width:calc(var(--spacing)*5)}.min-w-8{min-width:calc(var(--spacing)*8)}.min-w-9{min-width:calc(var(--spacing)*9)}.min-w-10{min-width:calc(var(--spacing)*10)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[570px\]{min-width:570px}.min-w-\[640px\]{min-width:640px}.min-w-\[760px\]{min-width:760px}.min-w-\[780px\]{min-width:780px}.min-w-\[1050px\]{min-width:1050px}.min-w-\[1080px\]{min-width:1080px}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.flex-\[1\.45\]{flex:1.45}.flex-none{flex:none}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-\(--radix-context-menu-content-transform-origin\){transform-origin:var(--radix-context-menu-content-transform-origin)}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\(--radix-hover-card-content-transform-origin\){transform-origin:var(--radix-hover-card-content-transform-origin)}.origin-\(--radix-menubar-content-transform-origin\){transform-origin:var(--radix-menubar-content-transform-origin)}.origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.origin-\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-px{--tw-translate-x:-1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-px{--tw-translate-x:1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0\.5{--tw-translate-y:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y: calc(-50% - 2px) ;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-caret-blink{animation:1.25s ease-out infinite caret-blink}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-col-resize{cursor:col-resize}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.touch-none{touch-action:none}.resize-none{resize:none}.resize-y{resize:vertical}.scroll-my-1{scroll-margin-block:calc(var(--spacing)*1)}.scroll-mt-3{scroll-margin-top:calc(var(--spacing)*3)}.scroll-mt-36{scroll-margin-top:calc(var(--spacing)*36)}.scroll-py-1{scroll-padding-block:calc(var(--spacing)*1)}.scroll-pt-36{scroll-padding-top:calc(var(--spacing)*36)}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[0_1fr\]{grid-template-columns:0 1fr}.grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.grid-cols-\[minmax\(88px\,0\.65fr\)_minmax\(0\,1fr\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(88px,.65fr) minmax(0,1fr) minmax(0,1fr)}.grid-cols-\[minmax\(210px\,1fr\)_repeat\(5\,62px\)\]{grid-template-columns:minmax(210px,1fr) repeat(5,62px)}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-start{align-content:flex-start}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.justify-items-start{justify-items:start}.\!gap-0{gap:calc(var(--spacing)*0)!important}.gap-0{gap:calc(var(--spacing)*0)}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-7{gap:calc(var(--spacing)*7)}.gap-8{gap:calc(var(--spacing)*8)}.gap-px{gap:1px}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*12)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*12)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing)*2)}.gap-x-3{column-gap:calc(var(--spacing)*3)}.gap-x-4{column-gap:calc(var(--spacing)*4)}.gap-x-5{column-gap:calc(var(--spacing)*5)}.gap-x-6{column-gap:calc(var(--spacing)*6)}.gap-x-8{column-gap:calc(var(--spacing)*8)}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-0\.5{row-gap:calc(var(--spacing)*.5)}.gap-y-1{row-gap:calc(var(--spacing)*1)}.gap-y-1\.5{row-gap:calc(var(--spacing)*1.5)}.gap-y-2{row-gap:calc(var(--spacing)*2)}.gap-y-2\.5{row-gap:calc(var(--spacing)*2.5)}.gap-y-4{row-gap:calc(var(--spacing)*4)}.gap-y-5{row-gap:calc(var(--spacing)*5)}.gap-y-10{row-gap:calc(var(--spacing)*10)}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px*var(--tw-divide-x-reverse));border-inline-end-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-\[oklch\(0\.86_0\.03_80\)\]>:not(:last-child)){border-color:#dccfbc}:where(.divide-border>:not(:last-child)),:where(.divide-border\/70>:not(:last-child)){border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){:where(.divide-border\/70>:not(:last-child)){border-color:color-mix(in oklab,var(--border)70%,transparent)}}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.\!rounded-\[4px\]{border-radius:4px!important}.rounded{border-radius:.25rem}.rounded-\[2px\]{border-radius:2px}.rounded-\[3px\]{border-radius:3px}.rounded-\[4px\]{border-radius:4px}.rounded-\[10px\]{border-radius:10px}.rounded-\[20px\]{border-radius:20px}.rounded-\[calc\(var\(--radius\)-5px\)\]{border-radius:calc(var(--radius) - 5px)}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-l-md{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.rounded-tl-sm{border-top-left-radius:calc(var(--radius) - 4px)}.rounded-r-md{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.rounded-b-\[4px\]{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-x-0{border-inline-style:var(--tw-border-style);border-inline-width:0}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-t-4{border-top-style:var(--tw-border-style);border-top-width:4px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\(--color-border\){border-color:var(--color-border)}.border-\[oklch\(0\.7_0\.1_25\)\]{border-color:#d6857f}.border-\[oklch\(0\.7_0\.08_150\)\]{border-color:#7aad84}.border-\[oklch\(0\.8_0\.05_25\)\]{border-color:#dcb2ae}.border-\[oklch\(0\.8_0\.08_80\)\]{border-color:#d9b982}.border-\[oklch\(0\.62_0\.11_150\)\]{border-color:#519962}.border-\[oklch\(0\.64_0\.12_80\)\]{border-color:#b28324}.border-\[oklch\(0\.72_0\.1_80\)\]{border-color:#c69e58}.border-\[oklch\(0\.78_0\.018_80\)\]{border-color:#bdb6ab}.border-\[oklch\(0\.82_0\.07_80\)\]{border-color:#dcc091}.border-\[oklch\(0\.83_0\.035_80\)\]{border-color:#d3c5ae}.border-\[rgba\(0\,0\,0\,0\.08\)\]{border-color:#00000014}.border-\[var\(--amber-brand\)\],.border-\[var\(--amber-brand\)\]\/20{border-color:var(--amber-brand)}@supports (color:color-mix(in lab,red,red)){.border-\[var\(--amber-brand\)\]\/20{border-color:color-mix(in oklab,var(--amber-brand)20%,transparent)}}.border-\[var\(--amber-brand\)\]\/25{border-color:var(--amber-brand)}@supports (color:color-mix(in lab,red,red)){.border-\[var\(--amber-brand\)\]\/25{border-color:color-mix(in oklab,var(--amber-brand)25%,transparent)}}.border-\[var\(--amber-brand\)\]\/30{border-color:var(--amber-brand)}@supports (color:color-mix(in lab,red,red)){.border-\[var\(--amber-brand\)\]\/30{border-color:color-mix(in oklab,var(--amber-brand)30%,transparent)}}.border-\[var\(--amber-brand\)\]\/35{border-color:var(--amber-brand)}@supports (color:color-mix(in lab,red,red)){.border-\[var\(--amber-brand\)\]\/35{border-color:color-mix(in oklab,var(--amber-brand)35%,transparent)}}.border-\[var\(--amber-brand\)\]\/40{border-color:var(--amber-brand)}@supports (color:color-mix(in lab,red,red)){.border-\[var\(--amber-brand\)\]\/40{border-color:color-mix(in oklab,var(--amber-brand)40%,transparent)}}.border-\[var\(--amber-brand\)\]\/45{border-color:var(--amber-brand)}@supports (color:color-mix(in lab,red,red)){.border-\[var\(--amber-brand\)\]\/45{border-color:color-mix(in oklab,var(--amber-brand)45%,transparent)}}.border-\[var\(--amber-brand\)\]\/50{border-color:var(--amber-brand)}@supports (color:color-mix(in lab,red,red)){.border-\[var\(--amber-brand\)\]\/50{border-color:color-mix(in oklab,var(--amber-brand)50%,transparent)}}.border-\[var\(--amber-brand\)\]\/60{border-color:var(--amber-brand)}@supports (color:color-mix(in lab,red,red)){.border-\[var\(--amber-brand\)\]\/60{border-color:color-mix(in oklab,var(--amber-brand)60%,transparent)}}.border-\[var\(--amber-brand\)\]\/70{border-color:var(--amber-brand)}@supports (color:color-mix(in lab,red,red)){.border-\[var\(--amber-brand\)\]\/70{border-color:color-mix(in oklab,var(--amber-brand)70%,transparent)}}.border-\[var\(--amber-brand\)\]\/80{border-color:var(--amber-brand)}@supports (color:color-mix(in lab,red,red)){.border-\[var\(--amber-brand\)\]\/80{border-color:color-mix(in oklab,var(--amber-brand)80%,transparent)}}.border-\[var\(--brand-green\)\],.border-\[var\(--brand-green\)\]\/30{border-color:var(--brand-green)}@supports (color:color-mix(in lab,red,red)){.border-\[var\(--brand-green\)\]\/30{border-color:color-mix(in oklab,var(--brand-green)30%,transparent)}}.border-\[var\(--brand-green\)\]\/35{border-color:var(--brand-green)}@supports (color:color-mix(in lab,red,red)){.border-\[var\(--brand-green\)\]\/35{border-color:color-mix(in oklab,var(--brand-green)35%,transparent)}}.border-\[var\(--brand-green\)\]\/40{border-color:var(--brand-green)}@supports (color:color-mix(in lab,red,red)){.border-\[var\(--brand-green\)\]\/40{border-color:color-mix(in oklab,var(--brand-green)40%,transparent)}}.border-\[var\(--brand-terracotta\)\],.border-\[var\(--brand-terracotta\)\]\/35{border-color:var(--brand-terracotta)}@supports (color:color-mix(in lab,red,red)){.border-\[var\(--brand-terracotta\)\]\/35{border-color:color-mix(in oklab,var(--brand-terracotta)35%,transparent)}}.border-\[var\(--destructive\)\]\/35{border-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.border-\[var\(--destructive\)\]\/35{border-color:color-mix(in oklab,var(--destructive)35%,transparent)}}.border-\[var\(--destructive\)\]\/45{border-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.border-\[var\(--destructive\)\]\/45{border-color:color-mix(in oklab,var(--destructive)45%,transparent)}}.border-\[var\(--ink\)\]\/60{border-color:var(--ink)}@supports (color:color-mix(in lab,red,red)){.border-\[var\(--ink\)\]\/60{border-color:color-mix(in oklab,var(--ink)60%,transparent)}}.border-\[var\(--success\)\]\/35{border-color:var(--success)}@supports (color:color-mix(in lab,red,red)){.border-\[var\(--success\)\]\/35{border-color:color-mix(in oklab,var(--success)35%,transparent)}}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-300{border-color:var(--color-amber-300)}.border-black{border-color:var(--color-black)}.border-border,.border-border\/50{border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.border-border\/50{border-color:color-mix(in oklab,var(--border)50%,transparent)}}.border-border\/60{border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.border-border\/60{border-color:color-mix(in oklab,var(--border)60%,transparent)}}.border-border\/70{border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.border-border\/70{border-color:color-mix(in oklab,var(--border)70%,transparent)}}.border-border\/75{border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.border-border\/75{border-color:color-mix(in oklab,var(--border)75%,transparent)}}.border-border\/80{border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.border-border\/80{border-color:color-mix(in oklab,var(--border)80%,transparent)}}.border-current{border-color:currentColor}.border-destructive\/20{border-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.border-destructive\/20{border-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.border-destructive\/30{border-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.border-destructive\/30{border-color:color-mix(in oklab,var(--destructive)30%,transparent)}}.border-destructive\/35{border-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.border-destructive\/35{border-color:color-mix(in oklab,var(--destructive)35%,transparent)}}.border-destructive\/40{border-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.border-destructive\/40{border-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.border-gray-300{border-color:var(--color-gray-300)}.border-input{border-color:var(--input)}.border-primary{border-color:var(--primary)}.border-red-300{border-color:var(--color-red-300)}.border-sidebar-border{border-color:var(--sidebar-border)}.border-sky-600\/30{border-color:#0084cc4d}@supports (color:color-mix(in lab,red,red)){.border-sky-600\/30{border-color:color-mix(in oklab,var(--color-sky-600)30%,transparent)}}.border-slate-300{border-color:var(--color-slate-300)}.border-slate-400{border-color:var(--color-slate-400)}.border-slate-800{border-color:var(--color-slate-800)}.border-transparent{border-color:#0000}.border-t-transparent{border-top-color:#0000}.border-l-\[var\(--amber-brand\)\]{border-left-color:var(--amber-brand)}.border-l-transparent{border-left-color:#0000}.bg-\(--color-bg\){background-color:var(--color-bg)}.bg-\[\#1a1a19\]{background-color:#1a1a19}.bg-\[\#f2f0ec\]{background-color:#f2f0ec}.bg-\[\#f8f8f7\]{background-color:#f8f8f7}.bg-\[color-mix\(in_oklch\,var\(--brand-green\)_8\%\,transparent\)\]{background-color:var(--brand-green)}@supports (color:color-mix(in lab,red,red)){.bg-\[color-mix\(in_oklch\,var\(--brand-green\)_8\%\,transparent\)\]{background-color:color-mix(in oklch,var(--brand-green)8%,transparent)}}.bg-\[oklch\(0\.25_0\.05_250\)\]{background-color:#0d2339}.bg-\[oklch\(0\.92_0\.06_145\)\]{background-color:#cdf0cd}.bg-\[oklch\(0\.92_0\.055_145\)\]{background-color:#cfefcf}.bg-\[oklch\(0\.93_0\.05_27\)\]{background-color:#ffdfdb;background-color:oklch(93% .05 27)}.bg-\[oklch\(0\.93_0\.05_30\)\]{background-color:#ffdfd9;background-color:oklch(93% .05 30)}.bg-\[oklch\(0\.93_0\.045_155\)\]{background-color:#d1f1db}.bg-\[oklch\(0\.93_0\.055_80\)\]{background-color:#fce5bf}.bg-\[oklch\(0\.94_0\.06_75\)\]{background-color:#ffe7c8;background-color:oklch(94% .06 75)}.bg-\[oklch\(0\.95_0\.04_25\)\]{background-color:#ffe7e4;background-color:oklch(95% .04 25)}.bg-\[oklch\(0\.95_0\.045_80\)\]{background-color:#ffeccd}.bg-\[oklch\(0\.96_0\.02_80\)\]{background-color:#f9f1e3}.bg-\[oklch\(0\.97_0\.01_80\)\]{background-color:#f9f4ee}.bg-\[oklch\(0\.97_0\.02_25\)\]{background-color:#fff1f0;background-color:oklch(97% .02 25)}.bg-\[oklch\(0\.97_0\.03_80\)\]{background-color:#fff4e1;background-color:oklch(97% .03 80)}.bg-\[oklch\(0\.97_0\.03_150\)\]{background-color:#e8fbeb}.bg-\[oklch\(0\.97_0\.04_150\)\]{background-color:#e3fde7}.bg-\[oklch\(0\.97_0\.018_75\)\]{background-color:#fcf4e8}.bg-\[oklch\(0\.98_0\.006_80\)\]{background-color:#fbf8f4}.bg-\[oklch\(0\.98_0\.012_75\)\]{background-color:#fdf7f0}.bg-\[oklch\(0\.98_0\.015_85\)\]{background-color:#fdf8ed}.bg-\[oklch\(0\.955_0\.03_75\)\]{background-color:#fceedb}.bg-\[oklch\(0\.975_0\.008_85\)\]{background-color:#f9f6f1}.bg-\[oklch\(0\.975_0\.012_75\)\]{background-color:#fcf6ee}.bg-\[oklch\(0\.975_0\.025_85\)\]{background-color:#fff6e4}.bg-\[oklch\(0\.985_0\.01_85\)\]{background-color:#fdfaf3}.bg-\[oklch\(0\.985_0\.006_85\)\]{background-color:#fcfaf6}.bg-\[oklch\(0\.985_0\.008_80\)\]{background-color:#fdfaf4}.bg-\[oklch\(0\.985_0\.018_80\)\]{background-color:#fff9f0;background-color:oklch(98.5% .018 80)}.bg-\[var\(--amber-brand\)\],.bg-\[var\(--amber-brand\)\]\/5{background-color:var(--amber-brand)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--amber-brand\)\]\/5{background-color:color-mix(in oklab,var(--amber-brand)5%,transparent)}}.bg-\[var\(--amber-brand\)\]\/8{background-color:var(--amber-brand)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--amber-brand\)\]\/8{background-color:color-mix(in oklab,var(--amber-brand)8%,transparent)}}.bg-\[var\(--amber-brand\)\]\/10{background-color:var(--amber-brand)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--amber-brand\)\]\/10{background-color:color-mix(in oklab,var(--amber-brand)10%,transparent)}}.bg-\[var\(--amber-brand\)\]\/12{background-color:var(--amber-brand)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--amber-brand\)\]\/12{background-color:color-mix(in oklab,var(--amber-brand)12%,transparent)}}.bg-\[var\(--amber-brand\)\]\/15{background-color:var(--amber-brand)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--amber-brand\)\]\/15{background-color:color-mix(in oklab,var(--amber-brand)15%,transparent)}}.bg-\[var\(--brand-cream\)\]{background-color:var(--brand-cream)}.bg-\[var\(--brand-green\)\],.bg-\[var\(--brand-green\)\]\/5{background-color:var(--brand-green)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--brand-green\)\]\/5{background-color:color-mix(in oklab,var(--brand-green)5%,transparent)}}.bg-\[var\(--brand-green\)\]\/10{background-color:var(--brand-green)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--brand-green\)\]\/10{background-color:color-mix(in oklab,var(--brand-green)10%,transparent)}}.bg-\[var\(--brand-green\)\]\/12{background-color:var(--brand-green)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--brand-green\)\]\/12{background-color:color-mix(in oklab,var(--brand-green)12%,transparent)}}.bg-\[var\(--brand-terracotta\)\]\/10{background-color:var(--brand-terracotta)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--brand-terracotta\)\]\/10{background-color:color-mix(in oklab,var(--brand-terracotta)10%,transparent)}}.bg-\[var\(--brand-terracotta\)\]\/12{background-color:var(--brand-terracotta)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--brand-terracotta\)\]\/12{background-color:color-mix(in oklab,var(--brand-terracotta)12%,transparent)}}.bg-\[var\(--destructive\)\],.bg-\[var\(--destructive\)\]\/5{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--destructive\)\]\/5{background-color:color-mix(in oklab,var(--destructive)5%,transparent)}}.bg-\[var\(--destructive\)\]\/10{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--destructive\)\]\/10{background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}.bg-\[var\(--success\)\],.bg-\[var\(--success\)\]\/5{background-color:var(--success)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--success\)\]\/5{background-color:color-mix(in oklab,var(--success)5%,transparent)}}.bg-\[var\(--warning\)\]{background-color:var(--warning)}.bg-accent{background-color:var(--accent)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-100\/70{background-color:#fef3c6b3}@supports (color:color-mix(in lab,red,red)){.bg-amber-100\/70{background-color:color-mix(in oklab,var(--color-amber-100)70%,transparent)}}.bg-amber-200{background-color:var(--color-amber-200)}.bg-background,.bg-background\/50{background-color:var(--background)}@supports (color:color-mix(in lab,red,red)){.bg-background\/50{background-color:color-mix(in oklab,var(--background)50%,transparent)}}.bg-background\/60{background-color:var(--background)}@supports (color:color-mix(in lab,red,red)){.bg-background\/60{background-color:color-mix(in oklab,var(--background)60%,transparent)}}.bg-background\/65{background-color:var(--background)}@supports (color:color-mix(in lab,red,red)){.bg-background\/65{background-color:color-mix(in oklab,var(--background)65%,transparent)}}.bg-background\/92{background-color:var(--background)}@supports (color:color-mix(in lab,red,red)){.bg-background\/92{background-color:color-mix(in oklab,var(--background)92%,transparent)}}.bg-background\/95{background-color:var(--background)}@supports (color:color-mix(in lab,red,red)){.bg-background\/95{background-color:color-mix(in oklab,var(--background)95%,transparent)}}.bg-black{background-color:var(--color-black)}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-black\/55{background-color:#0000008c}@supports (color:color-mix(in lab,red,red)){.bg-black\/55{background-color:color-mix(in oklab,var(--color-black)55%,transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-border{background-color:var(--border)}.bg-card{background-color:var(--card)}.bg-destructive,.bg-destructive\/5{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.bg-destructive\/5{background-color:color-mix(in oklab,var(--destructive)5%,transparent)}}.bg-destructive\/10{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.bg-destructive\/10{background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}.bg-foreground{background-color:var(--foreground)}.bg-input{background-color:var(--input)}.bg-muted,.bg-muted\/15{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/15{background-color:color-mix(in oklab,var(--muted)15%,transparent)}}.bg-muted\/20{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/20{background-color:color-mix(in oklab,var(--muted)20%,transparent)}}.bg-muted\/25{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/25{background-color:color-mix(in oklab,var(--muted)25%,transparent)}}.bg-muted\/30{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/30{background-color:color-mix(in oklab,var(--muted)30%,transparent)}}.bg-muted\/35{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/35{background-color:color-mix(in oklab,var(--muted)35%,transparent)}}.bg-muted\/40{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/40{background-color:color-mix(in oklab,var(--muted)40%,transparent)}}.bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/50{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.bg-muted\/55{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/55{background-color:color-mix(in oklab,var(--muted)55%,transparent)}}.bg-muted\/60{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/60{background-color:color-mix(in oklab,var(--muted)60%,transparent)}}.bg-muted\/70{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/70{background-color:color-mix(in oklab,var(--muted)70%,transparent)}}.bg-popover{background-color:var(--popover)}.bg-primary,.bg-primary\/10{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/10{background-color:color-mix(in oklab,var(--primary)10%,transparent)}}.bg-primary\/20{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/20{background-color:color-mix(in oklab,var(--primary)20%,transparent)}}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-secondary,.bg-secondary\/55{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.bg-secondary\/55{background-color:color-mix(in oklab,var(--secondary)55%,transparent)}}.bg-sidebar{background-color:var(--sidebar)}.bg-sidebar-accent{background-color:var(--sidebar-accent)}.bg-sidebar-border{background-color:var(--sidebar-border)}.bg-sky-600\/10{background-color:#0084cc1a}@supports (color:color-mix(in lab,red,red)){.bg-sky-600\/10{background-color:color-mix(in oklab,var(--color-sky-600)10%,transparent)}}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[linear-gradient\(100deg\,oklch\(0\.97_0\.018_85\)\,var\(--card\)\)\]{background-image:linear-gradient(100deg,oklch(97% .018 85),var(--card))}.bg-\[linear-gradient\(100deg\,oklch\(0\.98_0\.012_75\)\,var\(--card\)\)\]{background-image:linear-gradient(100deg,oklch(98% .012 75),var(--card))}.bg-\[linear-gradient\(100deg\,oklch\(0\.975_0\.014_85\)\,var\(--card\)\)\]{background-image:linear-gradient(100deg,oklch(97.5% .014 85),var(--card))}.from-slate-50{--tw-gradient-from:var(--color-slate-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-slate-100{--tw-gradient-to:var(--color-slate-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.fill-current{fill:currentColor}.fill-foreground{fill:var(--foreground)}.fill-primary{fill:var(--primary)}.object-contain{object-fit:contain}.\!p-0{padding:calc(var(--spacing)*0)!important}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-3\.5{padding:calc(var(--spacing)*3.5)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-\[3px\]{padding:3px}.p-px{padding:1px}.px-\(--cell-size\){padding-inline:var(--cell-size)}.px-0{padding-inline:calc(var(--spacing)*0)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-3\.5{padding-inline:calc(var(--spacing)*3.5)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-7{padding-inline:calc(var(--spacing)*7)}.py-0\.5{padding-block: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)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-3\.5{padding-block:calc(var(--spacing)*3.5)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.py-9{padding-block:calc(var(--spacing)*9)}.py-10{padding-block:calc(var(--spacing)*10)}.py-12{padding-block:calc(var(--spacing)*12)}.py-14{padding-block:calc(var(--spacing)*14)}.py-16{padding-block:calc(var(--spacing)*16)}.py-24{padding-block:calc(var(--spacing)*24)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-0\.5{padding-top:calc(var(--spacing)*.5)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-1\.5{padding-top:calc(var(--spacing)*1.5)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-2\.5{padding-top:calc(var(--spacing)*2.5)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-8{padding-top:calc(var(--spacing)*8)}.pt-12{padding-top:calc(var(--spacing)*12)}.pr-1{padding-right:calc(var(--spacing)*1)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-2\.5{padding-right:calc(var(--spacing)*2.5)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-6{padding-right:calc(var(--spacing)*6)}.pr-8{padding-right:calc(var(--spacing)*8)}.pr-12{padding-right:calc(var(--spacing)*12)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-2\.5{padding-bottom:calc(var(--spacing)*2.5)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-5{padding-bottom:calc(var(--spacing)*5)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pb-\[max\(1\.5rem\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-8{padding-left:calc(var(--spacing)*8)}.pl-9{padding-left:calc(var(--spacing)*9)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.font-sans{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-sm\/relaxed{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\!text-\[9\.5px\]{font-size:9.5px!important}.\!text-\[10\.5px\]{font-size:10.5px!important}.\!text-\[10px\]{font-size:10px!important}.text-\[0\.8rem\]{font-size:.8rem}.text-\[1\.1rem\]{font-size:1.1rem}.text-\[1\.05rem\]{font-size:1.05rem}.text-\[1\.18rem\]{font-size:1.18rem}.text-\[9\.5px\]{font-size:9.5px}.text-\[9px\]{font-size:9px}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[19px\]{font-size:19px}.text-\[24px\]{font-size:24px}.text-\[27px\]{font-size:27px}.leading-3{--tw-leading:calc(var(--spacing)*3);line-height:calc(var(--spacing)*3)}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.leading-5{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5)}.leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.leading-\[0\.875rem\]{--tw-leading:.875rem;line-height:.875rem}.leading-\[26px\]{--tw-leading:26px;line-height:26px}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.01em\]{--tw-tracking:-.01em;letter-spacing:-.01em}.tracking-\[-0\.44px\]{--tw-tracking:-.44px;letter-spacing:-.44px}.tracking-\[-0\.154px\]{--tw-tracking:-.154px;letter-spacing:-.154px}.tracking-\[0\.01em\]{--tw-tracking:.01em;letter-spacing:.01em}.tracking-\[0\.1em\]{--tw-tracking:.1em;letter-spacing:.1em}.tracking-\[0\.04em\]{--tw-tracking:.04em;letter-spacing:.04em}.tracking-\[0\.06em\]{--tw-tracking:.06em;letter-spacing:.06em}.tracking-\[0\.07em\]{--tw-tracking:.07em;letter-spacing:.07em}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-\[0\.11em\]{--tw-tracking:.11em;letter-spacing:.11em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.13em\]{--tw-tracking:.13em;letter-spacing:.13em}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-\[0\.025em\]{--tw-tracking:.025em;letter-spacing:.025em}.tracking-\[0\.035em\]{--tw-tracking:.035em;letter-spacing:.035em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-break-spaces{white-space:break-spaces}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#9a5f0e\]{color:#9a5f0e}.text-\[\#34322d\]{color:#34322d}.text-\[\#858481\]{color:#858481}.text-\[\#b45309\]{color:#b45309}.text-\[\#d92626\]{color:#d92626}.text-\[oklch\(0\.2_0\.03_250\)\]{color:#0b1723}.text-\[oklch\(0\.4_0\.09_155\)\]{color:#115531}.text-\[oklch\(0\.25_0\.04_250\)\]{color:#122334}.text-\[oklch\(0\.25_0\.05_250\)\]{color:#0d2339}.text-\[oklch\(0\.32_0\.05_250\)\]{color:#1e354b}.text-\[oklch\(0\.32_0\.045_250\)\]{color:#213549}.text-\[oklch\(0\.35_0\.03_250\)\]{color:#2f3c4a}.text-\[oklch\(0\.35_0\.09_155\)\]{color:#004725;color:oklch(35% .09 155)}.text-\[oklch\(0\.35_0\.10_145\)\]{color:#0c4714}.text-\[oklch\(0\.38_0\.10_145\)\]{color:#17501d}.text-\[oklch\(0\.42_0\.1_80\)\]{color:#664700;color:oklch(42% .1 80)}.text-\[oklch\(0\.43_0\.10_80\)\]{color:#694900;color:oklch(43% .1 80)}.text-\[oklch\(0\.43_0\.12_30\)\]{color:#853025}.text-\[oklch\(0\.45_0\.1_25\)\]{color:#843c38}.text-\[oklch\(0\.45_0\.08_60\)\]{color:#754a23}.text-\[oklch\(0\.45_0\.09_80\)\]{color:#6f4f07}.text-\[oklch\(0\.45_0\.14_25\)\]{color:#932b2a}.text-\[oklch\(0\.99_0\.005_90\)\]{color:#fdfcf8}.text-\[oklch\(0\.245_0\.055_250\)\]{color:#082239}.text-\[var\(--amber-brand\)\]{color:var(--amber-brand)}.text-\[var\(--brand-green\)\]{color:var(--brand-green)}.text-\[var\(--brand-terracotta\)\]{color:var(--brand-terracotta)}.text-\[var\(--destructive\)\]{color:var(--destructive)}.text-\[var\(--ink\)\]{color:var(--ink)}.text-\[var\(--muted-foreground\)\]{color:var(--muted-foreground)}.text-\[var\(--success\)\]{color:var(--success)}.text-\[var\(--warning\)\]{color:var(--warning)}.text-accent-foreground{color:var(--accent-foreground)}.text-amber-800{color:var(--color-amber-800)}.text-amber-900{color:var(--color-amber-900)}.text-amber-950{color:var(--color-amber-950)}.text-background{color:var(--background)}.text-black{color:var(--color-black)}.text-card-foreground{color:var(--card-foreground)}.text-current{color:currentColor}.text-destructive{color:var(--destructive)}.text-destructive-foreground{color:var(--destructive-foreground)}.text-emerald-800{color:var(--color-emerald-800)}.text-foreground{color:var(--foreground)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-muted-foreground,.text-muted-foreground\/45{color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.text-muted-foreground\/45{color:color-mix(in oklab,var(--muted-foreground)45%,transparent)}}.text-muted-foreground\/80{color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.text-muted-foreground\/80{color:color-mix(in oklab,var(--muted-foreground)80%,transparent)}}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-red-500{color:var(--color-red-500)}.text-red-900{color:var(--color-red-900)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-sidebar{color:var(--sidebar)}.text-sidebar-foreground,.text-sidebar-foreground\/40{color:var(--sidebar-foreground)}@supports (color:color-mix(in lab,red,red)){.text-sidebar-foreground\/40{color:color-mix(in oklab,var(--sidebar-foreground)40%,transparent)}}.text-sidebar-foreground\/50{color:var(--sidebar-foreground)}@supports (color:color-mix(in lab,red,red)){.text-sidebar-foreground\/50{color:color-mix(in oklab,var(--sidebar-foreground)50%,transparent)}}.text-sidebar-foreground\/65{color:var(--sidebar-foreground)}@supports (color:color-mix(in lab,red,red)){.text-sidebar-foreground\/65{color:color-mix(in oklab,var(--sidebar-foreground)65%,transparent)}}.text-sidebar-foreground\/70{color:var(--sidebar-foreground)}@supports (color:color-mix(in lab,red,red)){.text-sidebar-foreground\/70{color:color-mix(in oklab,var(--sidebar-foreground)70%,transparent)}}.text-sky-700{color:var(--color-sky-700)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-900{color:var(--color-slate-900)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.accent-\[var\(--amber-brand\)\]{accent-color:var(--amber-brand)}.accent-\[var\(--success\)\]{accent-color:var(--success)}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-45{opacity:.45}.opacity-50{opacity:.5}.opacity-65{opacity:.65}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-border)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_0_3px_oklch\(0\.9_0\.06_150\)\]{--tw-shadow:0 0 0 3px var(--tw-shadow-color,oklch(90% .06 150));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_1px_0_rgba\(15\,23\,42\,0\.04\)\]{--tw-shadow:0 1px 0 var(--tw-shadow-color,#0f172a0a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_1px_2px_rgba\(16\,24\,40\,0\.04\)\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#1018280a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_3px_10px_rgba\(0\,0\,0\,0\.04\)\]{--tw-shadow:0 3px 10px var(--tw-shadow-color,#0000000a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_8px_30px_rgba\(20\,30\,45\,0\.06\)\]{--tw-shadow:0 8px 30px var(--tw-shadow-color,#141e2d0f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_4px_11px_0px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0px 4px 11px 0px var(--tw-shadow-color,#00000014);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_0_0_0_1px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,#00000026);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-\[var\(--ink\)\]\/25{--tw-ring-color:var(--ink)}@supports (color:color-mix(in lab,red,red)){.ring-\[var\(--ink\)\]\/25{--tw-ring-color:color-mix(in oklab,var(--ink)25%,transparent)}}.ring-ring\/50{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.ring-ring\/50{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.ring-sidebar-ring{--tw-ring-color:var(--sidebar-ring)}.ring-offset-1{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.invert{--tw-invert:invert(100%);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,)}.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,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-2xl{--tw-backdrop-blur:blur(var(--blur-2xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-\[1px\]{--tw-backdrop-blur:blur(1px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[left\,right\,width\]{transition-property:left,right,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[margin\,opacity\]{transition-property:margin,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.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-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;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))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-1000{--tw-duration:1s;transition-duration:1s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.fade-in-0{--tw-enter-opacity:0}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.zoom-in-95{--tw-enter-scale:.95}.\[--cell-size\:--spacing\(8\)\]{--cell-size:calc(var(--spacing)*8)}.group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *){opacity:1}@media (hover:hover){.group-hover\:translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:-translate-y-0\.5:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:border-\[var\(--amber-brand\)\]:is(:where(.group):hover *){border-color:var(--amber-brand)}.group-hover\:opacity-90:is(:where(.group):hover *){opacity:.9}.group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *){opacity:1}}.group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar=menu-action]) *){padding-right:calc(var(--spacing)*8)}.group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance:is(:where(.group\/field):has([data-orientation=horizontal]) *){text-wrap:balance}.group-has-\[\[data-slot\=item-description\]\]\/item\:translate-y-0\.5:is(:where(.group\/item):has([data-slot=item-description]) *){--tw-translate-y:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-has-\[\[data-slot\=item-description\]\]\/item\:self-start:is(:where(.group\/item):has([data-slot=item-description]) *){align-self:flex-start}.group-has-\[\>input\]\/input-group\:pt-2\.5:is(:where(.group\/input-group):has(>input) *){padding-top:calc(var(--spacing)*2.5)}.group-has-\[\>input\]\/input-group\:pb-2\.5:is(:where(.group\/input-group):has(>input) *){padding-bottom:calc(var(--spacing)*2.5)}.group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible=icon] *){margin-top:calc(var(--spacing)*-8)}.group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *){display:none}.group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--spacing)*8)!important;height:calc(var(--spacing)*8)!important}.group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible=icon] *){width:var(--sidebar-width-icon)}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing)*4)))}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing)*4)) + 2px)}.group-data-\[collapsible\=icon\]\:justify-center:is(:where(.group)[data-collapsible=icon] *){justify-content:center}.group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *){overflow:hidden}.group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing)*0)!important}.group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing)*2)!important}.group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *){opacity:0}.group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){right:calc(var(--sidebar-width)*-1)}.group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){left:calc(var(--sidebar-width)*-1)}.group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible=offcanvas] *){width:calc(var(--spacing)*0)}.group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *){--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *),.group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled=true] *),.group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled=true] *){opacity:.5}.group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused=true] *){position:relative}.group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused=true] *){z-index:10}.group-data-\[focused\=true\]\/day\:border-ring:is(:where(.group\/day)[data-focused=true] *){border-color:var(--ring)}.group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused=true] *){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused=true] *){--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused=true] *){--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side=left] *){right:calc(var(--spacing)*-4)}.group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side=left] *){border-right-style:var(--tw-border-style);border-right-width:1px}.group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side=right] *){left:calc(var(--spacing)*0)}.group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side=right] *){rotate:180deg}.group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side=right] *){border-left-style:var(--tw-border-style);border-left-width:1px}.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *){rotate:180deg}.group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant=floating] *){border-radius:var(--radius)}.group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant=floating] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[variant\=floating\]\:border-sidebar-border:is(:where(.group)[data-variant=floating] *){border-color:var(--sidebar-border)}.group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant=floating] *){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant=outline] *){margin-bottom:calc(var(--spacing)*-2)}.group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *){display:block}.group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *),.group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=top] *){text-align:center}.group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport=false] *){top:100%}.group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5:is(:where(.group\/navigation-menu)[data-viewport=false] *){margin-top:calc(var(--spacing)*1.5)}.group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport=false] *){overflow:hidden}.group-data-\[viewport\=false\]\/navigation-menu\:rounded-md:is(:where(.group\/navigation-menu)[data-viewport=false] *){border-radius:calc(var(--radius) - 2px)}.group-data-\[viewport\=false\]\/navigation-menu\:border:is(:where(.group\/navigation-menu)[data-viewport=false] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[viewport\=false\]\/navigation-menu\:bg-popover:is(:where(.group\/navigation-menu)[data-viewport=false] *){background-color:var(--popover)}.group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground:is(:where(.group\/navigation-menu)[data-viewport=false] *){color:var(--popover-foreground)}.group-data-\[viewport\=false\]\/navigation-menu\:shadow:is(:where(.group\/navigation-menu)[data-viewport=false] *){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-data-\[viewport\=false\]\/navigation-menu\:duration-200:is(:where(.group\/navigation-menu)[data-viewport=false] *){--tw-duration:.2s;transition-duration:.2s}@media (hover:hover){.peer-hover\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button):hover~*){color:var(--sidebar-accent-foreground)}}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button)[data-active=true]~*){color:var(--sidebar-accent-foreground)}.peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size=default]~*){top:calc(var(--spacing)*1.5)}.peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size=lg]~*){top:calc(var(--spacing)*2.5)}.peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size=sm]~*){top:calc(var(--spacing)*1)}.selection\:bg-primary ::selection{background-color:var(--primary)}.selection\:bg-primary::selection{background-color:var(--primary)}.selection\:text-primary-foreground ::selection{color:var(--primary-foreground)}.selection\:text-primary-foreground::selection{color:var(--primary-foreground)}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:calc(var(--spacing)*7)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing)*-2)}.after\:inset-y-0:after{content:var(--tw-content);inset-block:calc(var(--spacing)*0)}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-1:after{content:var(--tw-content);width:calc(var(--spacing)*1)}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after{content:var(--tw-content);left:100%}.first\:rounded-l-md:first-child{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.first\:border-l:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.first\:pt-0:first-child{padding-top:calc(var(--spacing)*0)}.last\:mt-0:last-child{margin-top:calc(var(--spacing)*0)}.last\:rounded-r-md:last-child{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.last\:pb-0:last-child{padding-bottom:calc(var(--spacing)*0)}.even\:bg-slate-50\/60:nth-child(2n){background-color:#f8fafc99}@supports (color:color-mix(in lab,red,red)){.even\:bg-slate-50\/60:nth-child(2n){background-color:color-mix(in oklab,var(--color-slate-50)60%,transparent)}}.focus-within\:border-\[var\(--amber-brand\)\]:focus-within{border-color:var(--amber-brand)}@media (hover:hover){.hover\:border-\[var\(--amber-brand\)\]:hover{border-color:var(--amber-brand)}.hover\:border-\[var\(--brand-green\)\]:hover,.hover\:border-\[var\(--brand-green\)\]\/60:hover{border-color:var(--brand-green)}@supports (color:color-mix(in lab,red,red)){.hover\:border-\[var\(--brand-green\)\]\/60:hover{border-color:color-mix(in oklab,var(--brand-green)60%,transparent)}}.hover\:bg-\[\#1a1a19\]\/90:hover{background-color:#1a1a19e6}.hover\:bg-\[oklch\(0\.64_0\.14_72\)\]:hover{background-color:#be7c00;background-color:oklch(64% .14 72)}.hover\:bg-\[oklch\(0\.93_0\.05_27\)\]:hover{background-color:#ffdfdb;background-color:oklch(93% .05 27)}.hover\:bg-\[oklch\(0\.95_0\.028_75\)\]:hover{background-color:#faecda}.hover\:bg-\[oklch\(0\.96_0\.03_80\)\]:hover{background-color:#fdf0dc}.hover\:bg-\[oklch\(0\.945_0\.012_85\)\]:hover{background-color:#f0ece4}.hover\:bg-\[oklch\(0\.985_0\.008_80\)\]:hover{background-color:#fdfaf4}.hover\:bg-\[var\(--amber-brand\)\]\/10:hover{background-color:var(--amber-brand)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[var\(--amber-brand\)\]\/10:hover{background-color:color-mix(in oklab,var(--amber-brand)10%,transparent)}}.hover\:bg-\[var\(--amber-brand\)\]\/20:hover{background-color:var(--amber-brand)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[var\(--amber-brand\)\]\/20:hover{background-color:color-mix(in oklab,var(--amber-brand)20%,transparent)}}.hover\:bg-\[var\(--amber-brand\)\]\/90:hover{background-color:var(--amber-brand)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[var\(--amber-brand\)\]\/90:hover{background-color:color-mix(in oklab,var(--amber-brand)90%,transparent)}}.hover\:bg-\[var\(--brand-green\)\]\/15:hover{background-color:var(--brand-green)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[var\(--brand-green\)\]\/15:hover{background-color:color-mix(in oklab,var(--brand-green)15%,transparent)}}.hover\:bg-\[var\(--brand-green\)\]\/90:hover{background-color:var(--brand-green)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[var\(--brand-green\)\]\/90:hover{background-color:color-mix(in oklab,var(--brand-green)90%,transparent)}}.hover\:bg-\[var\(--destructive\)\]\/8:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[var\(--destructive\)\]\/8:hover{background-color:color-mix(in oklab,var(--destructive)8%,transparent)}}.hover\:bg-\[var\(--destructive\)\]\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[var\(--destructive\)\]\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}.hover\:bg-accent:hover,.hover\:bg-accent\/50:hover{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-accent\/50:hover{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-destructive\/10:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/10:hover{background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}.hover\:bg-muted:hover,.hover\:bg-muted\/25:hover{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-muted\/25:hover{background-color:color-mix(in oklab,var(--muted)25%,transparent)}}.hover\:bg-muted\/45:hover{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-muted\/45:hover{background-color:color-mix(in oklab,var(--muted)45%,transparent)}}.hover\:bg-muted\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.hover\:bg-primary\/20:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/20:hover{background-color:color-mix(in oklab,var(--primary)20%,transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary)80%,transparent)}}.hover\:bg-sidebar-accent:hover,.hover\:bg-sidebar-accent\/50:hover{background-color:var(--sidebar-accent)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-sidebar-accent\/50:hover{background-color:color-mix(in oklab,var(--sidebar-accent)50%,transparent)}}.hover\:text-\[var\(--amber-brand\)\]:hover{color:var(--amber-brand)}.hover\:text-\[var\(--brand-green\)\]:hover{color:var(--brand-green)}.hover\:text-\[var\(--destructive\)\]:hover{color:var(--destructive)}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:text-amber-700:hover{color:var(--color-amber-700)}.hover\:text-destructive:hover{color:var(--destructive)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-muted-foreground:hover{color:var(--muted-foreground)}.hover\:text-sidebar-accent-foreground:hover{color:var(--sidebar-accent-foreground)}.hover\:text-sidebar-foreground:hover{color:var(--sidebar-foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-accent)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:brightness-95:hover{--tw-brightness:brightness(95%);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,)}.hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar:hover:is(:where(.group)[data-collapsible=offcanvas] *){background-color:var(--sidebar)}.hover\:after\:bg-sidebar-border:hover:after{content:var(--tw-content);background-color:var(--sidebar-border)}}.focus\:z-10:focus{z-index:10}.focus\:border-\[var\(--amber-brand\)\]:focus{border-color:var(--amber-brand)}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\:text-destructive:focus{color:var(--destructive)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:border-\[var\(--amber-brand\)\]:focus-visible{border-color:var(--amber-brand)}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[var\(--amber-brand\)\]:focus-visible,.focus-visible\:ring-\[var\(--amber-brand\)\]\/50:focus-visible{--tw-ring-color:var(--amber-brand)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-\[var\(--amber-brand\)\]\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--amber-brand)50%,transparent)}}.focus-visible\:ring-\[var\(--brand-green\)\]\/45:focus-visible{--tw-ring-color:var(--brand-green)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-\[var\(--brand-green\)\]\/45:focus-visible{--tw-ring-color:color-mix(in oklab,var(--brand-green)45%,transparent)}}.focus-visible\:ring-amber-700:focus-visible{--tw-ring-color:var(--color-amber-700)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.focus-visible\:ring-ring:focus-visible,.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-ring:focus-visible{outline-color:var(--ring)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-inset:focus-visible{--tw-ring-inset:inset}.active\:scale-\[0\.97\]:active{scale:.97}.active\:scale-\[0\.98\]:active{scale:.98}.active\:bg-sidebar-accent:active{background-color:var(--sidebar-accent)}.active\:text-sidebar-accent-foreground:active{color:var(--sidebar-accent-foreground)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:cursor-wait:disabled{cursor:wait}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:opacity-65:disabled{opacity:.65}:where([data-side=left]) .in-data-\[side\=left\]\:cursor-w-resize{cursor:w-resize}:where([data-side=right]) .in-data-\[side\=right\]\:cursor-e-resize{cursor:e-resize}.has-focus\:border-ring:has(:focus){border-color:var(--ring)}.has-focus\:ring-\[3px\]:has(:focus){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.has-focus\:ring-ring\/50:has(:focus){--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.has-focus\:ring-ring\/50:has(:focus){--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.has-disabled\:opacity-50:has(:disabled){opacity:.5}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-data-\[state\=checked\]\:border-primary:has([data-state=checked]){border-color:var(--primary)}.has-data-\[state\=checked\]\:bg-primary\/5:has([data-state=checked]){background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.has-data-\[state\=checked\]\:bg-primary\/5:has([data-state=checked]){background-color:color-mix(in oklab,var(--primary)5%,transparent)}}.has-data-\[variant\=inset\]\:bg-sidebar:has([data-variant=inset]){background-color:var(--sidebar)}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring:has([data-slot=input-group-control]:focus-visible){border-color:var(--ring)}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[3px\]:has([data-slot=input-group-control]:focus-visible){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot=input-group-control]:focus-visible){--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot=input-group-control]:focus-visible){--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has([data-slot][aria-invalid=true]){border-color:var(--destructive)}.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]){--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]){--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.has-\[\>\[data-align\=block-end\]\]\:h-auto:has(>[data-align=block-end]){height:auto}.has-\[\>\[data-align\=block-end\]\]\:flex-col:has(>[data-align=block-end]){flex-direction:column}.has-\[\>\[data-align\=block-start\]\]\:h-auto:has(>[data-align=block-start]){height:auto}.has-\[\>\[data-align\=block-start\]\]\:flex-col:has(>[data-align=block-start]){flex-direction:column}.has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(>[data-slot=button-group]){gap:calc(var(--spacing)*2)}.has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has(>[data-slot=checkbox-group]){gap:calc(var(--spacing)*3)}.has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){align-items:flex-start}.has-\[\>\[data-slot\=field\]\]\:w-full:has(>[data-slot=field]){width:100%}.has-\[\>\[data-slot\=field\]\]\:flex-col:has(>[data-slot=field]){flex-direction:column}.has-\[\>\[data-slot\=field\]\]\:rounded-md:has(>[data-slot=field]){border-radius:calc(var(--radius) - 2px)}.has-\[\>\[data-slot\=field\]\]\:border:has(>[data-slot=field]){border-style:var(--tw-border-style);border-width:1px}.has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has(>[data-slot=radio-group]){gap:calc(var(--spacing)*3)}.has-\[\>button\]\:mr-\[-0\.45rem\]:has(>button){margin-right:-.45rem}.has-\[\>button\]\:ml-\[-0\.45rem\]:has(>button){margin-left:-.45rem}.has-\[\>kbd\]\:mr-\[-0\.35rem\]:has(>kbd){margin-right:-.35rem}.has-\[\>kbd\]\:ml-\[-0\.35rem\]:has(>kbd){margin-left:-.35rem}.has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has(>svg){grid-template-columns:calc(var(--spacing)*4)1fr}.has-\[\>svg\]\:gap-x-3:has(>svg){column-gap:calc(var(--spacing)*3)}.has-\[\>svg\]\:p-0:has(>svg){padding:calc(var(--spacing)*0)}.has-\[\>svg\]\:px-2:has(>svg){padding-inline:calc(var(--spacing)*2)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing)*2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing)*3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing)*4)}.has-\[\>textarea\]\:h-auto:has(>textarea){height:auto}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.aria-selected\:text-muted-foreground[aria-selected=true]{color:var(--muted-foreground)}.data-\[active\=true\]\:z-10[data-active=true]{z-index:10}.data-\[active\=true\]\:border-ring[data-active=true]{border-color:var(--ring)}.data-\[active\=true\]\:bg-accent\/50[data-active=true]{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.data-\[active\=true\]\:bg-accent\/50[data-active=true]{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.data-\[active\=true\]\:bg-sidebar-accent[data-active=true]{background-color:var(--sidebar-accent)}.data-\[active\=true\]\:font-medium[data-active=true]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-\[active\=true\]\:text-accent-foreground[data-active=true]{color:var(--accent-foreground)}.data-\[active\=true\]\:text-sidebar-accent-foreground[data-active=true]{color:var(--sidebar-accent-foreground)}.data-\[active\=true\]\:ring-\[3px\][data-active=true]{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[active\=true\]\:ring-ring\/50[data-active=true]{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.data-\[active\=true\]\:ring-ring\/50[data-active=true]{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}@media (hover:hover){.data-\[active\=true\]\:hover\:bg-accent[data-active=true]:hover{background-color:var(--accent)}}.data-\[active\=true\]\:focus\:bg-accent[data-active=true]:focus{background-color:var(--accent)}.data-\[active\=true\]\:aria-invalid\:border-destructive[data-active=true][aria-invalid=true]{border-color:var(--destructive)}.data-\[active\=true\]\:aria-invalid\:ring-destructive\/20[data-active=true][aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.data-\[active\=true\]\:aria-invalid\:ring-destructive\/20[data-active=true][aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[error\=true\]\:text-destructive[data-error=true]{color:var(--destructive)}.data-\[inset\]\:pl-8[data-inset]{padding-left:calc(var(--spacing)*8)}.data-\[invalid\=true\]\:text-destructive[data-invalid=true]{color:var(--destructive)}.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{--tw-enter-translate-x:calc(52*var(--spacing))}.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{--tw-enter-translate-x:calc(52*var(--spacing)*-1)}.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{--tw-exit-translate-x:calc(52*var(--spacing))}.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{--tw-exit-translate-x:calc(52*var(--spacing)*-1)}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{--tw-enter-opacity:0}.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-]{--tw-exit-opacity:0}.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal]{height:calc(var(--spacing)*1.5)}.data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal]{height:100%}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-auto[data-orientation=vertical]{height:auto}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical]{min-height:calc(var(--spacing)*44)}.data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{width:calc(var(--spacing)*1.5)}.data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{width:auto}.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{width:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction=vertical]{height:1px}.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction=vertical]{width:100%}.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical]{flex-direction:column}.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);left:calc(var(--spacing)*0)}.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after{content:var(--tw-content);height:calc(var(--spacing)*1)}.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after{content:var(--tw-content);width:100%}.data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after{content:var(--tw-content);--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:var(--muted-foreground)}.data-\[range-end\=true\]\:rounded-md[data-range-end=true]{border-radius:calc(var(--radius) - 2px)}.data-\[range-end\=true\]\:rounded-r-md[data-range-end=true]{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.data-\[range-end\=true\]\:bg-primary[data-range-end=true]{background-color:var(--primary)}.data-\[range-end\=true\]\:text-primary-foreground[data-range-end=true]{color:var(--primary-foreground)}.data-\[range-middle\=true\]\:rounded-none[data-range-middle=true]{border-radius:0}.data-\[range-middle\=true\]\:bg-accent[data-range-middle=true]{background-color:var(--accent)}.data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle=true]{color:var(--accent-foreground)}.data-\[range-start\=true\]\:rounded-md[data-range-start=true]{border-radius:calc(var(--radius) - 2px)}.data-\[range-start\=true\]\:rounded-l-md[data-range-start=true]{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.data-\[range-start\=true\]\:bg-primary[data-range-start=true]{background-color:var(--primary)}.data-\[range-start\=true\]\:text-primary-foreground[data-range-start=true]{color:var(--primary-foreground)}.data-\[selected-single\=true\]\:bg-primary[data-selected-single=true]{background-color:var(--primary)}.data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single=true]{color:var(--primary-foreground)}.data-\[selected\=true\]\:rounded-none[data-selected=true]{border-radius:0}.data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:var(--accent)}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:var(--accent-foreground)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[size\=default\]\:h-9[data-size=default]{height:calc(var(--spacing)*9)}.data-\[size\=sm\]\:h-8[data-size=sm]{height:calc(var(--spacing)*8)}:is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description]{color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){:is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description]{color:color-mix(in oklab,var(--destructive)90%,transparent)}}.data-\[slot\=checkbox-group\]\:gap-3[data-slot=checkbox-group]{gap:calc(var(--spacing)*3)}:is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 *)[data-slot=command-input-wrapper]{height:calc(var(--spacing)*12)}:is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot=navigation-menu-link]:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot=navigation-menu-link]:focus{--tw-outline-style:none;outline-style:none}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value]{gap:calc(var(--spacing)*2)}.data-\[state\=active\]\:bg-\[var\(--amber-brand\)\][data-state=active]{background-color:var(--amber-brand)}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:var(--background)}.data-\[state\=active\]\:text-\[oklch\(0\.99_0\.005_90\)\][data-state=active]{color:#fdfcf8}.data-\[state\=active\]\:shadow-none[data-state=active]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[state\=active\]\:shadow-sm[data-state=active]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state=checked]{--tw-translate-x: calc(100% - 2px) ;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=checked\]\:border-primary[data-state=checked]{border-color:var(--primary)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:var(--primary-foreground)}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:fade-out-0:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed]{--tw-exit-opacity:0}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:zoom-out-95:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=hidden\]\:animate-out[data-state=hidden]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=hidden\]\:fade-out[data-state=hidden]{--tw-exit-opacity:0}.data-\[state\=on\]\:bg-accent[data-state=on]{background-color:var(--accent)}.data-\[state\=on\]\:text-accent-foreground[data-state=on]{color:var(--accent-foreground)}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-accent[data-state=open],.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:var(--secondary)}.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:var(--accent-foreground)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-90[data-state=open]{--tw-enter-scale:.9}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open]{--tw-enter-opacity:0}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open]{--tw-enter-scale:.95}@media (hover:hover){.data-\[state\=open\]\:hover\:bg-accent[data-state=open]:hover{background-color:var(--accent)}.data-\[state\=open\]\:hover\:bg-sidebar-accent[data-state=open]:hover{background-color:var(--sidebar-accent)}.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground[data-state=open]:hover{color:var(--sidebar-accent-foreground)}}.data-\[state\=open\]\:focus\:bg-accent[data-state=open]:focus{background-color:var(--accent)}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:var(--muted)}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:var(--input)}.data-\[state\=visible\]\:animate-in[data-state=visible]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=visible\]\:fade-in[data-state=visible]{--tw-enter-opacity:0}.data-\[variant\=destructive\]\:text-destructive[data-variant=destructive]{color:var(--destructive)}.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}.data-\[variant\=destructive\]\:focus\:text-destructive[data-variant=destructive]:focus{color:var(--destructive)}.data-\[variant\=label\]\:text-sm[data-variant=label]{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.data-\[variant\=legend\]\:text-base[data-variant=legend]{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.data-\[variant\=outline\]\:border-l-0[data-variant=outline]{border-left-style:var(--tw-border-style);border-left-width:0}.data-\[variant\=outline\]\:shadow-xs[data-variant=outline]{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[variant\=outline\]\:first\:border-l[data-variant=outline]:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction=bottom]{inset-inline:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction=bottom]{bottom:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction=bottom]{margin-top:calc(var(--spacing)*24)}.data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction=bottom]{max-height:80vh}.data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction=bottom]{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction=bottom]{border-top-style:var(--tw-border-style);border-top-width:1px}.data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction=left]{inset-block:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction=left]{left:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction=left]{width:75%}.data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction=left]{border-right-style:var(--tw-border-style);border-right-width:1px}.data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction=right]{inset-block:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction=right]{right:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction=right]{width:75%}.data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction=right]{border-left-style:var(--tw-border-style);border-left-width:1px}.data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction=top]{inset-inline:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction=top]{top:calc(var(--spacing)*0)}.data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction=top]{margin-bottom:calc(var(--spacing)*24)}.data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction=top]{max-height:80vh}.data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction=top]{border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius)}.data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction=top]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.nth-last-2\:-mt-1:nth-last-child(2){margin-top:calc(var(--spacing)*-1)}@supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))){.supports-\[backdrop-filter\]\:backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}}@media (min-width:40rem){.sm\:right-6{right:calc(var(--spacing)*6)}.sm\:left-auto{left:auto}.sm\:col-auto{grid-column:auto}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:mx-0{margin-inline:calc(var(--spacing)*0)}.sm\:mt-0{margin-top:calc(var(--spacing)*0)}.sm\:mt-1{margin-top:calc(var(--spacing)*1)}.sm\:mr-0\.5{margin-right:calc(var(--spacing)*.5)}.sm\:ml-auto{margin-left:auto}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:inline-flex{display:inline-flex}.sm\:table-cell{display:table-cell}.sm\:size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.sm\:\!h-\[100dvh\]{height:100dvh!important}.sm\:\!h-\[calc\(100vh-2rem\)\]{height:calc(100vh - 2rem)!important}.sm\:h-8{height:calc(var(--spacing)*8)}.sm\:h-\[285px\]{height:285px}.sm\:h-\[calc\(100vh-2rem\)\]{height:calc(100vh - 2rem)}.sm\:max-h-\[90vh\]{max-height:90vh}.sm\:min-h-0{min-height:calc(var(--spacing)*0)}.sm\:min-h-8{min-height:calc(var(--spacing)*8)}.sm\:\!w-\[100vw\]{width:100vw!important}.sm\:\!w-\[calc\(100vw-2rem\)\]{width:calc(100vw - 2rem)!important}.sm\:w-8{width:calc(var(--spacing)*8)}.sm\:w-10{width:calc(var(--spacing)*10)}.sm\:w-24{width:calc(var(--spacing)*24)}.sm\:w-28{width:calc(var(--spacing)*28)}.sm\:w-32{width:calc(var(--spacing)*32)}.sm\:w-40{width:calc(var(--spacing)*40)}.sm\:w-48{width:calc(var(--spacing)*48)}.sm\:w-52{width:calc(var(--spacing)*52)}.sm\:w-72{width:calc(var(--spacing)*72)}.sm\:w-80{width:calc(var(--spacing)*80)}.sm\:w-\[430px\]{width:430px}.sm\:w-auto{width:auto}.sm\:\!max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)!important}.sm\:\!max-w-none{max-width:none!important}.sm\:max-w-2xl{max-width:var(--container-2xl)}.sm\:max-w-5xl{max-width:var(--container-5xl)}.sm\:max-w-\[680px\]{max-width:680px}.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:max-w-md{max-width:var(--container-md)}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:max-w-xl{max-width:var(--container-xl)}.sm\:min-w-\[200px\]{min-width:200px}.sm\:flex-1{flex:1}.sm\:flex-none{flex:none}.sm\:shrink-0{flex-shrink:0}.sm\:scroll-mt-0{scroll-margin-top:calc(var(--spacing)*0)}.sm\:scroll-pt-0{scroll-padding-top:calc(var(--spacing)*0)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-cols-\[1fr_1fr_auto\]{grid-template-columns:1fr 1fr auto}.sm\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.sm\:grid-cols-\[150px_1fr_auto\]{grid-template-columns:150px 1fr auto}.sm\:grid-cols-\[150px_minmax\(0\,1fr\)_minmax\(0\,1fr\)\]{grid-template-columns:150px minmax(0,1fr) minmax(0,1fr)}.sm\:grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-baseline{align-items:baseline}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2{gap:calc(var(--spacing)*2)}.sm\:gap-2\.5{gap:calc(var(--spacing)*2.5)}.sm\:gap-3{gap:calc(var(--spacing)*3)}.sm\:gap-4{gap:calc(var(--spacing)*4)}.sm\:gap-x-8{column-gap:calc(var(--spacing)*8)}:where(.sm\:divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px*var(--tw-divide-x-reverse));border-inline-end-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)))}:where(.sm\:divide-y-0>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(0px*var(--tw-divide-y-reverse));border-bottom-width:calc(0px*calc(1 - var(--tw-divide-y-reverse)))}.sm\:self-auto{align-self:auto}.sm\:rounded-\[4px\]{border-radius:4px}.sm\:rounded-none{border-radius:0}.sm\:rounded-sm{border-radius:calc(var(--radius) - 4px)}.sm\:border{border-style:var(--tw-border-style);border-width:1px}.sm\:border-0{border-style:var(--tw-border-style);border-width:0}.sm\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.sm\:p-4{padding:calc(var(--spacing)*4)}.sm\:p-5{padding:calc(var(--spacing)*5)}.sm\:p-6{padding:calc(var(--spacing)*6)}.sm\:p-8{padding:calc(var(--spacing)*8)}.sm\:px-0{padding-inline:calc(var(--spacing)*0)}.sm\:px-5{padding-inline:calc(var(--spacing)*5)}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:px-9{padding-inline:calc(var(--spacing)*9)}.sm\:py-0{padding-block:calc(var(--spacing)*0)}.sm\:py-4{padding-block:calc(var(--spacing)*4)}.sm\:py-10{padding-block:calc(var(--spacing)*10)}.sm\:pt-0{padding-top:calc(var(--spacing)*0)}.sm\:pt-6{padding-top:calc(var(--spacing)*6)}.sm\:pr-0{padding-right:calc(var(--spacing)*0)}.sm\:pr-2\.5{padding-right:calc(var(--spacing)*2.5)}.sm\:pr-24{padding-right:calc(var(--spacing)*24)}.sm\:pb-0{padding-bottom:calc(var(--spacing)*0)}.sm\:pb-6{padding-bottom:calc(var(--spacing)*6)}.sm\:pl-2\.5{padding-left:calc(var(--spacing)*2.5)}.sm\:text-left{text-align:left}.sm\:text-right{text-align:right}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.sm\:text-\[10px\]{font-size:10px}.sm\:text-\[11px\]{font-size:11px}.sm\:text-\[12\.5px\]{font-size:12.5px}.sm\:text-\[12px\]{font-size:12px}.sm\:leading-5{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5)}.sm\:leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.sm\:leading-\[1\.25\]{--tw-leading:1.25;line-height:1.25}.sm\:leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction=left],.data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction=right]{max-width:var(--container-sm)}}@media (min-width:48rem){.md\:absolute{position:absolute}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:table-cell{display:table-cell}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-\[140px_1fr_110px_auto\]{grid-template-columns:140px 1fr 110px auto}.md\:grid-cols-\[160px_1fr\]{grid-template-columns:160px 1fr}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:justify-between{justify-content:space-between}.md\:gap-1\.5{gap:calc(var(--spacing)*1.5)}:where(.md\:divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px*var(--tw-divide-x-reverse));border-inline-end-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)))}:where(.md\:divide-y-0>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(0px*var(--tw-divide-y-reverse));border-bottom-width:calc(0px*calc(1 - var(--tw-divide-y-reverse)))}.md\:p-12{padding:calc(var(--spacing)*12)}.md\:text-left{text-align:left}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:opacity-0{opacity:0}.md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant=inset]~*){margin:calc(var(--spacing)*2)}.md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant=inset]~*){margin-left:calc(var(--spacing)*0)}.md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant=inset]~*){border-radius:calc(var(--radius) + 4px)}.md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant=inset]~*){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant=inset]~*):is(:where(.peer)[data-state=collapsed]~*){margin-left:calc(var(--spacing)*2)}.md\:after\:hidden:after{content:var(--tw-content);display:none}}@media (min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:max-h-\[calc\(100vh-3rem\)\]{max-height:calc(100vh - 3rem)}.lg\:w-\[315px\]{width:315px}.lg\:max-w-\[calc\(100vw-3rem\)\]{max-width:calc(100vw - 3rem)}.lg\:min-w-0{min-width:calc(var(--spacing)*0)}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-\[0\.85fr_1\.15fr\]{grid-template-columns:.85fr 1.15fr}.lg\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.lg\:grid-cols-\[minmax\(0\,1\.6fr\)_minmax\(280px\,0\.9fr\)\]{grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr)}.lg\:grid-cols-\[minmax\(0\,1\.8fr\)_minmax\(280px\,0\.8fr\)\]{grid-template-columns:minmax(0,1.8fr) minmax(280px,.8fr)}.lg\:grid-cols-\[minmax\(0\,1fr\)_320px\]{grid-template-columns:minmax(0,1fr) 320px}.lg\:grid-cols-\[minmax\(360px\,0\.8fr\)_minmax\(0\,1\.6fr\)\]{grid-template-columns:minmax(360px,.8fr) minmax(0,1.6fr)}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:justify-between{justify-content:space-between}.lg\:gap-6{gap:calc(var(--spacing)*6)}.lg\:self-auto{align-self:auto}.lg\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.lg\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.lg\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.lg\:border-border{border-color:var(--border)}.lg\:p-5{padding:calc(var(--spacing)*5)}.lg\:p-6{padding:calc(var(--spacing)*6)}.lg\:px-5{padding-inline:calc(var(--spacing)*5)}.lg\:px-7{padding-inline:calc(var(--spacing)*7)}.lg\:px-8{padding-inline:calc(var(--spacing)*8)}.lg\:py-7{padding-block:calc(var(--spacing)*7)}.lg\:py-8{padding-block:calc(var(--spacing)*8)}.lg\:pt-4{padding-top:calc(var(--spacing)*4)}.lg\:pl-56{padding-left:calc(var(--spacing)*56)}.lg\:text-right{text-align:right}.lg\:text-\[26px\]{font-size:26px}.lg\:text-\[30px\]{font-size:30px}}@media (min-width:80rem){.xl\:col-span-3{grid-column:span 3/span 3}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:gap-x-8{column-gap:calc(var(--spacing)*8)}}@container field-group (min-width:28rem){.\@md\/field-group\:flex-row{flex-direction:row}.\@md\/field-group\:items-center{align-items:center}.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){align-items:flex-start}}.dark\:border-input:is(.dark *){border-color:var(--input)}.dark\:bg-destructive\/60:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-destructive\/60:is(.dark *){background-color:color-mix(in oklab,var(--destructive)60%,transparent)}}.dark\:bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,var(--input)30%,transparent)}}.dark\:bg-transparent:is(.dark *){background-color:#0000}.dark\:text-muted-foreground:is(.dark *){color:var(--muted-foreground)}@media (hover:hover){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--input)50%,transparent)}}.dark\:hover\:text-accent-foreground:is(.dark *):hover{color:var(--accent-foreground)}}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *):has([data-state=checked]){background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *):has([data-state=checked]){background-color:color-mix(in oklab,var(--primary)10%,transparent)}}.dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has([data-slot][aria-invalid=true]){--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has([data-slot][aria-invalid=true]){--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40:is(.dark *)[data-active=true][aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40:is(.dark *)[data-active=true][aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:data-\[state\=active\]\:border-input:is(.dark *)[data-state=active]{border-color:var(--input)}.dark\:data-\[state\=active\]\:bg-input\/30:is(.dark *)[data-state=active]{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:data-\[state\=active\]\:bg-input\/30:is(.dark *)[data-state=active]{background-color:color-mix(in oklab,var(--input)30%,transparent)}}.dark\:data-\[state\=active\]\:text-foreground:is(.dark *)[data-state=active]{color:var(--foreground)}.dark\:data-\[state\=checked\]\:bg-primary:is(.dark *)[data-state=checked]{background-color:var(--primary)}.dark\:data-\[state\=checked\]\:bg-primary-foreground:is(.dark *)[data-state=checked]{background-color:var(--primary-foreground)}.dark\:data-\[state\=unchecked\]\:bg-foreground:is(.dark *)[data-state=unchecked]{background-color:var(--foreground)}.dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked]{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state=unchecked]{background-color:color-mix(in oklab,var(--input)80%,transparent)}}.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)20%,transparent)}}@media print{.print\:m-0{margin:calc(var(--spacing)*0)}.print\:block{display:block}.print\:hidden{display:none}.print\:h-auto{height:auto}.print\:\!max-h-none{max-height:none!important}.print\:\!max-w-full{max-width:100%!important}.print\:max-w-none{max-width:none}.print\:overflow-visible{overflow:visible}.print\:bg-white{background-color:var(--color-white)}.print\:p-0{padding:calc(var(--spacing)*0)}.print\:p-2{padding:calc(var(--spacing)*2)}.print\:px-2{padding-inline:calc(var(--spacing)*2)}.print\:py-0{padding-block:calc(var(--spacing)*0)}.print\:pb-2{padding-bottom:calc(var(--spacing)*2)}.print\:shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text{fill:var(--muted-foreground)}.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke:var(--border)}@supports (color:color-mix(in lab,red,red)){.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke:color-mix(in oklab,var(--border)50%,transparent)}}.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{stroke:var(--border)}.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"]{stroke:#0000}.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{outline-offset:2px;outline:2px solid #0000}}.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"]{stroke:var(--border)}.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector,.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{fill:var(--muted)}.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"]{stroke:var(--border)}.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{outline-offset:2px;outline:2px solid #0000}}.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"]{stroke:#0000}.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{outline-offset:2px;outline:2px solid #0000}}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-inline:calc(var(--spacing)*2)}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-block:calc(var(--spacing)*1.5)}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:var(--muted-foreground)}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-inline:calc(var(--spacing)*2)}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:calc(var(--spacing)*0)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:calc(var(--spacing)*5)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:calc(var(--spacing)*5)}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:calc(var(--spacing)*12)}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-inline:calc(var(--spacing)*2)}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-block:calc(var(--spacing)*3)}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:calc(var(--spacing)*5)}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:calc(var(--spacing)*5)}.\[\&_\[data-slot\=label\]\]\:items-start [data-slot=label]{align-items:flex-start}.\[\&_\[data-slot\=label\]\]\:leading-4 [data-slot=label]{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.\[\&_\[data-slot\=select-trigger\]\]\:w-full [data-slot=select-trigger]{width:100%}.\[\&_img\]\:size-full img{width:100%;height:100%}.\[\&_img\]\:object-cover img{object-fit:cover}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*=size-]){width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]){color:var(--muted-foreground)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\+\[data-slot\=item-content\]\]\:flex-none+[data-slot=item-content]{flex:none}.\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected=true] button{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:calc(var(--spacing)*0)}.\[\.border-b\]\:pb-3.border-b{padding-bottom:calc(var(--spacing)*3)}.\[\.border-b\]\:pb-6.border-b{padding-bottom:calc(var(--spacing)*6)}.\[\.border-t\]\:pt-3.border-t{padding-top:calc(var(--spacing)*3)}.\[\.border-t\]\:pt-6.border-t{padding-top:calc(var(--spacing)*6)}:is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_next>svg),:is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_previous>svg){rotate:180deg}.\[a\]\:transition-colors:is(a){transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.\[a\]\:hover\:bg-accent\/50:is(a):hover{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.\[a\]\:hover\:bg-accent\/50:is(a):hover{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}}:is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}:is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child{align-items:center}:is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child{gap:calc(var(--spacing)*2)}:is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive[data-variant=destructive]>*):is(svg){color:var(--destructive)!important}.\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected=true] button{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\>\*\]\:w-full>*{width:100%}.\[\&\>\*\]\:focus-visible\:relative>:focus-visible{position:relative}.\[\&\>\*\]\:focus-visible\:z-10>:focus-visible{z-index:10}.\[\&\>\*\]\:data-\[slot\=field\]\:p-4>[data-slot=field]{padding:calc(var(--spacing)*4)}@container field-group (min-width:28rem){.\@md\/field-group\:\[\&\>\*\]\:w-auto>*{width:auto}}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none>:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-t-0>:not(:first-child){border-top-style:var(--tw-border-style);border-top-width:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-l-0>:not(:first-child){border-left-style:var(--tw-border-style);border-left-width:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none>:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}.\[\&\>\.sr-only\]\:w-auto>.sr-only{width:auto}.\[\&\>\[data-slot\=field-group\]\]\:gap-4>[data-slot=field-group]{gap:calc(var(--spacing)*4)}.\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label]{flex:auto}@container field-group (min-width:28rem){.\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label]{flex:auto}}.has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit>[data-slot=select-trigger]:not([class*=w-]){width:fit-content}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x)var(--tw-translate-y)}.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]{margin-top:1px}@container field-group (min-width:28rem){.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]{margin-top:1px}}.\[\&\>a\]\:underline>a{text-decoration-line:underline}.\[\&\>a\]\:underline-offset-4>a{text-underline-offset:4px}.\[\&\>a\:hover\]\:text-primary>a:hover{color:var(--primary)}.\[\&\>button\]\:hidden>button{display:none}.\[\&\>input\]\:flex-1>input{flex:1}.has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has(>[data-align=block-end])>input{padding-top:calc(var(--spacing)*3)}.has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has(>[data-align=block-start])>input{padding-bottom:calc(var(--spacing)*3)}.has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2:has(>[data-align=inline-end])>input{padding-right:calc(var(--spacing)*2)}.has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2:has(>[data-align=inline-start])>input{padding-left:calc(var(--spacing)*2)}.\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\]>kbd{border-radius:calc(var(--radius) - 5px)}.\[\&\>span\]\:block>span{display:block}.\[\&\>span\]\:min-w-0>span{min-width:calc(var(--spacing)*0)}.\[\&\>span\]\:text-xs>span{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&\>span\]\:leading-4>span{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.\[\&\>span\]\:break-words>span{overflow-wrap:break-word}.\[\&\>span\]\:whitespace-normal>span{white-space:normal}.\[\&\>span\]\:opacity-70>span{opacity:.7}@media (min-width:40rem){.sm\:\[\&\>span\]\:truncate>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sm\:\[\&\>span\]\:whitespace-nowrap>span{white-space:nowrap}}.\[\&\>span\:last-child\]\:truncate>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.\[\&\>svg\]\:size-3\.5>svg{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&\>svg\]\:h-2\.5>svg{height:calc(var(--spacing)*2.5)}.\[\&\>svg\]\:h-3>svg{height:calc(var(--spacing)*3)}.\[\&\>svg\]\:w-2\.5>svg{width:calc(var(--spacing)*2.5)}.\[\&\>svg\]\:w-3>svg{width:calc(var(--spacing)*3)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:translate-y-0\.5>svg{--tw-translate-y:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>svg\]\:text-current>svg{color:currentColor}.\[\&\>svg\]\:text-muted-foreground>svg{color:var(--muted-foreground)}.\[\&\>svg\]\:text-sidebar-accent-foreground>svg{color:var(--sidebar-accent-foreground)}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5>svg:not([class*=size-]){width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div{rotate:90deg}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:calc(var(--spacing)*-2)}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:calc(var(--spacing)*-2)}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-slot=card-content] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent,[data-slot=popover-content] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent{background-color:#0000}[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20{background-color:var(--background)}@supports (color:color-mix(in lab,red,red)){[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20{background-color:color-mix(in oklab,var(--background)20%,transparent)}}[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:text-background{color:var(--background)}[data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(.dark *){background-color:var(--background)}@supports (color:color-mix(in lab,red,red)){[data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(.dark *){background-color:color-mix(in oklab,var(--background)10%,transparent)}}[data-variant=legend]+.\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5{margin-top:calc(var(--spacing)*-1.5)}@media (hover:hover){a.\[a\&\]\:hover\:bg-accent:hover{background-color:var(--accent)}a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:color-mix(in oklab,var(--secondary)90%,transparent)}}a.\[a\&\]\:hover\:text-accent-foreground:hover{color:var(--accent-foreground)}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--radius:.375rem;--background:oklch(97.5% .008 85);--foreground:oklch(28% .03 255);--card:oklch(99% .005 90);--card-foreground:oklch(28% .03 255);--popover:oklch(99% .005 90);--popover-foreground:oklch(28% .03 255);--primary:oklch(32% .06 250);--primary-foreground:oklch(97.5% .008 85);--secondary:oklch(94.5% .01 85);--secondary-foreground:oklch(35% .04 250);--muted:oklch(94% .008 85);--muted-foreground:oklch(50% .02 255);--accent:oklch(65% .14 60);--accent-foreground:oklch(99% .005 90);--amber-brand:oklch(62% .135 55);--brand-green:#1a8a55;--destructive:oklch(50% .16 27);--destructive-foreground:oklch(99% .005 90);--success:oklch(55% .12 155);--success-foreground:oklch(99% .005 90);--warning:oklch(70% .15 75);--warning-foreground:oklch(30% .06 60);--border:oklch(87% .012 85);--input:oklch(87% .012 85);--ring:oklch(62% .135 55);--chart-1:oklch(62% .135 55);--chart-2:oklch(32% .06 250);--chart-3:oklch(55% .12 155);--chart-4:oklch(62% .09 27);--chart-5:oklch(50% .05 255);--sidebar:oklch(26% .04 255);--sidebar-foreground:oklch(88% .01 85);--sidebar-primary:oklch(62% .135 55);--sidebar-primary-foreground:oklch(99% .005 90);--sidebar-accent:oklch(33% .045 252);--sidebar-accent-foreground:oklch(95% .01 85);--sidebar-border:oklch(36% .04 252);--sidebar-ring:oklch(62% .135 55);--ink:oklch(26% .04 255)}html[data-ui-font-scale=compact]{font-size:15px}html[data-ui-font-scale=comfortable]{font-size:16px}html[data-ui-font-scale=large]{font-size:18px}@media (max-width:639px) and (orientation:landscape) and (max-height:640px){.order-dialog-content{gap:.75rem!important}.order-dialog-header{gap:.35rem!important;padding-top:.625rem!important;padding-bottom:.625rem!important}.order-dialog-header [data-slot=dialog-title]{font-size:.95rem!important;line-height:1.15rem!important}.order-dialog-header [data-slot=dialog-description]{font-size:.6875rem!important;line-height:.9375rem!important}.order-mobile-workflow{padding-top:.375rem!important;padding-bottom:.375rem!important}.order-mobile-workflow>div:first-child{margin-bottom:.375rem!important}.order-mobile-workflow button{min-height:2rem}.order-dialog-body{padding-bottom:1rem;gap:.75rem!important;margin-top:1rem!important}.order-dialog-content .workflow-nav-button{min-height:2.5rem;padding-top:.45rem;padding-bottom:.45rem}}.print-area{font-family:var(--font-sans),system-ui,sans-serif;color:#111;color-scheme:light;background:#fff;font-size:12px}.invoice-print-toolbar{z-index:30;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 1.25rem;display:flex;position:sticky;top:0;box-shadow:0 1px #1f293714,0 6px 18px #1f29370d}.invoice-print-toolbar-heading,.invoice-print-actions,.invoice-print-orientation{align-items:center;min-width:0;display:flex}.invoice-print-toolbar-heading{gap:.65rem}.invoice-print-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.invoice-print-actions>button{gap:.35rem;min-height:2.25rem}.invoice-print-eyebrow{color:var(--muted-foreground);letter-spacing:.1em;margin:0 0 .1rem;font-size:.61rem;font-weight:800;line-height:1.2}.invoice-print-title{color:var(--ink);font-family:var(--font-serif);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.98rem;font-weight:700;line-height:1.25;overflow:hidden}.invoice-print-orientation{border:1px solid var(--border);background:var(--card);border-radius:.375rem;overflow:hidden}.invoice-print-orientation button{border:0;border-right:1px solid var(--border);min-height:2.2rem;color:var(--muted-foreground);background:0 0;padding:.35rem .65rem;font-size:.71rem;font-weight:700;transition:background-color .16s cubic-bezier(.23,1,.32,1),color .16s cubic-bezier(.23,1,.32,1)}.invoice-print-orientation button:last-child{border-right:0}.invoice-print-orientation button.is-selected{color:#fff;background:#14532d}.invoice-print-orientation button:active{transform:scale(.97)}.invoice-print-preview{padding-bottom:1.75rem}.invoice-print-hint{max-width:210mm;color:var(--muted-foreground);margin:0 auto .75rem;font-size:.76rem;line-height:1.45}.invoice-print--landscape .invoice-print-preview{max-width:297mm}.invoice-print--landscape .invoice-print-document{padding:.45rem}.invoice-print-document{width:100%;margin-inline:auto}.invoice-print--portrait .invoice-print-document{max-width:194mm}.invoice-print--landscape .invoice-print-document{max-width:281mm}.inv-page{box-sizing:border-box;outline-offset:4px;background:#fff;border:2.5px solid #14532d;outline:1px solid #14532d;width:100%}.inv-page,.inv-page *{box-sizing:border-box}.inv-page img{max-width:100%}.invoice-box{background:#fff;border:1.5px solid #111;padding:0}.inv-header{background:linear-gradient(#f0fdf4,#fff);border-bottom:2.5px solid #14532d;grid-template-columns:auto 1fr auto;align-items:stretch;display:grid}.inv-logo{flex-direction:column;justify-content:center;align-items:center;min-width:130px;display:flex}.inv-logo-image{object-fit:contain;width:auto;max-width:156px;height:64px;display:block}.inv-logo-mark{color:#1a8a55;letter-spacing:-1px;font-size:30px;font-weight:900;line-height:1}.inv-logo-mark span{color:#d97706;font-style:italic}.inv-logo-tag{color:#1a8a55;margin-top:4px;font-size:9px;font-style:italic}.inv-company-name{letter-spacing:.4px;color:#14532d;font-size:15px;font-weight:800}.inv-company-sub{color:#444;margin-top:2px}.inv-company-bank{color:#d92626;margin-top:3px;font-size:11.5px;font-weight:700}.inv-mst{text-align:right;flex-direction:column;justify-content:center;align-items:flex-end;gap:4px;min-width:120px;font-size:12px;display:flex}.inv-mst-box{background:#fff;border:1.5px solid #14532d;border-radius:3px;padding:4px 10px}.inv-mst-label{letter-spacing:1.5px;color:#14532d;font-size:9px;font-weight:700}.inv-mst-value{color:#14532d;font-size:14px;font-weight:800}.inv-effective{color:#666;font-size:10.5px}.inv-title{text-align:center;letter-spacing:3px;color:#14532d;border-bottom:2px solid #d97706;justify-content:center;align-items:center;gap:14px;padding:14px 8px 12px;font-size:25px;font-weight:800;display:flex;position:relative}.inv-title-accent{background:#d97706;border-radius:2px;flex-shrink:0;width:26px;height:3px}.inv-info{background:#fcfdfa;border-bottom:1.5px solid #111;grid-template-columns:1.6fr 1fr;display:grid}.inv-info-right{border-left:1.5px solid #14532d33;padding-right:16px}.inv-infoline{margin-bottom:1px}.inv-infoline-v{color:#222}.inv-infoline-v-strong{color:#d97706;font-weight:800}.inv-table{border-collapse:collapse;table-layout:fixed;width:100%}.inv-table th{text-align:center;letter-spacing:.5px;color:#fff;background:#14532d;border:1px solid #14532d;padding:6px;font-size:10.5px;font-weight:700}.inv-table td{vertical-align:top;border:1px solid #b7cbbd;padding:6px 7px}.inv-table th,.inv-table td{overflow-wrap:break-word;word-break:normal}.inv-td-c{text-align:center}.inv-td-r{text-align:right}.inv-vat-badge{color:#b45309;background:#fef3e2;border-radius:3px;padding:1px 5px;font-size:10.5px;font-weight:700}.inv-sum-row td{color:#333;background:#f8faf8;font-weight:600}.inv-vat-row td{color:#b45309;background:#fef7ee;font-weight:700}.inv-total-row td{color:#d92626;background:#fdf2f2;border-top:2px solid #14532d;font-weight:800}.inv-total-row .inv-td-r{overflow-wrap:normal;word-break:keep-all;white-space:nowrap}.inv-words{background:#f0fdf4;border-bottom:1.5px solid #111;border-left:4px solid #d97706;padding:8px 16px;font-size:12.5px}.inv-payment-qr{background:#f0fdf4;border:1.5px solid #14532d;grid-template-columns:142px minmax(0,1fr);align-items:center;gap:14px;margin:12px 16px 0;padding:12px;display:grid}.inv-payment-qr-image{object-fit:contain;background:#fff;width:142px;height:142px;display:block}.inv-payment-qr-visual{place-items:center;min-width:0;display:grid}.inv-payment-qr-fallback{color:#52605a;text-align:center;background:#fff;border:1px dashed #1a8a55;place-items:center;gap:.5rem;width:142px;min-height:142px;padding:.75rem;font-size:10.5px;line-height:1.45;display:grid}.inv-payment-qr-fallback svg{color:#14532d;width:1.5rem;height:1.5rem}.inv-payment-qr-content{color:#1f2937;min-width:0;font-size:11.5px;line-height:1.55}.inv-payment-qr-title{color:#14532d;letter-spacing:.06em;margin:0;font-size:13px;font-weight:800}.inv-payment-qr-amount{color:#d92626;margin:1px 0 5px;font-size:20px;font-weight:800;line-height:1.2}.inv-payment-qr-line,.inv-payment-qr-note,.inv-payment-qr-help{overflow-wrap:anywhere;margin:1px 0}.inv-payment-qr-help{color:#52605a;margin-top:4px;font-size:10.5px}.inv-payment-qr-actions{flex-wrap:wrap;gap:.4rem;margin-top:.55rem;display:flex}.inv-payment-qr-action{color:#14532d;background:#fff;border:1px solid #1a8a5566;justify-content:center;align-items:center;gap:.35rem;min-height:2rem;padding:.35rem .55rem;font-size:10px;font-weight:700;line-height:1.2;transition:background-color .16s cubic-bezier(.23,1,.32,1),transform .16s cubic-bezier(.23,1,.32,1);display:inline-flex}.inv-payment-qr-action:active{transform:scale(.97)}.inv-payment-qr-action svg{width:.8rem;height:.8rem}.inv-req{border-bottom:1.5px solid #111;padding:8px 16px;font-size:12.5px}.inv-note{color:#444;text-align:center;padding:10px 30px 6px;font-size:11.5px;line-height:1.8}.inv-sign{grid-template-columns:1fr 1fr;gap:20px;margin-top:24px;padding:0 60px 16px;display:grid}.inv-sign-title{letter-spacing:1px;color:#14532d;font-weight:800}.inv-sign-line{color:#666;margin-top:50px;font-size:11.5px}.inv-signature-asset{align-content:end;justify-items:center;min-height:76px;margin-top:8px;display:grid}.inv-signature-image{object-fit:contain;width:auto;max-width:150px;height:50px;display:block}.inv-signature-typed{color:#14532d;min-height:42px;font-family:Times New Roman,Times,serif;font-size:25px;font-style:italic;line-height:1.35}.inv-signature-name{color:#14532d;margin-top:2px;font-size:10.5px;font-weight:800;line-height:1.25}.inv-signature-title{color:#52605a;font-size:9.5px;line-height:1.25}.inv-page{--inv-ink:#17364d;--inv-ink-soft:#426276;--inv-amber:#c46b23;--inv-paper:#fffdf8;--inv-rule:#bed0d9;border:1.5px solid var(--inv-ink);outline-offset:4px;background:var(--inv-paper);color:#17222b;outline:4px solid #eaf0f1;box-shadow:0 12px 30px #142a391f}.inv-brand-strip{background:var(--inv-ink);color:#f8ead7;letter-spacing:.12em;justify-content:space-between;align-items:center;gap:1rem;min-height:27px;padding:.38rem 1rem;font-size:8.5px;font-weight:800;line-height:1.25;display:flex}.inv-header{border-bottom:1px solid var(--inv-rule);background:linear-gradient(110deg,#f5faf9 0%,var(--inv-paper)60%,#fff8eb 100%);grid-template-columns:154px minmax(0,1fr) auto}.inv-header>div{padding:14px 17px}.inv-header>div+div{border-left:1px solid var(--inv-rule)}.inv-logo{min-width:154px}.inv-logo-image{max-width:140px;height:58px}.inv-company-kicker{color:var(--inv-amber);letter-spacing:.16em;margin-bottom:4px;font-size:8px;font-weight:900}.inv-company-name{color:var(--inv-ink);font-family:var(--font-serif),Georgia,serif;letter-spacing:.02em;font-size:17px;font-weight:800;line-height:1.2}.inv-company-sub{color:#4f5d66;font-size:10.5px;line-height:1.55}.inv-company-bank{color:var(--inv-ink);flex-wrap:wrap;gap:.35rem;margin-top:5px;font-size:10px;font-weight:700;line-height:1.4;display:flex}.inv-company-bank span{color:var(--inv-amber);letter-spacing:.08em;font-size:8px}.inv-mst{min-width:112px}.inv-mst-box{border:1px solid var(--inv-ink);background:#fff;border-radius:0}.inv-mst-label{color:var(--inv-amber)}.inv-mst-value{color:var(--inv-ink);font-family:var(--font-serif),Georgia,serif}.inv-title-block{border-bottom:1px solid var(--inv-rule);text-align:center;background:#fffdf8;padding:16px 14px 12px}.inv-title-kicker{color:var(--inv-amber);letter-spacing:.18em;margin:0 0 5px;font-size:8px;font-weight:900}.inv-title{color:var(--inv-ink);font-family:var(--font-serif),Georgia,serif;letter-spacing:.095em;border:0;padding:0;font-size:28px;font-weight:800;line-height:1.15}.inv-title-accent{background:var(--inv-amber);width:32px;height:2px}.inv-title-meta{color:var(--inv-ink-soft);letter-spacing:.07em;justify-content:center;gap:.75rem;margin-top:8px;font-size:8.5px;font-weight:800;display:flex}.inv-title-meta b{color:var(--inv-ink)}.inv-info{border-bottom:1px solid var(--inv-rule);background:#fff}.inv-info-left,.inv-info-right{padding:13px 17px;line-height:1.62}.inv-info-right{border-left:1px solid var(--inv-rule)}.inv-info-section-label{border-bottom:2px solid var(--inv-amber);color:var(--inv-ink);letter-spacing:.13em;margin-bottom:7px;padding-bottom:3px;font-size:8px;font-weight:900;line-height:1.15;display:inline-block}.inv-infoline{font-size:10.5px}.inv-infoline-k{color:var(--inv-ink-soft);font-weight:800}.inv-infoline-v-strong{color:var(--inv-amber)}.inv-table-caption{border-bottom:1px solid var(--inv-ink);color:var(--inv-ink);letter-spacing:.11em;background:#edf3f3;justify-content:space-between;align-items:center;gap:.75rem;padding:8px 12px;font-size:8px;font-weight:900;display:flex}.inv-table-caption span:last-child{color:var(--inv-ink-soft);font-size:7.5px}.inv-table th{background:var(--inv-ink);letter-spacing:.08em;border-color:#25495e;padding:7px 6px;font-size:9.5px}.inv-table td{border-color:var(--inv-rule);padding:7px;font-size:10.5px}.inv-table tbody>tr:nth-child(2n):not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td{background:#f8fbfb}.inv-vat-badge{color:#a95113;background:#fff1df;border-radius:999px;padding:2px 6px;font-size:9px}.inv-sum-row td{color:#455763;background:#f9fbfb}.inv-vat-row td{color:#9c4d16;background:#fff8ee}.inv-total-row td{border-top:2px solid var(--inv-amber);color:#9b4210;font-family:var(--font-serif),Georgia,serif;background:#fff1df;font-size:13px}.inv-words{border-bottom-color:var(--inv-rule);border-left-color:var(--inv-amber);color:#30434e;background:#fffaf3}.inv-payment-qr{border:1px solid var(--inv-ink);background:linear-gradient(135deg,#eef5f4,#fffaf2)}.inv-payment-qr-title{color:var(--inv-ink)}.inv-payment-qr-amount{color:var(--inv-amber);font-family:var(--font-serif),Georgia,serif}.inv-payment-qr-note{color:var(--inv-ink)}.inv-payment-qr-action{color:var(--inv-ink);border-color:#9eb4c0}.inv-payment-qr-action:hover{background:#edf3f3}.inv-req{border-bottom-color:var(--inv-rule);color:var(--inv-ink)}.inv-note{color:#53646e;font-size:10.5px;line-height:1.7}.inv-sign{margin-top:20px}.inv-sign-title{color:var(--inv-ink);letter-spacing:.12em;font-size:10px}.inv-signature-typed,.inv-signature-name{color:var(--inv-ink)}.inv-signature-title{color:var(--inv-ink-soft)}@media screen and (max-width:640px){.invoice-print-toolbar{flex-direction:column;align-items:stretch;gap:.65rem;padding:.7rem .75rem;position:static}.invoice-print-toolbar-heading{align-items:flex-start;gap:.4rem}.invoice-print-back{flex:none;min-height:2.1rem;padding-inline:.45rem}.invoice-print-back span{display:none}.invoice-print-title{font-size:.9rem}.invoice-print-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:.45rem;display:grid}.invoice-print-orientation{grid-column:1/-1;width:100%}.invoice-print-orientation button{flex:50%}.invoice-print-actions>button{justify-content:center;width:100%;min-width:0;padding-inline:.45rem;font-size:.72rem}.invoice-print-preview{padding:.75rem}.invoice-print-hint{margin-bottom:.6rem;font-size:.7rem}.print-area{border-radius:.5rem;font-size:12px;overflow:hidden;box-shadow:0 1px 3px #10182814}.inv-page{border-width:1.5px;outline:0}.inv-header{grid-template-columns:1fr}.inv-header>div{padding:10px 12px}.inv-header>div+div{border-top:1px solid #14532d33;border-left:0}.inv-logo{align-items:flex-start;min-width:0}.inv-logo img{height:2.5rem}.inv-logo-image{max-width:130px;height:2.5rem}.inv-company-name{font-size:13px;line-height:1.45}.inv-company-sub,.inv-company-bank{overflow-wrap:anywhere;line-height:1.55}.inv-mst{text-align:left;align-items:flex-start;min-width:0}.inv-title{letter-spacing:.08em;gap:8px;padding:11px 10px 10px;font-size:17px;line-height:1.25}.inv-title-accent{width:18px}.inv-info{grid-template-columns:1fr}.inv-info-left,.inv-info-right{padding:9px 12px;line-height:1.55}.inv-info-right{border-top:1px solid #14532d33;border-left:0}.inv-infoline{grid-template-columns:minmax(6.5rem,42%) minmax(0,1fr);align-items:start;column-gap:.5rem;margin-bottom:.3rem;display:grid}.inv-infoline-k,.inv-infoline-v,.inv-infoline-v-strong{overflow-wrap:anywhere;min-width:0}.inv-table,.inv-table tbody,.inv-table tr,.inv-table td{width:100%;display:block}.inv-table thead{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.inv-table tbody{background:#f7faf7;gap:.75rem;padding:.75rem;display:grid}.inv-table tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row){background:#fff;border:1px solid #b7cbbd;border-radius:.375rem;overflow:hidden}.inv-table tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td{text-align:left;overflow-wrap:anywhere;border:0;border-bottom:1px solid #e1ece3;grid-template-columns:minmax(5.75rem,38%) minmax(0,1fr);gap:.65rem;min-height:2.4rem;padding:.55rem .65rem;display:grid}.inv-table tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:before{color:#4b6651;letter-spacing:.05em;text-align:left;font-size:.62rem;font-weight:800;line-height:1.35}.inv-table tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:first-child:before{content:"STT"}.inv-table tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(2):before{content:"TÊN HÀNG"}.inv-table tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(3):before{content:"ĐƠN VỊ"}.inv-table tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(4):before{content:"SỐ LƯỢNG"}.inv-table tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(5):before{content:"VAT"}.inv-table tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(6):before{content:"GIÁ BÁN"}.inv-table tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(7):before{content:"THÀNH TIỀN"}.inv-table tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(8),.inv-table tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(9){display:none}.inv-table tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(7){color:#14532d;border-bottom:0;font-weight:800}.inv-sum-row,.inv-vat-row,.inv-total-row{background:#fff;border:1px solid #b7cbbd;border-radius:.375rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.65rem .75rem;display:grid!important}.inv-sum-row td,.inv-vat-row td,.inv-total-row td{border:0;width:auto;padding:0;display:block}.inv-sum-row td:nth-child(n+3),.inv-vat-row td:nth-child(n+3),.inv-total-row td:nth-child(n+3){display:none}.inv-sum-row td:first-child,.inv-vat-row td:first-child,.inv-total-row td:first-child{text-align:left}.inv-sum-row td:nth-child(2),.inv-vat-row td:nth-child(2),.inv-total-row td:nth-child(2){text-align:right;white-space:nowrap}.inv-total-row{background:#fdf2f2;border:2px solid #14532d;font-size:13px}.inv-words,.inv-req{padding:9px 12px;font-size:12px;line-height:1.55}.inv-payment-qr{grid-template-columns:108px minmax(0,1fr);gap:10px;margin:10px 12px 0;padding:10px}.inv-payment-qr-image{width:108px;height:108px}.inv-payment-qr-title{font-size:11px}.inv-payment-qr-amount{font-size:17px}.inv-payment-qr-content{font-size:10px;line-height:1.45}.inv-payment-qr-help{font-size:9.5px}.inv-payment-qr-actions{gap:.3rem}.inv-payment-qr-action{flex:7.5rem;padding-inline:.4rem}.inv-note{padding:10px 14px 6px;font-size:10.5px;line-height:1.6}.inv-sign{gap:.75rem;margin-top:14px;padding:0 14px 14px}.inv-sign-title{letter-spacing:.04em;font-size:10px}.inv-sign-line{margin-top:8px;font-size:9.5px}.inv-signature-asset{min-height:58px;margin-top:5px}.inv-signature-image{max-width:112px;height:38px}.inv-signature-typed{min-height:31px;font-size:19px}.inv-signature-name{font-size:9px}.inv-signature-title{font-size:8.5px}}@media screen and (max-width:480px){.inv-payment-qr{grid-template-columns:1fr;justify-items:center}.inv-payment-qr-image,.inv-payment-qr-fallback{width:164px;height:164px;min-height:164px}.inv-payment-qr-content{width:100%;font-size:11px}.inv-payment-qr-title,.inv-payment-qr-amount{text-align:center}.inv-payment-qr-actions{grid-template-columns:1fr 1fr;display:grid}.inv-payment-qr-action{min-width:0}}@media screen and (max-width:640px){.inv-brand-strip{flex-direction:column;align-items:flex-start;gap:.15rem;padding:.45rem .75rem;font-size:7.5px}.inv-header>div+div{border-color:var(--inv-rule)}.inv-company-kicker{font-size:7px}.inv-title-block{padding:12px 10px 10px}.inv-title-kicker{font-size:7px}.inv-title{letter-spacing:.06em;font-size:21px}.inv-title-meta{flex-direction:column;align-items:center;gap:.2rem;font-size:7.5px}.inv-info-right{border-color:var(--inv-rule)}.inv-info-section-label{margin-bottom:6px;font-size:7.5px}.inv-table-caption{flex-direction:column;align-items:flex-start;gap:.2rem;padding:8px 10px}.inv-table tbody{background:#f1f5f5}.inv-table tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row){border-color:var(--inv-rule)}.inv-table tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td{border-bottom-color:#dfe9e9}.inv-table tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:before{color:var(--inv-ink-soft)}.inv-table tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(7){color:var(--inv-ink)}.inv-total-row{border-color:var(--inv-amber);background:#fff1df}}@media print{@page{size:A4 portrait;margin:8mm}html,body,#root{background:#fff!important}.print\\:hidden{display:none!important}.print-area{margin:0}.invoice-print-document,.invoice-print--portrait .invoice-print-document,.invoice-print--landscape .invoice-print-document{width:100%;max-width:none;padding:0}.inv-page{border-width:1.25px;outline:0}.inv-header,.inv-info,.inv-payment-qr,.inv-sign{break-inside:avoid;page-break-inside:avoid}aside,header,nav,footer,.no-print{display:none!important}}@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}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@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-outline-style{syntax:"*";inherits:false;initial-value:solid}@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-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}to{height:0}}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}

/* V50 - Invoice print typography/layout */
.inv-page,
.inv-page * {
  font-family: "Times New Roman", Times, serif !important;
}
.inv-header {
  position: relative !important;
  align-items: center !important;
}
.inv-company {
  text-align: center !important;
  justify-self: center !important;
}
.inv-company-name,
.inv-company-sub,
.inv-company-bank,
.inv-company-kicker {
  text-align: center !important;
}
.inv-title {
  font-size: 20px !important;
  line-height: 1.15 !important;
  margin-top: 2px !important;
  margin-bottom: 4px !important;
}
.inv-title-kicker {
  font-size: 9px !important;
  margin-bottom: 2px !important;
}
.inv-title-block {
  padding-top: 6px !important;
  padding-bottom: 8px !important;
}
.inv-title-meta {
  display: none !important;
}
.inv-mst {
  text-align: right !important;
  align-self: start !important;
}
.inv-mst-box {
  min-width: 92px !important;
}
.inv-mst-label {
  font-size: 9px !important;
  letter-spacing: .06em !important;
}
.inv-mst-value {
  font-size: 14px !important;
  font-weight: 700 !important;
}
.inv-effective:empty {
  display:none !important;
}
@media print {
  .inv-page,
  .inv-page * {
    font-family: "Times New Roman", Times, serif !important;
  }
}

/* V51 - Hoàn thiện mẫu in theo yêu cầu */
.inv-page,
.inv-page * {
  font-family: "Times New Roman", Times, serif !important;
}

/* Căn đúng block công ty vào giữa trang, giữ logo trái và ký hiệu phải cân đối */
.inv-header {
  grid-template-columns: 155px minmax(0,1fr) 155px !important;
  align-items: center !important;
}
.inv-logo {
  justify-self: start !important;
}
.inv-company {
  text-align: center !important;
  align-self: center !important;
  justify-self: stretch !important;
}
.inv-company-kicker,
.inv-company-name,
.inv-company-sub,
.inv-company-bank {
  text-align: center !important;
}
.inv-company-name {
  font-size: 16px !important;
  line-height: 1.15 !important;
}
.inv-company-sub {
  font-size: 10.5px !important;
  line-height: 1.3 !important;
}
.inv-company-bank {
  color: #222 !important;
  font-size: 10.5px !important;
  line-height: 1.3 !important;
  margin-top: 4px !important;
}
.inv-company-bank span {
  font-weight: 700 !important;
  letter-spacing: .03em !important;
}
.inv-mst {
  justify-self: end !important;
  align-self: start !important;
}

/* Phiếu đặt hàng nhỏ, gọn */
.inv-title {
  font-size: 18px !important;
  line-height: 1.1 !important;
  padding: 8px 8px 7px !important;
  letter-spacing: 1.4px !important;
}
.inv-title-kicker {
  font-size: 8.5px !important;
  margin: 0 !important;
}

/* Thu nhỏ chữ phần tiền */
.inv-sum-row td,
.inv-vat-row td {
  font-size: 10.5px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.inv-total-row td {
  font-size: 12px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.inv-total-row .inv-remaining-amount {
  font-size: 14px !important;
  color: #d92626 !important;
  font-weight: 800 !important;
}
.inv-words {
  font-size: 10.5px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

/* QR và số tiền chuyển khoản nhỏ hơn */
.inv-payment-qr {
  grid-template-columns: 118px minmax(0,1fr) !important;
  gap: 10px !important;
  padding: 9px !important;
}
.inv-payment-qr-image,
.inv-payment-qr-fallback {
  width: 118px !important;
  height: 118px !important;
  min-height: 118px !important;
}
.inv-payment-qr-content {
  font-size: 10.5px !important;
  line-height: 1.4 !important;
}
.inv-payment-qr-title {
  font-size: 10px !important;
  letter-spacing: .03em !important;
  line-height: 1.15 !important;
}
.inv-payment-qr-amount {
  font-size: 15px !important;
  line-height: 1.15 !important;
  margin: 1px 0 4px !important;
}
.inv-payment-qr-line,
.inv-payment-qr-note {
  font-size: 10px !important;
}
.inv-payment-qr-help,
.inv-payment-qr-brand {
  font-size: 9px !important;
}

/* Tổng cộng nổi vừa đủ; số còn lại là trọng tâm */
.inv-vat-row td {
  background: #fff8ee !important;
}
.inv-total-row td {
  background: #fff4ec !important;
  border-top: 2px solid #d97706 !important;
}

@media print {
  .inv-page,
  .inv-page * {
    font-family: "Times New Roman", Times, serif !important;
  }
}

/* V52 - Can giua tuyet doi thong tin cong ty theo tam phieu */
.inv-header {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 150px minmax(0, 1fr) 150px !important;
  min-height: 100px !important;
  align-items: start !important;
}

/* Hai cot logo / ky hieu khong duoc day tam company */
.inv-logo {
  grid-column: 1 !important;
  justify-self: start !important;
  align-self: start !important;
  position: relative !important;
  z-index: 2 !important;
}
.inv-mst {
  grid-column: 3 !important;
  justify-self: end !important;
  align-self: start !important;
  position: relative !important;
  z-index: 2 !important;
}

/* Company lay truc giua cua TOAN BO inv-header, khong phu thuoc cot trai/phai */
.inv-company {
  position: absolute !important;
  left: 50% !important;
  top: 0 !important;
  transform: translateX(-50%) !important;
  width: calc(100% - 310px) !important;
  max-width: 650px !important;
  min-width: 420px !important;
  margin: 0 !important;
  padding: 0 6px !important;
  text-align: center !important;
  box-sizing: border-box !important;
  z-index: 1 !important;
}
.inv-company-kicker,
.inv-company-name,
.inv-company-sub,
.inv-company-bank,
.inv-company > * {
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  justify-content: center !important;
}
.inv-company-name {
  display: block !important;
  text-align: center !important;
}
.inv-company-sub {
  display: block !important;
  text-align: center !important;
}
.inv-company-bank {
  display: block !important;
  text-align: center !important;
}

/* Tieu de phieu dat hang dung cung mot truc tam */
.inv-title-block,
.inv-title,
.inv-title-kicker {
  text-align: center !important;
}
.inv-title-block {
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media print {
  .inv-header {
    position: relative !important;
    grid-template-columns: 150px minmax(0, 1fr) 150px !important;
  }
  .inv-company {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: calc(100% - 310px) !important;
    max-width: 650px !important;
    min-width: 420px !important;
    text-align: center !important;
  }
}

/* V55 - phân trang Tồn kho / Nhật ký, 10 dòng mỗi trang */
.v55-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px 12px 14px;
  border-top:1px solid var(--border);
  background:var(--card);
  font-size:12px;
}
.v55-pagination button{
  min-width:72px;
  height:32px;
  border:1px solid var(--border);
  background:var(--background);
  color:var(--foreground);
  padding:0 12px;
  border-radius:5px;
  cursor:pointer;
  font-weight:600;
}
.v55-pagination button:hover:not(:disabled){
  background:var(--muted);
}
.v55-pagination button:disabled{
  opacity:.4;
  cursor:not-allowed;
}
.v55-pagination .v55-page-label{
  min-width:210px;
  text-align:center;
  font-weight:600;
  color:var(--muted-foreground);
}
@media(max-width:640px){
  .v55-pagination{gap:6px;padding:10px 6px}
  .v55-pagination button{min-width:62px;padding:0 8px}
  .v55-pagination .v55-page-label{min-width:0;flex:1;font-size:11px}
}

/* V56 - chọn số dòng hiển thị */
.v56-page-size-label{
  display:flex;
  align-items:center;
  gap:6px;
  color:var(--muted-foreground);
  font-weight:600;
  margin-right:8px;
}
.v56-page-size{
  height:30px;
  min-width:62px;
  border:1px solid var(--border);
  border-radius:5px;
  background:var(--background);
  color:var(--foreground);
  padding:0 6px;
  font-weight:700;
}
@media(max-width:640px){
  .v55-pagination{flex-wrap:wrap}
  .v56-page-size-label{width:100%;justify-content:center;margin-right:0}
}

/* V57 - selector số dòng hiển thị luôn thấy rõ */
.v57-pagination{
 display:flex;align-items:center;justify-content:flex-end;gap:8px;
 padding:10px 12px;border-top:1px solid var(--border);background:var(--card);
 font-size:12px;flex-wrap:wrap
}
.v57-pagination label{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--muted-foreground)}
.v57-pagination select{
 height:32px;min-width:64px;border:1px solid var(--border);border-radius:5px;
 background:var(--background);color:var(--foreground);padding:0 6px;font-weight:700
}
.v57-pagination button{
 height:32px;min-width:68px;border:1px solid var(--border);border-radius:5px;
 background:var(--background);padding:0 10px;font-weight:600
}
.v57-pagination button:disabled{opacity:.4}
.v57-label{min-width:150px;text-align:center;font-weight:600;color:var(--muted-foreground)}
@media(max-width:640px){
 .v57-pagination{justify-content:center}
 .v57-pagination label{width:100%;justify-content:center}
}

/* V58 - Pagination UI đẹp cho desktop/mobile */
.v57-pagination{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 14px;
  margin-top:0;
  border-top:1px solid var(--border);
  background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card) 92%,var(--muted)));
  font-size:12px;
}
.v58-page-size-wrap{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
}
.v58-caption{
  color:var(--muted-foreground);
  font-weight:600;
  white-space:nowrap;
}
.v57-size{
  height:34px;
  min-width:68px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--background);
  color:var(--foreground);
  padding:0 28px 0 10px;
  font-weight:700;
  outline:none;
}
.v57-size:focus{
  border-color:var(--ring);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--ring) 20%,transparent);
}
.v58-nav{
  display:flex;
  align-items:center;
  gap:8px;
}
.v58-nav-btn{
  height:34px;
  min-width:82px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--background);
  color:var(--foreground);
  padding:0 12px;
  font-weight:700;
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease,transform .05s ease;
}
.v58-nav-btn:hover:not(:disabled){
  background:var(--muted);
  border-color:color-mix(in srgb,var(--border) 60%,var(--foreground));
}
.v58-nav-btn:active:not(:disabled){
  transform:translateY(1px);
}
.v58-nav-btn:disabled{
  opacity:.35;
  cursor:not-allowed;
}
.v57-label{
  min-width:138px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  line-height:1.1;
  color:var(--foreground);
}
.v57-label strong{
  font-size:12px;
  font-weight:800;
}
.v57-label small{
  margin-top:3px;
  font-size:10px;
  color:var(--muted-foreground);
  font-weight:600;
}

@media(max-width:640px){
  .v57-pagination{
    flex-direction:column;
    align-items:stretch;
    gap:10px;
    padding:10px;
  }
  .v58-page-size-wrap{
    width:100%;
    justify-content:center;
    flex-wrap:wrap;
  }
  .v58-nav{
    width:100%;
    display:grid;
    grid-template-columns:1fr auto 1fr;
    gap:6px;
  }
  .v58-nav-btn{
    min-width:0;
    width:100%;
    padding:0 8px;
  }
  .v57-label{
    min-width:96px;
  }
}

/* V59 - bố cục phân trang rõ ràng, không dính chữ */
.v57-pagination{
  box-sizing:border-box !important;
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px !important;
  padding:14px 16px !important;
  margin:0 !important;
  border-top:1px solid #e5e7eb !important;
  background:#fff !important;
  font-size:13px !important;
  line-height:1.2 !important;
}
.v58-page-size-wrap{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex:0 0 auto !important;
  white-space:nowrap !important;
}
.v58-caption{
  display:inline-block !important;
  font-size:13px !important;
  font-weight:600 !important;
  color:#4b5563 !important;
}
.v57-size{
  box-sizing:border-box !important;
  display:inline-block !important;
  width:72px !important;
  min-width:72px !important;
  height:36px !important;
  padding:0 28px 0 10px !important;
  margin:0 !important;
  border:1px solid #cbd5e1 !important;
  border-radius:7px !important;
  background:#fff !important;
  color:#111827 !important;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:34px !important;
}
.v58-nav{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  flex:0 0 auto !important;
}
.v58-nav-btn{
  box-sizing:border-box !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  min-width:86px !important;
  height:36px !important;
  margin:0 !important;
  padding:0 13px !important;
  border:1px solid #cbd5e1 !important;
  border-radius:7px !important;
  background:#fff !important;
  color:#1f2937 !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:700 !important;
  cursor:pointer !important;
  white-space:nowrap !important;
}
.v58-nav-btn:hover:not(:disabled){
  background:#f8fafc !important;
  border-color:#94a3b8 !important;
}
.v58-nav-btn:disabled{
  opacity:.38 !important;
  cursor:not-allowed !important;
}
.v57-label{
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:132px !important;
  height:38px !important;
  padding:0 8px !important;
  margin:0 !important;
  text-align:center !important;
  white-space:nowrap !important;
}
.v57-label strong{
  display:block !important;
  margin:0 !important;
  font-size:13px !important;
  line-height:16px !important;
  font-weight:800 !important;
  color:#111827 !important;
}
.v57-label small{
  display:block !important;
  margin:2px 0 0 !important;
  font-size:10px !important;
  line-height:12px !important;
  font-weight:600 !important;
  color:#64748b !important;
}

/* tablet */
@media (max-width:900px){
  .v57-pagination{
    gap:12px !important;
    padding:12px !important;
  }
  .v58-nav{gap:7px !important}
  .v58-nav-btn{min-width:76px !important;padding:0 9px !important}
  .v57-label{min-width:112px !important}
}

/* mobile: selector hàng trên, điều hướng hàng dưới */
@media (max-width:640px){
  .v57-pagination{
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:center !important;
    gap:10px !important;
    padding:12px 10px !important;
  }
  .v58-page-size-wrap{
    width:100% !important;
    justify-content:center !important;
    gap:7px !important;
  }
  .v58-nav{
    width:100% !important;
    display:grid !important;
    grid-template-columns:minmax(72px,1fr) minmax(96px,auto) minmax(72px,1fr) !important;
    align-items:center !important;
    gap:7px !important;
  }
  .v58-nav-btn{
    width:100% !important;
    min-width:0 !important;
    height:38px !important;
    padding:0 8px !important;
  }
  .v57-label{
    width:auto !important;
    min-width:96px !important;
    height:38px !important;
    padding:0 3px !important;
  }
  .v57-label strong{font-size:12px !important}
  .v57-label small{font-size:9px !important}
}

/* V60 - nếu không cần chia trang thì ẩn cụm Trước/Trang/Sau */
.v57-pagination.v60-no-nav{
  justify-content:flex-start !important;
}
.v57-pagination.v60-no-nav .v58-page-size-wrap{
  margin-left:0 !important;
}
@media(max-width:640px){
  .v57-pagination.v60-no-nav{
    align-items:center !important;
  }
  .v57-pagination.v60-no-nav .v58-page-size-wrap{
    width:auto !important;
  }
}

/* V61 - Khi không cần phân trang, ẩn cả cụm điều hướng và chữ "/ trang" */
.v57-pagination.v61-no-pagination{
  justify-content:flex-start !important;
}
.v57-pagination.v61-no-pagination .v58-nav{
  display:none !important;
}
.v57-pagination.v61-no-pagination .v59-unit{
  display:none !important;
}
.v57-pagination.v61-no-pagination .v58-page-size-wrap{
  margin-left:0 !important;
}
@media(max-width:640px){
  .v57-pagination.v61-no-pagination{
    align-items:center !important;
  }
  .v57-pagination.v61-no-pagination .v58-page-size-wrap{
    width:auto !important;
    justify-content:center !important;
  }
}

/* V62 - pager Chi tiết tồn kho theo sản phẩm */
[data-v63-product-detail-table="1"] + .v57-pagination{
  width:100% !important;
  box-sizing:border-box !important;
}

/* V63 - phân trang đúng bảng Chi tiết tồn kho theo sản phẩm */
[data-v63-product-detail-table="1"] + .v57-pagination{
  display:flex;
  width:100%;
  box-sizing:border-box;
  margin-top:0;
  border-top:1px solid #e5e7eb;
}

/* V64 - Invoice print mobile */

@media print {
  .invoice-print-document {
    min-width: 0 !important;
  }
}

/* V67 - Responsive-only sync from VIFOOD_Full_DirectAdmin_PHP81_MySQL57 reference.
   Scope: only missing responsive utilities. No API/business/UI feature code copied. */
@media (min-width:40rem){
  .sm\:ml-0{margin-left:calc(var(--spacing)*0)}
}
@media (min-width:48rem){
  .md\:max-w-2xl{max-width:var(--container-2xl)}
}
@media (min-width:64rem){
  .lg\:gap-2{gap:calc(var(--spacing)*2)}
  .lg\:h-9{height:calc(var(--spacing)*9)}
  .lg\:items-start{align-items:flex-start}
  .lg\:justify-end{justify-content:flex-end}
  .lg\:py-4{padding-block:calc(var(--spacing)*4)}
  .lg\:w-52{width:calc(var(--spacing)*52)}
  .lg\:w-auto{width:auto}
}

/* V146 - Mobile print preview only. Print/PDF output is intentionally unchanged. */
@media screen and (max-width:639px){
  .invoice-print-screen{
    background:#ece9e3!important;
    padding-bottom:84px;
  }
  .invoice-print-toolbar{
    position:sticky;
    top:0;
    z-index:60;
    display:block;
    padding:10px 10px 9px;
    background:rgba(255,255,255,.98);
    box-shadow:0 5px 20px rgba(15,23,42,.09);
    backdrop-filter:blur(10px);
  }
  .invoice-print-toolbar-heading{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:9px;
    width:100%;
  }
  .invoice-print-back{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    padding:0!important;
    border-radius:9px!important;
  }
  .invoice-print-back span{display:none!important}
  .invoice-print-eyebrow{
    margin-bottom:2px;
    font-size:8px;
    letter-spacing:.14em;
  }
  .invoice-print-title{
    max-width:100%;
    white-space:normal;
    font-size:14px;
    line-height:1.15;
  }
  .invoice-print-toolbar-heading .stamp{
    flex:0 0 auto;
    padding:2px 5px!important;
    font-size:8.5px!important;
  }
  .invoice-print-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
    width:100%;
    margin-top:9px;
  }
  .invoice-print-orientation{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%;
    border-radius:8px;
  }
  .invoice-print-orientation button{
    min-height:34px;
    padding:5px 8px;
    font-size:11px;
  }
  .invoice-print-actions>button{
    justify-content:center;
    width:100%;
    min-height:38px;
    border-radius:8px;
    font-size:11.5px;
  }
  .v146-mobile-print-preview{
    max-width:none!important;
    padding:10px!important;
  }
  .invoice-print-hint{
    margin:0 2px 8px;
    padding:8px 10px;
    border:1px solid var(--border);
    border-radius:8px;
    background:rgba(255,255,255,.75);
    font-size:10px;
    line-height:1.45;
  }
  .invoice-print-document{
    width:100%!important;
    max-width:none!important;
    padding:0!important;
  }
  .invoice-print-document .inv-page{
    width:100%;
    min-width:0;
    border-width:1px;
    outline:0;
    box-shadow:0 7px 24px rgba(15,23,42,.12);
  }
  .invoice-print-document .inv-brand-strip{
    min-height:22px;
    padding:5px 8px;
    gap:6px;
    font-size:6.8px;
    letter-spacing:.07em;
  }
  .invoice-print-document .inv-header{
    grid-template-columns:74px minmax(0,1fr);
  }
  .invoice-print-document .inv-header>div{
    padding:8px 9px;
  }
  .invoice-print-document .inv-header>div+div{
    border-left:1px solid var(--inv-rule);
  }
  .invoice-print-document .inv-logo{
    min-width:0;
  }
  .invoice-print-document .inv-logo-image{
    width:100%;
    max-width:70px;
    height:38px;
  }
  .invoice-print-document .inv-logo-mark{
    font-size:19px;
  }
  .invoice-print-document .inv-logo-tag{
    margin-top:2px;
    font-size:6.5px;
  }
  .invoice-print-document .inv-company-kicker{
    margin-bottom:2px;
    font-size:6px;
    letter-spacing:.08em;
  }
  .invoice-print-document .inv-company-name{
    font-size:10px;
    line-height:1.25;
  }
  .invoice-print-document .inv-company-sub,
  .invoice-print-document .inv-company-bank{
    margin-top:2px;
    font-size:7px;
    line-height:1.35;
  }
  .invoice-print-document .inv-mst{
    grid-column:1/-1;
    min-width:0;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    gap:6px;
    border-top:1px solid var(--inv-rule);
    text-align:left;
  }
  .invoice-print-document .inv-mst-box{
    padding:3px 7px;
  }
  .invoice-print-document .inv-mst-label{
    font-size:6px;
    letter-spacing:.08em;
  }
  .invoice-print-document .inv-mst-value{
    font-size:9px;
  }
  .invoice-print-document .inv-effective{
    font-size:6.5px;
  }
  .invoice-print-document .inv-title{
    gap:7px;
    padding:8px 5px 7px;
    font-size:15px;
    letter-spacing:1.5px;
  }
  .invoice-print-document .inv-title-accent{
    width:15px;
    height:2px;
  }
  .invoice-print-document .inv-info{
    grid-template-columns:1fr;
    font-size:8px;
  }
  .invoice-print-document .inv-info-right{
    border-left:0;
    border-top:1px solid var(--inv-rule);
    padding-right:9px;
  }
  .invoice-print-document .inv-infoline{
    margin-bottom:0;
    line-height:1.4;
  }
  .invoice-print-document .inv-table{
    table-layout:fixed;
    font-size:7px;
  }
  .invoice-print-document .inv-table th{
    padding:4px 2px;
    font-size:6.3px;
    line-height:1.2;
    letter-spacing:0;
  }
  .invoice-print-document .inv-table td{
    padding:4px 3px;
    font-size:7px;
    line-height:1.25;
  }
  .invoice-print-document .inv-vat-badge{
    padding:1px 3px;
    font-size:6.2px;
  }
  .invoice-print-document .inv-words,
  .invoice-print-document .inv-req{
    padding:6px 8px;
    font-size:7.5px;
    line-height:1.35;
  }
  .invoice-print-document .inv-payment-qr{
    grid-template-columns:72px minmax(0,1fr);
    gap:8px;
    margin:7px 8px 0;
    padding:7px;
  }
  .invoice-print-document .inv-payment-qr-image,
  .invoice-print-document .inv-payment-qr-fallback{
    width:72px;
    height:72px;
    min-height:72px;
  }
  .invoice-print-document .inv-payment-qr-fallback{
    padding:5px;
    font-size:6.5px;
  }
  .invoice-print-document .inv-payment-qr-content{
    font-size:7px;
    line-height:1.35;
  }
  .invoice-print-document .inv-payment-qr-title{
    font-size:8px;
  }
  .invoice-print-document .inv-payment-qr-amount{
    margin:1px 0 3px;
    font-size:11px;
  }
  .invoice-print-document .inv-payment-qr-help{
    font-size:6.5px;
  }
  .invoice-print-document .inv-payment-qr-actions{
    gap:3px;
    margin-top:4px;
  }
  .invoice-print-document .inv-payment-qr-action{
    min-height:24px;
    padding:3px 5px;
    font-size:6.5px;
  }
  .invoice-print-document .inv-note{
    padding:7px 10px 4px;
    font-size:7px;
    line-height:1.4;
  }
  .invoice-print-document .inv-sign{
    gap:10px;
    margin-top:12px;
    padding:0 12px 9px;
    font-size:7px;
  }
  .invoice-print-document .inv-sign-line{
    margin-top:28px;
    font-size:7px;
  }
  .invoice-print-document .inv-signature-asset{
    min-height:45px;
    margin-top:4px;
  }
  .invoice-print-document .inv-signature-image{
    max-width:90px;
    height:32px;
  }
  .invoice-print-document .inv-signature-typed{
    min-height:28px;
    font-size:16px;
  }
  .invoice-print-document .inv-signature-name{
    font-size:7px;
  }
  .invoice-print-document .inv-signature-title{
    font-size:6.5px;
  }
}

/* V335 - REAL MOBILE REBUILD FOR ORDER PRINT PREVIEW */
@media screen and (max-width: 700px){
  html,body,#root,.invoice-print-screen,.invoice-print-preview,.v146-mobile-print-preview{
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  .invoice-print-screen .invoice-print-document,
  .invoice-print-screen.invoice-print--portrait .invoice-print-document,
  .invoice-print-screen.invoice-print--landscape .invoice-print-document{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
    transform:none!important;
  }

  .invoice-print-screen .invoice-print-document .inv-page{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    overflow:hidden!important;
  }

  .invoice-print-screen .invoice-print-document .inv-header{
    display:grid!important;
    grid-template-columns:92px minmax(0,1fr)!important;
    align-items:stretch!important;
  }

  .invoice-print-screen .invoice-print-document .inv-header>div{
    min-width:0!important;
    width:auto!important;
    max-width:none!important;
    padding:10px!important;
  }

  .invoice-print-screen .invoice-print-document .inv-logo{
    grid-column:1!important;
    grid-row:1!important;
    justify-content:center!important;
    align-items:center!important;
    border-left:0!important;
  }

  .invoice-print-screen .invoice-print-document .inv-logo-image{
    width:78px!important;
    max-width:78px!important;
    height:auto!important;
    max-height:54px!important;
  }

  .invoice-print-screen .invoice-print-document .inv-company{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    overflow:visible!important;
    border-left:1px solid var(--inv-rule)!important;
  }

  .invoice-print-screen .invoice-print-document .inv-company-kicker{
    font-size:7.5px!important;
    line-height:1.3!important;
    margin-bottom:3px!important;
  }

  .invoice-print-screen .invoice-print-document .inv-company-name{
    font-size:12.5px!important;
    line-height:1.3!important;
    letter-spacing:0!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }

  .invoice-print-screen .invoice-print-document .inv-company-sub{
    font-size:9px!important;
    line-height:1.45!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  .invoice-print-screen .invoice-print-document .inv-mst{
    grid-column:1/-1!important;
    grid-row:2!important;
    display:flex!important;
    flex-direction:row!important;
    justify-content:space-between!important;
    align-items:center!important;
    min-width:0!important;
    width:100%!important;
    padding:8px 10px!important;
    border-left:0!important;
    border-top:1px solid var(--inv-rule)!important;
  }

  .invoice-print-screen .invoice-print-document .inv-title-block{
    padding:12px 9px 11px!important;
  }

  .invoice-print-screen .invoice-print-document .inv-title{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    font-size:21px!important;
    line-height:1.15!important;
    letter-spacing:.03em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    gap:7px!important;
  }

  .invoice-print-screen .invoice-print-document .inv-title-accent{
    width:16px!important;
    min-width:10px!important;
    max-width:16px!important;
  }

  .invoice-print-screen .invoice-print-document .inv-info{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    font-size:12px!important;
  }

  .invoice-print-screen .invoice-print-document .inv-info-left,
  .invoice-print-screen .invoice-print-document .inv-info-right{
    width:100%!important;
    min-width:0!important;
    padding:12px!important;
    border-left:0!important;
  }

  .invoice-print-screen .invoice-print-document .inv-info-right{
    border-top:1px solid var(--inv-rule)!important;
  }

  .invoice-print-screen .invoice-print-document .inv-info-section-label{
    font-size:10px!important;
    margin-bottom:9px!important;
    padding-bottom:4px!important;
  }

  .invoice-print-screen .invoice-print-document .inv-infoline{
    display:grid!important;
    grid-template-columns:112px minmax(0,1fr)!important;
    gap:8px!important;
    align-items:start!important;
    margin:0 0 7px!important;
    font-size:11.5px!important;
    line-height:1.45!important;
  }

  .invoice-print-screen .invoice-print-document .inv-infoline-k,
  .invoice-print-screen .invoice-print-document .inv-infoline-v,
  .invoice-print-screen .invoice-print-document .inv-infoline-v-strong{
    min-width:0!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  .invoice-print-screen .invoice-print-document .inv-table-caption{
    padding:10px 11px!important;
    font-size:9px!important;
  }

  .invoice-print-screen .invoice-print-document .inv-table,
  .invoice-print-screen .invoice-print-document .inv-table tbody{
    display:block!important;
    width:100%!important;
  }

  .invoice-print-screen .invoice-print-document .inv-table thead{
    display:none!important;
  }

  .invoice-print-screen .invoice-print-document .inv-table tbody{
    padding:10px!important;
    background:#f4f7f6!important;
  }

  .invoice-print-screen .invoice-print-document .inv-table tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row){
    display:block!important;
    width:100%!important;
    margin:0 0 10px!important;
    border:1px solid var(--inv-rule)!important;
    border-radius:8px!important;
    background:#fff!important;
    overflow:hidden!important;
  }

  .invoice-print-screen .invoice-print-document .inv-table tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td{
    display:grid!important;
    grid-template-columns:105px minmax(0,1fr)!important;
    gap:9px!important;
    width:100%!important;
    min-height:44px!important;
    padding:10px 11px!important;
    border:0!important;
    border-bottom:1px solid #e1e8e7!important;
    background:#fff!important;
    font-size:12px!important;
    line-height:1.4!important;
    text-align:left!important;
  }

  .invoice-print-screen .invoice-print-document .inv-table tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td::before{
    font-size:9px!important;
    font-weight:900!important;
    color:var(--inv-ink-soft)!important;
  }

  .invoice-print-screen .invoice-print-document .inv-table tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(2){
    font-size:13px!important;
    font-weight:800!important;
  }

  .invoice-print-screen .invoice-print-document .inv-sum-row,
  .invoice-print-screen .invoice-print-document .inv-vat-row,
  .invoice-print-screen .invoice-print-document .inv-total-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    margin:0 0 8px!important;
    padding:11px 12px!important;
    border:1px solid var(--inv-rule)!important;
    border-radius:8px!important;
    background:#fff!important;
  }

  .invoice-print-screen .invoice-print-document .inv-sum-row td,
  .invoice-print-screen .invoice-print-document .inv-vat-row td,
  .invoice-print-screen .invoice-print-document .inv-total-row td{
    display:block!important;
    width:auto!important;
    padding:0!important;
    border:0!important;
    font-size:12px!important;
  }

  .invoice-print-screen .invoice-print-document .inv-sum-row td:nth-child(n+3),
  .invoice-print-screen .invoice-print-document .inv-vat-row td:nth-child(n+3),
  .invoice-print-screen .invoice-print-document .inv-total-row td:nth-child(n+3){
    display:none!important;
  }

  .invoice-print-screen .invoice-print-document .inv-total-row{
    border:2px solid var(--inv-amber)!important;
    background:#fff6ea!important;
  }

  .invoice-print-screen .invoice-print-document .inv-remaining-amount{
    font-size:14px!important;
    font-weight:900!important;
  }

  .invoice-print-screen .invoice-print-document .inv-words{
    padding:11px 12px!important;
    font-size:11.5px!important;
    line-height:1.5!important;
  }

  .invoice-print-screen .invoice-print-document .inv-payment-qr{
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:center!important;
    gap:10px!important;
    margin:10px!important;
    padding:12px!important;
  }

  .invoice-print-screen .invoice-print-document .inv-payment-qr-image,
  .invoice-print-screen .invoice-print-document .inv-payment-qr-fallback{
    width:160px!important;
    height:160px!important;
    min-height:160px!important;
  }

  .invoice-print-screen .invoice-print-document .inv-payment-qr-content{
    width:100%!important;
    min-width:0!important;
    font-size:11.5px!important;
    line-height:1.5!important;
  }

  .invoice-print-screen .invoice-print-document .inv-payment-qr-title{
    text-align:center!important;
    font-size:12px!important;
  }

  .invoice-print-screen .invoice-print-document .inv-payment-qr-amount{
    text-align:center!important;
    font-size:21px!important;
  }
}


/* ===== V477 SOURCE 2: v74-responsive-mobile-desktop.css ===== */
/* V74 - responsive polish for desktop + mobile */
html,body,#root{max-width:100%;overflow-x:hidden}
button,input,select,textarea{max-width:100%}
@media (max-width: 639px){
  main{min-width:0!important;width:100%!important}
  [class*="px-6"]{padding-left:12px!important;padding-right:12px!important}
  [class*="px-5"]{padding-left:12px!important;padding-right:12px!important}
  [class*="gap-6"]{gap:12px!important}
  [class*="text-3xl"]{font-size:1.45rem!important;line-height:1.2!important}
  [class*="text-2xl"]{font-size:1.25rem!important;line-height:1.25!important}
  [data-loc="client/src/pages/Inventory.tsx:570"]{min-width:0!important;width:100%!important}
  [data-loc="client/src/pages/Inventory.tsx:570"] article{border-radius:10px!important;overflow:hidden!important}
  [data-loc="client/src/pages/Inventory.tsx:570"] table{font-size:12px!important}
  [data-loc="client/src/pages/Inventory.tsx:570"] th,
  [data-loc="client/src/pages/Inventory.tsx:570"] td{padding:9px 10px!important;white-space:nowrap!important}
  .v69-mobile-actions button{font-size:13px!important}
}
@media (min-width:640px) and (max-width:1023px){
  [data-loc="client/src/pages/Inventory.tsx:570"]{overflow:hidden!important}
  [data-loc="client/src/pages/Inventory.tsx:570"] table{font-size:13px!important}
  [data-loc="client/src/pages/Inventory.tsx:570"] th,
  [data-loc="client/src/pages/Inventory.tsx:570"] td{padding:10px 12px!important}
}
@media (min-width:1024px){
  [data-loc="client/src/pages/Inventory.tsx:570"]{width:100%!important}
  [data-loc="client/src/pages/Inventory.tsx:570"] table{width:100%!important;table-layout:auto!important}
  [data-loc="client/src/pages/Inventory.tsx:570"] th,
  [data-loc="client/src/pages/Inventory.tsx:570"] td{vertical-align:middle!important}
  .v69-product-edit{display:inline-flex!important;align-items:center!important;justify-content:center!important}
}


/* ===== V477 SOURCE 3: v86-alerts-redesign.css ===== */

.v86-alert-page{padding-bottom:28px}
.v86-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);gap:16px;margin:18px 0 20px}
.v86-hero-main,.v86-hero-side{border-radius:24px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 14px 34px rgba(15,23,42,.07)}
.v86-hero-main{padding:24px;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%)}
.v86-eyebrow{font-size:11px;font-weight:900;letter-spacing:.13em;color:#64748b}
.v86-big-number{font-size:56px;line-height:1;font-weight:900;color:#0f172a;margin:10px 0 4px}
.v86-big-label{font-size:14px;color:#64748b;margin-bottom:18px}
.v86-priority-row{display:flex;flex-wrap:wrap;gap:8px}
.v86-priority{font-size:12px;font-weight:700;padding:7px 10px;border-radius:999px;border:1px solid}
.v86-priority b{margin-left:5px}.v86-priority.critical{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.v86-priority.warning{color:#b45309;background:#fffbeb;border-color:#fde68a}.v86-priority.info{color:#0e7490;background:#ecfeff;border-color:#a5f3fc}.v86-priority.normal{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}
.v86-hero-side{padding:24px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:linear-gradient(160deg,#111827,#1f2937);color:#fff;border:0}
.v86-side-icon{width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:25px;margin-bottom:14px}
.v86-hero-side strong{font-size:17px}.v86-hero-side p{font-size:12.5px;line-height:1.55;color:#cbd5e1;margin:6px 0 0}
.v86-board{background:#fff;border:1px solid #e5e7eb;border-radius:22px;box-shadow:0 12px 30px rgba(15,23,42,.06);overflow:hidden}
.v86-board-head{display:flex;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid #eef2f7;align-items:center}
.v86-board-head h3{font-size:17px;font-weight:900;color:#0f172a;margin:0 0 4px}.v86-board-head p{font-size:12.5px;color:#64748b;margin:0}
.v86-count{font-size:11px;font-weight:800;padding:7px 10px;background:#f1f5f9;border-radius:999px;color:#475569;white-space:nowrap}
.v86-columns{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.v86-group{border:1px solid #e5e7eb;border-radius:18px;overflow:hidden;background:#fbfdff}
.v86-group-title{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid #e5e7eb;background:#fff}
.v86-group-title strong{font-size:13px;color:#0f172a}.v86-group-title b{margin-left:auto;font-size:11px;border-radius:999px;background:#f1f5f9;color:#475569;padding:3px 7px}
.v86-dot{width:9px;height:9px;border-radius:99px;background:#2563eb}.v86-group.critical .v86-dot{background:#dc2626}.v86-group.warning .v86-dot{background:#f59e0b}.v86-group.info .v86-dot{background:#0891b2}
.v86-group-list{padding:10px;display:grid;gap:9px}
.v86-row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;padding:12px;border-radius:14px;background:#fff;border:1px solid #eef2f7}
.v86-row.critical{border-left:4px solid #dc2626}.v86-row.warning{border-left:4px solid #f59e0b}.v86-row.info{border-left:4px solid #0891b2}.v86-row.normal{border-left:4px solid #2563eb}
.v86-row-icon{width:38px;height:38px;border-radius:12px;background:#f8fafc;display:flex;align-items:center;justify-content:center;font-size:20px}
.v86-row-top{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:3px}.v86-type{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.v86-level{font-size:9px;font-weight:800;padding:2px 6px;border-radius:999px;background:#f1f5f9;color:#475569}
.v86-row h4{font-size:13.5px;line-height:1.4;font-weight:800;color:#0f172a;margin:0 0 4px}.v86-row p{font-size:12px;line-height:1.5;color:#64748b;margin:0 0 7px}
.v86-tags{display:flex;flex-wrap:wrap;gap:5px}.v86-tags span{font-size:10.5px;color:#64748b;background:#f8fafc;border:1px solid #eef2f7;border-radius:999px;padding:3px 6px}
.v86-empty{padding:50px 20px;text-align:center;color:#64748b}.v86-empty.success{display:flex;flex-direction:column;gap:6px;align-items:center}.v86-empty.success div{font-size:36px}.v86-empty.success strong{color:#0f172a;font-size:15px}.v86-empty.success span{font-size:12px}
@media(max-width:980px){.v86-hero{grid-template-columns:1fr}.v86-columns{grid-template-columns:1fr}}
@media(max-width:640px){.v86-hero-main,.v86-hero-side{border-radius:18px}.v86-hero-main,.v86-hero-side{padding:18px}.v86-big-number{font-size:46px}.v86-board{border-radius:18px}.v86-board-head{padding:16px;align-items:flex-start}.v86-columns{padding:10px;gap:10px}.v86-group{border-radius:15px}.v86-row{padding:10px}.v86-priority-row{gap:6px}.v86-priority{font-size:11px;padding:6px 8px}}


/* ===== V477 SOURCE 4: v130-alerts-pro.css ===== */

.v86-alert-page{max-width:1440px;margin:0 auto}
.v86-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);gap:1px;margin-bottom:18px;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--border)}
.v86-hero-main,.v86-hero-side{background:var(--card);padding:20px}
.v86-hero-main{display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-items:center}
.v86-eyebrow{grid-column:1/-1;font-size:10px;font-weight:800;letter-spacing:.13em;color:var(--muted-foreground);text-transform:uppercase;margin-bottom:6px}
.v86-big-number{font-family:var(--font-display,inherit);font-size:42px;font-weight:800;line-height:1;color:var(--foreground)}
.v86-big-label{align-self:end;padding-bottom:4px;font-size:13px;font-weight:650;color:var(--muted-foreground)}
.v86-priority-row{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px}
.v86-priority{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:38px;padding:8px 10px;border:1px solid var(--border);border-radius:7px;background:var(--background);font-size:11.5px;font-weight:650}
.v86-priority b{font-size:14px}
.v86-priority.critical{border-color:color-mix(in srgb,var(--destructive) 28%,var(--border));background:color-mix(in srgb,var(--destructive) 6%,var(--background))}
.v86-priority.warning{border-color:color-mix(in srgb,var(--warning) 35%,var(--border))}
.v86-priority.info{border-color:color-mix(in srgb,var(--chart-2) 28%,var(--border))}
.v86-hero-side{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.v86-side-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--border);border-radius:8px;background:var(--background);font-size:18px;margin-bottom:10px}
.v86-hero-side strong{font-size:14px}
.v86-hero-side p{margin-top:5px;font-size:11.5px;line-height:1.55;color:var(--muted-foreground)}

.v86-board{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--card)}
.v86-board-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--border);background:linear-gradient(100deg,color-mix(in srgb,var(--amber-brand) 5%,var(--card)),var(--card))}
.v86-board-head h3{margin:0;font-size:16px;font-weight:750}
.v86-board-head p{margin:4px 0 0;font-size:11.5px;color:var(--muted-foreground)}
.v86-count{flex:0 0 auto;padding:5px 9px;border:1px solid var(--border);border-radius:999px;background:var(--background);font-size:10.5px;font-weight:750;color:var(--muted-foreground)}

.v86-columns{display:grid;grid-template-columns:1fr;gap:0}
.v86-group{border-bottom:1px solid var(--border)}
.v86-group:last-child{border-bottom:0}
.v86-group-title{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:11px 18px;background:var(--muted);font-size:11.5px}
.v86-group-title .v86-dot{width:8px;height:8px;border-radius:50%;background:var(--muted-foreground)}
.v86-group.critical .v86-dot{background:var(--destructive)}
.v86-group.warning .v86-dot{background:var(--warning)}
.v86-group.info .v86-dot{background:var(--chart-2)}
.v86-group.normal .v86-dot{background:var(--muted-foreground)}
.v86-group-title strong{font-weight:800}
.v86-group-title b{min-width:24px;text-align:center;padding:2px 6px;border:1px solid var(--border);border-radius:999px;background:var(--card);font-size:10px}

.v86-group-list{display:block}
.v86-row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:14px 18px;border-top:1px solid var(--border);background:var(--card);transition:background .15s ease}
.v86-row:first-child{border-top:0}
.v86-row:hover{background:color-mix(in srgb,var(--muted) 42%,var(--card))}
.v86-row-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:8px;background:var(--background);font-size:17px}
.v86-row-content{min-width:0}
.v86-row-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}
.v86-type{font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted-foreground)}
.v86-level{padding:2px 6px;border-radius:999px;border:1px solid var(--border);font-size:9.5px;font-weight:750;text-transform:uppercase}
.v86-row h4{margin:0;font-size:13.5px;line-height:1.4;font-weight:750;color:var(--foreground)}
.v86-row p{margin:4px 0 0;font-size:11.5px;line-height:1.6;color:var(--muted-foreground)}
.v86-tags{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:8px}
.v86-tags span{position:relative;font-size:10.5px;color:var(--muted-foreground)}
.v86-tags span+span:before{content:"•";position:absolute;left:-8px;color:var(--border)}
.v86-empty{padding:42px 18px;text-align:center;color:var(--muted-foreground);font-size:13px}
.v86-empty.success{display:flex;flex-direction:column;align-items:center;gap:5px}
.v86-empty.success div{font-size:28px}
.v86-empty.success strong{font-size:14px;color:var(--foreground)}
.v86-empty.success span{font-size:11.5px}

@media (min-width:1024px){
  .v86-group-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .v86-row{border-right:1px solid var(--border)}
  .v86-row:nth-child(even){border-right:0}
}
@media (max-width:767px){
  .v86-hero{grid-template-columns:1fr}
  .v86-hero-main,.v86-hero-side{padding:14px}
  .v86-big-number{font-size:34px}
  .v86-priority-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .v86-priority{min-height:36px;font-size:10.5px;padding:7px 8px}
  .v86-board-head{align-items:flex-start;padding:14px}
  .v86-row{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:12px 14px}
  .v86-row-icon{width:32px;height:32px;font-size:15px}
  .v86-group-title{padding:10px 14px}
  .v86-tags{display:grid;grid-template-columns:1fr}
  .v86-tags span+span:before{display:none}
}

.v131-alert-link{margin-left:auto!important;color:var(--amber-brand)!important;font-weight:800!important;text-decoration:none!important}
.v131-alert-link:hover{text-decoration:underline!important;text-underline-offset:3px}
@media(max-width:767px){.v131-alert-link{margin-left:0!important;margin-top:3px!important;display:inline-flex!important;width:max-content!important}}


/* ===== V477 SOURCE 5: v139-vat-ui.css ===== */

.v139-vat-page{width:100%}
.v139-vat-header{
  padding:18px 20px;
  border:1px solid var(--border)!important;
  border-radius:12px;
  background:linear-gradient(110deg,color-mix(in srgb,var(--amber-brand) 7%,var(--card)),var(--card) 55%);
  box-shadow:0 1px 0 rgba(15,23,42,.03);
}
.v139-vat-header h1{font-size:clamp(1.65rem,2.5vw,2.2rem);line-height:1.08}
.v139-vat-header p:last-child{max-width:820px}

.v139-vat-status-grid{gap:10px!important}
.v139-vat-status-grid>button{
  min-height:84px;
  border-radius:10px!important;
  padding:13px 14px!important;
  position:relative;
  overflow:hidden;
  box-shadow:0 1px 0 rgba(15,23,42,.03);
}
.v139-vat-status-grid>button:before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;width:3px;
  background:var(--amber-brand);
  opacity:.58;
}
.v139-vat-status-grid>button strong{font-size:1.55rem!important;line-height:1.05}
.v139-vat-status-grid>button span{line-height:1.25}

.v139-vat-filter{
  border-radius:12px!important;
  padding:14px!important;
  box-shadow:0 1px 0 rgba(15,23,42,.03);
}
.v139-vat-filter input,.v139-vat-filter button{min-height:38px}
.v139-vat-filter .relative input{background:var(--background)}

.v139-vat-table{
  border:1px solid var(--border);
  border-radius:10px;
  background:var(--card);
}
.v139-vat-table table{border-collapse:separate;border-spacing:0}
.v139-vat-table thead th{
  position:sticky;top:0;z-index:2;
  background:color-mix(in srgb,var(--muted) 80%,var(--card));
  white-space:nowrap;
}
.v139-vat-table tbody tr{transition:background .14s ease}
.v139-vat-table tbody tr:hover{background:color-mix(in srgb,var(--muted) 35%,var(--card))}
.v139-vat-table td{vertical-align:top}
.v139-vat-table td:first-child,.v139-vat-table th:first-child{padding-left:16px}
.v139-vat-table td:last-child,.v139-vat-table th:last-child{padding-right:16px}
.v139-vat-table td:nth-child(2){min-width:210px}
.v139-vat-table td:nth-child(4){min-width:180px}
.v139-vat-table td:nth-child(5){min-width:140px}
.v139-vat-table td:last-child{min-width:180px}
.v139-vat-table td:last-child button{height:32px}
.v139-vat-table tbody tr:last-child td{border-bottom:0}

.v139-vat-mobile-list{margin-top:14px!important}
.v139-vat-card{
  border-radius:12px!important;
  padding:0!important;
  overflow:hidden;
  box-shadow:0 1px 2px rgba(15,23,42,.05);
}
.v139-vat-card>div:first-child{
  padding:13px 14px;
  background:linear-gradient(105deg,color-mix(in srgb,var(--amber-brand) 5%,var(--card)),var(--card));
  border-bottom:1px solid var(--border);
}
.v139-vat-card>p{padding-left:14px;padding-right:14px}
.v139-vat-card>p:nth-of-type(1){margin-top:11px!important}
.v139-vat-card>button{
  width:auto!important;
  min-width:0;
  margin-left:14px!important;
  margin-right:0!important;
  margin-bottom:12px;
}
.v139-vat-card>button+button{margin-left:7px!important}
.v139-vat-card .font-semibold{line-height:1.35}

.v139-vat-modal>div{
  border-radius:14px 14px 0 0!important;
}
.v139-vat-modal header{
  background:linear-gradient(105deg,color-mix(in srgb,var(--amber-brand) 6%,var(--card)),var(--card))!important;
}
.v139-vat-modal header h2{letter-spacing:-.01em}

@media (max-width:639px){
  .v139-vat-page{padding-left:10px!important;padding-right:10px!important}
  .v139-vat-header{padding:14px;border-radius:10px}
  .v139-vat-header h1{font-size:1.65rem!important}
  .v139-vat-header p:last-child{font-size:12px!important;line-height:1.55!important}
  .v139-vat-status-grid{gap:7px!important}
  .v139-vat-status-grid>button{min-height:74px;padding:10px 11px!important}
  .v139-vat-status-grid>button strong{font-size:1.35rem!important}
  .v139-vat-status-grid>button span{font-size:9.8px!important}
  .v139-vat-filter{padding:10px!important}
  .v139-vat-card>div:first-child{align-items:flex-start}
  .v139-vat-card>div:first-child>div{min-width:0}
  .v139-vat-card>div:first-child p:first-child{overflow-wrap:anywhere}
  .v139-vat-card>button{
    display:inline-flex!important;
    font-size:11.5px;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .v139-vat-modal{align-items:flex-end!important}
  .v139-vat-modal>div{
    max-height:96dvh!important;
    border-left:0!important;border-right:0!important;border-bottom:0!important;
  }
  .v139-vat-modal header{padding:13px 14px!important}
}
@media (min-width:640px) and (max-width:1023px){
  .v139-vat-card{padding:0!important}
  .v139-vat-mobile-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}


/* ===== V477 SOURCE 6: v170-ui-polish.css ===== */

/* V170 — visual polish only. No business logic. */
html, body, #root { width: 100%; min-width: 0; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { overflow-x: hidden; }
* { box-sizing: border-box; }
img, svg, canvas { max-width: 100%; }
main, section, article, .ledger-cell { min-width: 0; }

.ledger-cell {
  border-radius: 10px;
  overflow: hidden;
}

button, [role="button"], a {
  -webkit-tap-highlight-color: transparent;
}

input, select, textarea, button {
  font: inherit;
}

table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

th {
  white-space: nowrap;
}

td {
  vertical-align: middle;
}

@media (min-width: 1024px) {
  .ledger-cell {
    transition: box-shadow .16s ease, border-color .16s ease, transform .16s ease;
  }
  .ledger-cell:hover {
    box-shadow: 0 8px 24px rgba(15, 23, 42, .055);
  }

  /* Keep wide data pages readable without squeezing columns */
  .overflow-x-auto {
    scrollbar-width: thin;
    scrollbar-color: color-mix(in srgb, currentColor 18%, transparent) transparent;
  }
}

@media (max-width: 767px) {
  body {
    font-size: 14px;
  }

  /* Comfortable touch targets */
  button,
  [role="button"],
  input:not([type="checkbox"]):not([type="radio"]),
  select {
    min-height: 40px;
  }

  textarea {
    min-height: 96px;
  }

  /* Cards use the screen efficiently */
  .ledger-cell {
    border-radius: 9px;
  }

  .ledger-cell.p-4,
  .ledger-cell.lg\:p-5 {
    padding: 14px !important;
  }

  /* Horizontal tables scroll cleanly instead of breaking layout */
  .overflow-x-auto,
  .hidden.overflow-x-auto.md\:block,
  .hidden.overflow-x-auto.lg\:block {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-inline: contain;
  }

  table {
    min-width: 680px;
  }

  th, td {
    font-size: 11.5px;
    line-height: 1.35;
  }

  /* Forms and action groups */
  .flex.w-full.flex-col.gap-2.sm\:w-auto.sm\:flex-row,
  .flex.flex-col.gap-2.sm\:flex-row,
  .flex.flex-col-reverse.gap-2.sm\:flex-row {
    gap: 8px;
  }

  /* Dialogs should never exceed the visible viewport */
  [class*="fixed"][class*="inset-0"] > div {
    max-height: 94dvh;
  }

  /* Prevent long identifiers/amounts from stretching cards */
  .font-mono,
  .tabular,
  .tabular-nums {
    overflow-wrap: anywhere;
  }

  h1 { line-height: 1.18; }
  h2, h3 { line-height: 1.25; }

  /* Give mobile charts enough breathing room while avoiding overflow */
  .recharts-responsive-container,
  .recharts-wrapper,
  .recharts-surface {
    max-width: 100% !important;
  }
}

@media (max-width: 420px) {
  .ledger-cell {
    border-radius: 8px;
  }

  .eyebrow {
    letter-spacing: .09em;
  }

  /* Compact status stamps on narrow phones */
  .stamp {
    max-width: 100%;
    white-space: normal;
    text-align: center;
    line-height: 1.2;
  }
}


/* ===== V477 SOURCE 7: v173-create-order-scroll.css ===== */

/* V173 — Chrome-safe scrolling for Lên đơn hàng. Visual/scroll behavior only. */
.order-dialog-content {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
  scrollbar-gutter: stable;
  min-height: 0 !important;
  max-height: 100dvh !important;
}

.order-dialog-content > * {
  min-width: 0;
}

/* Chrome desktop: keep the dialog inside the viewport and make the dialog itself the scroll container. */
@media (min-width: 640px) {
  .order-dialog-content {
    height: calc(100dvh - 2rem) !important;
    max-height: calc(100dvh - 2rem) !important;
  }
}

/* Phones/tablets: use dynamic viewport height so Chrome address bar does not trap the bottom of the form. */
@media (max-width: 639px) {
  .order-dialog-content {
    height: 100dvh !important;
    max-height: 100dvh !important;
    padding-bottom: max(1.5rem, env(safe-area-inset-bottom)) !important;
  }

  .order-mobile-workflow {
    position: sticky !important;
    top: 0 !important;
  }
}

/* Fallback for older Chrome versions without dvh. */
@supports not (height: 100dvh) {
  .order-dialog-content {
    height: 100vh !important;
    max-height: 100vh !important;
  }
  @media (min-width: 640px) {
    .order-dialog-content {
      height: calc(100vh - 2rem) !important;
      max-height: calc(100vh - 2rem) !important;
    }
  }
}


/* ===== V477 SOURCE 8: v174-chrome-compat.css ===== */

/* V174 — Chrome compatibility layer.
   UI/browser behavior only; no business/data logic changes. */

:root {
  --v174-app-height: 100dvh;
  --v174-safe-top: env(safe-area-inset-top, 0px);
  --v174-safe-right: env(safe-area-inset-right, 0px);
  --v174-safe-bottom: env(safe-area-inset-bottom, 0px);
  --v174-safe-left: env(safe-area-inset-left, 0px);
}

html {
  width: 100%;
  min-width: 0;
  min-height: 100%;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-behavior: auto;
}

body, #root {
  width: 100%;
  min-width: 0;
  min-height: 100%;
}

body {
  margin: 0;
  overflow-x: hidden;
  overscroll-behavior-x: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Chrome sometimes keeps min-width:auto on flex/grid descendants. */
main, section, article, aside, header, footer,
[data-slot="dialog-content"],
[data-slot="alert-dialog-content"] {
  min-width: 0;
}

.flex > *, .grid > * {
  min-width: 0;
}

/* Dialogs / modal sheets: never trap content outside Chrome viewport. */
[data-slot="dialog-overlay"],
[data-slot="alert-dialog-overlay"] {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw;
  height: var(--v174-app-height);
  touch-action: none;
}

[data-slot="dialog-content"],
[data-slot="alert-dialog-content"] {
  max-height: min(94dvh, var(--v174-app-height)) !important;
  overscroll-behavior-y: contain;
}

/* Ordinary centered dialogs can scroll internally if Chrome viewport shrinks. */
[data-slot="dialog-content"]:not(.order-dialog-content),
[data-slot="alert-dialog-content"] {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* Lên đơn hàng: keep its own scroll container. */
.order-dialog-content {
  height: var(--v174-app-height) !important;
  max-height: var(--v174-app-height) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: contain !important;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y !important;
  scrollbar-gutter: stable;
}

/* Sticky elements need an opaque stacking context in Chrome. */
.sticky,
.order-mobile-workflow {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* Prevent fixed/sticky layers from being clipped by accidental transforms. */
[data-slot="dialog-portal"] {
  isolation: isolate;
}

/* Inputs/selects: normalize Chrome rendering and prevent zoom/layout jumps. */
input, select, textarea, button {
  max-width: 100%;
  font: inherit;
}

input, textarea {
  appearance: none;
  -webkit-appearance: none;
}

select {
  -webkit-appearance: auto;
  appearance: auto;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="number"] {
  min-width: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  margin: 0;
}

textarea {
  resize: vertical;
}

/* Native select/dropdown must stay readable on Chrome. */
select, option {
  color: inherit;
  background-color: var(--background, #fff);
}

/* Tables: Chrome must scroll the wrapper rather than expanding page width. */
.overflow-x-auto,
[class*="overflow-x-auto"] {
  max-width: 100%;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain;
}

table {
  max-width: none;
}

th, td {
  overflow-wrap: normal;
}

/* Charts/SVG: avoid width overflow and blurry Chrome transforms. */
.recharts-responsive-container,
.recharts-wrapper,
.recharts-surface {
  max-width: 100% !important;
}

svg {
  shape-rendering: geometricPrecision;
}

/* Popovers/dropdowns should remain above sticky/mobile navigation. */
[data-radix-popper-content-wrapper] {
  z-index: 80 !important;
  max-width: calc(100vw - 16px) !important;
}

/* Buttons/links: reliable pointer behavior on Chrome touch devices. */
button, [role="button"], a {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

button:disabled,
[aria-disabled="true"] {
  cursor: not-allowed;
}

/* Mobile Chrome: keyboard/address-bar-safe layout. */
@media (max-width: 639px) {
  body {
    min-height: var(--v174-app-height);
  }

  input, select, textarea {
    font-size: 16px; /* avoids browser zoom and layout shift on focus */
  }

  [data-slot="dialog-content"]:not(.order-dialog-content),
  [data-slot="alert-dialog-content"] {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    max-height: calc(var(--v174-app-height) - 16px) !important;
  }

  .order-dialog-content {
    padding-bottom: max(1.5rem, var(--v174-safe-bottom)) !important;
  }

  .order-mobile-workflow {
    top: 0 !important;
    z-index: 20 !important;
  }

  /* horizontally wide data tables are intentionally scrollable */
  table {
    min-width: 680px;
  }

  /* avoid accidental horizontal movement in card grids */
  .grid, .flex {
    max-width: 100%;
  }
}

/* Chrome desktop: center dialogs inside viewport but preserve internal scroll. */
@media (min-width: 640px) {
  .order-dialog-content {
    height: calc(var(--v174-app-height) - 2rem) !important;
    max-height: calc(var(--v174-app-height) - 2rem) !important;
  }

  [data-slot="dialog-content"]:not(.order-dialog-content),
  [data-slot="alert-dialog-content"] {
    max-height: calc(var(--v174-app-height) - 2rem) !important;
  }
}

/* Fallback for older Chrome without dvh support. */
@supports not (height: 100dvh) {
  :root { --v174-app-height: 100vh; }
}


/* ===== V477 SOURCE 9: v176-reports-mobile.css ===== */

/* V176 — Báo cáo doanh thu mobile. Desktop remains unchanged. */
@media (max-width: 639px) {
  .v176-report-mobile {
    width: 100%;
    min-width: 0;
    overflow-x: hidden;
  }

  /* Header/filter controls fit the phone width. */
  .v176-report-mobile [data-loc*="shared.tsx:305"] {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100%;
    gap: 8px !important;
  }

  .v176-report-mobile [data-loc*="shared.tsx:305"] > * {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .v176-report-mobile [data-slot="select-trigger"] {
    width: 100% !important;
    min-width: 0 !important;
  }

  /* Tabs wrap instead of forcing horizontal drag. */
  .v176-report-mobile [role="tablist"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100%;
    overflow: visible !important;
  }

  .v176-report-mobile [role="tab"] {
    min-width: 0 !important;
    width: 100% !important;
    white-space: normal !important;
    text-align: center;
    line-height: 1.2;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  /* Convert shared report tables to vertical cards.
     Ci already adds data-label to every td, so no data is lost. */
  .v176-report-mobile .responsive-report-table {
    overflow: visible !important;
    width: 100%;
    max-width: 100%;
  }

  .v176-report-mobile .responsive-report-table table,
  .v176-report-mobile .responsive-report-table tbody,
  .v176-report-mobile .responsive-report-table tr,
  .v176-report-mobile .responsive-report-table td {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .v176-report-mobile .responsive-report-table table {
    min-width: 0 !important;
  }

  .v176-report-mobile .responsive-report-table thead {
    display: none !important;
  }

  .v176-report-mobile .responsive-report-table tbody {
    display: grid !important;
    gap: 10px;
  }

  .v176-report-mobile .responsive-report-table tr {
    border: 1px solid var(--border) !important;
    border-radius: 9px;
    background: var(--background);
    padding: 4px 11px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .035);
    overflow: hidden;
  }

  .v176-report-mobile .responsive-report-table td {
    display: grid !important;
    grid-template-columns: minmax(92px, 42%) minmax(0, 1fr) !important;
    align-items: start;
    gap: 10px;
    padding: 8px 0 !important;
    border-bottom: 1px dashed color-mix(in srgb, currentColor 10%, transparent);
    white-space: normal !important;
    text-align: right !important;
    overflow-wrap: anywhere;
    font-size: 11.5px;
    line-height: 1.4;
  }

  .v176-report-mobile .responsive-report-table td:last-child {
    border-bottom: 0;
  }

  .v176-report-mobile .responsive-report-table td::before {
    content: attr(data-label);
    display: block;
    min-width: 0;
    color: var(--muted-foreground);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: .025em;
    text-align: left;
    text-transform: uppercase;
  }

  .v176-report-mobile .responsive-report-table td > * {
    min-width: 0;
    max-width: 100%;
    justify-self: end;
    text-align: right;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }

  /* First identity field reads like a card title. */
  .v176-report-mobile .responsive-report-table td:first-child {
    grid-template-columns: 1fr !important;
    padding-top: 10px !important;
    text-align: left !important;
  }

  .v176-report-mobile .responsive-report-table td:first-child::before {
    margin-bottom: 2px;
  }

  .v176-report-mobile .responsive-report-table td:first-child > * {
    justify-self: start;
    text-align: left;
  }

  /* Charts fit naturally inside cards. */
  .v176-report-mobile .recharts-responsive-container {
    min-width: 0 !important;
    width: 100% !important;
  }

  /* Report cards use mobile space efficiently. */
  .v176-report-mobile .ledger-cell {
    max-width: 100%;
    overflow: hidden;
  }

  .v176-report-mobile .ledger-cell.p-4,
  .v176-report-mobile .ledger-cell.lg\:p-5 {
    padding: 13px !important;
  }
}


/* ===== V477 SOURCE 10: v177-mobile-finance-debts-kpi.css ===== */

/* V177 — Mobile layout for Finance, Debts and KPI. Desktop unchanged. */
@media (max-width: 639px) {
  .v177-finance-mobile,
  .v177-debts-mobile,
  .v177-kpi-mobile {
    width: 100%;
    min-width: 0;
    overflow-x: hidden;
  }

  .v177-finance-mobile .ledger-cell,
  .v177-debts-mobile .ledger-cell,
  .v177-kpi-mobile .ledger-cell {
    max-width: 100%;
    overflow: hidden;
    border-radius: 9px;
  }

  .v177-finance-mobile .ledger-cell.p-4,
  .v177-finance-mobile .ledger-cell.lg\:p-5,
  .v177-debts-mobile .ledger-cell.p-4,
  .v177-debts-mobile .ledger-cell.lg\:p-5,
  .v177-kpi-mobile .ledger-cell.p-4,
  .v177-kpi-mobile .ledger-cell.lg\:p-5 {
    padding: 13px !important;
  }

  /* Shared report tables become cards. */
  .v177-finance-mobile .responsive-report-table,
  .v177-debts-mobile .responsive-report-table,
  .v177-kpi-mobile .responsive-report-table {
    overflow: visible !important;
    width: 100%;
    max-width: 100%;
  }

  .v177-finance-mobile .responsive-report-table table,
  .v177-finance-mobile .responsive-report-table tbody,
  .v177-finance-mobile .responsive-report-table tr,
  .v177-finance-mobile .responsive-report-table td,
  .v177-debts-mobile .responsive-report-table table,
  .v177-debts-mobile .responsive-report-table tbody,
  .v177-debts-mobile .responsive-report-table tr,
  .v177-debts-mobile .responsive-report-table td,
  .v177-kpi-mobile .responsive-report-table table,
  .v177-kpi-mobile .responsive-report-table tbody,
  .v177-kpi-mobile .responsive-report-table tr,
  .v177-kpi-mobile .responsive-report-table td {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .v177-finance-mobile .responsive-report-table table,
  .v177-debts-mobile .responsive-report-table table,
  .v177-kpi-mobile .responsive-report-table table {
    min-width: 0 !important;
  }

  .v177-finance-mobile .responsive-report-table thead,
  .v177-debts-mobile .responsive-report-table thead,
  .v177-kpi-mobile .responsive-report-table thead {
    display: none !important;
  }

  .v177-finance-mobile .responsive-report-table tbody,
  .v177-debts-mobile .responsive-report-table tbody,
  .v177-kpi-mobile .responsive-report-table tbody {
    display: grid !important;
    gap: 10px;
  }

  .v177-finance-mobile .responsive-report-table tr,
  .v177-debts-mobile .responsive-report-table tr,
  .v177-kpi-mobile .responsive-report-table tr {
    border: 1px solid var(--border) !important;
    border-radius: 9px;
    background: var(--background);
    padding: 4px 11px;
    overflow: hidden;
  }

  .v177-finance-mobile .responsive-report-table td,
  .v177-debts-mobile .responsive-report-table td,
  .v177-kpi-mobile .responsive-report-table td {
    display: grid !important;
    grid-template-columns: minmax(98px, 42%) minmax(0, 1fr) !important;
    gap: 10px;
    align-items: start;
    padding: 8px 0 !important;
    border-bottom: 1px dashed color-mix(in srgb, currentColor 10%, transparent);
    white-space: normal !important;
    text-align: right !important;
    overflow-wrap: anywhere;
    font-size: 11.5px;
    line-height: 1.4;
  }

  .v177-finance-mobile .responsive-report-table td:last-child,
  .v177-debts-mobile .responsive-report-table td:last-child,
  .v177-kpi-mobile .responsive-report-table td:last-child {
    border-bottom: 0;
  }

  .v177-finance-mobile .responsive-report-table td::before,
  .v177-debts-mobile .responsive-report-table td::before,
  .v177-kpi-mobile .responsive-report-table td::before {
    content: attr(data-label);
    color: var(--muted-foreground);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: .025em;
    text-align: left;
    text-transform: uppercase;
  }

  .v177-finance-mobile .responsive-report-table td > *,
  .v177-debts-mobile .responsive-report-table td > *,
  .v177-kpi-mobile .responsive-report-table td > * {
    min-width: 0;
    max-width: 100%;
    justify-self: end;
    text-align: right;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }

  .v177-finance-mobile .responsive-report-table td:first-child,
  .v177-debts-mobile .responsive-report-table td:first-child,
  .v177-kpi-mobile .responsive-report-table td:first-child {
    grid-template-columns: 1fr !important;
    text-align: left !important;
    padding-top: 10px !important;
  }

  .v177-finance-mobile .responsive-report-table td:first-child > *,
  .v177-debts-mobile .responsive-report-table td:first-child > *,
  .v177-kpi-mobile .responsive-report-table td:first-child > * {
    justify-self: start;
    text-align: left;
  }

  /* KPI top cards: 1 column on very narrow phones, 2 otherwise. */
  .v177-kpi-mobile .grid.grid-cols-2 {
    grid-template-columns: 1fr 1fr !important;
  }

  @media (max-width: 380px) {
    .v177-kpi-mobile .grid.grid-cols-2 {
      grid-template-columns: 1fr !important;
    }
  }

  /* Finance/Debt/KPI action rows and filters stack cleanly. */
  .v177-finance-mobile .flex.flex-wrap,
  .v177-debts-mobile .flex.flex-wrap,
  .v177-kpi-mobile .flex.flex-wrap {
    row-gap: 8px;
  }

  .v177-finance-mobile select,
  .v177-finance-mobile input,
  .v177-finance-mobile button,
  .v177-debts-mobile select,
  .v177-debts-mobile input,
  .v177-debts-mobile button,
  .v177-kpi-mobile select,
  .v177-kpi-mobile input,
  .v177-kpi-mobile button {
    max-width: 100%;
  }

  /* Debt order-code links wrap in-card rather than stretching the row. */
  .v177-debts-mobile a[href*="/invoices/"] {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  /* Charts should fit the card width. */
  .v177-finance-mobile .recharts-responsive-container,
  .v177-debts-mobile .recharts-responsive-container,
  .v177-kpi-mobile .recharts-responsive-container {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  /* Long financial values do not create horizontal overflow. */
  .v177-finance-mobile .tabular,
  .v177-finance-mobile .tabular-nums,
  .v177-debts-mobile .tabular,
  .v177-debts-mobile .tabular-nums,
  .v177-kpi-mobile .tabular,
  .v177-kpi-mobile .tabular-nums {
    overflow-wrap: anywhere;
    word-break: break-word;
  }
}


/* ===== V477 SOURCE 11: v178-money-autofit.css ===== */

/* V178 — Auto-fit money/large numeric values without hiding digits.
   Visual only; no calculation/data changes. */

/* Generic numeric containers commonly used across the app. */
.v178-money-fit,
.stat-figure,
.tabular,
.tabular-nums {
  min-width: 0;
  max-width: 100%;
}

/* Prevent clipping of long amounts. */
.v178-money-fit,
.stat-figure {
  overflow: visible;
  white-space: nowrap;
  text-overflow: clip;
}

/* Allow large monetary figures to scale responsively with container width.
   clamp() keeps normal values visually unchanged but prevents oversized text on narrow cards. */
.v178-money-fit,
.stat-figure {
  font-size: clamp(0.78rem, 4.2cqw, 1.5rem);
  line-height: 1.12;
  letter-spacing: -0.018em;
}

/* Cards become size containers so cqw scales to the actual card, not viewport. */
.ledger-cell,
[data-slot="card"] {
  container-type: inline-size;
}

/* Shared numeric spans in compact cards/tables:
   keep all digits visible, wrapping only as a last resort. */
.tabular,
.tabular-nums {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  text-overflow: clip;
}

/* For direct money strings ending with currency inside narrow cells,
   allow emergency wrapping rather than clipping digits. */
td .tabular,
td .tabular-nums,
.responsive-report-table .tabular,
.responsive-report-table .tabular-nums {
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
}

/* Dashboard/KPI/finance top figures should shrink smoothly in small cards. */
.grid .stat-figure,
.ledger-cell .stat-figure {
  max-width: 100%;
  font-size: clamp(0.76rem, 4cqw, 1.5rem);
}

/* Mobile: prioritize complete digits over large typography. */
@media (max-width: 639px) {
  .v178-money-fit,
  .stat-figure {
    font-size: clamp(0.72rem, 7.8vw, 1.25rem);
    line-height: 1.1;
  }

  .ledger-cell .tabular,
  .ledger-cell .tabular-nums,
  .responsive-report-table .tabular,
  .responsive-report-table .tabular-nums {
    max-width: 100%;
    font-size: clamp(0.68rem, 3.4vw, 0.88rem);
    line-height: 1.25;
  }

  /* Monetary values inside 2-column KPI/stat cards may be very long. */
  .grid.grid-cols-2 .stat-figure,
  .grid.grid-cols-2 .tabular,
  .grid.grid-cols-2 .tabular-nums {
    font-size: clamp(0.66rem, 4.8vw, 1rem);
  }
}

/* Very narrow phones: keep every digit, even for tens/hundreds of billions. */
@media (max-width: 380px) {
  .v178-money-fit,
  .stat-figure {
    font-size: clamp(0.66rem, 6.8vw, 1rem);
  }

  .tabular,
  .tabular-nums {
    font-size: clamp(0.64rem, 3.1vw, 0.82rem);
  }
}

/* Fallback for browsers without container query units. */
@supports not (font-size: 1cqw) {
  .v178-money-fit,
  .stat-figure {
    font-size: clamp(0.78rem, 2.2vw, 1.5rem);
  }
}


/* ===== V477 SOURCE 12: v192-order-list-only-icons.css ===== */

/* V192 — ONLY menu Đơn hàng > Danh sách đơn hàng > cột Thao tác.
   No icon changes anywhere else in the application. */
@media (min-width: 768px) {
  .v192-order-list-actions {
    min-width: 220px;
    white-space: nowrap;
  }

  .v192-order-list-actions > button:not(.v192-order-print) {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    border-radius: 8px !important;
  }

  .v192-order-list-actions > button:not(.v192-order-print) svg {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px;
    min-height: 22px;
    stroke-width: 2.15 !important;
  }

  .v192-order-list-actions .v192-order-print {
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 10px !important;
    gap: 6px !important;
    border-radius: 8px !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
  }

  .v192-order-list-actions .v192-order-print svg {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px;
    min-height: 22px;
    stroke-width: 2.15 !important;
  }
}


/* ===== V477 SOURCE 13: v193-checkbox-fix.css ===== */

/* V193 — Restore visible tick for checkboxes/radios.
   Chrome compatibility CSS previously applied appearance:none to all inputs. */
input[type="checkbox"],
input[type="radio"] {
  -webkit-appearance: auto !important;
  appearance: auto !important;
}

.v193-vat-checkbox {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  cursor: pointer;
  accent-color: var(--amber-brand);
}

.v193-vat-checkbox:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--amber-brand) 45%, transparent);
  outline-offset: 2px;
}


/* ===== V477 SOURCE 14: v195-order-table-12-15inch-fix.css ===== */

/* V195 — FIX trực tiếp lỗi V194:
   Danh sách đơn hàng desktop 12–15 inch không được ép chữ/số xuống dọc. */

@media (min-width: 900px) {
  .v194-order-list-desktop {
    width: 100%;
    max-width: 100%;
    overflow: hidden !important;
  }

  .v195-order-table-scroll {
    width: 100%;
    max-width: 100%;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable;
  }

  .v195-order-table-scroll > div,
  .v195-order-table-scroll .responsive-report-table {
    width: max-content !important;
    min-width: 100% !important;
    max-width: none !important;
    overflow: visible !important;
  }

  .v195-order-table-scroll table {
    width: max-content !important;
    min-width: 1420px !important;
    max-width: none !important;
    table-layout: auto !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
  }

  /* Header tuyệt đối không xuống từng ký tự. */
  .v195-order-table-scroll thead th {
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    line-height: 1.3 !important;
    font-size: 11px !important;
    padding: 11px 10px !important;
    vertical-align: middle !important;
  }

  .v195-order-table-scroll tbody td {
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    line-height: 1.35 !important;
    font-size: 11.5px !important;
    padding: 10px 10px !important;
    vertical-align: middle !important;
  }

  /* Chỉ 3 cột chữ dài được phép xuống dòng bình thường. */
  .v195-order-table-scroll tbody td:nth-child(3),
  .v195-order-table-scroll tbody td:nth-child(4),
  .v195-order-table-scroll tbody td:nth-child(5) {
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    min-width: 150px !important;
    max-width: 220px !important;
  }

  /* Mã đơn */
  .v195-order-table-scroll th:nth-child(1),
  .v195-order-table-scroll td:nth-child(1) {
    min-width: 82px !important;
  }

  /* Ngày */
  .v195-order-table-scroll th:nth-child(2),
  .v195-order-table-scroll td:nth-child(2) {
    min-width: 100px !important;
  }

  /* Khách hàng */
  .v195-order-table-scroll th:nth-child(3),
  .v195-order-table-scroll td:nth-child(3) {
    min-width: 170px !important;
  }

  /* Khu vực */
  .v195-order-table-scroll th:nth-child(4),
  .v195-order-table-scroll td:nth-child(4) {
    min-width: 140px !important;
  }

  /* Sale */
  .v195-order-table-scroll th:nth-child(5),
  .v195-order-table-scroll td:nth-child(5) {
    min-width: 170px !important;
  }

  /* SL SP */
  .v195-order-table-scroll th:nth-child(6),
  .v195-order-table-scroll td:nth-child(6) {
    min-width: 68px !important;
    text-align: center;
  }

  /* Giá trị + các cột tài chính động.
     Dùng min-width đủ lớn để số tiền không bị xếp dọc. */
  .v195-order-table-scroll th:nth-child(n+7):nth-child(-n+10),
  .v195-order-table-scroll td:nth-child(n+7):nth-child(-n+10) {
    min-width: 105px !important;
    text-align: right;
  }

  /* Trạng thái */
  .v195-order-table-scroll th:nth-last-child(2),
  .v195-order-table-scroll td:nth-last-child(2) {
    min-width: 125px !important;
    text-align: left;
  }

  /* Thao tác */
  .v195-order-table-scroll th:last-child,
  .v195-order-table-scroll td:last-child {
    min-width: 225px !important;
    width: 225px !important;
    white-space: nowrap !important;
  }

  /* Hủy tác động auto-fit toàn cục lên số tiền trong bảng này. */
  .v195-order-table-scroll .tabular,
  .v195-order-table-scroll .tabular-nums,
  .v195-order-table-scroll .stat-figure {
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    font-size: 11.5px !important;
    line-height: 1.35 !important;
    max-width: none !important;
  }

  /* Giữ icon danh sách đơn hàng từ V192, không tác động icon nơi khác. */
  .v195-order-table-scroll .v192-order-list-actions {
    min-width: 210px !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 6px !important;
  }
}

/* Laptop 12–15 inch thường 1024–1536 CSS px */
@media (min-width: 1024px) and (max-width: 1536px) {
  .v195-order-table-scroll table {
    min-width: 1360px !important;
  }

  .v195-order-table-scroll thead th {
    font-size: 10.5px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .v195-order-table-scroll tbody td {
    font-size: 11px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .v195-order-table-scroll .tabular,
  .v195-order-table-scroll .tabular-nums,
  .v195-order-table-scroll .stat-figure {
    font-size: 11px !important;
  }
}

/* 1366px — kích thước laptop 14 inch phổ biến */
@media (min-width: 1024px) and (max-width: 1366px) {
  .v195-order-table-scroll table {
    min-width: 1320px !important;
  }

  .v195-order-table-scroll th:nth-child(3),
  .v195-order-table-scroll td:nth-child(3) {
    min-width: 155px !important;
  }

  .v195-order-table-scroll th:nth-child(4),
  .v195-order-table-scroll td:nth-child(4) {
    min-width: 125px !important;
  }

  .v195-order-table-scroll th:nth-child(5),
  .v195-order-table-scroll td:nth-child(5) {
    min-width: 155px !important;
  }
}


/* ===== V477 SOURCE 15: v196-order-list-actions-smaller.css ===== */

/* V196 — Chỉ thu nhỏ nhẹ bộ thao tác trong Danh sách đơn hàng. */
@media (min-width: 900px) {
  .v195-order-table-scroll .v192-order-list-actions {
    min-width: 188px !important;
    gap: 4px !important;
  }

  .v195-order-table-scroll .v192-order-list-actions > button:not(.v192-order-print) {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
    border-radius: 7px !important;
  }

  .v195-order-table-scroll .v192-order-list-actions > button:not(.v192-order-print) svg {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
  }

  .v195-order-table-scroll .v192-order-list-actions .v192-order-print {
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 8px !important;
    gap: 5px !important;
    font-size: 11.5px !important;
    border-radius: 7px !important;
  }

  .v195-order-table-scroll .v192-order-list-actions .v192-order-print svg {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
  }

  .v195-order-table-scroll th:last-child,
  .v195-order-table-scroll td:last-child {
    min-width: 198px !important;
    width: 198px !important;
  }
}


/* ===== V477 SOURCE 16: v197-revenue-report-12inch.css ===== */

@media (min-width: 900px) and (max-width: 1366px) {
  .v197-revenue-report {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  .v197-revenue-report .responsive-report-table,
  .v197-revenue-report .overflow-x-auto {
    max-width: 100%;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable;
  }

  .v197-revenue-report table {
    width: max-content !important;
    min-width: 1180px !important;
    max-width: none !important;
    table-layout: auto !important;
  }

  .v197-revenue-report thead th {
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    font-size: 10.5px !important;
    line-height: 1.3 !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .v197-revenue-report tbody td {
    font-size: 11px !important;
    line-height: 1.35 !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    vertical-align: middle !important;
  }

  .v197-revenue-report .tabular,
  .v197-revenue-report .tabular-nums,
  .v197-revenue-report .stat-figure {
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    max-width: none !important;
    font-size: inherit !important;
  }

  .v197-revenue-report th:nth-child(n+5),
  .v197-revenue-report td:nth-child(n+5) {
    min-width: 92px !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
  }

  .v197-revenue-report td:nth-child(2),
  .v197-revenue-report td:nth-child(3),
  .v197-revenue-report td:nth-child(4) {
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    min-width: 120px !important;
    max-width: 190px !important;
  }

  .v197-revenue-report td:last-child,
  .v197-revenue-report th:last-child {
    min-width: 82px !important;
    white-space: nowrap !important;
  }

  .v197-revenue-report .ledger-cell .tabular,
  .v197-revenue-report .ledger-cell .tabular-nums {
    font-size: 11px !important;
  }
}

@media (min-width: 900px) and (max-width: 1280px) {
  .v197-revenue-report table {
    min-width: 1120px !important;
  }

  .v197-revenue-report thead th {
    font-size: 10px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  .v197-revenue-report tbody td {
    font-size: 10.5px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  .v197-revenue-report .ledger-cell .tabular,
  .v197-revenue-report .ledger-cell .tabular-nums {
    font-size: 10.5px !important;
  }
}


/* ===== V477 SOURCE 17: v198-10inch-mobile-breakpoint.css ===== */

/* V198 — 10-inch and below use mobile UI.
   Applied by CSS width, because browsers expose CSS pixels rather than physical inches.
   Target: <=1100px viewport width, covering common 10-inch tablets/laptops. */

@media (max-width: 1100px) {
  /* Desktop/tablet blocks that only appear from md upward should stay hidden. */
  .hidden.md\:block,
  .hidden.md\:flex,
  .hidden.md\:grid,
  .hidden.md\:table,
  .hidden.lg\:block,
  .hidden.lg\:flex,
  .hidden.lg\:grid,
  .hidden.lg\:table {
    display: none !important;
  }

  /* Restore mobile variants that Tailwind hides at md/lg. */
  .flex.md\:hidden,
  .flex.lg\:hidden {
    display: flex !important;
  }

  .grid.md\:hidden,
  .grid.lg\:hidden {
    display: grid !important;
  }

  .block.md\:hidden,
  .block.lg\:hidden {
    display: block !important;
  }

  .inline-flex.md\:hidden,
  .inline-flex.lg\:hidden {
    display: inline-flex !important;
  }

  .md\:hidden:not(.flex):not(.grid):not(.inline-flex),
  .lg\:hidden:not(.flex):not(.grid):not(.inline-flex) {
    display: block !important;
  }

  /* App shell behaves like mobile: avoid page-level horizontal overflow. */
  html, body, #root {
    max-width: 100%;
    overflow-x: hidden !important;
  }

  main, section, article, .ledger-cell {
    min-width: 0 !important;
    max-width: 100%;
  }

  /* Mobile-friendly spacing on 10-inch and below. */
  .ledger-cell {
    border-radius: 9px;
  }

  .ledger-cell.p-4,
  .ledger-cell.lg\:p-5 {
    padding: 13px !important;
  }

  /* Data tables should use their existing mobile/card layouts.
     Any remaining desktop table is scrollable rather than squeezed. */
  .overflow-x-auto,
  .responsive-report-table {
    max-width: 100%;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  /* Forms/actions stack more naturally at this width. */
  .flex.flex-col.sm\:flex-row,
  .flex.flex-col-reverse.sm\:flex-row {
    gap: 8px;
  }

  /* Dialogs use mobile viewport behavior. */
  [data-slot="dialog-content"],
  [data-slot="alert-dialog-content"] {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    max-height: calc(var(--v174-app-height, 100dvh) - 16px) !important;
  }

  .order-dialog-content {
    width: 100vw !important;
    max-width: 100vw !important;
    height: var(--v174-app-height, 100dvh) !important;
    max-height: var(--v174-app-height, 100dvh) !important;
    border-radius: 0 !important;
  }

  /* Charts/cards remain inside viewport. */
  .recharts-responsive-container,
  .recharts-wrapper,
  .recharts-surface {
    max-width: 100% !important;
  }
}

/* Common 10-inch landscape widths (1024–1100px):
   make sure mobile navigation and mobile-only cards win over md/lg rules. */
@media (min-width: 768px) and (max-width: 1100px) {
  .md\:hidden,
  .lg\:hidden {
    visibility: visible !important;
  }

  .hidden.md\:block,
  .hidden.lg\:block {
    visibility: hidden !important;
  }
}


/* ===== V477 SOURCE 18: v199-report-search-orders-mobile.css ===== */

.v199-report-orders-mobile{display:none}
@media (max-width:1100px){
  .v199-report-orders-desktop{display:none!important}
  .v199-report-orders-mobile{display:grid!important;grid-template-columns:1fr;gap:10px;width:100%;min-width:0}
  .v199-report-order-card{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--background);box-shadow:0 1px 2px rgba(15,23,42,.04)}
  .v199-report-order-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:11px 12px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--muted) 35%,var(--background))}
  .v199-report-order-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:4px 12px}
  .v199-report-order-grid>div{min-width:0;padding:8px 0;border-bottom:1px dashed color-mix(in srgb,currentColor 10%,transparent)}
  .v199-report-order-grid>div:nth-last-child(-n+2){border-bottom:0}
  .v199-report-order-grid span{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--muted-foreground)}
  .v199-report-order-grid strong{display:block;margin-top:2px;font-size:12px;line-height:1.35;overflow-wrap:anywhere}
  .v199-report-order-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px;border-top:1px solid var(--border)}
  .v199-report-order-actions button{width:100%;min-height:38px}
}
@media (max-width:480px){
  .v199-report-order-grid{grid-template-columns:1fr}
  .v199-report-order-grid>div:nth-last-child(-n+2){border-bottom:1px dashed color-mix(in srgb,currentColor 10%,transparent)}
  .v199-report-order-grid>div:last-child{border-bottom:0}
}


/* ===== V477 SOURCE 19: v200-product-detail-mobile.css ===== */

.v200-product-detail-mobile{display:none}

@media (max-width:1100px){
  .v200-product-detail-desktop{display:none!important}
  .v200-product-detail-mobile{
    display:grid!important;
    grid-template-columns:1fr;
    gap:10px;
    width:100%;
    min-width:0;
  }

  .v200-product-card{
    min-width:0;
    overflow:hidden;
    border:1px solid var(--border);
    border-radius:10px;
    background:var(--background);
    box-shadow:0 1px 2px rgba(15,23,42,.04);
  }

  .v200-product-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
    padding:11px 12px;
    border-bottom:1px solid var(--border);
    background:color-mix(in srgb,var(--muted) 35%,var(--background));
  }

  .v200-margin-badge{
    flex:0 0 auto;
    border-radius:999px;
    padding:5px 8px;
    font-size:11px;
    font-weight:700;
    background:color-mix(in srgb,var(--success) 12%,transparent);
    color:var(--success);
    white-space:nowrap;
  }

  .v200-product-meta{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0;
    padding:4px 12px;
  }

  .v200-product-meta>div{
    min-width:0;
    padding:8px 0;
    border-bottom:1px dashed color-mix(in srgb,currentColor 10%,transparent);
  }

  .v200-product-meta>div:nth-last-child(-n+2){
    border-bottom:0;
  }

  .v200-product-meta span{
    display:block;
    color:var(--muted-foreground);
    font-size:10px;
    font-weight:700;
    line-height:1.35;
    letter-spacing:.03em;
    text-transform:uppercase;
  }

  .v200-product-meta strong{
    display:block;
    margin-top:2px;
    font-size:12px;
    line-height:1.35;
    overflow-wrap:anywhere;
  }

  .v200-product-meta .tabular,
  .v200-product-meta .tabular-nums{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    font-size:12px!important;
  }
}

@media (max-width:480px){
  .v200-product-meta{grid-template-columns:1fr}
  .v200-product-meta>div:nth-last-child(-n+2){
    border-bottom:1px dashed color-mix(in srgb,currentColor 10%,transparent);
  }
  .v200-product-meta>div:last-child{border-bottom:0}
}


/* ===== V477 SOURCE 20: v201-debt-customer-mobile.css ===== */

.v201-debt-customer-mobile{display:none}

@media (max-width:1100px){
  .v201-debt-customer-desktop{display:none!important}
  .v201-debt-customer-mobile{
    display:grid!important;
    grid-template-columns:1fr;
    gap:10px;
    width:100%;
    min-width:0;
  }

  .v201-debt-card{
    min-width:0;
    overflow:hidden;
    border:1px solid var(--border);
    border-radius:10px;
    background:var(--background);
    box-shadow:0 1px 2px rgba(15,23,42,.04);
  }

  .v201-debt-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
    padding:11px 12px;
    border-bottom:1px solid var(--border);
    background:color-mix(in srgb,var(--muted) 35%,var(--background));
  }

  .v201-debt-days{
    flex:0 0 auto;
    border-radius:999px;
    padding:5px 8px;
    font-size:11px;
    font-weight:700;
    background:var(--muted);
    color:var(--muted-foreground);
    white-space:nowrap;
  }

  .v201-debt-days.v201-warning{
    background:color-mix(in srgb,var(--warning) 13%,transparent);
    color:var(--warning);
  }

  .v201-debt-days.v201-danger{
    background:color-mix(in srgb,var(--destructive) 12%,transparent);
    color:var(--destructive);
  }

  .v201-debt-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0;
    padding:4px 12px;
  }

  .v201-debt-grid>div{
    min-width:0;
    padding:8px 0;
    border-bottom:1px dashed color-mix(in srgb,currentColor 10%,transparent);
  }

  .v201-debt-grid>div:nth-last-child(-n+2){border-bottom:0}

  .v201-debt-grid span,
  .v201-debt-orders-title{
    display:block;
    color:var(--muted-foreground);
    font-size:10px;
    font-weight:700;
    line-height:1.35;
    letter-spacing:.03em;
    text-transform:uppercase;
  }

  .v201-debt-grid strong{
    display:block;
    margin-top:2px;
    font-size:12px;
    line-height:1.35;
    overflow-wrap:anywhere;
  }

  .v201-debt-grid .tabular,
  .v201-debt-grid .tabular-nums{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    font-size:12px!important;
  }

  .v201-debt-orders{
    padding:10px 12px 12px;
    border-top:1px solid var(--border);
  }

  .v201-debt-order-links{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:7px;
  }

  .v201-debt-order-link{
    display:inline-flex;
    align-items:center;
    min-height:30px;
    border:1px solid color-mix(in srgb,var(--brand-green) 30%,var(--border));
    border-radius:7px;
    background:color-mix(in srgb,var(--brand-green) 5%,var(--background));
    padding:4px 8px;
    font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
    font-size:11px;
    font-weight:700;
    color:var(--brand-green);
    overflow-wrap:anywhere;
  }
}

@media (max-width:480px){
  .v201-debt-grid{grid-template-columns:1fr}
  .v201-debt-grid>div:nth-last-child(-n+2){
    border-bottom:1px dashed color-mix(in srgb,currentColor 10%,transparent);
  }
  .v201-debt-grid>div:last-child{border-bottom:0}
}


/* ===== V477 SOURCE 21: v203-debt-days-system-wide.css ===== */

/* V203 — debt-age display is integer-based system-wide.
   Business thresholds remain unchanged; this file is visual safety only. */
[data-debt-days],
.debt-days,
.overdue-days {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}


/* ===== V477 SOURCE 22: v204-products-toolbar-mobile.css ===== */

/* V204 — Menu Sản phẩm action toolbar switches to mobile layout <=1100px. */
@media (max-width:1100px){
  .v204-products-toolbar{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    gap:8px!important;
  }

  .v204-products-toolbar > button{
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    height:auto!important;
    padding:9px 10px!important;
    white-space:normal!important;
    line-height:1.25!important;
    text-align:center!important;
    justify-content:center!important;
    font-size:12px!important;
  }

  .v204-products-toolbar > button svg{
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    min-height:18px!important;
  }
}

@media (max-width:560px){
  .v204-products-toolbar{
    grid-template-columns:1fr!important;
  }

  .v204-products-toolbar > button{
    min-height:44px!important;
    font-size:12.5px!important;
  }
}


/* ===== V477 SOURCE 23: v208-inventory-toolbar-1200-960-560.css ===== */

/* V208 — Inventory toolbar:
   <=1200px: 3 columns
   <=960px: 2 columns
   <=560px: 1 column
*/
@media (max-width:1200px){
  .v206-inventory-toolbar{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    width:100%!important;
    gap:8px!important;
  }
  .v206-inventory-toolbar > input[type="file"]{position:absolute!important}
  .v206-inventory-toolbar > button{
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    height:auto!important;
    padding:9px 10px!important;
    white-space:normal!important;
    line-height:1.25!important;
    text-align:center!important;
    justify-content:center!important;
    font-size:12px!important;
  }
  .v206-inventory-toolbar > button svg{
    width:18px!important;height:18px!important;
    min-width:18px!important;min-height:18px!important;
  }
}
@media (max-width:960px){
  .v206-inventory-toolbar{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width:560px){
  .v206-inventory-toolbar{grid-template-columns:1fr!important}
  .v206-inventory-toolbar > button{
    min-height:44px!important;
    font-size:12.5px!important;
  }
}


/* ===== V477 SOURCE 24: v210-export-orders-mobile.css ===== */

.v210-export-orders-mobile{display:none}
@media(max-width:1100px){
  .v210-export-orders-desktop{display:none!important}
  .v210-export-orders-mobile{display:grid!important;grid-template-columns:1fr;gap:10px;width:100%;min-width:0}
  .v210-export-order-card{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--background);box-shadow:0 1px 2px rgba(15,23,42,.04)}
  .v210-export-order-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:11px 12px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--muted) 35%,var(--background))}
  .v210-export-order-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:4px 12px}
  .v210-export-order-grid>div{min-width:0;padding:8px 0;border-bottom:1px dashed color-mix(in srgb,currentColor 10%,transparent)}
  .v210-export-order-grid>div:nth-last-child(-n+2){border-bottom:0}
  .v210-export-order-grid span{display:block;font-size:10px;font-weight:700;line-height:1.35;letter-spacing:.03em;text-transform:uppercase;color:var(--muted-foreground)}
  .v210-export-order-grid strong{display:block;margin-top:2px;font-size:12px;line-height:1.35;overflow-wrap:anywhere}
  .v210-export-order-grid .tabular,.v210-export-order-grid .tabular-nums{white-space:normal!important;overflow-wrap:anywhere!important;font-size:12px!important}
}
@media(max-width:480px){
  .v210-export-order-grid{grid-template-columns:1fr}
  .v210-export-order-grid>div:nth-last-child(-n+2){border-bottom:1px dashed color-mix(in srgb,currentColor 10%,transparent)}
  .v210-export-order-grid>div:last-child{border-bottom:0}
}


/* ===== V477 SOURCE 25: v212-dashboard-kpi-mobile.css ===== */

.v212-kpi-mobile{display:none}

@media (max-width:1100px){
  .v212-kpi-desktop{display:none!important}
  .v212-kpi-mobile{
    display:grid!important;
    grid-template-columns:1fr;
    gap:10px;
    width:100%;
    min-width:0;
  }

  .v212-kpi-mobile article{
    width:100%;
    min-width:0;
  }

  .v212-kpi-mobile .tabular,
  .v212-kpi-mobile .tabular-nums{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
}

@media (min-width:700px) and (max-width:1100px){
  .v212-kpi-mobile{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}


/* ===== V477 SOURCE 26: v215-vat-file-archive-mobile-fix.css ===== */

/* V215 — Fix vertical/sliver box on right side in Kho file VAT mobile/tablet.
   Scope ONLY to v213-vat-files. */

.v213-tab{
  display:inline-flex;
  min-height:34px;
  align-items:center;
  justify-content:center;
  border:1px solid var(--border);
  border-radius:7px;
  padding:6px 10px;
  font-size:12px;
  font-weight:700;
  background:var(--background);
}
.v213-tab.is-active{
  border-color:color-mix(in srgb,var(--brand-green) 45%,var(--border));
  background:color-mix(in srgb,var(--brand-green) 7%,var(--background));
  color:var(--brand-green);
}
.v213-vat-input{
  display:block;
  width:100%;
  min-width:0;
  height:40px;
  border:1px solid var(--border);
  border-radius:7px;
  background:var(--background);
  padding:0 10px;
  font-size:13px;
  color:var(--foreground);
  box-sizing:border-box;
}
.v213-vat-btn{
  display:inline-flex;
  min-height:38px;
  min-width:0;
  align-items:center;
  justify-content:center;
  border:1px solid var(--brand-green);
  border-radius:7px;
  background:var(--brand-green);
  padding:7px 12px;
  font-size:12px;
  font-weight:700;
  color:white;
  box-sizing:border-box;
}
.v213-vat-btn.v213-secondary{
  border-color:var(--border);
  background:var(--background);
  color:var(--foreground);
}
.v213-upload{
  position:relative;
  display:flex;
  width:100%;
  min-width:0;
  min-height:44px;
  cursor:pointer;
  align-items:center;
  justify-content:center;
  border:1px dashed color-mix(in srgb,var(--brand-green) 45%,var(--border));
  border-radius:8px;
  background:color-mix(in srgb,var(--brand-green) 5%,var(--background));
  padding:9px 12px;
  font-size:12px;
  font-weight:700;
  color:var(--brand-green);
  box-sizing:border-box;
  overflow:hidden;
}
.v213-upload input{
  position:absolute!important;
  inset:auto!important;
  left:-9999px!important;
  top:auto!important;
  width:1px!important;
  height:1px!important;
  min-width:0!important;
  max-width:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
.v213-file-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.v213-file-card{
  display:flex;
  min-width:0;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--background);
  padding:12px;
  box-sizing:border-box;
}
.v213-download{
  display:inline-flex;
  min-height:34px;
  min-width:0;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  border:1px solid var(--border);
  border-radius:7px;
  padding:6px 9px;
  font-size:11px;
  font-weight:700;
  color:var(--brand-green);
  box-sizing:border-box;
}

/* Hard containment for this page only. */
@media (max-width:1100px){
  .v213-vat-files{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:hidden!important;
    padding-left:12px!important;
    padding-right:12px!important;
    box-sizing:border-box!important;
  }

  .v213-vat-files *,
  .v213-vat-files *::before,
  .v213-vat-files *::after{
    box-sizing:border-box!important;
  }

  .v213-vat-files > *,
  .v213-vat-files section,
  .v213-vat-files article,
  .v213-vat-files div,
  .v213-vat-files label{
    min-width:0!important;
    max-width:100%;
  }

  .v213-vat-files > header{
    width:100%!important;
    max-width:100%!important;
    align-items:stretch!important;
    overflow:hidden!important;
  }

  .v213-vat-files > header > div,
  .v213-vat-files > header > a{
    min-width:0!important;
    max-width:100%!important;
  }

  .v213-vat-files > header > a{
    width:100%!important;
    min-height:42px;
  }

  .v213-vat-files .ledger-cell{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }

  /* Main two-column area becomes true single column. */
  .v213-vat-files > .mt-5.grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
    gap:10px!important;
  }

  /* Filter inputs become single column to prevent narrow sliver cells. */
  .v213-vat-files .sm\:grid-cols-3{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
  }

  .v213-vat-files .mt-3.flex.flex-wrap{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    max-width:100%!important;
  }

  .v213-vat-btn,
  .v213-upload,
  .v213-vat-input{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  /* File list is one full-width card per row. */
  .v213-file-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
    gap:10px!important;
    padding:10px!important;
  }

  .v213-file-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    flex-direction:column!important;
    gap:10px!important;
    overflow:hidden!important;
  }

  .v213-file-card > div{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  .v213-file-card p,
  .v213-file-card strong,
  .v213-file-card span,
  .v213-file-card a{
    max-width:100%!important;
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
    white-space:normal!important;
  }

  .v213-download{
    width:100%!important;
    max-width:100%!important;
    min-height:40px!important;
    flex:0 0 auto!important;
  }

  /* Prevent any generic right-side control from collapsing into a vertical strip. */
  .v213-vat-files button,
  .v213-vat-files a,
  .v213-vat-files input,
  .v213-vat-files select{
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
    word-break:normal!important;
  }
}

@media (max-width:560px){
  .v213-vat-files{
    padding-left:8px!important;
    padding-right:8px!important;
  }

  .v213-vat-files .mt-3.flex.flex-wrap{
    grid-template-columns:minmax(0,1fr)!important;
  }

  .v213-vat-files h1{
    font-size:24px!important;
    line-height:1.2!important;
  }

  .v213-vat-input{
    height:42px!important;
  }
}


/* ===== V477 SOURCE 27: v216-vat-header-request-count.css ===== */

/* V216 — Fix VAT header request-count box collapsing into a vertical strip. */

.v216-vat-request-count{
  flex:0 0 auto!important;
  min-width:110px!important;
  width:auto!important;
  max-width:none!important;
  white-space:nowrap!important;
  justify-content:center;
  align-self:flex-end;
}

.v216-vat-request-count,
.v216-vat-request-count *{
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

@media (max-width:1100px){
  .v139-vat-header{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    width:100%!important;
    min-width:0!important;
  }

  .v139-vat-header > div:first-child{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  .v216-vat-request-count{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    align-self:stretch!important;
    justify-content:flex-start!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }

  .v216-vat-request-count span{
    white-space:nowrap!important;
  }
}

@media (min-width:1101px){
  .v139-vat-header{
    align-items:flex-end!important;
  }

  .v139-vat-header > div:first-child{
    min-width:0!important;
    flex:1 1 auto!important;
  }

  .v216-vat-request-count{
    flex:0 0 118px!important;
    width:118px!important;
    min-width:118px!important;
    max-width:118px!important;
  }
}


/* ===== V477 SOURCE 28: v219-dashboard-professional.css ===== */

.v219-dashboard{--v219-radius:14px;--v219-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 24px rgba(15,23,42,.045);--v219-hover:0 2px 5px rgba(15,23,42,.05),0 14px 34px rgba(15,23,42,.07);position:relative;max-width:1600px;margin-inline:auto}
.v219-dashboard h1{letter-spacing:-.035em;line-height:1.12}.v219-dashboard .eyebrow{letter-spacing:.12em;font-weight:750}
.v219-dashboard .ledger-cell{border-radius:var(--v219-radius)!important;border-color:color-mix(in srgb,var(--border) 82%,transparent)!important;box-shadow:var(--v219-shadow);background:color-mix(in srgb,var(--background) 97%,var(--muted))!important;transition:box-shadow .18s ease,border-color .18s ease}
@media(hover:hover){.v219-dashboard .ledger-cell:hover{border-color:color-mix(in srgb,var(--brand-green) 18%,var(--border))!important;box-shadow:var(--v219-hover)}}
.v219-dashboard .tabular,.v219-dashboard .tabular-nums{font-variant-numeric:tabular-nums;max-width:100%}
.v219-dashboard table{border-collapse:separate;border-spacing:0}.v219-dashboard thead th{font-size:10.5px!important;letter-spacing:.045em;text-transform:uppercase;font-weight:750!important;background:color-mix(in srgb,var(--muted) 58%,var(--background))!important}
.v219-dashboard tbody tr{transition:background .15s ease}.v219-dashboard tbody tr:hover{background:color-mix(in srgb,var(--brand-green) 3.5%,var(--background))}
.v219-dashboard .v212-kpi-mobile article{border-radius:12px!important;box-shadow:0 1px 2px rgba(15,23,42,.035)}
.v219-dashboard .grid{align-items:stretch}.v219-dashboard>*,.v219-dashboard .grid>*{min-width:0}
@media(max-width:1100px){.v219-dashboard{width:100%!important;max-width:100%!important;overflow-x:hidden!important}.v219-dashboard *,.v219-dashboard *:before,.v219-dashboard *:after{box-sizing:border-box}.v219-dashboard .ledger-cell{min-width:0!important;max-width:100%!important;border-radius:12px!important}.v219-dashboard h1{font-size:28px!important}.v219-dashboard .v212-kpi-mobile{width:100%;min-width:0}.v219-dashboard .v212-kpi-mobile article{min-width:0;overflow:hidden}.v219-dashboard .v212-kpi-mobile .tabular{overflow-wrap:anywhere!important}}
@media(max-width:560px){.v219-dashboard h1{font-size:25px!important}.v219-dashboard .ledger-cell{border-radius:10px!important;box-shadow:0 1px 2px rgba(15,23,42,.04)}}


/* ===== V477 SOURCE 29: v220-global-kpi-one-row-mobile.css ===== */

/* V220 — Dashboard: Tổng hợp KPI toàn hệ thống stays one row on mobile/tablet. */
@media (max-width:1100px){
  .v220-global-kpi-summary{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    column-gap:8px!important;
    row-gap:8px!important;
    width:100%!important;
    min-width:0!important;
    align-items:stretch!important;
  }

  /* Heading spans full width above the KPI row. */
  .v220-global-kpi-summary > .w-full{
    grid-column:1/-1!important;
    width:100%!important;
    min-width:0!important;
    margin-bottom:2px;
  }

  /* Hide old vertical separators. */
  .v220-global-kpi-summary > .h-10.w-px{
    display:none!important;
  }

  /* KPI cells: three equal columns, one row. */
  .v220-global-kpi-summary > div:not(.w-full):not(.h-10){
    min-width:0!important;
    max-width:100%!important;
    width:100%!important;
    margin:0!important;
  }

  .v220-global-kpi-summary > div.flex.items-center.gap-3{
    display:block!important;
  }

  /* Icon area compact. */
  .v220-global-kpi-summary > div.flex.items-center.gap-3 > div:first-child{
    width:30px!important;
    height:30px!important;
    margin-bottom:5px!important;
  }

  .v220-global-kpi-summary > div.flex.items-center.gap-3 > div:first-child svg{
    width:16px!important;
    height:16px!important;
  }

  .v220-global-kpi-summary .eyebrow{
    font-size:8.5px!important;
    line-height:1.2!important;
    letter-spacing:.06em!important;
    white-space:normal!important;
  }

  .v220-global-kpi-summary .stat-figure{
    margin-top:3px!important;
    font-size:clamp(13px,2.2vw,18px)!important;
    line-height:1.15!important;
    letter-spacing:-.03em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
  }

  .v220-global-kpi-summary .stat-figure span{
    display:none!important;
  }

  /* Keep the annual estimate from pushing outside the card. */
  .v220-global-kpi-summary > div:nth-of-type(4) .stat-figure{
    font-size:clamp(12px,2vw,17px)!important;
  }
}

@media (max-width:560px){
  .v220-global-kpi-summary{
    column-gap:5px!important;
    padding:10px!important;
  }

  .v220-global-kpi-summary .eyebrow{
    font-size:7.8px!important;
  }

  .v220-global-kpi-summary .stat-figure{
    font-size:clamp(11px,3.2vw,15px)!important;
  }

  .v220-global-kpi-summary > div.flex.items-center.gap-3 > div:first-child{
    width:26px!important;
    height:26px!important;
  }

  .v220-global-kpi-summary > div.flex.items-center.gap-3 > div:first-child svg{
    width:14px!important;
    height:14px!important;
  }
}


/* ===== V477 SOURCE 30: v221-pro-kpi-mobile-footer.css ===== */

/* V221 — Professional global KPI summary + mobile copyright.
   Visual-only; no KPI formulas or data logic changed. */

/* Professional container */
.v220-global-kpi-summary{
  position:relative;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--brand-green) 16%,var(--border))!important;
  background:
    radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--brand-green) 8%,transparent),transparent 34%),
    linear-gradient(180deg,color-mix(in srgb,var(--background) 98%,var(--muted)),var(--background))!important;
  box-shadow:
    0 1px 2px rgba(15,23,42,.04),
    0 10px 30px rgba(15,23,42,.055)!important;
}

.v220-global-kpi-summary::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:4px;
  background:linear-gradient(180deg,var(--brand-green),color-mix(in srgb,var(--amber-brand) 70%,var(--brand-green)));
}

/* Heading block */
.v220-global-kpi-summary > .w-full{
  position:relative;
  padding:1px 0 10px 2px;
  border-bottom:1px solid color-mix(in srgb,var(--border) 78%,transparent);
}

.v220-global-kpi-summary > .w-full > div:first-child{
  font-size:10px!important;
  letter-spacing:.14em!important;
  color:var(--brand-green)!important;
}

.v220-global-kpi-summary > .w-full > div:last-child{
  margin-top:3px!important;
  font-size:11px!important;
  line-height:1.45!important;
}

/* KPI items */
.v220-global-kpi-summary > div:not(.w-full):not(.h-10){
  position:relative;
  min-width:0;
}

.v220-global-kpi-summary .eyebrow{
  font-weight:800!important;
  letter-spacing:.08em!important;
  color:var(--muted-foreground);
}

.v220-global-kpi-summary .stat-figure{
  font-weight:800!important;
  letter-spacing:-.035em!important;
  color:var(--foreground);
}

/* Desktop: 3 distinct KPI cards inside the summary */
@media (min-width:1101px){
  .v220-global-kpi-summary{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
    padding:18px!important;
  }

  .v220-global-kpi-summary > .w-full{
    grid-column:1/-1!important;
  }

  .v220-global-kpi-summary > .h-10.w-px{
    display:none!important;
  }

  .v220-global-kpi-summary > div:not(.w-full):not(.h-10){
    width:100%!important;
    margin:0!important;
    min-height:112px;
    padding:14px 15px;
    border:1px solid color-mix(in srgb,var(--border) 82%,transparent);
    border-radius:12px;
    background:color-mix(in srgb,var(--background) 96%,var(--muted));
    box-shadow:0 1px 2px rgba(15,23,42,.025);
  }

  .v220-global-kpi-summary > div.flex.items-center.gap-3{
    display:flex!important;
    align-items:flex-start!important;
  }

  .v220-global-kpi-summary > div.flex.items-center.gap-3 > div:first-child{
    width:42px!important;
    height:42px!important;
    flex:0 0 42px!important;
    border-radius:11px!important;
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-green) 10%,transparent);
  }

  .v220-global-kpi-summary .stat-figure{
    margin-top:5px;
    font-size:23px!important;
    line-height:1.15!important;
  }
}

/* Mobile/tablet: 3 KPI cards on one row */
@media (max-width:1100px){
  .v220-global-kpi-summary{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    padding:12px!important;
    align-items:stretch!important;
  }

  .v220-global-kpi-summary > .w-full{
    grid-column:1/-1!important;
    padding-bottom:8px!important;
  }

  .v220-global-kpi-summary > .h-10.w-px{
    display:none!important;
  }

  .v220-global-kpi-summary > div:not(.w-full):not(.h-10){
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    min-height:92px;
    padding:9px 8px;
    border:1px solid color-mix(in srgb,var(--border) 82%,transparent);
    border-radius:10px;
    background:color-mix(in srgb,var(--background) 97%,var(--muted));
  }

  .v220-global-kpi-summary > div.flex.items-center.gap-3{
    display:block!important;
  }

  .v220-global-kpi-summary > div.flex.items-center.gap-3 > div:first-child{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    margin-bottom:6px!important;
    border-radius:8px!important;
  }

  .v220-global-kpi-summary > div.flex.items-center.gap-3 > div:first-child svg{
    width:15px!important;
    height:15px!important;
  }

  .v220-global-kpi-summary .eyebrow{
    font-size:8px!important;
    line-height:1.2!important;
    letter-spacing:.045em!important;
    white-space:normal!important;
  }

  .v220-global-kpi-summary .stat-figure{
    margin-top:4px!important;
    font-size:clamp(12px,2.25vw,17px)!important;
    line-height:1.12!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }

  .v220-global-kpi-summary .stat-figure span{
    display:none!important;
  }
}

/* Very small phones: preserve one row but tighten intelligently */
@media (max-width:560px){
  .v220-global-kpi-summary{
    gap:5px!important;
    padding:9px!important;
  }

  .v220-global-kpi-summary > div:not(.w-full):not(.h-10){
    min-height:84px;
    padding:8px 6px;
    border-radius:9px;
  }

  .v220-global-kpi-summary .eyebrow{
    font-size:7.2px!important;
  }

  .v220-global-kpi-summary .stat-figure{
    font-size:clamp(10.5px,3vw,14px)!important;
  }
}

/* Mobile-only copyright footer */
.v221-mobile-copyright{
  display:none;
}

@media (max-width:1100px){
  .v221-mobile-copyright{
    display:block!important;
    width:100%;
    margin:2px 0 16px;
    padding:12px 10px 4px;
    border-top:1px solid color-mix(in srgb,var(--border) 76%,transparent);
    text-align:center;
    font-size:10.5px;
    line-height:1.5;
    font-weight:600;
    letter-spacing:.025em;
    color:var(--muted-foreground);
  }
}


/* ===== V477 SOURCE 31: v222-kpi-mobile-strict-one-row.css ===== */

/* V222 — TỔNG HỢP KPI TOÀN HỆ THỐNG:
   mobile/tablet <=1100px: title + all 3 KPI strictly in ONE horizontal row. */
@media (max-width:1100px){
  .v220-global-kpi-summary{
    display:grid!important;
    grid-template-columns:minmax(105px,.95fr) repeat(3,minmax(0,1fr))!important;
    grid-template-rows:1fr!important;
    gap:5px!important;
    align-items:stretch!important;
    width:100%!important;
    padding:8px!important;
    overflow:hidden!important;
  }

  /* Title occupies first column, not a separate row. */
  .v220-global-kpi-summary > .w-full{
    grid-column:auto!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:7px 7px!important;
    border-bottom:0!important;
    border-right:1px solid color-mix(in srgb,var(--border) 78%,transparent)!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }

  .v220-global-kpi-summary > .w-full > div:first-child{
    font-size:7.5px!important;
    line-height:1.25!important;
    letter-spacing:.055em!important;
    white-space:normal!important;
  }

  .v220-global-kpi-summary > .w-full > div:last-child{
    display:none!important;
  }

  .v220-global-kpi-summary > .h-10.w-px{
    display:none!important;
  }

  .v220-global-kpi-summary > div:not(.w-full):not(.h-10){
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    min-height:70px!important;
    margin:0!important;
    padding:7px 5px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    border-radius:8px!important;
  }

  .v220-global-kpi-summary > div.flex.items-center.gap-3 > div:first-child{
    width:23px!important;
    height:23px!important;
    min-width:23px!important;
    margin:0 0 4px!important;
    border-radius:7px!important;
  }

  .v220-global-kpi-summary > div.flex.items-center.gap-3 > div:first-child svg{
    width:12px!important;
    height:12px!important;
  }

  .v220-global-kpi-summary .eyebrow{
    font-size:6.7px!important;
    line-height:1.15!important;
    letter-spacing:.025em!important;
    white-space:normal!important;
  }

  .v220-global-kpi-summary .stat-figure{
    width:100%!important;
    min-width:0!important;
    margin-top:3px!important;
    font-size:clamp(9.5px,1.7vw,14px)!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
  }

  .v220-global-kpi-summary .stat-figure span{
    display:none!important;
  }
}

@media (max-width:560px){
  .v220-global-kpi-summary{
    grid-template-columns:minmax(82px,.9fr) repeat(3,minmax(0,1fr))!important;
    gap:3px!important;
    padding:6px!important;
  }

  .v220-global-kpi-summary > .w-full{
    padding:5px 4px!important;
  }

  .v220-global-kpi-summary > .w-full > div:first-child{
    font-size:6.3px!important;
    letter-spacing:.025em!important;
  }

  .v220-global-kpi-summary > div:not(.w-full):not(.h-10){
    min-height:64px!important;
    padding:5px 3px!important;
  }

  .v220-global-kpi-summary > div.flex.items-center.gap-3 > div:first-child{
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
  }

  .v220-global-kpi-summary .eyebrow{
    font-size:5.9px!important;
  }

  .v220-global-kpi-summary .stat-figure{
    font-size:clamp(8px,2.45vw,11.5px)!important;
  }
}


/* ===== V477 SOURCE 32: v223-kpi-detail-top-right.css ===== */

/* V223 — "Theo dõi KPI chi tiết" as plain text link at top-right of KPI summary. */
.v220-global-kpi-summary{
  position:relative!important;
}

.v223-kpi-detail-wrap{
  position:absolute!important;
  top:14px!important;
  right:16px!important;
  z-index:3;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.v223-kpi-detail-link{
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  white-space:nowrap!important;
  text-decoration:none;
}

.v223-kpi-detail-link:hover{
  text-decoration:underline!important;
  background:transparent!important;
}

@media(max-width:1100px){
  .v223-kpi-detail-wrap{
    top:7px!important;
    right:9px!important;
  }

  .v223-kpi-detail-link{
    font-size:8px!important;
    line-height:1.2!important;
    gap:1px!important;
  }

  .v223-kpi-detail-link svg{
    width:9px!important;
    height:9px!important;
  }

  /* leave room for the link while keeping KPI one row */
  .v220-global-kpi-summary > .w-full{
    padding-top:18px!important;
  }
}

@media(max-width:560px){
  .v223-kpi-detail-wrap{
    top:5px!important;
    right:7px!important;
  }

  .v223-kpi-detail-link{
    font-size:6.8px!important;
  }

  .v223-kpi-detail-link svg{
    width:8px!important;
    height:8px!important;
  }

  .v220-global-kpi-summary > .w-full{
    padding-top:15px!important;
  }
}


/* ===== V477 SOURCE 33: v224-kpi-link-clean-3columns-mobile.css ===== */

/* V224 — KPI link clean placement + mobile 3-column vertical content. */

/* Link stays plain and separated from KPI content. */
.v220-global-kpi-summary{
  position:relative!important;
}

.v223-kpi-detail-wrap{
  position:absolute!important;
  top:13px!important;
  right:16px!important;
  z-index:5!important;
  margin:0!important;
  padding:0!important;
  max-width:42%!important;
}

.v223-kpi-detail-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:3px!important;
  max-width:100%!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-weight:700!important;
  text-decoration:none!important;
}

.v223-kpi-detail-link:hover{
  text-decoration:underline!important;
  background:transparent!important;
}

/* Desktop: reserve top-right space so link never overlaps heading. */
@media(min-width:1101px){
  .v220-global-kpi-summary > .w-full{
    padding-right:190px!important;
  }

  .v223-kpi-detail-link{
    font-size:11.5px!important;
  }
}

/* Mobile/tablet: title occupies its own top strip; 3 KPI columns below it.
   Inside each column: icon/label/value arranged top-to-bottom. */
@media(max-width:1100px){
  .v220-global-kpi-summary{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:auto auto!important;
    gap:6px!important;
    padding:10px!important;
    align-items:stretch!important;
    overflow:hidden!important;
  }

  /* Heading row */
  .v220-global-kpi-summary > .w-full{
    grid-column:1/-1!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:4px 150px 8px 2px!important;
    border-right:0!important;
    border-bottom:1px solid color-mix(in srgb,var(--border) 78%,transparent)!important;
    display:block!important;
  }

  .v220-global-kpi-summary > .w-full > div:first-child{
    font-size:8px!important;
    line-height:1.25!important;
    letter-spacing:.055em!important;
    white-space:normal!important;
  }

  .v220-global-kpi-summary > .w-full > div:last-child{
    display:none!important;
  }

  .v220-global-kpi-summary > .h-10.w-px{
    display:none!important;
  }

  /* KPI 3 columns */
  .v220-global-kpi-summary > div:not(.w-full):not(.h-10):not(.v223-kpi-detail-wrap){
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
    min-height:88px!important;
    margin:0!important;
    padding:9px 7px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:0!important;
    border-radius:9px!important;
  }

  /* If the first KPI is a flex row in original markup, force vertical. */
  .v220-global-kpi-summary > div.flex.items-center.gap-3{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
  }

  .v220-global-kpi-summary > div.flex.items-center.gap-3 > div:first-child{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    flex:0 0 24px!important;
    margin:0 0 5px!important;
    border-radius:7px!important;
  }

  .v220-global-kpi-summary > div.flex.items-center.gap-3 > div:first-child svg{
    width:13px!important;
    height:13px!important;
  }

  .v220-global-kpi-summary .eyebrow{
    font-size:7px!important;
    line-height:1.2!important;
    letter-spacing:.025em!important;
    white-space:normal!important;
  }

  .v220-global-kpi-summary .stat-figure{
    width:100%!important;
    min-width:0!important;
    margin-top:4px!important;
    font-size:clamp(10px,2.2vw,15px)!important;
    line-height:1.12!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
  }

  .v220-global-kpi-summary .stat-figure span{
    display:none!important;
  }

  /* Link at top-right of the heading strip, separate from KPI row. */
  .v223-kpi-detail-wrap{
    top:10px!important;
    right:12px!important;
    max-width:135px!important;
  }

  .v223-kpi-detail-link{
    font-size:8px!important;
    line-height:1.2!important;
  }

  .v223-kpi-detail-link svg{
    width:9px!important;
    height:9px!important;
    flex:0 0 9px!important;
  }
}

@media(max-width:560px){
  .v220-global-kpi-summary{
    gap:4px!important;
    padding:7px!important;
  }

  .v220-global-kpi-summary > .w-full{
    padding:3px 108px 6px 1px!important;
  }

  .v220-global-kpi-summary > .w-full > div:first-child{
    font-size:6.5px!important;
  }

  .v220-global-kpi-summary > div:not(.w-full):not(.h-10):not(.v223-kpi-detail-wrap){
    min-height:80px!important;
    padding:7px 5px!important;
  }

  .v220-global-kpi-summary .eyebrow{
    font-size:6px!important;
  }

  .v220-global-kpi-summary .stat-figure{
    font-size:clamp(8.5px,2.8vw,12px)!important;
  }

  .v223-kpi-detail-wrap{
    top:7px!important;
    right:8px!important;
    max-width:100px!important;
  }

  .v223-kpi-detail-link{
    font-size:6.6px!important;
  }

  .v223-kpi-detail-link svg{
    width:7px!important;
    height:7px!important;
    flex-basis:7px!important;
  }
}


/* ===== V477 SOURCE 34: v225-kpi-mobile-vertical.css ===== */

/* V225 — Mobile KPI: stack the three KPI cards vertically. */
@media (max-width:1100px){
  .v220-global-kpi-summary{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    gap:8px!important;
    padding:11px!important;
    width:100%!important;
    overflow:hidden!important;
  }

  /* Header is its own full-width row. */
  .v220-global-kpi-summary > .w-full{
    grid-column:1!important;
    grid-row:auto!important;
    width:100%!important;
    min-width:0!important;
    padding:4px 145px 9px 2px!important;
    margin:0!important;
    border-right:0!important;
    border-bottom:1px solid color-mix(in srgb,var(--border) 78%,transparent)!important;
  }

  .v220-global-kpi-summary > .h-10.w-px{
    display:none!important;
  }

  /* Each KPI is one full-width row, top to bottom. */
  .v220-global-kpi-summary > div:not(.w-full):not(.h-10):not(.v223-kpi-detail-wrap){
    grid-column:1!important;
    grid-row:auto!important;
    width:100%!important;
    min-width:0!important;
    min-height:72px!important;
    margin:0!important;
    padding:11px 12px!important;
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:10px!important;
    row-gap:2px!important;
    align-items:center!important;
    border-radius:10px!important;
  }

  .v220-global-kpi-summary > div.flex.items-center.gap-3 > div:first-child{
    grid-column:1!important;
    grid-row:1/3!important;
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    margin:0!important;
    align-self:center!important;
  }

  .v220-global-kpi-summary > div.flex.items-center.gap-3 > div:first-child svg{
    width:16px!important;
    height:16px!important;
  }

  /* Content block to the right of icon. */
  .v220-global-kpi-summary > div.flex.items-center.gap-3 > div:last-child{
    grid-column:2!important;
    grid-row:1/3!important;
    min-width:0!important;
    width:100%!important;
  }

  .v220-global-kpi-summary .eyebrow{
    font-size:8.5px!important;
    line-height:1.25!important;
    letter-spacing:.045em!important;
    white-space:normal!important;
  }

  .v220-global-kpi-summary .stat-figure{
    width:100%!important;
    margin-top:4px!important;
    font-size:clamp(15px,3.2vw,20px)!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }

  /* Link remains top-right without overlapping. */
  .v223-kpi-detail-wrap{
    top:11px!important;
    right:12px!important;
    max-width:135px!important;
  }

  .v223-kpi-detail-link{
    font-size:8px!important;
  }
}

@media (max-width:560px){
  .v220-global-kpi-summary{
    gap:6px!important;
    padding:8px!important;
  }

  .v220-global-kpi-summary > .w-full{
    padding:3px 105px 7px 1px!important;
  }

  .v220-global-kpi-summary > div:not(.w-full):not(.h-10):not(.v223-kpi-detail-wrap){
    min-height:66px!important;
    padding:9px 10px!important;
    grid-template-columns:30px minmax(0,1fr)!important;
    column-gap:8px!important;
  }

  .v220-global-kpi-summary > div.flex.items-center.gap-3 > div:first-child{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
  }

  .v220-global-kpi-summary .eyebrow{
    font-size:7.5px!important;
  }

  .v220-global-kpi-summary .stat-figure{
    font-size:clamp(14px,4vw,18px)!important;
  }

  .v223-kpi-detail-wrap{
    top:8px!important;
    right:8px!important;
    max-width:98px!important;
  }

  .v223-kpi-detail-link{
    font-size:6.8px!important;
  }
}


/* ===== V477 SOURCE 35: v226-kpi-mobile-vertical-pro.css ===== */

/* V226 — Professional vertical KPI layout on mobile/tablet.
   Keeps V225 vertical stacking, improves spacing, hierarchy and readability. */

@media (max-width:1100px){
  .v220-global-kpi-summary{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:11px!important;
    padding:13px!important;
    width:100%!important;
    overflow:hidden!important;
  }

  /* Header / title area */
  .v220-global-kpi-summary > .w-full{
    grid-column:1!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:4px 150px 12px 3px!important;
    border-right:0!important;
    border-bottom:1px solid color-mix(in srgb,var(--border) 78%,transparent)!important;
  }

  .v220-global-kpi-summary > .w-full > div:first-child{
    font-size:8.5px!important;
    line-height:1.3!important;
    letter-spacing:.08em!important;
  }

  .v220-global-kpi-summary > .w-full > div:last-child{
    display:block!important;
    margin-top:4px!important;
    font-size:10px!important;
    line-height:1.45!important;
    color:var(--muted-foreground)!important;
  }

  .v220-global-kpi-summary > .h-10.w-px{
    display:none!important;
  }

  /* KPI rows */
  .v220-global-kpi-summary > div:not(.w-full):not(.h-10):not(.v223-kpi-detail-wrap){
    width:100%!important;
    min-width:0!important;
    min-height:86px!important;
    margin:0!important;
    padding:13px 14px!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:13px!important;
    row-gap:3px!important;
    align-items:center!important;

    border:1px solid color-mix(in srgb,var(--border) 82%,transparent)!important;
    border-radius:12px!important;
    background:
      linear-gradient(180deg,
        color-mix(in srgb,var(--background) 98%,var(--muted)),
        color-mix(in srgb,var(--background) 96%,var(--muted))
      )!important;
    box-shadow:
      0 1px 2px rgba(15,23,42,.035),
      0 5px 16px rgba(15,23,42,.03)!important;
  }

  /* Icon block */
  .v220-global-kpi-summary > div.flex.items-center.gap-3 > div:first-child{
    grid-column:1!important;
    grid-row:1/3!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    margin:0!important;
    align-self:center!important;
    border-radius:10px!important;
    box-shadow:
      inset 0 0 0 1px color-mix(in srgb,var(--brand-green) 10%,transparent),
      0 2px 7px rgba(15,23,42,.04)!important;
  }

  .v220-global-kpi-summary > div.flex.items-center.gap-3 > div:first-child svg{
    width:18px!important;
    height:18px!important;
  }

  /* Text/value block */
  .v220-global-kpi-summary > div.flex.items-center.gap-3 > div:last-child{
    grid-column:2!important;
    grid-row:1/3!important;
    min-width:0!important;
    width:100%!important;
  }

  .v220-global-kpi-summary .eyebrow{
    margin:0!important;
    font-size:8.5px!important;
    line-height:1.3!important;
    letter-spacing:.055em!important;
    font-weight:800!important;
    color:var(--muted-foreground)!important;
    white-space:normal!important;
  }

  .v220-global-kpi-summary .stat-figure{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin-top:6px!important;
    font-size:clamp(17px,3.3vw,22px)!important;
    line-height:1.08!important;
    font-weight:800!important;
    letter-spacing:-.035em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
  }

  /* Secondary wording (e.g. so với tháng trước) */
  .v220-global-kpi-summary .stat-figure span{
    display:block!important;
    margin:5px 0 0!important;
    font-size:9px!important;
    line-height:1.25!important;
    font-weight:500!important;
    letter-spacing:0!important;
    color:var(--muted-foreground)!important;
    white-space:normal!important;
  }

  /* KPI detail link — separate, no overlap */
  .v223-kpi-detail-wrap{
    top:12px!important;
    right:13px!important;
    max-width:135px!important;
  }

  .v223-kpi-detail-link{
    font-size:8px!important;
    line-height:1.2!important;
  }
}

@media (max-width:560px){
  .v220-global-kpi-summary{
    gap:8px!important;
    padding:9px!important;
  }

  .v220-global-kpi-summary > .w-full{
    padding:3px 108px 9px 2px!important;
  }

  .v220-global-kpi-summary > .w-full > div:first-child{
    font-size:7px!important;
  }

  .v220-global-kpi-summary > .w-full > div:last-child{
    font-size:8.5px!important;
    line-height:1.35!important;
  }

  .v220-global-kpi-summary > div:not(.w-full):not(.h-10):not(.v223-kpi-detail-wrap){
    min-height:78px!important;
    padding:11px 11px!important;
    grid-template-columns:36px minmax(0,1fr)!important;
    column-gap:10px!important;
    border-radius:10px!important;
  }

  .v220-global-kpi-summary > div.flex.items-center.gap-3 > div:first-child{
    width:33px!important;
    height:33px!important;
    min-width:33px!important;
    border-radius:9px!important;
  }

  .v220-global-kpi-summary > div.flex.items-center.gap-3 > div:first-child svg{
    width:16px!important;
    height:16px!important;
  }

  .v220-global-kpi-summary .eyebrow{
    font-size:7.2px!important;
  }

  .v220-global-kpi-summary .stat-figure{
    margin-top:5px!important;
    font-size:clamp(15px,4.2vw,19px)!important;
  }

  .v220-global-kpi-summary .stat-figure span{
    margin-top:4px!important;
    font-size:7.8px!important;
  }

  .v223-kpi-detail-wrap{
    top:9px!important;
    right:9px!important;
    max-width:100px!important;
  }

  .v223-kpi-detail-link{
    font-size:6.8px!important;
  }
}


/* ===== V477 SOURCE 36: v227-kpi-mobile-corners-large.css ===== */

/* V227 — Mobile KPI:
   label top-left, icon top-right, helper bottom-left, value bottom-right.
   Larger typography to match upper dashboard cards. */

@media (max-width:1100px){
  .v220-global-kpi-summary{
    gap:12px!important;
    padding:14px!important;
  }

  .v220-global-kpi-summary > div:not(.w-full):not(.h-10):not(.v223-kpi-detail-wrap){
    position:relative!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    min-height:118px!important;
    padding:15px 16px!important;
    border-radius:13px!important;
    overflow:hidden!important;
  }

  /* Top-right icon */
  .v220-global-kpi-summary > div.flex.items-center.gap-3 > div:first-child{
    position:absolute!important;
    top:14px!important;
    right:14px!important;
    left:auto!important;
    bottom:auto!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    margin:0!important;
    border-radius:11px!important;
  }

  .v220-global-kpi-summary > div.flex.items-center.gap-3 > div:first-child svg{
    width:19px!important;
    height:19px!important;
  }

  /* Text/value container fills card */
  .v220-global-kpi-summary > div.flex.items-center.gap-3 > div:last-child{
    position:static!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }

  /* Label top-left */
  .v220-global-kpi-summary .eyebrow{
    display:block!important;
    max-width:calc(100% - 58px)!important;
    margin:0!important;
    padding:0!important;
    font-size:11px!important;
    line-height:1.3!important;
    letter-spacing:.055em!important;
    font-weight:800!important;
    white-space:normal!important;
  }

  /* Main value bottom-right */
  .v220-global-kpi-summary .stat-figure{
    position:absolute!important;
    right:15px!important;
    bottom:14px!important;
    left:auto!important;
    top:auto!important;
    width:auto!important;
    max-width:62%!important;
    margin:0!important;
    padding:0!important;
    text-align:right!important;
    font-size:clamp(21px,4.3vw,28px)!important;
    line-height:1!important;
    font-weight:850!important;
    letter-spacing:-.045em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
  }

  /* Helper text bottom-left */
  .v220-global-kpi-summary .stat-figure span{
    position:absolute!important;
    left:0!important;
    bottom:0!important;
    transform:translate(calc(-100% - 10px),0)!important;
    width:max-content!important;
    max-width:130px!important;
    margin:0!important;
    font-size:10px!important;
    line-height:1.25!important;
    font-weight:550!important;
    letter-spacing:0!important;
    text-align:left!important;
    white-space:normal!important;
    color:var(--muted-foreground)!important;
  }

  /* If no helper span, visual balance still stays clean. */
  .v220-global-kpi-summary > div:not(.w-full):not(.h-10):not(.v223-kpi-detail-wrap)::after{
    content:"";
    position:absolute;
    left:15px;
    right:15px;
    bottom:51px;
    height:1px;
    background:linear-gradient(90deg,color-mix(in srgb,var(--border) 55%,transparent),transparent);
    pointer-events:none;
  }
}

@media (max-width:560px){
  .v220-global-kpi-summary{
    gap:9px!important;
    padding:10px!important;
  }

  .v220-global-kpi-summary > div:not(.w-full):not(.h-10):not(.v223-kpi-detail-wrap){
    min-height:108px!important;
    padding:13px 14px!important;
    border-radius:11px!important;
  }

  .v220-global-kpi-summary > div.flex.items-center.gap-3 > div:first-child{
    top:12px!important;
    right:12px!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
  }

  .v220-global-kpi-summary > div.flex.items-center.gap-3 > div:first-child svg{
    width:17px!important;
    height:17px!important;
  }

  .v220-global-kpi-summary .eyebrow{
    max-width:calc(100% - 52px)!important;
    font-size:10px!important;
  }

  .v220-global-kpi-summary .stat-figure{
    right:13px!important;
    bottom:12px!important;
    max-width:64%!important;
    font-size:clamp(19px,5.2vw,25px)!important;
  }

  .v220-global-kpi-summary .stat-figure span{
    max-width:108px!important;
    font-size:8.8px!important;
  }

  .v220-global-kpi-summary > div:not(.w-full):not(.h-10):not(.v223-kpi-detail-wrap)::after{
    left:13px;
    right:13px;
    bottom:47px;
  }
}


/* ===== V477 SOURCE 37: v228-kpi-global-footer.css ===== */

/* V228 — KPI title link lives in same header box, no overlap. */
.v228-global-kpi-header{
  position:relative;
  min-width:0;
}
.v228-global-kpi-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-width:0;
}
.v228-global-kpi-title-row>div{
  min-width:0;
}
.v228-kpi-detail-link{
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  gap:3px;
  border:0!important;
  background:transparent!important;
  padding:0!important;
  font-size:11.5px;
  line-height:1.25;
  font-weight:700;
  color:var(--amber-brand);
  white-space:nowrap;
  text-decoration:none;
}
.v228-kpi-detail-link:hover{text-decoration:underline}
.v228-kpi-detail-link svg{flex:0 0 auto}

/* Override old absolute KPI-link rules from previous versions. */
.v220-global-kpi-summary .v228-kpi-detail-link{
  position:static!important;
  max-width:none!important;
}

/* Global application footer, all authenticated pages. */
.v228-app-content{
  min-height:calc(100vh - 56px);
  display:flex;
  flex-direction:column;
  min-width:0;
}
.v228-page-main{
  flex:1 0 auto;
  min-width:0;
}
.v228-global-footer{
  flex:0 0 auto;
  width:100%;
  margin-top:auto;
  border-top:1px solid color-mix(in srgb,var(--border) 78%,transparent);
  padding:13px 18px 15px;
  text-align:center;
  font-size:11px;
  line-height:1.45;
  font-weight:600;
  letter-spacing:.03em;
  color:var(--muted-foreground);
  background:color-mix(in srgb,var(--background) 97%,var(--muted));
}

/* KPI mobile: title/link share the same title area without overlap. */
@media(max-width:1100px){
  .v228-global-kpi-title-row{
    gap:8px;
    align-items:flex-start;
  }
  .v228-global-kpi-title-row>div{
    max-width:58%;
    font-size:8.5px!important;
    line-height:1.3!important;
  }
  .v228-kpi-detail-link{
    max-width:42%;
    justify-content:flex-end;
    font-size:8px!important;
    line-height:1.25!important;
    white-space:normal!important;
    text-align:right;
  }
  .v228-kpi-detail-link svg{
    width:9px!important;
    height:9px!important;
  }

  /* Remove old reserved right padding used by absolute link. */
  .v220-global-kpi-summary > .w-full{
    padding-right:3px!important;
  }

  .v228-global-footer{
    padding:12px 10px 14px;
    font-size:10.5px;
  }
}

@media(max-width:560px){
  .v228-global-kpi-title-row>div{
    max-width:55%;
    font-size:7px!important;
  }
  .v228-kpi-detail-link{
    max-width:45%;
    font-size:7px!important;
  }
  .v228-global-footer{
    font-size:10px;
    padding:11px 8px 13px;
  }
}


/* ===== V477 SOURCE 38: v229-kpi-link-desktop-far-right.css ===== */

/* V229 — Desktop: push "Theo dõi KPI chi tiết" tightly to the far-right corner
   of the Tổng hợp KPI toàn hệ thống header. Mobile layout remains unchanged. */
@media (min-width:1101px){
  .v228-global-kpi-header{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
  }
  .v228-global-kpi-title-row{
    position:relative!important;
    display:block!important;
    width:100%!important;
    min-height:18px!important;
    padding-right:185px!important;
  }
  .v228-kpi-detail-link{
    position:absolute!important;
    top:0!important;
    right:0!important;
    margin:0!important;
    padding:0!important;
    max-width:none!important;
    white-space:nowrap!important;
    justify-content:flex-end!important;
    text-align:right!important;
  }
}


/* ===== V477 SOURCE 39: v230-kpi-link-opposite-corner.css ===== */

/* V230 — Correct the screenshot issue:
   KPI title = upper-left corner; KPI detail link = upper-right corner
   inside the SAME summary header. */
.v220-global-kpi-summary{
  position:relative!important;
}
.v228-global-kpi-header{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
}
.v228-global-kpi-title-row{
  position:relative!important;
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:20px!important;
  padding:0!important;
}
.v228-global-kpi-title-row > div:first-child{
  flex:1 1 auto!important;
  min-width:0!important;
  text-align:left!important;
}
.v228-global-kpi-title-row > .v228-kpi-detail-link{
  position:static!important;
  flex:0 0 auto!important;
  margin:0 0 0 auto!important;
  padding:0!important;
  align-self:flex-start!important;
  text-align:right!important;
  justify-content:flex-end!important;
  white-space:nowrap!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
@media(min-width:1101px){
  .v220-global-kpi-summary > .w-full{
    padding-right:0!important;
  }
  .v228-global-kpi-title-row{
    padding-right:0!important;
  }
  .v228-global-kpi-title-row > .v228-kpi-detail-link{
    font-size:12px!important;
    line-height:1.3!important;
  }
}
/* Keep mobile clean and non-overlapping. */
@media(max-width:1100px){
  .v228-global-kpi-title-row{
    gap:10px!important;
  }
  .v228-global-kpi-title-row > div:first-child{
    max-width:58%!important;
  }
  .v228-global-kpi-title-row > .v228-kpi-detail-link{
    max-width:42%!important;
    white-space:normal!important;
    font-size:8px!important;
  }
}


/* ===== V477 SOURCE 40: v231-order-status-desktop-pro.css ===== */

/* V231 — Orders desktop status selector refinement.
   Visual only. Status logic/API is unchanged. */

@media (min-width:1101px){
  .v231-order-status{
    box-sizing:border-box!important;
    min-width:132px!important;
    width:132px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    padding:0 10px!important;
    border-radius:8px!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:11.5px!important;
    line-height:1!important;
    font-weight:700!important;
    letter-spacing:.01em!important;
    white-space:nowrap!important;
    text-align:center!important;
    vertical-align:middle!important;
    box-shadow:0 1px 2px rgba(15,23,42,.035)!important;
  }

  .v231-order-status-trigger{
    cursor:pointer!important;
    justify-content:space-between!important;
    padding-left:12px!important;
    padding-right:9px!important;
    transition:
      box-shadow .15s ease,
      transform .12s ease,
      filter .15s ease,
      border-color .15s ease!important;
  }

  .v231-order-status-trigger:hover{
    box-shadow:0 3px 9px rgba(15,23,42,.08)!important;
  }

  .v231-order-status-trigger:focus-visible{
    outline:none!important;
    box-shadow:
      0 0 0 3px color-mix(in srgb,var(--brand-green) 14%,transparent),
      0 2px 7px rgba(15,23,42,.07)!important;
  }

  .v231-order-status-trigger svg{
    width:14px!important;
    height:14px!important;
    min-width:14px!important;
    flex:0 0 14px!important;
    opacity:.65!important;
  }

  .v231-order-status-readonly{
    justify-content:center!important;
  }

  /* Dropdown: uniform options, clearer scanning. */
  .v231-order-status-menu{
    width:178px!important;
    min-width:178px!important;
    padding:6px!important;
    border-radius:10px!important;
    box-shadow:
      0 10px 30px rgba(15,23,42,.12),
      0 2px 6px rgba(15,23,42,.06)!important;
  }

  .v231-order-status-menu [role="menuitem"]{
    min-height:38px!important;
    padding:5px 6px!important;
    border-radius:7px!important;
    display:flex!important;
    align-items:center!important;
  }

  .v231-order-status-option{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    height:28px!important;
    min-height:28px!important;
    margin:0!important;
    padding:0 9px!important;
    border-radius:6px!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:700!important;
    white-space:nowrap!important;
    text-align:center!important;
  }

  /* Keep status column comfortably wide and visually aligned. */
  .v195-order-table-scroll th:nth-last-child(2),
  .v195-order-table-scroll td:nth-last-child(2){
    min-width:148px!important;
    width:148px!important;
    vertical-align:middle!important;
  }
}

/* Medium desktop/laptop: slightly tighter but still uniform. */
@media (min-width:1101px) and (max-width:1366px){
  .v231-order-status{
    min-width:122px!important;
    width:122px!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    font-size:11px!important;
  }

  .v195-order-table-scroll th:nth-last-child(2),
  .v195-order-table-scroll td:nth-last-child(2){
    min-width:136px!important;
    width:136px!important;
  }
}


/* ===== V477 SOURCE 41: v232-order-form-help-text.css ===== */

/* V232 — New order form helper text.
   Desktop: show directly below phone lookup instruction.
   Mobile/tablet <=1100px: hide only the long create-order description. */

.v232-customer-search-help{
  display:block;
  width:100%;
  min-width:0;
}

.v232-order-create-description{
  display:block;
  margin-top:5px;
  padding-top:5px;
  border-top:1px dashed color-mix(in srgb,var(--border) 72%,transparent);
  font-size:11px;
  line-height:1.5;
  font-weight:500;
  color:var(--muted-foreground);
}

@media (max-width:1100px){
  .v232-order-create-description{
    display:none!important;
  }
}


/* ===== V477 SOURCE 42: v233-vat-file-delete.css ===== */

.v233-bulk-actions,.v233-file-actions{display:flex;align-items:center;gap:8px}
.v233-select-all{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;cursor:pointer}
.v233-select-all input,.v233-file-check input{width:16px;height:16px;accent-color:var(--brand-green);cursor:pointer}
.v233-delete-bulk,.v233-delete-one{display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--destructive) 45%,var(--border));background:color-mix(in srgb,var(--destructive) 7%,var(--background));color:var(--destructive);font-weight:700;cursor:pointer}
.v233-delete-bulk{min-height:34px;padding:0 12px;border-radius:7px;font-size:11px}
.v233-delete-one{min-height:32px;padding:0 11px;border-radius:6px;font-size:11px}
.v233-delete-bulk:hover,.v233-delete-one:hover{background:color-mix(in srgb,var(--destructive) 13%,var(--background))}
.v233-delete-bulk:disabled,.v233-delete-one:disabled{opacity:.55;cursor:not-allowed}
.v233-file-card{position:relative!important;padding-left:42px!important}
.v233-file-check{position:absolute;left:14px;top:15px;display:flex;align-items:center;justify-content:center}
.v233-selected{outline:2px solid color-mix(in srgb,var(--brand-green) 35%,transparent);outline-offset:-2px;background:color-mix(in srgb,var(--brand-green) 4%,var(--background))!important}
@media(max-width:1100px){
 .v233-vat-list-head{align-items:flex-start!important}
 .v233-bulk-actions{width:100%;justify-content:space-between}
 .v233-file-actions{width:100%;margin-top:10px}
 .v233-file-actions .v213-download,.v233-file-actions .v233-delete-one{flex:1;min-height:38px}
}


/* ===== V477 SOURCE 43: v234-revenue-report-color-cards.css ===== */

/* V234 — Revenue report: stronger visual hierarchy with professional color cards.
   Visual-only. No formulas/data logic changed. */

.v234-revenue-report{
  --v234-green-bg:color-mix(in srgb,var(--brand-green) 8%,var(--background));
  --v234-green-border:color-mix(in srgb,var(--brand-green) 30%,var(--border));
  --v234-amber-bg:color-mix(in srgb,var(--amber-brand) 9%,var(--background));
  --v234-amber-border:color-mix(in srgb,var(--amber-brand) 34%,var(--border));
  --v234-blue-bg:color-mix(in srgb,#2563eb 8%,var(--background));
  --v234-blue-border:color-mix(in srgb,#2563eb 27%,var(--border));
  --v234-red-bg:color-mix(in srgb,var(--destructive) 7%,var(--background));
  --v234-red-border:color-mix(in srgb,var(--destructive) 28%,var(--border));
  --v234-purple-bg:color-mix(in srgb,#7c3aed 7%,var(--background));
  --v234-purple-border:color-mix(in srgb,#7c3aed 25%,var(--border));
}

/* General cards */
.v234-revenue-report .ledger-cell{
  border-radius:13px!important;
  box-shadow:0 1px 2px rgba(15,23,42,.035),0 8px 22px rgba(15,23,42,.035);
}

/* First data/stat grids: distribute colors consistently by card position. */
.v234-revenue-report .grid > .ledger-cell:nth-child(5n+1){
  background:var(--v234-green-bg)!important;
  border-color:var(--v234-green-border)!important;
}
.v234-revenue-report .grid > .ledger-cell:nth-child(5n+2){
  background:var(--v234-amber-bg)!important;
  border-color:var(--v234-amber-border)!important;
}
.v234-revenue-report .grid > .ledger-cell:nth-child(5n+3){
  background:var(--v234-blue-bg)!important;
  border-color:var(--v234-blue-border)!important;
}
.v234-revenue-report .grid > .ledger-cell:nth-child(5n+4){
  background:var(--v234-purple-bg)!important;
  border-color:var(--v234-purple-border)!important;
}
.v234-revenue-report .grid > .ledger-cell:nth-child(5n+5){
  background:var(--v234-red-bg)!important;
  border-color:var(--v234-red-border)!important;
}

/* Make money/value figures stronger */
.v234-revenue-report .stat-figure,
.v234-revenue-report .tabular,
.v234-revenue-report .tabular-nums{
  font-variant-numeric:tabular-nums;
}

.v234-revenue-report .ledger-cell .stat-figure,
.v234-revenue-report .ledger-cell [class*="text-2xl"],
.v234-revenue-report .ledger-cell [class*="text-3xl"]{
  font-weight:800!important;
  letter-spacing:-.035em!important;
}

/* Section headers */
.v234-revenue-report .ledger-cell > div:first-child{
  border-color:color-mix(in srgb,var(--border) 72%,transparent);
}

/* Tables: clearer header and alternating rows */
.v234-revenue-report table{
  border-collapse:separate;
  border-spacing:0;
}
.v234-revenue-report thead th{
  background:color-mix(in srgb,var(--muted) 68%,var(--background))!important;
  font-weight:800!important;
  letter-spacing:.035em;
  text-transform:uppercase;
}
.v234-revenue-report tbody tr:nth-child(even){
  background:color-mix(in srgb,var(--muted) 22%,transparent);
}
.v234-revenue-report tbody tr:hover{
  background:color-mix(in srgb,var(--brand-green) 5%,var(--background))!important;
}

/* Positive/negative values */
.v234-revenue-report .text-\[var\(--success\)\]{
  font-weight:750!important;
}
.v234-revenue-report .text-destructive,
.v234-revenue-report .text-\[var\(--destructive\)\]{
  font-weight:750!important;
}

/* Mobile/tablet keeps the same color hierarchy, with softer saturation. */
@media(max-width:1100px){
  .v234-revenue-report .ledger-cell{
    border-radius:11px!important;
  }

  .v234-revenue-report .grid > .ledger-cell{
    box-shadow:0 1px 2px rgba(15,23,42,.03)!important;
  }

  .v234-revenue-report .grid > .ledger-cell:nth-child(5n+1){
    background:color-mix(in srgb,var(--brand-green) 6%,var(--background))!important;
  }
  .v234-revenue-report .grid > .ledger-cell:nth-child(5n+2){
    background:color-mix(in srgb,var(--amber-brand) 7%,var(--background))!important;
  }
  .v234-revenue-report .grid > .ledger-cell:nth-child(5n+3){
    background:color-mix(in srgb,#2563eb 6%,var(--background))!important;
  }
  .v234-revenue-report .grid > .ledger-cell:nth-child(5n+4){
    background:color-mix(in srgb,#7c3aed 6%,var(--background))!important;
  }
  .v234-revenue-report .grid > .ledger-cell:nth-child(5n+5){
    background:color-mix(in srgb,var(--destructive) 5%,var(--background))!important;
  }
}


/* ===== V477 SOURCE 44: v235-revenue-4-kpi-colors.css ===== */

/* V235 — ONLY the four requested Revenue Report KPI cards receive strong colors. */
.v235-revenue-kpi-grid{
  gap:7px!important;
  background:transparent!important;
  overflow:visible!important;
}
.v235-revenue-kpi-grid > *{
  border:1px solid var(--border)!important;
  border-radius:11px!important;
  overflow:hidden!important;
  box-shadow:0 2px 8px rgba(15,23,42,.045)!important;
}
/* 1 Tổng Doanh thu — blue */
.v235-revenue-kpi-grid > :nth-child(1){
  background:linear-gradient(145deg,color-mix(in srgb,#2563eb 13%,var(--background)),color-mix(in srgb,#2563eb 5%,var(--background)))!important;
  border-color:color-mix(in srgb,#2563eb 34%,var(--border))!important;
}
/* 2 Doanh thu đã thu — green */
.v235-revenue-kpi-grid > :nth-child(2){
  background:linear-gradient(145deg,color-mix(in srgb,#16a34a 14%,var(--background)),color-mix(in srgb,#16a34a 5%,var(--background)))!important;
  border-color:color-mix(in srgb,#16a34a 36%,var(--border))!important;
}
/* 3 Lợi nhuận đã thu — amber/gold */
.v235-revenue-kpi-grid > :nth-child(3){
  background:linear-gradient(145deg,color-mix(in srgb,#d97706 15%,var(--background)),color-mix(in srgb,#d97706 5%,var(--background)))!important;
  border-color:color-mix(in srgb,#d97706 37%,var(--border))!important;
}
/* 4 LN tạm tính chưa thu — purple */
.v235-revenue-kpi-grid > :nth-child(4){
  background:linear-gradient(145deg,color-mix(in srgb,#7c3aed 13%,var(--background)),color-mix(in srgb,#7c3aed 5%,var(--background)))!important;
  border-color:color-mix(in srgb,#7c3aed 34%,var(--border))!important;
}
.v235-revenue-kpi-grid > :nth-child(-n+4) .stat-figure{
  font-weight:850!important;
  letter-spacing:-.035em!important;
}
@media(max-width:1100px){
 .v235-revenue-kpi-grid{gap:6px!important}
 .v235-revenue-kpi-grid > *{border-radius:9px!important}
}


/* ===== V477 SOURCE 45: v236-revenue-report-final-colors.css ===== */

/* V236 — Revenue Report requested KPI colors.
   Adds color for "Đơn đã thu"; retains the four V235 KPI colors. */

/* Đơn đã thu — cyan/teal, distinct from revenue/profit cards. */
.v235-revenue-kpi-grid > .v236-orders-paid-card{
  background:
    linear-gradient(
      145deg,
      color-mix(in srgb,#0891b2 14%,var(--background)),
      color-mix(in srgb,#0891b2 5%,var(--background))
    )!important;
  border-color:color-mix(in srgb,#0891b2 36%,var(--border))!important;
  box-shadow:0 2px 8px rgba(15,23,42,.045)!important;
}

.v235-revenue-kpi-grid > .v236-orders-paid-card .stat-figure{
  font-weight:850!important;
  letter-spacing:-.035em!important;
}

/* Currency suffix ("đ") should sit naturally immediately after amount. */
.v235-revenue-kpi-grid .stat-figure{
  flex-wrap:nowrap!important;
}
.v235-revenue-kpi-grid .stat-figure > span:last-child{
  white-space:nowrap;
}

/* Keep status text readable on both desktop/mobile report lists. */
.v197-revenue-report .stamp,
.v176-report-mobile .stamp{
  white-space:nowrap!important;
}


/* ===== V477 SOURCE 46: v237-currency-suffix-after-amount.css ===== */

/* V237 — Báo cáo doanh thu: ký hiệu "đ" luôn đứng sau số tiền. */
.v235-revenue-kpi-grid .stat-figure{
  display:flex!important;
  flex-direction:row!important;
  align-items:baseline!important;
  justify-content:flex-start!important;
  gap:4px!important;
  white-space:nowrap!important;
}
.v235-revenue-kpi-grid .stat-figure > span{
  flex:0 0 auto;
}


/* ===== V477 SOURCE 47: v238-report-order-currency-spacing.css ===== */

/* V238 — Reports desktop:
   add a little extra space between amount and "đ" in order search list only. */
@media (min-width:1101px){
  .v199-report-orders-desktop .v238-report-order-money{
    display:inline-flex!important;
    align-items:baseline!important;
    justify-content:flex-end!important;
    white-space:nowrap!important;
  }

  .v199-report-orders-desktop .v238-report-order-currency{
    display:inline-block!important;
    margin-left:7px!important;
    font-size:.92em;
    font-weight:600;
    color:var(--muted-foreground);
  }
}


/* ===== V477 SOURCE 48: v239-exact-numbers.css ===== */

/* V239 — Exact monetary and quantity display.
   Shared formatter preserves stored decimal precision instead of limiting to 3/8 decimal places. */
.tabular,.tabular-nums,[class*="tabular"]{
  font-variant-numeric:tabular-nums;
}


/* ===== V477 SOURCE 49: v240-edit-order-description.css ===== */

.v240-edit-order-description{
  display:block;
  width:100%;
  margin-top:8px;
  padding:8px 10px;
  border-left:3px solid color-mix(in srgb,var(--brand-green) 55%,var(--border));
  background:color-mix(in srgb,var(--brand-green) 4%,var(--background));
  border-radius:0 7px 7px 0;
  font-size:11.5px;
  line-height:1.55;
  font-weight:500;
  color:var(--muted-foreground);
}
@media(max-width:1100px){
  .v240-edit-order-description{
    display:none!important;
  }
}


/* ===== V477 SOURCE 50: v241-edit-order-region.css ===== */

/* V241 — Edit order region is a first-class editable field. */
.v241-edit-region{
  width:100%;
  margin-top:9px;
  padding:10px;
  border:1px solid color-mix(in srgb,var(--brand-green) 22%,var(--border));
  border-radius:8px;
  background:color-mix(in srgb,var(--brand-green) 3%,var(--background));
}
.v241-edit-region-label{
  display:block;
  margin-bottom:6px;
  font-size:11.5px;
  line-height:1.3;
  font-weight:700;
}
.v241-edit-region-note{
  margin-top:6px;
  font-size:10.5px;
  line-height:1.45;
  color:var(--muted-foreground);
}
@media(max-width:1100px){
  .v241-edit-region{
    margin-top:7px;
    padding:9px;
  }
  .v241-edit-region-note{
    font-size:10px;
  }
}


/* ===== V477 SOURCE 51: v243-print-seller-name.css ===== */

/* V243 — Print order: seller name comes from the actual order's sales employee. */
.v243-order-seller-name{
  margin-top:4px;
  font-size:12px;
  line-height:1.3;
  font-weight:700;
  color:var(--foreground);
  text-align:center;
  word-break:break-word;
}
@media print{
  .v243-order-seller-name{
    font-size:11px!important;
    line-height:1.25!important;
    margin-top:3px!important;
  }
}


/* ===== V477 SOURCE 52: v245-money-display-only.css ===== */

/*
 V245 MONEY DISPLAY POLICY
 - Money shown in read-only UI / print: integer portion only, no rounding.
 - Raw numeric values, inputs, API payloads, SQL values and calculations: unchanged.
 - Quantity formatting remains exact and can show decimal values.
*/


/* ===== V477 SOURCE 53: v246-order-status-mobile-pro.css ===== */

/* V246 — Orders mobile status controls.
   Visual-only. Status/API/permissions logic unchanged. */

@media(max-width:1100px){
  /* Status trigger in mobile cards */
  .v246-order-mobile-card .v231-order-status,
  .v193-order-mobile-card .v231-order-status{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    min-height:42px!important;
    max-height:none!important;
    padding:0 12px!important;
    border-radius:10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:.01em!important;
    white-space:nowrap!important;
    box-shadow:
      0 1px 2px rgba(15,23,42,.04),
      inset 0 0 0 1px color-mix(in srgb,currentColor 7%,transparent)!important;
  }

  .v246-order-mobile-card .v231-order-status-trigger,
  .v193-order-mobile-card .v231-order-status-trigger{
    cursor:pointer!important;
    transition:
      transform .12s ease,
      box-shadow .16s ease,
      filter .16s ease!important;
  }

  .v246-order-mobile-card .v231-order-status-trigger:active,
  .v193-order-mobile-card .v231-order-status-trigger:active{
    transform:scale(.985)!important;
  }

  .v246-order-mobile-card .v231-order-status-trigger svg,
  .v193-order-mobile-card .v231-order-status-trigger svg{
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    flex:0 0 16px!important;
    opacity:.72!important;
  }

  /* Read-only status stays centered and same visual size */
  .v246-order-mobile-card .v231-order-status-readonly,
  .v193-order-mobile-card .v231-order-status-readonly{
    justify-content:center!important;
  }

  /* Dropdown becomes touch-friendly */
  .v231-order-status-menu{
    width:min(92vw,300px)!important;
    min-width:min(92vw,300px)!important;
    padding:7px!important;
    border-radius:12px!important;
    box-shadow:
      0 14px 36px rgba(15,23,42,.16),
      0 3px 8px rgba(15,23,42,.08)!important;
  }

  .v231-order-status-menu [role="menuitem"]{
    min-height:46px!important;
    padding:5px!important;
    margin:2px 0!important;
    border-radius:9px!important;
    display:flex!important;
    align-items:center!important;
  }

  .v231-order-status-option{
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    min-height:36px!important;
    margin:0!important;
    padding:0 12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:8px!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:800!important;
    white-space:nowrap!important;
    text-align:center!important;
  }

  /* Give the status area more breathing room in mobile order cards */
  .v246-order-mobile-card .v231-order-status,
  .v193-order-mobile-card .v231-order-status{
    margin-top:2px!important;
    margin-bottom:2px!important;
  }
}

@media(max-width:560px){
  .v246-order-mobile-card .v231-order-status,
  .v193-order-mobile-card .v231-order-status{
    height:40px!important;
    min-height:40px!important;
    padding:0 10px!important;
    border-radius:9px!important;
    font-size:11.5px!important;
  }

  .v246-order-mobile-card .v231-order-status-trigger svg,
  .v193-order-mobile-card .v231-order-status-trigger svg{
    width:15px!important;
    height:15px!important;
    min-width:15px!important;
    flex-basis:15px!important;
  }

  .v231-order-status-menu{
    width:min(94vw,280px)!important;
    min-width:min(94vw,280px)!important;
  }

  .v231-order-status-menu [role="menuitem"]{
    min-height:44px!important;
  }

  .v231-order-status-option{
    height:34px!important;
    min-height:34px!important;
    font-size:11.5px!important;
  }
}


/* ===== V477 SOURCE 54: v247-order-status-mobile-visible.css ===== */

/* V247 — Mobile Orders:
   Make the CURRENT status visually obvious before opening the dropdown. */

@media(max-width:1100px){

  /* The visible current-status control */
  .v193-order-mobile-card .v231-order-status-trigger,
  .v246-order-mobile-card .v231-order-status-trigger{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    height:44px!important;
    min-height:44px!important;
    padding:0 40px 0 13px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;

    border-width:1px!important;
    border-style:solid!important;
    border-radius:11px!important;

    font-size:12px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:.015em!important;

    box-shadow:
      0 1px 2px rgba(15,23,42,.045),
      0 4px 12px rgba(15,23,42,.035)!important;

    overflow:hidden!important;
  }

  /* Small status indicator dot on the left */
  .v193-order-mobile-card .v231-order-status-trigger::before,
  .v246-order-mobile-card .v231-order-status-trigger::before{
    content:"";
    width:7px;
    height:7px;
    min-width:7px;
    border-radius:999px;
    margin-right:8px;
    background:currentColor;
    opacity:.82;
    box-shadow:0 0 0 3px color-mix(in srgb,currentColor 12%,transparent);
  }

  /* Arrow kept in its own right-side area */
  .v193-order-mobile-card .v231-order-status-trigger svg,
  .v246-order-mobile-card .v231-order-status-trigger svg{
    position:absolute!important;
    right:12px!important;
    top:50%!important;
    transform:translateY(-50%)!important;

    width:16px!important;
    height:16px!important;
    min-width:16px!important;

    padding:2px!important;
    border-radius:5px!important;
    background:color-mix(in srgb,currentColor 8%,transparent)!important;
    opacity:.8!important;
  }

  /* Left aligned text looks cleaner on card preview */
  .v193-order-mobile-card .v231-order-status-trigger > span,
  .v246-order-mobile-card .v231-order-status-trigger > span{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    text-align:left!important;
  }

  /* Read-only status uses a badge-like look instead of looking disabled */
  .v193-order-mobile-card .v231-order-status-readonly,
  .v246-order-mobile-card .v231-order-status-readonly{
    width:auto!important;
    min-width:118px!important;
    max-width:100%!important;
    height:36px!important;
    min-height:36px!important;
    padding:0 12px!important;

    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    border-radius:999px!important;
    font-size:11px!important;
    font-weight:800!important;
    letter-spacing:.015em!important;
    box-shadow:0 1px 2px rgba(15,23,42,.035)!important;
  }

  /* Subtle tap feedback */
  .v193-order-mobile-card .v231-order-status-trigger:active,
  .v246-order-mobile-card .v231-order-status-trigger:active{
    transform:scale(.99)!important;
    filter:brightness(.985)!important;
  }

  /* Ensure the status area itself has breathing room */
  .v193-order-mobile-card .v231-order-status,
  .v246-order-mobile-card .v231-order-status{
    margin-top:5px!important;
    margin-bottom:5px!important;
  }
}

@media(max-width:560px){
  .v193-order-mobile-card .v231-order-status-trigger,
  .v246-order-mobile-card .v231-order-status-trigger{
    height:42px!important;
    min-height:42px!important;
    padding-left:11px!important;
    padding-right:38px!important;
    border-radius:10px!important;
    font-size:11.5px!important;
  }

  .v193-order-mobile-card .v231-order-status-trigger::before,
  .v246-order-mobile-card .v231-order-status-trigger::before{
    width:6px;
    height:6px;
    min-width:6px;
    margin-right:7px;
  }

  .v193-order-mobile-card .v231-order-status-trigger svg,
  .v246-order-mobile-card .v231-order-status-trigger svg{
    right:10px!important;
    width:15px!important;
    height:15px!important;
  }
}


/* ===== V477 SOURCE 55: v248-mobile-status-single-line.css ===== */

/* V248 — Mobile Orders:
   Current status text must always stay on ONE line before opening selector. */
@media(max-width:1100px){
  .v193-order-mobile-card .v231-order-status-trigger,
  .v246-order-mobile-card .v231-order-status-trigger{
    flex-wrap:nowrap!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    min-width:0!important;
  }

  .v193-order-mobile-card .v231-order-status-trigger > span,
  .v246-order-mobile-card .v231-order-status-trigger > span{
    display:block!important;
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
    max-width:100%!important;
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    line-height:1.2!important;
  }

  .v193-order-mobile-card .v231-order-status-trigger svg,
  .v246-order-mobile-card .v231-order-status-trigger svg{
    flex:0 0 auto!important;
  }

  .v193-order-mobile-card .v231-order-status-readonly,
  .v246-order-mobile-card .v231-order-status-readonly{
    flex-wrap:nowrap!important;
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}


/* ===== V477 SOURCE 56: v249-status-under-700-single-line.css ===== */

/* V249 — Mobile Orders under 700px:
   keep current status display on exactly one line. */
@media (max-width:700px){
  .v193-order-mobile-card .v231-order-status,
  .v246-order-mobile-card .v231-order-status{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  .v193-order-mobile-card .v231-order-status-trigger,
  .v246-order-mobile-card .v231-order-status-trigger{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:40px!important;
    min-height:40px!important;
    padding:0 36px 0 10px!important;
    flex-wrap:nowrap!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    border-radius:9px!important;
    font-size:10.5px!important;
    line-height:1!important;
  }

  .v193-order-mobile-card .v231-order-status-trigger::before,
  .v246-order-mobile-card .v231-order-status-trigger::before{
    width:5px!important;
    height:5px!important;
    min-width:5px!important;
    margin-right:6px!important;
  }

  .v193-order-mobile-card .v231-order-status-trigger > span,
  .v246-order-mobile-card .v231-order-status-trigger > span{
    display:block!important;
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
    max-width:100%!important;
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:10.5px!important;
    line-height:1!important;
  }

  .v193-order-mobile-card .v231-order-status-trigger svg,
  .v246-order-mobile-card .v231-order-status-trigger svg{
    right:9px!important;
    width:14px!important;
    height:14px!important;
    min-width:14px!important;
  }

  .v193-order-mobile-card .v231-order-status-readonly,
  .v246-order-mobile-card .v231-order-status-readonly{
    max-width:100%!important;
    min-width:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:10.5px!important;
    line-height:1!important;
  }
}


/* ===== V477 SOURCE 57: v250-region-quick-search.css ===== */

.v250-region-search{position:relative;width:100%;margin:4px 0 6px}
.v250-region-search-input{width:100%!important;padding-right:10px!important}
.v250-region-search-hint{display:block;margin-top:3px;font-size:9.5px;line-height:1.25;color:var(--muted-foreground)}
@media(max-width:1100px){
 .v250-region-search-input{height:36px!important;font-size:12px!important}
 .v250-region-search-hint{font-size:9px}
}


/* ===== V477 SOURCE 58: v251-region-single-combobox.css ===== */

/* V251 — Khu vực chỉ hiển thị một ô: giá trị hiện tại + tìm kiếm + gợi ý. */
.v251-old-region-select-hidden{
  display:none!important;
}

.v251-region-combobox{
  position:relative;
  width:100%;
  margin:4px 0 2px;
}

.v251-region-combobox-input{
  width:100%!important;
  min-width:0!important;
  height:36px!important;
  padding-right:34px!important;
  border-radius:7px!important;
  font-weight:600!important;
}

.v251-region-combobox::after{
  content:"⌄";
  position:absolute;
  right:11px;
  top:50%;
  transform:translateY(-52%);
  pointer-events:none;
  font-size:14px;
  line-height:1;
  color:var(--muted-foreground);
}

@media(max-width:1100px){
  .v251-region-combobox-input{
    height:38px!important;
    font-size:12px!important;
  }
}


/* ===== V477 SOURCE 59: v252-region-expanded-suggestions.css ===== */

/* V252 — expanded province / city / district / town suggestions. */
.v251-region-combobox-input{
  font-weight:600!important;
}


/* ===== V477 SOURCE 60: v253-region-mobile-responsive.css ===== */

/* V253 — Mobile responsive refinement for the single Region combobox. */

@media(max-width:1100px){
  .v251-region-combobox{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:5px 0 3px!important;
  }

  .v251-region-combobox-input{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:42px!important;
    padding:0 34px 0 11px!important;
    border-radius:9px!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:600!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .v251-region-combobox::after{
    right:10px!important;
    font-size:13px!important;
  }

  /* Prevent surrounding grid/flex containers from forcing horizontal overflow. */
  .v251-region-combobox,
  .v251-region-combobox *{
    min-width:0!important;
  }

  .v241-edit-region{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
}

@media(max-width:700px){
  .v251-region-combobox-input{
    height:40px!important;
    padding-left:10px!important;
    padding-right:31px!important;
    font-size:11.5px!important;
  }

  .v251-region-combobox::after{
    right:9px!important;
    font-size:12px!important;
  }
}

@media(max-width:420px){
  .v251-region-combobox-input{
    height:39px!important;
    font-size:11px!important;
    letter-spacing:0!important;
  }
}


/* ===== V477 SOURCE 61: v257-region-v253-clean.css ===== */

/* V257 — Clean deployment based on the stable V253 region UX.
   Unique asset filenames prevent stale V254/V255 browser/CDN cache. */


/* ===== V477 SOURCE 62: v258-accountant-order-status.css ===== */

/* V258 — Accountant status permission.
   UI styling unchanged; Accountant can change every order status like Admin. */


/* ===== V477 SOURCE 63: v259-supplier-debt.css ===== */

/* V259 — Supplier debt:
   active order + supplier cost => debt immediately;
   deleted/cancelled/paid-to-supplier orders are not shown. */


/* ===== V477 SOURCE 64: v260-supplier-debt-backfill.css ===== */

/* V260 — Legacy SQL orders are included in supplier debt.
   Missing supplierPaymentStatus is normalized to unpaid. */


/* ===== V477 SOURCE 65: v261-supplier-debt-debts-menu.css ===== */

/* V261 — Supplier debt in Debts menu.
   New active orders with cost appear immediately; deleted orders disappear from SQL-backed list. */
@media(max-width:1100px){
  .v177-debts-mobile .stamp{
    white-space:nowrap;
  }
}


/* ===== V477 SOURCE 66: v262-exact-quantity.css ===== */

/* V262 — Quantity display:
   show the full stored quantity, no visual rounding or hidden decimal digits. */
.v262-exact-qty,
.tabular{
  font-variant-numeric:tabular-nums;
}


/* ===== V477 SOURCE 67: v265-quantity-stable.css ===== */

/* V265 — Stable quantity display only.
   Example: 1009.73 -> 1.009,73.
   No BigInt, no qtyExact runtime layer, no SQL schema/data changes. */


/* ===== V477 SOURCE 68: v266-orders-desktop-auto.css ===== */

/* V266 — Orders list desktop auto-responsive.
   Scoped to desktop only; mobile behavior remains unchanged. */

@media (min-width:1101px){
  .v266-orders-desktop-auto{
    width:100%;
    min-width:0;
  }

  /* Let the main content shrink correctly next to the sidebar. */
  .v266-orders-desktop-auto,
  .v266-orders-desktop-auto > *,
  .v266-orders-desktop-auto .ledger-cell{
    min-width:0!important;
    max-width:100%;
  }

  /* Orders desktop table/container */
  .v266-orders-desktop-auto table{
    width:100%!important;
    table-layout:fixed!important;
    border-collapse:collapse!important;
  }

  .v266-orders-desktop-auto th,
  .v266-orders-desktop-auto td{
    min-width:0!important;
    vertical-align:middle!important;
  }

  .v266-orders-desktop-auto th{
    font-size:10.5px!important;
    line-height:1.2!important;
    padding-left:8px!important;
    padding-right:8px!important;
    white-space:nowrap!important;
  }

  .v266-orders-desktop-auto td{
    font-size:11.5px!important;
    line-height:1.3!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }

  /* Textual columns may wrap softly, but never letter-by-letter. */
  .v266-orders-desktop-auto td,
  .v266-orders-desktop-auto td *{
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }

  /* IDs, money, quantity, status and actions stay on one line. */
  .v266-orders-desktop-auto .tabular,
  .v266-orders-desktop-auto .font-mono,
  .v266-orders-desktop-auto .stamp,
  .v266-orders-desktop-auto .v231-order-status,
  .v266-orders-desktop-auto .v231-order-status-trigger,
  .v266-orders-desktop-auto button{
    white-space:nowrap!important;
  }

  .v266-orders-desktop-auto .v231-order-status{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  .v266-orders-desktop-auto .v231-order-status-trigger{
    min-width:0!important;
    max-width:100%!important;
    height:34px!important;
    min-height:34px!important;
    padding-left:9px!important;
    padding-right:28px!important;
    font-size:10.5px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* Prevent action buttons from growing excessively. */
  .v266-orders-desktop-auto td button{
    min-width:0!important;
    max-width:100%!important;
  }

  /* Common desktop cards/list areas shouldn't overflow viewport. */
  .v266-orders-desktop-auto .overflow-x-auto{
    max-width:100%!important;
    overflow-x:auto!important;
    scrollbar-width:thin;
  }
}

/* 12–13 inch class desktops / narrow laptop widths */
@media (min-width:1101px) and (max-width:1280px){
  .v266-orders-desktop-auto th{
    font-size:9.5px!important;
    padding-left:5px!important;
    padding-right:5px!important;
  }

  .v266-orders-desktop-auto td{
    font-size:10.5px!important;
    padding-left:5px!important;
    padding-right:5px!important;
  }

  .v266-orders-desktop-auto .v231-order-status-trigger{
    height:32px!important;
    min-height:32px!important;
    font-size:9.5px!important;
    padding-left:7px!important;
    padding-right:24px!important;
  }

  /* Keep long customer/employee text compact instead of breaking layout. */
  .v266-orders-desktop-auto td .truncate,
  .v266-orders-desktop-auto td [class*="truncate"]{
    max-width:100%!important;
  }
}

/* 14–15 inch common laptop widths */
@media (min-width:1281px) and (max-width:1536px){
  .v266-orders-desktop-auto th{
    font-size:10px!important;
  }

  .v266-orders-desktop-auto td{
    font-size:11px!important;
  }

  .v266-orders-desktop-auto .v231-order-status-trigger{
    font-size:10px!important;
  }
}

/* Larger desktop screens */
@media (min-width:1537px){
  .v266-orders-desktop-auto th{
    font-size:11px!important;
  }

  .v266-orders-desktop-auto td{
    font-size:12px!important;
  }
}


/* ===== V477 SOURCE 69: v267-finance-crash-fix.css ===== */
/* V267: Finance supplier-debt render crash fix only. */


/* ===== V477 SOURCE 70: v268-supplier-debt-debts-only.css ===== */

/* V268 — Supplier debt is displayed only in Debts menu.
   Finance/Profit page no longer shows supplier debt KPI or supplier debt block. */


/* ===== V477 SOURCE 71: v269-dashboard-kpi-wide.css ===== */

/* V269 — Dashboard KPI cards use the available desktop content width.
   Fixes the compressed/centered appearance on 27–32 inch monitors. */

@media (min-width:1101px){
  .v269-dashboard-kpi-wide{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    justify-self:stretch!important;
    align-self:stretch!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }

  .v269-dashboard-kpi-wide > *{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
  }
}

/* Large desktop / 2K / 32-inch layouts */
@media (min-width:1600px){
  .v269-dashboard-kpi-wide > *{
    padding-left:18px!important;
    padding-right:18px!important;
  }
}

@media (min-width:1920px){
  .v269-dashboard-kpi-wide > *{
    padding-left:22px!important;
    padding-right:22px!important;
  }
}

@media (min-width:2400px){
  .v269-dashboard-kpi-wide > *{
    padding-left:26px!important;
    padding-right:26px!important;
  }
}


/* ===== V477 SOURCE 72: v270-all-menus-desktop-fluid.css ===== */

/* V270 — Global desktop fluid layout for all menus.
   Goal: large desktop monitors should use the available content width instead of
   compressing cards/tables into the center. Mobile/tablet behavior is unchanged. */

@media (min-width:1101px){

  .v270-desktop-fluid{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }

  .v270-desktop-fluid main,
  .v270-desktop-fluid [role="main"],
  .v270-desktop-fluid > div{
    min-width:0!important;
    max-width:none!important;
  }

  /* Common page containers */
  .v270-desktop-fluid .ledger-cell,
  .v270-desktop-fluid .fade-up,
  .v270-dashboard-fluid,
  .v270-orders-fluid,
  .v270-finance-fluid,
  .v270-debts-fluid,
  .v270-product-fluid{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }

  /* KPI grids / summary grids should fill available content width */
  .v270-desktop-fluid [class*="grid-cols-4"],
  .v270-desktop-fluid [class*="grid-cols-5"],
  .v270-desktop-fluid [class*="lg:grid-cols-4"],
  .v270-desktop-fluid [class*="lg:grid-cols-5"]{
    width:100%!important;
    max-width:none!important;
  }

  /* Tables across all menus */
  .v270-desktop-fluid table{
    width:100%!important;
    max-width:none!important;
  }

  .v270-desktop-fluid .overflow-x-auto,
  .v270-desktop-fluid [class*="overflow-x-auto"]{
    width:100%!important;
    max-width:100%!important;
  }

  /* Prevent cards and list rows from being centered with arbitrary max widths */
  .v270-desktop-fluid .max-w-xl,
  .v270-desktop-fluid .max-w-2xl,
  .v270-desktop-fluid .max-w-3xl,
  .v270-desktop-fluid .max-w-4xl,
  .v270-desktop-fluid .max-w-5xl,
  .v270-desktop-fluid .max-w-6xl,
  .v270-desktop-fluid .max-w-7xl{
    max-width:none!important;
    width:100%!important;
  }

  /* Orders list across menus */
  .v270-orders-fluid table,
  .v270-debts-fluid table,
  .v270-finance-fluid table{
    table-layout:auto!important;
  }

  .v270-orders-fluid th,
  .v270-orders-fluid td,
  .v270-debts-fluid th,
  .v270-debts-fluid td,
  .v270-finance-fluid th,
  .v270-finance-fluid td{
    min-width:0!important;
    vertical-align:middle!important;
  }

  /* Money, quantity, status and action controls stay readable */
  .v270-desktop-fluid .tabular,
  .v270-desktop-fluid .font-mono,
  .v270-desktop-fluid .stamp,
  .v270-desktop-fluid button{
    white-space:nowrap!important;
  }

  /* Long human-readable text can wrap normally instead of letter by letter */
  .v270-desktop-fluid td,
  .v270-desktop-fluid td *,
  .v270-desktop-fluid .ledger-cell{
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }

  /* Status controls */
  .v270-orders-fluid .v231-order-status,
  .v270-orders-fluid .v231-order-status-trigger{
    min-width:0!important;
    max-width:100%!important;
  }
}

/* Standard desktop/laptop */
@media (min-width:1101px) and (max-width:1536px){
  .v270-desktop-fluid{
    padding-left:0!important;
    padding-right:0!important;
  }
}

/* Large desktop */
@media (min-width:1537px){
  .v270-desktop-fluid{
    padding-left:0!important;
    padding-right:0!important;
  }

  .v270-desktop-fluid .ledger-cell{
    margin-left:0!important;
    margin-right:0!important;
  }
}

/* 2K / 32-inch / ultrawide */
@media (min-width:1920px){
  .v270-desktop-fluid{
    width:100%!important;
  }

  .v270-desktop-fluid .ledger-cell,
  .v270-desktop-fluid table,
  .v270-desktop-fluid [class*="grid"]{
    max-width:none!important;
  }
}


/* ===== V477 SOURCE 73: v271-products-wide-layout.css ===== */

/* V271 — Products list optimized for 2K / 32-inch / ultrawide desktops.
   No data, SQL, import/export, or product CRUD logic changes. */

@media (min-width:1101px){
  .v271-products-page{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }

  .v271-products-page .ledger-cell{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }

  .v271-products-table-wrap{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
  }

  .v271-products-table{
    width:100%!important;
    min-width:980px!important;
    table-layout:fixed!important;
  }

  /* 8 columns:
     Mã | Sản phẩm | Danh mục | ĐVT | Giá nhập | VAT | Giá bán | Thao tác */
  .v271-products-table th:nth-child(1),
  .v271-products-table td:nth-child(1){width:11%!important}

  .v271-products-table th:nth-child(2),
  .v271-products-table td:nth-child(2){width:26%!important}

  .v271-products-table th:nth-child(3),
  .v271-products-table td:nth-child(3){width:18%!important}

  .v271-products-table th:nth-child(4),
  .v271-products-table td:nth-child(4){width:8%!important}

  .v271-products-table th:nth-child(5),
  .v271-products-table td:nth-child(5){width:11%!important}

  .v271-products-table th:nth-child(6),
  .v271-products-table td:nth-child(6){width:7%!important}

  .v271-products-table th:nth-child(7),
  .v271-products-table td:nth-child(7){width:11%!important}

  .v271-products-table th:nth-child(8),
  .v271-products-table td:nth-child(8){width:8%!important}

  .v271-products-table th,
  .v271-products-table td{
    min-width:0!important;
    vertical-align:middle!important;
  }

  .v271-products-table th{
    white-space:nowrap!important;
  }

  .v271-products-table td:nth-child(1),
  .v271-products-table td:nth-child(4),
  .v271-products-table td:nth-child(5),
  .v271-products-table td:nth-child(6),
  .v271-products-table td:nth-child(7),
  .v271-products-table td:nth-child(8){
    white-space:nowrap!important;
  }

  .v271-products-table td:nth-child(2),
  .v271-products-table td:nth-child(3){
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }

  .v271-product-row{
    min-height:48px!important;
  }

  .v271-products-search{
    width:min(360px,32vw)!important;
  }
}

/* 2K / 27–32 inch */
@media (min-width:1600px){
  .v271-products-table{
    min-width:0!important;
    font-size:13px!important;
  }

  .v271-products-table th{
    padding-left:16px!important;
    padding-right:16px!important;
    font-size:11px!important;
  }

  .v271-products-table td{
    padding-left:16px!important;
    padding-right:16px!important;
  }

  .v271-products-search{
    width:400px!important;
  }
}

/* Full HD / 2K wide desktop */
@media (min-width:1920px){
  .v271-products-table th{
    padding-left:20px!important;
    padding-right:20px!important;
  }

  .v271-products-table td{
    padding-left:20px!important;
    padding-right:20px!important;
    padding-top:14px!important;
    padding-bottom:14px!important;
  }

  .v271-products-search{
    width:440px!important;
  }
}

/* Ultrawide */
@media (min-width:2400px){
  .v271-products-table{
    font-size:13.5px!important;
  }

  .v271-products-table th{
    padding-left:24px!important;
    padding-right:24px!important;
  }

  .v271-products-table td{
    padding-left:24px!important;
    padding-right:24px!important;
    padding-top:15px!important;
    padding-bottom:15px!important;
  }

  /* Give more visual room to product name/category on very wide screens. */
  .v271-products-table th:nth-child(2),
  .v271-products-table td:nth-child(2){width:29%!important}

  .v271-products-table th:nth-child(3),
  .v271-products-table td:nth-child(3){width:19%!important}

  .v271-products-table th:nth-child(1),
  .v271-products-table td:nth-child(1){width:10%!important}

  .v271-products-table th:nth-child(4),
  .v271-products-table td:nth-child(4){width:7%!important}

  .v271-products-table th:nth-child(5),
  .v271-products-table td:nth-child(5){width:10%!important}

  .v271-products-table th:nth-child(6),
  .v271-products-table td:nth-child(6){width:6%!important}

  .v271-products-table th:nth-child(7),
  .v271-products-table td:nth-child(7){width:10%!important}

  .v271-products-table th:nth-child(8),
  .v271-products-table td:nth-child(8){width:9%!important}

  .v271-products-search{
    width:500px!important;
  }
}


/* ===== V477 SOURCE 74: v272-true-full-width-products.css ===== */

/* V272 — Fix the real application parent width.
   V271 table rules were correct, but the global fluid class was not attached
   to the true AppLayout parent. */

@media (min-width:1101px){
  .v272-app-shell-content,
  .v272-app-shell-content > .v228-app-content,
  .v272-page-main{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }

  .v272-page-main{
    margin-left:0!important;
    margin-right:0!important;
  }

  .v272-page-main > *{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }

  .v271-products-page{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }

  .v271-products-page > .ledger-cell{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  .v271-products-table-wrap{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }

  .v271-products-table{
    width:100%!important;
    min-width:100%!important;
    max-width:none!important;
    table-layout:fixed!important;
  }
}

/* Make the difference clearly visible on large screens. */
@media (min-width:1600px){
  .v272-page-main{
    padding-left:32px!important;
    padding-right:32px!important;
  }
}

@media (min-width:1920px){
  .v272-page-main{
    padding-left:36px!important;
    padding-right:36px!important;
  }

  .v271-products-table th,
  .v271-products-table td{
    padding-left:22px!important;
    padding-right:22px!important;
  }
}

@media (min-width:2400px){
  .v272-page-main{
    padding-left:44px!important;
    padding-right:44px!important;
  }

  .v271-products-table th,
  .v271-products-table td{
    padding-left:28px!important;
    padding-right:28px!important;
  }
}


/* ===== V477 SOURCE 75: v273-default-fullscreen-responsive.css ===== */

/* V273 — Default full-screen content area with automatic responsive behavior.
   Desktop uses all available space. Smaller viewports progressively adapt.
   Mobile/tablet breakpoints already defined by the application remain intact. */

html,
body,
#root{
  width:100%;
  max-width:none;
  min-width:0;
}

.v273-fluid-app{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}

.v273-fluid-app > .v228-app-content,
.v273-fluid-main{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}

.v273-fluid-main{
  margin-left:0!important;
  margin-right:0!important;
}

.v273-fluid-main > *{
  width:100%;
  min-width:0;
  max-width:none;
}

/* Desktop: always fill the entire work area to the right of the sidebar. */
@media (min-width:1101px){
  .v273-fluid-main{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    padding-left:clamp(20px,1.65vw,44px)!important;
    padding-right:clamp(20px,1.65vw,44px)!important;
  }

  .v273-fluid-main .ledger-cell,
  .v273-fluid-main table,
  .v273-fluid-main [class*="grid"],
  .v273-fluid-main [class*="overflow-x-auto"]{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }

  .v273-fluid-main table{
    max-width:100%!important;
  }

  /* Long text may wrap by words; controls/numbers stay readable. */
  .v273-fluid-main td,
  .v273-fluid-main td *{
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }

  .v273-fluid-main .tabular,
  .v273-fluid-main .font-mono,
  .v273-fluid-main .stamp,
  .v273-fluid-main button,
  .v273-fluid-main [data-slot="select-trigger"]{
    white-space:nowrap!important;
  }
}

/* Narrow desktop / laptop: retain full width but reduce breathing room. */
@media (min-width:1101px) and (max-width:1366px){
  .v273-fluid-main{
    padding-left:18px!important;
    padding-right:18px!important;
  }
}

/* Tablet/mobile: allow existing responsive cards/layouts to take over. */
@media (max-width:1100px){
  .v273-fluid-app,
  .v273-fluid-main{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  .v273-fluid-main{
    padding-left:12px!important;
    padding-right:12px!important;
    overflow-x:hidden!important;
  }

  .v273-fluid-main > *{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
}

@media (max-width:560px){
  .v273-fluid-main{
    padding-left:8px!important;
    padding-right:8px!important;
  }
}


/* ===== V477 SOURCE 76: v274-global-site-fluid.css ===== */

/* V274 — GLOBAL FULL-SCREEN / AUTO-RESPONSIVE LAYOUT
   Applies to every authenticated menu/page in the VIFOOD website.
   Business logic, SQL, permissions, API and data are untouched. */

html,
body,
#root{
  width:100%;
  min-width:0;
  max-width:none;
  overflow-x:hidden;
}

.v274-site-fluid,
.v274-site-fluid > .v228-app-content,
.v274-site-main{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}

.v274-site-main{
  margin-left:0!important;
  margin-right:0!important;
}

/* Every page root under main should be allowed to use the full workspace. */
.v274-site-main > *{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}

/* Shared blocks across all menus */
.v274-site-main .ledger-cell,
.v274-site-main .fade-up,
.v274-site-main section,
.v274-site-main article{
  min-width:0!important;
  max-width:none!important;
}

/* Tables, lists, KPI grids, report sections and data wrappers */
.v274-site-main table,
.v274-site-main [class*="overflow-x-auto"],
.v274-site-main [class*="grid"],
.v274-site-main [class*="table"],
.v274-site-main [class*="list"]{
  min-width:0;
  max-width:none;
}

/* Remove page-level centered max-width constraints inside authenticated content.
   Dialogs are rendered outside .v274-site-main, so modal widths are unaffected. */
.v274-site-main .max-w-xs,
.v274-site-main .max-w-sm,
.v274-site-main .max-w-md,
.v274-site-main .max-w-lg,
.v274-site-main .max-w-xl,
.v274-site-main .max-w-2xl,
.v274-site-main .max-w-3xl,
.v274-site-main .max-w-4xl,
.v274-site-main .max-w-5xl,
.v274-site-main .max-w-6xl,
.v274-site-main .max-w-7xl{
  width:100%!important;
  max-width:none!important;
}

/* Desktop: fill the entire workspace to the right of sidebar. */
@media (min-width:1101px){
  .v274-site-main{
    width:100%!important;
    max-width:none!important;
    padding-left:clamp(18px,1.45vw,42px)!important;
    padding-right:clamp(18px,1.45vw,42px)!important;
  }

  .v274-site-main > *,
  .v274-site-main .ledger-cell,
  .v274-site-main table,
  .v274-site-main [class*="overflow-x-auto"]{
    width:100%!important;
    max-width:none!important;
  }

  /* Tables use available width but remain readable. */
  .v274-site-main table{
    max-width:100%!important;
  }

  .v274-site-main th,
  .v274-site-main td{
    min-width:0!important;
    vertical-align:middle!important;
  }

  /* Avoid ugly character-by-character wrapping. */
  .v274-site-main td,
  .v274-site-main td *,
  .v274-site-main th,
  .v274-site-main th *{
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }

  /* Numeric/status/action controls should remain one line. */
  .v274-site-main .tabular,
  .v274-site-main .font-mono,
  .v274-site-main .stamp,
  .v274-site-main button,
  .v274-site-main [data-slot="select-trigger"]{
    white-space:nowrap!important;
  }

  /* Forms and filters can fill row but still shrink correctly. */
  .v274-site-main input,
  .v274-site-main select,
  .v274-site-main textarea{
    max-width:100%;
    min-width:0;
  }
}

/* Laptop / narrow desktop */
@media (min-width:1101px) and (max-width:1366px){
  .v274-site-main{
    padding-left:16px!important;
    padding-right:16px!important;
  }
}

/* Large desktop / 2K / 32-inch */
@media (min-width:1600px){
  .v274-site-main{
    padding-left:28px!important;
    padding-right:28px!important;
  }
}

/* Full HD+ / 2K */
@media (min-width:1920px){
  .v274-site-main{
    padding-left:34px!important;
    padding-right:34px!important;
  }
}

/* Ultrawide */
@media (min-width:2400px){
  .v274-site-main{
    padding-left:42px!important;
    padding-right:42px!important;
  }
}

/* Tablet/mobile: let existing mobile card layouts take over. */
@media (max-width:1100px){
  .v274-site-fluid,
  .v274-site-main{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  .v274-site-main{
    padding-left:12px!important;
    padding-right:12px!important;
    overflow-x:hidden!important;
  }

  .v274-site-main > *,
  .v274-site-main .ledger-cell,
  .v274-site-main section,
  .v274-site-main article{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  .v274-site-main [class*="overflow-x-auto"]{
    max-width:100%!important;
  }
}

@media (max-width:560px){
  .v274-site-main{
    padding-left:8px!important;
    padding-right:8px!important;
  }
}


/* ===== V477 SOURCE 77: v275-supplier-debt-datetime.css ===== */

/* V275 — exact supplier debt date/time for desktop and mobile */
.v275-supplier-debt-row{min-width:0}
.v275-supplier-debt-meta{min-width:0}
.v275-supplier-debt-time{
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:6px;
  min-width:0;
  font-size:11px;
  line-height:1.35;
  color:var(--muted-foreground);
}
.v275-supplier-debt-time>span{
  flex:0 0 auto;
  font-weight:600;
}
.v275-supplier-debt-time>strong{
  min-width:0;
  color:var(--foreground);
  font-weight:700;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.v275-supplier-debt-actions{
  flex:0 0 auto;
}
.v275-supplier-debt-amount{
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}

/* desktop */
@media(min-width:1101px){
  .v275-supplier-debt-row{
    min-height:78px;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
  }
  .v275-supplier-debt-time{
    font-size:11.5px;
  }
  .v275-supplier-debt-actions{
    justify-content:flex-end;
  }
}

/* tablet/mobile */
@media(max-width:1100px){
  .v275-supplier-debt-row{
    width:100%!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:12px!important;
  }
  .v275-supplier-debt-time{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:4px 8px;
    padding-top:7px;
    border-top:1px dashed color-mix(in srgb,var(--border) 82%,transparent);
  }
  .v275-supplier-debt-time>strong{
    text-align:right;
  }
  .v275-supplier-debt-actions{
    width:100%;
    justify-content:space-between;
    gap:10px!important;
  }
}

/* narrow phones */
@media(max-width:560px){
  .v275-supplier-debt-time{
    grid-template-columns:1fr;
  }
  .v275-supplier-debt-time>strong{
    text-align:left;
    white-space:normal;
  }
  .v275-supplier-debt-actions{
    align-items:stretch!important;
    flex-direction:column;
  }
  .v275-supplier-debt-actions button{
    width:100%;
  }
  .v275-supplier-debt-amount{
    width:100%;
    text-align:left;
    font-size:13px;
  }
}


/* ===== V477 SOURCE 78: v276-order-time-vietnam.css ===== */

/* V276 — supplier-debt creation time is sourced from authoritative SQL order time,
   normalized to Asia/Ho_Chi_Minh (UTC+7). */


/* ===== V477 SOURCE 79: v277-supplier-debt-order-link.css ===== */

/* V277 — Supplier debt order code opens direct print view. */
.v277-supplier-debt-order-link{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  min-width:0;
  color:var(--brand-green);
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  font-size:12px;
  font-weight:800;
  line-height:1.2;
  text-decoration:none;
  border-bottom:1px dashed color-mix(in srgb,var(--brand-green) 55%,transparent);
  white-space:nowrap;
}
.v277-supplier-debt-order-link:hover{
  text-decoration:underline;
}
.v277-supplier-debt-order-link:focus-visible{
  outline:2px solid var(--ring);
  outline-offset:2px;
  border-radius:2px;
}

@media(max-width:1100px){
  .v277-supplier-debt-order-link{
    font-size:12.5px;
    min-height:28px;
    align-items:center;
  }
}

@media(max-width:560px){
  .v277-supplier-debt-order-link{
    font-size:12px;
  }
}


/* ===== V477 SOURCE 80: v278-supplier-debt-per-line.css ===== */

/* V278 — Công nợ NCC theo từng dòng sản phẩm */
.v278-line-supplier{min-width:0}
.v275-supplier-debt-row + .v275-supplier-debt-row{margin-top:2px}
@media(min-width:1101px){
  .v278-line-supplier{width:176px!important;flex:0 0 176px}
}
@media(max-width:1100px){
  .v278-line-supplier{width:100%!important}
  .v275-supplier-debt-row{border-radius:8px!important}
}


/* ===== V477 SOURCE 81: v279-order-source-inventory.css ===== */

/* V279 — nguồn sản phẩm tạo đơn: Sản phẩm / Tồn kho */
@media(max-width:1100px){
  .v278-line-supplier{width:100%!important}
}


/* ===== V477 SOURCE 82: v280-inventory-order-clean-ui.css ===== */

/* V280
   Khi nguồn tạo đơn = Tồn kho:
   - Ẩn Tìm nhanh sản phẩm
   - Ẩn Tạo nhanh sản phẩm mới
   - Ẩn Sản phẩm gần đây
   Người dùng chỉ thêm dòng và chọn mặt hàng đang có trong tồn kho. */


/* ===== V477 SOURCE 83: v281-inventory-quick-search.css ===== */

/* V281
   Nguồn tạo đơn = Tồn kho:
   - Vẫn hiển thị Tìm nhanh sản phẩm
   - Chỉ tìm/chọn hàng đang còn trong Tồn kho
   - Ẩn Tạo sản phẩm mới trong popup tìm nhanh
   - Không cho mở Tạo nhanh sản phẩm mới
*/


/* ===== V477 SOURCE 84: v282-supplier-sharing-setting.css ===== */

/* V282 — Cài đặt phạm vi dữ liệu Nhà cung cấp.
   private: Sale chỉ thấy NCC của mình.
   shared: Sale thấy toàn bộ NCC để sử dụng; quyền sửa/xóa vẫn theo chủ sở hữu. */


/* ===== V477 SOURCE 85: v283-supplier-owner-edit-rule.css ===== */
/* V283: Shared NCC: creator Sale + Accountant + Admin may edit; other Sales view/use only. */

/* ===== V477 SOURCE 86: v284-strict-supplier-permission.css ===== */

/* V284 — strict shared supplier permissions.
   Other Sales may view/use shared suppliers but cannot edit/delete. */


/* ===== V477 SOURCE 87: v285-supplier-list-pro.css ===== */

/* V285 — Danh sách Nhà cung cấp chuyên nghiệp + phân trang */
.v285-supplier-toolbar{
  display:grid;
  gap:12px;
}
.v285-supplier-tools{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.v285-supplier-card{
  box-shadow:0 1px 2px rgba(15,23,42,.04);
}
.v285-pagination{
  display:flex;
  flex-direction:column;
  gap:10px;
  align-items:stretch;
}
@media(min-width:640px){
  .v285-supplier-toolbar{
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
  }
  .v285-supplier-tools{
    flex-direction:row;
    align-items:center;
  }
  .v285-pagination{
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
  }
}
@media(min-width:1101px){
  .v285-supplier-card{display:none}
}


/* ===== V477 SOURCE 88: v286-supplier-pagination-crash-fix.css ===== */

/* V286 — Fix TDZ crash in Supplier pagination.
   Pagination uses derived safe page and bounded click handlers. */


/* ===== V477 SOURCE 89: v287-supplier-debt-filters.css ===== */

.v287-ncc-filterbar{
  display:grid;
  grid-template-columns:minmax(210px,1.4fr) minmax(150px,.8fr) minmax(150px,.8fr) auto auto;
  align-items:end;
  gap:10px;
  padding:12px;
  border:1px solid var(--border);
  border-radius:6px;
  background:color-mix(in srgb,var(--background) 86%,var(--muted));
}
.v287-ncc-filter-field{display:grid;gap:5px;min-width:0}
.v287-ncc-filter-label{font-size:10.5px;font-weight:700;letter-spacing:.03em;color:var(--muted-foreground)}
.v287-ncc-filter-control{
  width:100%;min-width:0;height:36px;border:1px solid var(--input);border-radius:5px;
  background:var(--background);padding:0 10px;font-size:12px;color:var(--foreground);outline:none;
}
.v287-ncc-filter-control:focus{border-color:var(--ring);box-shadow:0 0 0 2px color-mix(in srgb,var(--ring) 15%,transparent)}
.v287-ncc-filter-summary{
  min-width:145px;height:36px;display:flex;align-items:center;justify-content:center;gap:6px;
  padding:0 10px;border:1px solid var(--border);border-radius:5px;background:var(--card);
  white-space:nowrap;font-size:11px;
}
.v287-ncc-filter-summary strong{font-size:12px;font-variant-numeric:tabular-nums}
.v287-ncc-filter-reset{height:36px!important;white-space:nowrap!important}
@media(min-width:1600px){
  .v287-ncc-filterbar{grid-template-columns:minmax(260px,1.6fr) minmax(180px,.8fr) minmax(180px,.8fr) auto auto;padding:14px;gap:12px}
  .v287-ncc-filter-control{font-size:12.5px}
}
@media(max-width:1100px){
  .v287-ncc-filterbar{grid-template-columns:1fr 1fr;align-items:stretch;gap:9px;padding:10px}
  .v287-ncc-filter-field:first-child{grid-column:1/-1}
  .v287-ncc-filter-summary{min-width:0;justify-content:space-between}
  .v287-ncc-filter-reset{width:100%}
}
@media(max-width:560px){
  .v287-ncc-filterbar{grid-template-columns:1fr}
  .v287-ncc-filter-field,.v287-ncc-filter-summary,.v287-ncc-filter-reset{grid-column:1;width:100%}
  .v287-ncc-filter-control{height:40px;font-size:13px}
  .v287-ncc-filter-summary{height:40px;justify-content:space-between}
  .v287-ncc-filter-reset{height:40px!important}
}


/* ===== V477 SOURCE 90: v288-supplier-debt-export.css ===== */

.v288-export-actions{
  display:flex;
  align-items:center;
  gap:8px;
}
.v288-export-btn{
  height:36px!important;
  white-space:nowrap!important;
}
@media(min-width:1101px){
  .v287-ncc-filterbar{
    grid-template-columns:minmax(210px,1.35fr) minmax(145px,.75fr) minmax(145px,.75fr) auto auto auto!important;
  }
}
@media(min-width:1600px){
  .v287-ncc-filterbar{
    grid-template-columns:minmax(260px,1.55fr) minmax(170px,.75fr) minmax(170px,.75fr) auto auto auto!important;
  }
}
@media(max-width:1100px){
  .v288-export-actions{
    width:100%;
  }
  .v288-export-btn{
    flex:1 1 0;
  }
}
@media(max-width:560px){
  .v288-export-actions{
    grid-column:1;
    width:100%;
  }
  .v288-export-btn{
    height:40px!important;
  }
}


/* ===== V477 SOURCE 91: v289-supplier-debt-pagination.css ===== */

.v289-ncc-page-size{
  height:36px;
  min-width:104px;
  border:1px solid var(--input);
  border-radius:5px;
  background:var(--background);
  padding:0 9px;
  font-size:11.5px;
  font-weight:600;
  color:var(--foreground);
}
.v289-ncc-pagination{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid var(--border);
}
.v289-ncc-page-info{
  min-width:0;
  font-size:11px;
  color:var(--muted-foreground);
}
.v289-ncc-page-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
}
.v289-ncc-page-number{
  min-width:72px;
  text-align:center;
  font-size:11.5px;
  font-weight:700;
  font-variant-numeric:tabular-nums;
}
@media(min-width:1101px){
  .v287-ncc-filterbar{
    grid-template-columns:minmax(210px,1.25fr) minmax(145px,.7fr) minmax(145px,.7fr) auto auto auto auto!important;
  }
}
@media(max-width:1100px){
  .v289-ncc-page-size{
    width:100%;
  }
  .v289-ncc-pagination{
    flex-direction:column;
    align-items:stretch;
  }
  .v289-ncc-page-info{
    text-align:center;
  }
  .v289-ncc-page-actions{
    width:100%;
    justify-content:center;
  }
}
@media(max-width:560px){
  .v289-ncc-page-size{
    height:40px;
    grid-column:1;
  }
  .v289-ncc-page-actions{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    gap:8px;
  }
  .v289-ncc-page-actions button{
    width:100%;
  }
}


/* ===== V477 SOURCE 92: v290-order-mobile-under-1100.css ===== */

/* V290
   Lên đơn hàng mới + Sửa đơn hàng dùng chung CreateOrderDialog.
   Dưới 1100px: ép toàn bộ về giao diện mobile hiện có.
   Từ 1100px: giữ nguyên desktop của hệ thống. */

@media (max-width:1099px){

  /* Modal full screen như mobile */
  .order-dialog-content{
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:0 0 max(1.5rem,env(safe-area-inset-bottom))!important;
    border:0!important;
    border-radius:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:contain!important;
  }

  /* Header dùng kiểu mobile */
  .order-dialog-content .order-dialog-header{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    padding:16px 48px 12px 16px!important;
    border-bottom:1px solid var(--border)!important;
  }

  /* Workflow 3 bước phải xuất hiện dưới 1100px */
  .order-dialog-content .order-mobile-workflow{
    display:block!important;
    position:sticky!important;
    top:0!important;
    z-index:20!important;
    width:100%!important;
  }

  /* Nội dung chính luôn 1 cột */
  .order-dialog-content .order-dialog-body{
    width:auto!important;
    min-width:0!important;
    margin:20px 16px 0!important;
    padding-bottom:32px!important;
    grid-template-columns:minmax(0,1fr)!important;
    column-gap:0!important;
    row-gap:18px!important;
  }

  /* Những section có hidden dành cho mobile không được sm:grid bật lại */
  .order-dialog-content .order-dialog-body.hidden{
    display:none!important;
  }

  /* Desktop-only utility controls giữ ẩn trong mobile */
  .order-dialog-content .sm\:inline-flex{
    display:none!important;
  }

  /* Các grid con 2/3/4 cột của form chuyển 1 cột */
  .order-dialog-content [class*="grid-cols-2"],
  .order-dialog-content [class*="grid-cols-3"],
  .order-dialog-content [class*="grid-cols-4"],
  .order-dialog-content [class*="grid-cols-5"]{
    grid-template-columns:minmax(0,1fr)!important;
  }

  /* Riêng thanh workflow 3 bước vẫn giữ 3 cột */
  .order-dialog-content .order-mobile-workflow [class*="grid-cols-3"]{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  /* Field full-width */
  .order-dialog-content input,
  .order-dialog-content textarea,
  .order-dialog-content select,
  .order-dialog-content [data-slot="select-trigger"]{
    max-width:100%!important;
    min-width:0!important;
  }

  /* Hủy các chiều rộng desktop cố định thường gặp */
  .order-dialog-content .sm\:w-24,
  .order-dialog-content .sm\:w-44,
  .order-dialog-content .sm\:w-72,
  .order-dialog-content .sm\:w-80{
    width:100%!important;
  }

  /* Product rows / action rows không tràn ngang */
  .order-dialog-content [class*="overflow-x-auto"]{
    max-width:100%!important;
    overflow-x:auto!important;
  }

  .order-dialog-content button{
    max-width:100%;
  }

  .order-dialog-content table{
    max-width:100%!important;
  }
}

/* Điện thoại nhỏ */
@media (max-width:560px){
  .order-dialog-content .order-dialog-body{
    margin-left:12px!important;
    margin-right:12px!important;
  }
  .order-dialog-content .order-dialog-header{
    padding-left:12px!important;
  }
}


/* ===== V477 SOURCE 93: v291-quick-product-search-scroll.css ===== */

/* V291 — Fix scroll for Quick Product Search in Create/Edit Order.
   Applies to both Create and Edit because they share CreateOrderDialog. */

.v291-quick-product-popover{
  min-width:0!important;
  max-width:min(94vw,720px)!important;
}

/* Explicit product result scrolling */
.v291-quick-product-list{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
  scrollbar-gutter:stable;
}

/* Desktop */
@media(min-width:1100px){
  .v291-quick-product-list{
    max-height:min(56vh,520px)!important;
  }
}

/* Tablet/mobile layout introduced in V290 */
@media(max-width:1099px){
  .v291-quick-product-popover{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
    max-height:min(82dvh,720px)!important;
    overflow:hidden!important;
  }

  .v291-quick-product-list{
    display:block!important;
    width:100%!important;
    min-height:120px!important;
    max-height:55dvh!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
  }

  .v291-quick-product-list > *{
    min-width:0!important;
  }
}

/* Small phones */
@media(max-width:560px){
  .v291-quick-product-popover{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    max-height:86dvh!important;
  }

  .v291-quick-product-list{
    max-height:58dvh!important;
  }
}

/* Fallback for popup result containers under order dialog, even if utility
   class order changes in minified builds. */
@media(max-width:1099px){
  .order-dialog-content [role="dialog"] [class*="overflow-y-auto"],
  .order-dialog-content [data-radix-popper-content-wrapper] [class*="overflow-y-auto"]{
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
    overscroll-behavior:contain!important;
  }
}


/* ===== V477 SOURCE 94: v292-sale-debt-clean.css ===== */

/* V292 — Sale đang có công nợ:
   bỏ danh sách mã đơn để giao diện tổng hợp gọn hơn.
   Dữ liệu orderIds vẫn được giữ trong logic, không ảnh hưởng công nợ. */


/* ===== V477 SOURCE 95: v293-global-desktop-lists.css ===== */

/* V293 — Chuẩn hóa toàn bộ danh sách/bảng dữ liệu trên desktop.
   Mobile/tablet <1100px không thay đổi. */

@media (min-width:1100px){

  .v293-desktop-lists{
    --v293-row-h: 50px;
    --v293-cell-x: 14px;
    --v293-cell-y: 11px;
    --v293-head-h: 42px;
  }

  /* Khối dữ liệu chính */
  .v293-desktop-lists .ledger-cell,
  .v293-desktop-lists [class*="rounded"][class*="border"]{
    min-width:0;
  }

  /* Wrapper bảng */
  .v293-desktop-lists [class*="overflow-x-auto"]{
    width:100%;
    max-width:100%;
    scrollbar-width:thin;
  }

  /* Bảng chung */
  .v293-desktop-lists table{
    width:100%!important;
    max-width:100%!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    table-layout:auto!important;
    font-size:12px!important;
    line-height:1.35!important;
  }

  .v293-desktop-lists thead th{
    height:var(--v293-head-h)!important;
    padding:8px var(--v293-cell-x)!important;
    vertical-align:middle!important;
    background:color-mix(in srgb,var(--muted) 72%,var(--background))!important;
    border-bottom:1px solid var(--border)!important;
    color:var(--muted-foreground)!important;
    font-size:10.5px!important;
    font-weight:750!important;
    letter-spacing:.035em!important;
    text-transform:uppercase;
    white-space:nowrap!important;
  }

  .v293-desktop-lists tbody tr{
    min-height:var(--v293-row-h)!important;
    transition:background-color .14s ease,border-color .14s ease;
  }

  .v293-desktop-lists tbody tr:hover{
    background:color-mix(in srgb,var(--muted) 42%,transparent)!important;
  }

  .v293-desktop-lists tbody td{
    min-width:0!important;
    padding:var(--v293-cell-y) var(--v293-cell-x)!important;
    vertical-align:middle!important;
    border-bottom:1px solid color-mix(in srgb,var(--border) 78%,transparent)!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }

  .v293-desktop-lists tbody tr:last-child td{
    border-bottom:0!important;
  }

  /* Tên / mô tả: dễ đọc hơn */
  .v293-desktop-lists td strong,
  .v293-desktop-lists td .font-medium,
  .v293-desktop-lists td .font-semibold{
    line-height:1.35!important;
  }

  /* Mã, tiền, số lượng, ngày giờ giữ một dòng */
  .v293-desktop-lists .tabular,
  .v293-desktop-lists .font-mono,
  .v293-desktop-lists [class*="font-mono"],
  .v293-desktop-lists td[class*="text-right"],
  .v293-desktop-lists th[class*="text-right"]{
    white-space:nowrap!important;
    font-variant-numeric:tabular-nums;
  }

  /* Nút thao tác */
  .v293-desktop-lists td button,
  .v293-desktop-lists td a[class*="inline"],
  .v293-desktop-lists td a[class*="flex"]{
    white-space:nowrap!important;
  }

  .v293-desktop-lists td > .flex{
    min-width:0!important;
  }

  .v293-desktop-lists td > .flex.gap-2,
  .v293-desktop-lists td > .flex.gap-3{
    gap:7px!important;
  }

  /* Filter/search toolbar */
  .v293-desktop-lists input,
  .v293-desktop-lists select,
  .v293-desktop-lists [data-slot="select-trigger"]{
    min-width:0;
  }

  .v293-desktop-lists input[type="search"],
  .v293-desktop-lists input[placeholder*="Tìm"],
  .v293-desktop-lists input[placeholder*="tìm"]{
    min-height:36px;
  }

  /* Card list desktop */
  .v293-desktop-lists .v275-supplier-debt-row,
  .v293-desktop-lists .v285-supplier-card{
    box-shadow:0 1px 2px rgba(15,23,42,.035);
  }

  /* Orders — ưu tiên tên khách / mã / tiền / trạng thái */
  .v293-desktop-lists .v270-orders-fluid table{
    table-layout:auto!important;
  }

  .v293-desktop-lists .v270-orders-fluid td,
  .v293-desktop-lists .v270-orders-fluid th{
    vertical-align:middle!important;
  }

  /* Products */
  .v293-desktop-lists .v271-products-table{
    table-layout:fixed!important;
  }

  .v293-desktop-lists .v271-products-table td:nth-child(2),
  .v293-desktop-lists .v271-products-table td:nth-child(3){
    line-height:1.4!important;
  }

  /* Công nợ NCC */
  .v293-desktop-lists .v275-supplier-debt-row{
    padding:14px 16px!important;
    border-radius:7px!important;
  }

  .v293-desktop-lists .v275-supplier-debt-actions{
    gap:10px!important;
  }

  /* Pagination thống nhất */
  .v293-desktop-lists .v285-pagination,
  .v293-desktop-lists .v289-ncc-pagination{
    min-height:48px;
    padding-top:12px!important;
    margin-top:12px!important;
  }

  /* Không để các khối danh sách bị bó giữa màn hình lớn */
  .v293-desktop-lists .max-w-5xl,
  .v293-desktop-lists .max-w-6xl,
  .v293-desktop-lists .max-w-7xl{
    max-width:none!important;
    width:100%!important;
  }
}

/* Laptop 1100–1366 */
@media (min-width:1100px) and (max-width:1366px){
  .v293-desktop-lists{
    --v293-cell-x: 10px;
    --v293-cell-y: 9px;
    --v293-row-h: 46px;
  }

  .v293-desktop-lists table{
    font-size:11.5px!important;
  }

  .v293-desktop-lists thead th{
    font-size:10px!important;
  }
}

/* 1440 / 1600 */
@media (min-width:1367px) and (max-width:1919px){
  .v293-desktop-lists{
    --v293-cell-x: 14px;
    --v293-cell-y: 11px;
  }
}

/* Full HD / 2K */
@media (min-width:1920px){
  .v293-desktop-lists{
    --v293-cell-x: 18px;
    --v293-cell-y: 12px;
    --v293-row-h: 54px;
    --v293-head-h: 44px;
  }

  .v293-desktop-lists table{
    font-size:12.5px!important;
  }

  .v293-desktop-lists thead th{
    font-size:10.75px!important;
  }
}

/* Ultrawide */
@media (min-width:2400px){
  .v293-desktop-lists{
    --v293-cell-x: 22px;
    --v293-cell-y: 13px;
    --v293-row-h: 56px;
  }

  .v293-desktop-lists table{
    font-size:13px!important;
  }
}


/* ===== V477 SOURCE 96: v294-products-125-scale-safe.css ===== */

/* V294 — Chỉ tối ưu DANH SÁCH SẢN PHẨM cho viewport desktop hẹp
   (đặc biệt 1920x1080 + Windows Scale 125%).
   Các bảng/menu khác không bị tác động. */

@media (min-width:1100px){

  .v271-products-page{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }

  .v271-products-table-wrap{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow-x:auto!important;
    scrollbar-width:thin;
  }

  .v271-products-table{
    width:100%!important;
    min-width:100%!important;
    max-width:none!important;
    table-layout:fixed!important;
  }

  .v271-products-table th,
  .v271-products-table td{
    min-width:0!important;
    vertical-align:middle!important;
  }

  /* Cấu trúc 8 cột:
     1 Mã
     2 Sản phẩm
     3 Danh mục
     4 ĐVT
     5 Giá nhập
     6 VAT nhập
     7 Giá bán
     8 Thao tác
  */

  .v271-products-table th:nth-child(1),
  .v271-products-table td:nth-child(1){
    width:11%!important;
  }

  .v271-products-table th:nth-child(2),
  .v271-products-table td:nth-child(2){
    width:26%!important;
  }

  .v271-products-table th:nth-child(3),
  .v271-products-table td:nth-child(3){
    width:16%!important;
  }

  .v271-products-table th:nth-child(4),
  .v271-products-table td:nth-child(4){
    width:7%!important;
  }

  .v271-products-table th:nth-child(5),
  .v271-products-table td:nth-child(5){
    width:10%!important;
    text-align:right!important;
    white-space:nowrap!important;
  }

  .v271-products-table th:nth-child(6),
  .v271-products-table td:nth-child(6){
    width:8%!important;
    text-align:center!important;
    white-space:nowrap!important;
  }

  .v271-products-table th:nth-child(7),
  .v271-products-table td:nth-child(7){
    width:10%!important;
    text-align:right!important;
    white-space:nowrap!important;
  }

  .v271-products-table th:nth-child(8),
  .v271-products-table td:nth-child(8){
    width:12%!important;
    white-space:nowrap!important;
  }

  /* Mã dài không lấn sang tên sản phẩm */
  .v271-products-table td:nth-child(1){
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:11px!important;
  }

  /* Tên sản phẩm được ưu tiên không gian và xuống dòng đẹp */
  .v271-products-table td:nth-child(2){
    overflow-wrap:break-word!important;
    word-break:normal!important;
    line-height:1.4!important;
  }

  /* Giá + thao tác tách nhau rõ */
  .v271-products-table td:nth-child(7){
    padding-right:18px!important;
  }

  .v271-products-table td:nth-child(8){
    padding-left:18px!important;
  }

  .v271-products-table td:nth-child(8) > div,
  .v271-products-table td:nth-child(8) .flex{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:12px!important;
    flex-wrap:nowrap!important;
  }

  .v271-products-table td:nth-child(8) button,
  .v271-products-table td:nth-child(8) a{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }
}

/* Trường hợp viewport desktop hẹp do Windows Scale 125%
   hoặc laptop/desktop nhỏ. */
@media (min-width:1100px) and (max-width:1535px){

  .v271-products-table{
    font-size:11.5px!important;
  }

  .v271-products-table th{
    font-size:9.75px!important;
  }

  .v271-products-table th,
  .v271-products-table td{
    padding-left:9px!important;
    padding-right:9px!important;
  }

  .v271-products-table th:nth-child(1),
  .v271-products-table td:nth-child(1){
    width:12%!important;
  }

  .v271-products-table th:nth-child(2),
  .v271-products-table td:nth-child(2){
    width:25%!important;
  }

  .v271-products-table th:nth-child(3),
  .v271-products-table td:nth-child(3){
    width:15%!important;
  }

  .v271-products-table th:nth-child(4),
  .v271-products-table td:nth-child(4){
    width:6%!important;
  }

  .v271-products-table th:nth-child(5),
  .v271-products-table td:nth-child(5){
    width:11%!important;
  }

  .v271-products-table th:nth-child(6),
  .v271-products-table td:nth-child(6){
    width:7%!important;
  }

  .v271-products-table th:nth-child(7),
  .v271-products-table td:nth-child(7){
    width:11%!important;
    padding-right:14px!important;
  }

  .v271-products-table th:nth-child(8),
  .v271-products-table td:nth-child(8){
    width:13%!important;
    padding-left:14px!important;
  }

  .v271-products-table td:nth-child(8) > div,
  .v271-products-table td:nth-child(8) .flex{
    gap:9px!important;
  }
}

/* Desktop thông thường 1536–1919:
   gần như giữ bố cục hiện tại, chỉ duy trì khoảng tách an toàn. */
@media (min-width:1536px) and (max-width:1919px){

  .v271-products-table th:nth-child(1),
  .v271-products-table td:nth-child(1){width:11%!important}

  .v271-products-table th:nth-child(2),
  .v271-products-table td:nth-child(2){width:27%!important}

  .v271-products-table th:nth-child(3),
  .v271-products-table td:nth-child(3){width:16%!important}

  .v271-products-table th:nth-child(4),
  .v271-products-table td:nth-child(4){width:7%!important}

  .v271-products-table th:nth-child(5),
  .v271-products-table td:nth-child(5){width:10%!important}

  .v271-products-table th:nth-child(6),
  .v271-products-table td:nth-child(6){width:8%!important}

  .v271-products-table th:nth-child(7),
  .v271-products-table td:nth-child(7){width:10%!important}

  .v271-products-table th:nth-child(8),
  .v271-products-table td:nth-child(8){width:11%!important}
}

/* Full HD thực tế rộng, 2K, 32 inch */
@media (min-width:1920px){

  .v271-products-table th:nth-child(1),
  .v271-products-table td:nth-child(1){width:10%!important}

  .v271-products-table th:nth-child(2),
  .v271-products-table td:nth-child(2){width:29%!important}

  .v271-products-table th:nth-child(3),
  .v271-products-table td:nth-child(3){width:16%!important}

  .v271-products-table th:nth-child(4),
  .v271-products-table td:nth-child(4){width:7%!important}

  .v271-products-table th:nth-child(5),
  .v271-products-table td:nth-child(5){width:10%!important}

  .v271-products-table th:nth-child(6),
  .v271-products-table td:nth-child(6){width:8%!important}

  .v271-products-table th:nth-child(7),
  .v271-products-table td:nth-child(7){width:10%!important}

  .v271-products-table th:nth-child(8),
  .v271-products-table td:nth-child(8){width:10%!important}

  .v271-products-table td:nth-child(8) > div,
  .v271-products-table td:nth-child(8) .flex{
    gap:14px!important;
  }
}

/* Ultrawide: không kéo các cột xa vô lý; ưu tiên tên sản phẩm */
@media (min-width:2400px){

  .v271-products-table th:nth-child(2),
  .v271-products-table td:nth-child(2){
    width:31%!important;
  }

  .v271-products-table th:nth-child(8),
  .v271-products-table td:nth-child(8){
    width:9%!important;
  }
}


/* ===== V477 SOURCE 97: v295-ui-smooth-performance.css ===== */

/* V295 — Tối ưu độ mượt giao diện, không thay đổi nghiệp vụ/SQL */

html,
body,
#root{
  min-width:0;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

body{
  overflow-x:hidden;
}

/* Tránh thay đổi layout khi thanh cuộn xuất hiện */
.v274-site-main,
.v293-desktop-lists,
.order-dialog-content{
  scrollbar-gutter:stable;
}

/* Không dùng transition: all cho các thành phần tương tác chính */
button,
a,
input,
select,
textarea,
[data-slot="select-trigger"]{
  transition-property:background-color,border-color,color,opacity,box-shadow,transform!important;
  transition-duration:120ms!important;
  transition-timing-function:ease-out!important;
}

/* Bảng và danh sách: hover nhẹ, ít repaint */
@media (min-width:1100px){
  .v293-desktop-lists tbody tr{
    transition:background-color 100ms ease-out!important;
  }

  .v293-desktop-lists tbody tr:hover{
    box-shadow:none!important;
    transform:none!important;
  }

  .v293-desktop-lists table,
  .v293-desktop-lists thead,
  .v293-desktop-lists tbody{
    backface-visibility:hidden;
  }

  .v275-supplier-debt-row,
  .v285-supplier-card{
    contain:layout paint;
  }
}

/* Các card danh sách dài chỉ render mạnh khi gần viewport */
@supports (content-visibility:auto){
  .v275-supplier-debt-row,
  .v285-supplier-card,
  .v201-debt-card{
    content-visibility:auto;
    contain-intrinsic-size:72px;
  }
}

/* Popup / form đơn hàng: ưu tiên scroll mượt và tránh hiệu ứng blur nặng */
.order-dialog-content{
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-y:contain;
}

.v291-quick-product-list{
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-y:contain!important;
  scroll-behavior:auto!important;
}

/* Tablet/mobile: backdrop-filter trên vùng sticky có thể gây giật khi kéo */
@media (max-width:1099px){
  .order-dialog-content .order-mobile-workflow{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    background:var(--background)!important;
    box-shadow:0 2px 8px rgba(0,0,0,.04)!important;
  }

  .order-dialog-content,
  .v291-quick-product-list{
    touch-action:pan-y!important;
  }

  .order-dialog-content [class*="shadow-"]{
    box-shadow:0 1px 4px rgba(0,0,0,.05);
  }
}

/* Desktop lớn: giữ giao diện sạch, không ép GPU compositing toàn trang */
@media (min-width:1100px){
  .v274-site-main{
    transform:none!important;
    will-change:auto!important;
  }
}

/* Khi người dùng yêu cầu giảm chuyển động, tắt animation hoàn toàn */
@media (prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}


/* ===== V477 SOURCE 98: v296-revenue-pagination-print.css ===== */

.v296-revenue-pagination{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-top:14px;padding-top:12px;border-top:1px solid var(--border);
}
.v296-revenue-page-info{font-size:11px;color:var(--muted-foreground)}
.v296-revenue-page-actions{display:flex;align-items:center;gap:8px}
.v296-revenue-page-size{
  height:32px;min-width:98px;border:1px solid var(--input);border-radius:4px;
  background:var(--background);padding:0 8px;font-size:11px;font-weight:600;
}
.v296-revenue-page-number{min-width:60px;text-align:center;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}
@media(max-width:1100px){
  .v296-revenue-pagination{flex-direction:column;align-items:stretch}
  .v296-revenue-page-info{text-align:center}
  .v296-revenue-page-actions{justify-content:center;width:100%}
}
@media(max-width:560px){
  .v296-revenue-page-actions{display:grid;grid-template-columns:1fr auto 1fr}
  .v296-revenue-page-size{grid-column:1/-1;width:100%;height:38px}
}


/* ===== V477 SOURCE 99: v297-accountant-overdue-reminder.css ===== */

.v297-overdue-overlay{
  position:fixed;inset:0;z-index:9998;display:grid;place-items:center;
  padding:18px;background:rgba(15,23,42,.46);
}
.v297-overdue-card{
  width:min(720px,100%);max-height:min(82vh,760px);overflow:hidden;
  border:1px solid var(--border);border-radius:10px;background:var(--background);
  box-shadow:0 24px 70px rgba(0,0,0,.24);
}
.v297-overdue-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:16px;
  padding:18px 20px;border-bottom:1px solid var(--border);
}
.v297-overdue-kicker{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--destructive)}
.v297-overdue-head h3{margin:4px 0 3px;font-size:20px;font-weight:800}
.v297-overdue-head p{margin:0;font-size:12px;color:var(--muted-foreground)}
.v297-overdue-close{
  width:34px;height:34px;border:1px solid var(--border);border-radius:6px;
  background:var(--background);font-size:22px;line-height:1;
}
.v297-overdue-list{max-height:460px;overflow-y:auto;padding:10px 14px}
.v297-overdue-row{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;
  padding:11px 8px;border-bottom:1px solid color-mix(in srgb,var(--border) 75%,transparent);
}
.v297-overdue-code{font-size:12.5px;font-weight:800;color:var(--brand-green);text-decoration:none}
.v297-overdue-code:hover{text-decoration:underline}
.v297-overdue-meta{margin-top:3px;font-size:11px;color:var(--muted-foreground)}
.v297-overdue-money{font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}
.v297-overdue-more{padding:8px;text-align:center;font-size:11px;color:var(--muted-foreground)}
.v297-overdue-actions{
  display:flex;justify-content:flex-end;gap:9px;padding:14px 20px;border-top:1px solid var(--border)
}
.v297-overdue-primary,.v297-overdue-secondary{
  min-height:36px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:6px;padding:0 14px;font-size:12px;font-weight:700;text-decoration:none;
}
.v297-overdue-primary{background:var(--primary);color:var(--primary-foreground)}
.v297-overdue-secondary{border:1px solid var(--border);background:var(--background);color:var(--foreground)}
@media(max-width:560px){
  .v297-overdue-overlay{padding:0;place-items:end center}
  .v297-overdue-card{width:100%;max-height:88dvh;border-radius:14px 14px 0 0}
  .v297-overdue-head{padding:15px}
  .v297-overdue-head h3{font-size:18px}
  .v297-overdue-list{max-height:54dvh;padding:8px 10px}
  .v297-overdue-row{grid-template-columns:1fr;gap:5px}
  .v297-overdue-money{text-align:left}
  .v297-overdue-actions{display:grid;grid-template-columns:1fr;padding:12px 15px}
}


/* ===== V477 SOURCE 100: v298-report-customer-employee-mobile.css ===== */

/* V298 — Báo cáo doanh thu:
   Khách hàng + Nhân viên chuyển sang mobile/card từ <=1100px.
   Desktop >1100px giữ nguyên. */

@media (max-width:1100px){

  .v298-report-customer-section,
  .v298-report-employee-section{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  .v298-report-customer-section .responsive-report-table,
  .v298-report-employee-section .responsive-report-table{
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }

  .v298-report-customer-section .responsive-report-table table,
  .v298-report-customer-section .responsive-report-table tbody,
  .v298-report-customer-section .responsive-report-table tr,
  .v298-report-customer-section .responsive-report-table td,
  .v298-report-employee-section .responsive-report-table table,
  .v298-report-employee-section .responsive-report-table tbody,
  .v298-report-employee-section .responsive-report-table tr,
  .v298-report-employee-section .responsive-report-table td{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  .v298-report-customer-section .responsive-report-table table,
  .v298-report-employee-section .responsive-report-table table{
    min-width:0!important;
    table-layout:auto!important;
  }

  .v298-report-customer-section .responsive-report-table thead,
  .v298-report-employee-section .responsive-report-table thead{
    display:none!important;
  }

  .v298-report-customer-section .responsive-report-table tbody,
  .v298-report-employee-section .responsive-report-table tbody{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .v298-report-customer-section .responsive-report-table tr,
  .v298-report-employee-section .responsive-report-table tr{
    border:1px solid var(--border)!important;
    border-radius:10px!important;
    background:var(--background)!important;
    padding:5px 12px!important;
    overflow:hidden!important;
    box-shadow:0 1px 2px rgba(15,23,42,.04)!important;
  }

  .v298-report-customer-section .responsive-report-table td,
  .v298-report-employee-section .responsive-report-table td{
    display:grid!important;
    grid-template-columns:minmax(115px,38%) minmax(0,1fr)!important;
    align-items:start!important;
    gap:12px!important;
    padding:8px 0!important;
    border-bottom:1px dashed color-mix(in srgb,currentColor 10%,transparent)!important;
    white-space:normal!important;
    text-align:right!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    line-height:1.4!important;
    font-size:12px!important;
  }

  .v298-report-customer-section .responsive-report-table td:last-child,
  .v298-report-employee-section .responsive-report-table td:last-child{
    border-bottom:0!important;
  }

  .v298-report-customer-section .responsive-report-table td::before,
  .v298-report-employee-section .responsive-report-table td::before{
    content:attr(data-label);
    display:block!important;
    min-width:0!important;
    color:var(--muted-foreground)!important;
    font-size:10px!important;
    font-weight:750!important;
    line-height:1.35!important;
    letter-spacing:.025em!important;
    text-align:left!important;
    text-transform:uppercase!important;
  }

  .v298-report-customer-section .responsive-report-table td > *,
  .v298-report-employee-section .responsive-report-table td > *{
    min-width:0!important;
    max-width:100%!important;
    justify-self:end!important;
    text-align:right!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  .v298-report-customer-section .responsive-report-table .tabular,
  .v298-report-employee-section .responsive-report-table .tabular{
    white-space:normal!important;
    font-variant-numeric:tabular-nums;
  }

  .v298-report-employee-section .responsive-report-table button{
    width:auto!important;
    min-height:34px!important;
    justify-self:end!important;
  }
}

/* 800px / tablet: thông tin chia hai phía rõ ràng */
@media (min-width:641px) and (max-width:1100px){
  .v298-report-customer-section .responsive-report-table tbody,
  .v298-report-employee-section .responsive-report-table tbody{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
}

/* Điện thoại: 1 card / hàng */
@media (max-width:640px){
  .v298-report-customer-section .responsive-report-table tbody,
  .v298-report-employee-section .responsive-report-table tbody{
    grid-template-columns:1fr!important;
  }

  .v298-report-customer-section .responsive-report-table td,
  .v298-report-employee-section .responsive-report-table td{
    grid-template-columns:minmax(100px,40%) minmax(0,1fr)!important;
    gap:10px!important;
  }
}


/* ===== V477 SOURCE 101: v299-report-customer-employee-pagination.css ===== */

.v299-detail-pagination{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid var(--border);
}
.v299-detail-page-info{
  font-size:11px;
  color:var(--muted-foreground);
}
.v299-detail-page-actions{
  display:flex;
  align-items:center;
  gap:8px;
}
.v299-detail-page-size{
  height:32px;
  min-width:98px;
  border:1px solid var(--input);
  border-radius:4px;
  background:var(--background);
  padding:0 8px;
  font-size:11px;
  font-weight:600;
}
.v299-detail-page-number{
  min-width:60px;
  text-align:center;
  font-size:11px;
  font-weight:700;
  font-variant-numeric:tabular-nums;
}
@media(max-width:1100px){
  .v299-detail-pagination{
    flex-direction:column;
    align-items:stretch;
  }
  .v299-detail-page-info{
    text-align:center;
  }
  .v299-detail-page-actions{
    justify-content:center;
    width:100%;
  }
}
@media(max-width:560px){
  .v299-detail-page-actions{
    display:grid;
    grid-template-columns:1fr auto 1fr;
  }
  .v299-detail-page-size{
    grid-column:1/-1;
    width:100%;
    height:38px;
  }
}


/* ===== V477 SOURCE 102: v300-report-product-detail-pagination.css ===== */

/* V300 — Chi tiết theo sản phẩm dùng chung pager V299:
   10 / 20 / 50 mỗi trang, desktop và mobile/card dưới 1100px. */


/* ===== V477 SOURCE 103: v301-create-order-125-scale-layout.css ===== */

/* V301 — Lên đơn/Sửa đơn: tối ưu desktop 1920x1080 + Windows Scale 125%.
   Chỉ áp dụng viewport desktop hẹp 1100–1535px.
   >=1536px giữ bố cục desktop rộng hiện tại.
   <1100px tiếp tục dùng mobile V290. */

@media (min-width:1100px) and (max-width:1535px){

  .order-dialog-content{
    width:min(96vw,1480px)!important;
    max-width:min(96vw,1480px)!important;
  }

  .order-dialog-content .order-dialog-body{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  /* Card từng dòng sản phẩm */
  .order-dialog-content .v301-order-product-row{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    padding:14px!important;
    display:grid!important;
    grid-template-columns:
      minmax(180px,1.45fr)
      minmax(120px,.82fr)
      minmax(110px,.72fr)
      minmax(220px,1.55fr)
      minmax(120px,.78fr)
      minmax(160px,1fr)!important;
    column-gap:10px!important;
    row-gap:12px!important;
    align-items:end!important;
  }

  .order-dialog-content .v301-order-product-row > *{
    min-width:0!important;
    max-width:100%!important;
  }

  /* Hàng 2: Giá bán / VAT bán / Thành tiền / nút xóa */
  .order-dialog-content .v301-order-product-row > *:nth-child(n+7){
    grid-row:2!important;
  }

  .order-dialog-content .v301-order-product-row > *:nth-child(7){
    grid-column:1 / span 2!important;
  }

  .order-dialog-content .v301-order-product-row > *:nth-child(8){
    grid-column:3!important;
  }

  .order-dialog-content .v301-order-product-row > *:nth-child(9){
    grid-column:4 / span 2!important;
  }

  .order-dialog-content .v301-order-product-row > *:nth-child(10){
    grid-column:6!important;
    justify-self:end!important;
  }

  /* Input/select không bị bó chữ */
  .order-dialog-content .v301-order-product-row input,
  .order-dialog-content .v301-order-product-row select,
  .order-dialog-content .v301-order-product-row [data-slot="select-trigger"],
  .order-dialog-content .v301-order-product-row button{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  .order-dialog-content .v301-order-product-row [data-slot="select-trigger"]{
    min-height:40px!important;
  }

  /* Tên SP và NCC được hiển thị dễ đọc */
  .order-dialog-content .v301-order-product-row [data-slot="select-value"],
  .order-dialog-content .v301-order-product-row [class*="truncate"]{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  /* Thành tiền rõ hơn */
  .order-dialog-content .v301-order-product-row .tabular,
  .order-dialog-content .v301-order-product-row [class*="font-semibold"]{
    font-variant-numeric:tabular-nums;
  }

  /* Dòng thông tin phụ dưới card kéo full chiều rộng */
  .order-dialog-content .v301-order-product-row > div:last-child{
    max-width:100%!important;
  }
}

/* 1536px trở lên: chỉ đảm bảo không tràn, không thay cách bố trí hiện tại */
@media (min-width:1536px){
  .order-dialog-content .v301-order-product-row{
    max-width:100%!important;
    min-width:0!important;
  }
}

/* Mobile giữ nguyên V290/V291 */
@media (max-width:1099px){
  .order-dialog-content .v301-order-product-row{
    width:100%!important;
    max-width:100%!important;
  }
}


/* ===== V477 SOURCE 104: v302-desktop-full-audit-fix.css ===== */

/* V302 — Audit & hardening toàn bộ giao diện DESKTOP.
   - <1100px: không đụng mobile hiện tại
   - 1100–1535px: tối ưu desktop hẹp / Windows Scale 125%
   - >=1536px: giữ bố cục rộng hiện tại, chỉ chống tràn/chồng chữ
*/

/* -------------------- DESKTOP CHUNG -------------------- */
@media (min-width:1100px){
  .v293-desktop-lists{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }

  .v293-desktop-lists > *,
  .v293-desktop-lists main,
  .v293-desktop-lists section,
  .v293-desktop-lists article{
    min-width:0;
  }

  /* Không để các khung nội dung bị bó giữa màn hình lớn */
  .v293-desktop-lists .max-w-4xl,
  .v293-desktop-lists .max-w-5xl,
  .v293-desktop-lists .max-w-6xl,
  .v293-desktop-lists .max-w-7xl{
    width:100%!important;
    max-width:none!important;
  }

  /* Toolbar / filter tự xuống dòng khi thiếu chỗ */
  .v293-desktop-lists [class*="items-center"][class*="justify-between"],
  .v293-desktop-lists [class*="items-end"][class*="justify-between"]{
    min-width:0;
  }

  .v293-desktop-lists input,
  .v293-desktop-lists select,
  .v293-desktop-lists textarea,
  .v293-desktop-lists [data-slot="select-trigger"]{
    min-width:0!important;
    max-width:100%;
  }

  /* Bảng: chống chồng chữ và giữ số tiền/mã ổn định */
  .v293-desktop-lists [class*="overflow-x-auto"],
  .v293-desktop-lists .responsive-report-table{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  .v293-desktop-lists table{
    width:100%!important;
    max-width:100%!important;
  }

  .v293-desktop-lists th{
    white-space:nowrap!important;
  }

  .v293-desktop-lists td{
    min-width:0!important;
  }

  .v293-desktop-lists td .tabular,
  .v293-desktop-lists td [class*="font-mono"],
  .v293-desktop-lists td[class*="text-right"]{
    white-space:nowrap!important;
  }

  .v293-desktop-lists td button,
  .v293-desktop-lists td a{
    max-width:100%;
  }

  /* Phân trang luôn gọn và không lệch */
  .v293-desktop-lists .v285-pagination,
  .v293-desktop-lists .v289-ncc-pagination,
  .v293-desktop-lists .v296-revenue-pagination,
  .v293-desktop-lists .v299-detail-pagination{
    width:100%!important;
    min-width:0!important;
  }

  /* Dashboard/KPI không bị bó giữa */
  .v293-desktop-lists .v235-revenue-kpi-grid,
  .v293-desktop-lists [class*="kpi-grid"]{
    width:100%!important;
    max-width:none!important;
  }

  /* Công nợ NCC */
  .v293-desktop-lists .v287-ncc-filterbar{
    width:100%!important;
    min-width:0!important;
  }

  .v293-desktop-lists .v275-supplier-debt-row{
    width:100%!important;
    min-width:0!important;
  }

  /* Nhà cung cấp */
  .v293-desktop-lists .v285-supplier-toolbar,
  .v293-desktop-lists .v285-supplier-tools{
    min-width:0!important;
  }
}

/* -------------------- DESKTOP HẸP / SCALE 125% -------------------- */
@media (min-width:1100px) and (max-width:1535px){

  .v293-desktop-lists{
    --v302-gap:10px;
  }

  /* Giảm padding vừa đủ, không làm chữ nhỏ quá */
  .v293-desktop-lists table{
    font-size:11.25px!important;
  }

  .v293-desktop-lists thead th{
    font-size:9.75px!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }

  .v293-desktop-lists tbody td{
    padding-left:8px!important;
    padding-right:8px!important;
  }

  /* Các thanh lọc không ép cột */
  .v293-desktop-lists [class*="flex"][class*="gap-3"],
  .v293-desktop-lists [class*="flex"][class*="gap-4"]{
    gap:8px!important;
  }

  .v293-desktop-lists [class*="flex-wrap"]{
    row-gap:8px!important;
  }

  /* Báo cáo doanh thu: bảng nhiều cột được cuộn ngang an toàn,
     không co chữ đến mức khó đọc. */
  .v197-revenue-report .responsive-report-table{
    overflow-x:auto!important;
    scrollbar-width:thin;
  }

  .v197-revenue-report .responsive-report-table table{
    min-width:980px!important;
  }

  /* Riêng Khách hàng/Nhân viên ở >1100 vẫn là desktop:
     cho min-width hợp lý để không bóp chữ. */
  .v298-report-customer-section .responsive-report-table table{
    min-width:1050px!important;
  }

  .v298-report-employee-section .responsive-report-table table{
    min-width:1120px!important;
  }

  /* Danh sách đơn báo cáo */
  .v199-report-orders-desktop{
    overflow-x:auto!important;
    max-width:100%!important;
  }

  .v199-report-orders-desktop table{
    min-width:980px!important;
  }

  /* Tồn kho / sản phẩm / đơn hàng nhiều cột:
     ưu tiên đọc đúng hơn là ép chữ. */
  .v271-products-table-wrap{
    overflow-x:auto!important;
  }

  .v271-products-table{
    min-width:1120px!important;
  }

  /* Công nợ NCC: thanh lọc tự chia 2 hàng nếu thiếu chỗ */
  .v287-ncc-filterbar{
    grid-template-columns:
      minmax(200px,1.3fr)
      minmax(140px,.75fr)
      minmax(140px,.75fr)
      auto!important;
  }

  .v287-ncc-filterbar .v288-export-actions{
    grid-column:auto!important;
  }

  /* Các nút thao tác không chồng chữ */
  .v293-desktop-lists td > .flex{
    flex-wrap:nowrap!important;
  }

  .v293-desktop-lists td > .flex button,
  .v293-desktop-lists td > .flex a{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }

  /* Modal tạo/sửa đơn */
  .order-dialog-content{
    width:min(96vw,1480px)!important;
    max-width:min(96vw,1480px)!important;
  }

  .order-dialog-content .order-dialog-body{
    min-width:0!important;
    max-width:100%!important;
  }
}

/* -------------------- FULL HD / 2K -------------------- */
@media (min-width:1536px) and (max-width:2399px){
  .v293-desktop-lists{
    width:100%!important;
    max-width:none!important;
  }

  .v293-desktop-lists table{
    font-size:12px!important;
  }

  /* Không ép min-width ở màn hình rộng */
  .v197-revenue-report .responsive-report-table table,
  .v298-report-customer-section .responsive-report-table table,
  .v298-report-employee-section .responsive-report-table table,
  .v199-report-orders-desktop table,
  .v271-products-table{
    min-width:100%!important;
  }
}

/* -------------------- 2K / ULTRAWIDE -------------------- */
@media (min-width:2400px){
  .v293-desktop-lists{
    width:100%!important;
    max-width:none!important;
  }

  .v293-desktop-lists table{
    font-size:12.5px!important;
  }

  .v293-desktop-lists thead th{
    font-size:10.5px!important;
  }

  /* Tận dụng chiều rộng nhưng không kéo nút thao tác quá xa */
  .v293-desktop-lists td:last-child,
  .v293-desktop-lists th:last-child{
    white-space:nowrap!important;
  }

  .v197-revenue-report .responsive-report-table table,
  .v298-report-customer-section .responsive-report-table table,
  .v298-report-employee-section .responsive-report-table table,
  .v199-report-orders-desktop table,
  .v271-products-table{
    min-width:100%!important;
  }
}


/* ===== V477 SOURCE 105: v303-order-product-row-desktop.css ===== */

/* V303 — Fix hàng sản phẩm Lên đơn / Sửa đơn trên desktop.
   Không còn sm:flex-wrap tự nhảy dòng.
   <1100px giữ mobile.
*/

/* Desktop chuẩn / 1920x1080 Scale 125% */
@media (min-width:1280px){

  .order-dialog-content .v303-order-line-fields{
    display:grid!important;
    grid-template-columns:
      minmax(150px,1fr)   /* Sản phẩm */
      96px                /* Số lượng */
      96px                /* ĐVT */
      176px               /* NCC */
      96px                /* VAT nhập */
      128px               /* Giá nhập */
      128px               /* Giá bán */
      112px               /* VAT bán */
      128px               /* Thành tiền */
      34px!important;     /* Xóa */
    align-items:end!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
  }

  .order-dialog-content .v303-order-line-fields > *{
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
  }

  /* Gỡ các width sm:w-* cũ để grid làm chủ vị trí */
  .order-dialog-content .v303-order-line-fields > [class*="sm:w-"]{
    width:auto!important;
  }

  .order-dialog-content .v303-order-line-fields > *:first-child{
    min-width:150px!important;
  }

  .order-dialog-content .v303-order-line-fields input,
  .order-dialog-content .v303-order-line-fields select,
  .order-dialog-content .v303-order-line-fields [data-slot="select-trigger"]{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  /* Tên SP/NCC không đẩy cột khác */
  .order-dialog-content .v303-order-line-fields [data-slot="select-value"],
  .order-dialog-content .v303-order-line-fields [class*="truncate"]{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  /* Nút xóa luôn ở cột cuối, cùng hàng */
  .order-dialog-content .v303-order-line-fields > button:last-child{
    grid-column:10!important;
    width:34px!important;
    min-width:34px!important;
    height:32px!important;
    justify-self:end!important;
    align-self:end!important;
  }

  /* Thành tiền không xuống dòng */
  .order-dialog-content .v303-order-line-fields > *:nth-child(9){
    white-space:nowrap!important;
    text-align:right!important;
  }
}

/* Desktop hẹp 1100–1279: dùng 2 hàng CỐ ĐỊNH, không wrap ngẫu nhiên */
@media (min-width:1100px) and (max-width:1279px){

  .order-dialog-content .v303-order-line-fields{
    display:grid!important;
    grid-template-columns:
      minmax(180px,1.5fr)
      minmax(100px,.7fr)
      minmax(100px,.7fr)
      minmax(180px,1.25fr)
      minmax(100px,.7fr)!important;
    gap:10px!important;
    align-items:end!important;
    width:100%!important;
    min-width:0!important;
  }

  .order-dialog-content .v303-order-line-fields > *{
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
  }

  /* Hàng 1: SP | SL | ĐVT | NCC | VAT nhập */
  .order-dialog-content .v303-order-line-fields > *:nth-child(1){grid-column:1;grid-row:1}
  .order-dialog-content .v303-order-line-fields > *:nth-child(2){grid-column:2;grid-row:1}
  .order-dialog-content .v303-order-line-fields > *:nth-child(3){grid-column:3;grid-row:1}
  .order-dialog-content .v303-order-line-fields > *:nth-child(4){grid-column:4;grid-row:1}
  .order-dialog-content .v303-order-line-fields > *:nth-child(5){grid-column:5;grid-row:1}

  /* Hàng 2: Giá nhập | Giá bán | VAT bán | Thành tiền | Xóa */
  .order-dialog-content .v303-order-line-fields > *:nth-child(6){grid-column:1;grid-row:2}
  .order-dialog-content .v303-order-line-fields > *:nth-child(7){grid-column:2;grid-row:2}
  .order-dialog-content .v303-order-line-fields > *:nth-child(8){grid-column:3;grid-row:2}
  .order-dialog-content .v303-order-line-fields > *:nth-child(9){grid-column:4;grid-row:2;text-align:right}
  .order-dialog-content .v303-order-line-fields > *:nth-child(10){
    grid-column:5;grid-row:2;
    width:34px!important;
    justify-self:end!important;
    align-self:end!important;
  }

  .order-dialog-content .v303-order-line-fields input,
  .order-dialog-content .v303-order-line-fields select,
  .order-dialog-content .v303-order-line-fields [data-slot="select-trigger"]{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
}

/* Large desktop / 2K / ultrawide: tận dụng thêm không gian tên SP và NCC */
@media (min-width:1920px){
  .order-dialog-content .v303-order-line-fields{
    grid-template-columns:
      minmax(240px,1.6fr)
      110px
      110px
      minmax(210px,1.25fr)
      110px
      145px
      145px
      120px
      145px
      36px!important;
    gap:10px!important;
  }
}

/* Mobile giữ nguyên giao diện đã có */
@media (max-width:1099px){
  .order-dialog-content .v303-order-line-fields{
    min-width:0!important;
  }
}


/* ===== V477 SOURCE 106: v304-order-row-full-width.css ===== */

/* V304 — Dòng sản phẩm tận dụng toàn bộ chiều rộng còn lại của form. */
@media (min-width:1280px){
  .order-dialog-content .v303-order-line-fields{
    width:100%!important;
    max-width:none!important;
    grid-template-columns:
      minmax(220px,2.2fr)  /* Sản phẩm */
      minmax(105px,.72fr)  /* Số lượng */
      minmax(105px,.72fr)  /* ĐVT */
      minmax(220px,1.7fr)  /* NCC */
      minmax(105px,.72fr)  /* VAT nhập */
      minmax(145px,1fr)    /* Giá nhập */
      minmax(145px,1fr)    /* Giá bán */
      minmax(115px,.8fr)   /* VAT bán */
      minmax(155px,1.05fr) /* Thành tiền */
      38px!important;
    column-gap:12px!important;
  }
  .order-dialog-content .v303-order-line-fields > *{
    min-width:0!important;
    max-width:none!important;
  }
}
@media (min-width:1536px){
  .order-dialog-content{
    width:96vw!important;
    max-width:96vw!important;
  }
  .order-dialog-content .v303-order-line-fields{
    grid-template-columns:
      minmax(260px,2.5fr)
      minmax(115px,.72fr)
      minmax(115px,.72fr)
      minmax(250px,1.8fr)
      minmax(115px,.72fr)
      minmax(155px,1fr)
      minmax(155px,1fr)
      minmax(125px,.8fr)
      minmax(170px,1.05fr)
      40px!important;
    column-gap:14px!important;
  }
}
@media (min-width:2200px){
  .order-dialog-content{
    width:97vw!important;
    max-width:97vw!important;
  }
  .order-dialog-content .v303-order-line-fields{
    grid-template-columns:
      minmax(320px,2.8fr)
      minmax(130px,.75fr)
      minmax(130px,.75fr)
      minmax(300px,2fr)
      minmax(130px,.75fr)
      minmax(175px,1fr)
      minmax(175px,1fr)
      minmax(140px,.8fr)
      minmax(190px,1.05fr)
      42px!important;
    column-gap:16px!important;
  }
}


/* ===== V477 SOURCE 107: v305-order-product-desktop-responsive.css ===== */

/* V305 — Làm lại sạch bố cục sản phẩm trong Tạo/Sửa đơn.
   Mục tiêu chính: 1920x1080 + Windows Scale 125%.
   Không để tổng width cột vượt form; toàn hàng luôn vừa 100%.
*/

/* Desktop chung */
@media (min-width:1100px){

  .order-dialog-content{
    width:96vw!important;
    max-width:96vw!important;
  }

  .order-dialog-content .order-dialog-body{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  .order-dialog-content .v303-order-line-fields{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    display:grid!important;
    align-items:end!important;
    overflow:visible!important;
  }

  .order-dialog-content .v303-order-line-fields > *{
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
  }

  .order-dialog-content .v303-order-line-fields input,
  .order-dialog-content .v303-order-line-fields select,
  .order-dialog-content .v303-order-line-fields [data-slot="select-trigger"]{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  .order-dialog-content .v303-order-line-fields [data-slot="select-value"],
  .order-dialog-content .v303-order-line-fields [class*="truncate"]{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  .order-dialog-content .v303-order-line-fields > *:nth-child(9){
    white-space:nowrap!important;
    text-align:right!important;
  }

  .order-dialog-content .v303-order-line-fields > button:last-child{
    width:32px!important;
    min-width:32px!important;
    max-width:32px!important;
    height:32px!important;
    justify-self:end!important;
  }

  /* Popup tìm/tạo sản phẩm rộng theo desktop */
  .v305-order-product-search-popover{
    width:min(46vw,760px)!important;
    max-width:min(46vw,760px)!important;
    min-width:520px!important;
  }

  .v305-order-products-toolbar{
    width:100%!important;
    min-width:0!important;
  }
}

/* 1100–1279: 2 hàng cố định, không wrap ngẫu nhiên */
@media (min-width:1100px) and (max-width:1279px){
  .order-dialog-content .v303-order-line-fields{
    grid-template-columns:
      minmax(0,2.1fr)
      minmax(0,.85fr)
      minmax(0,.85fr)
      minmax(0,1.55fr)
      minmax(0,.8fr)!important;
    gap:10px!important;
  }

  .order-dialog-content .v303-order-line-fields > *:nth-child(1){grid-column:1;grid-row:1}
  .order-dialog-content .v303-order-line-fields > *:nth-child(2){grid-column:2;grid-row:1}
  .order-dialog-content .v303-order-line-fields > *:nth-child(3){grid-column:3;grid-row:1}
  .order-dialog-content .v303-order-line-fields > *:nth-child(4){grid-column:4;grid-row:1}
  .order-dialog-content .v303-order-line-fields > *:nth-child(5){grid-column:5;grid-row:1}

  .order-dialog-content .v303-order-line-fields > *:nth-child(6){grid-column:1;grid-row:2}
  .order-dialog-content .v303-order-line-fields > *:nth-child(7){grid-column:2;grid-row:2}
  .order-dialog-content .v303-order-line-fields > *:nth-child(8){grid-column:3;grid-row:2}
  .order-dialog-content .v303-order-line-fields > *:nth-child(9){grid-column:4;grid-row:2}
  .order-dialog-content .v303-order-line-fields > *:nth-child(10){grid-column:5;grid-row:2}
}

/* 1280–1599:
   Đây là vùng quan trọng cho 1920x1080 + Scale 125%.
   Tất cả 10 cột vừa đúng 100%, không bị cắt bên phải. */
@media (min-width:1280px) and (max-width:1599px){
  .order-dialog-content .v303-order-line-fields{
    grid-template-columns:
      minmax(0,2.55fr)  /* Sản phẩm */
      minmax(0,.76fr)   /* Số lượng */
      minmax(0,.76fr)   /* ĐVT */
      minmax(0,1.55fr)  /* NCC */
      minmax(0,.78fr)   /* VAT nhập */
      minmax(0,1.02fr)  /* Giá nhập */
      minmax(0,1.02fr)  /* Giá bán */
      minmax(0,.82fr)   /* VAT bán */
      minmax(0,1.05fr)  /* Thành tiền */
      34px!important;   /* Xóa */
    column-gap:10px!important;
    row-gap:8px!important;
  }

  .order-dialog-content .v303-order-line-fields > *:first-child{
    min-width:0!important;
  }

  .order-dialog-content .v303-order-line-fields > *:nth-child(4){
    min-width:0!important;
  }
}

/* Desktop rộng 1600–2199 */
@media (min-width:1600px) and (max-width:2199px){
  .order-dialog-content .v303-order-line-fields{
    grid-template-columns:
      minmax(0,2.8fr)
      minmax(0,.78fr)
      minmax(0,.78fr)
      minmax(0,1.75fr)
      minmax(0,.8fr)
      minmax(0,1.05fr)
      minmax(0,1.05fr)
      minmax(0,.85fr)
      minmax(0,1.1fr)
      36px!important;
    column-gap:12px!important;
    row-gap:8px!important;
  }
}

/* 2K / ultrawide */
@media (min-width:2200px){
  .order-dialog-content{
    width:97vw!important;
    max-width:97vw!important;
  }

  .order-dialog-content .v303-order-line-fields{
    grid-template-columns:
      minmax(0,3.1fr)
      minmax(0,.8fr)
      minmax(0,.8fr)
      minmax(0,2fr)
      minmax(0,.82fr)
      minmax(0,1.1fr)
      minmax(0,1.1fr)
      minmax(0,.88fr)
      minmax(0,1.15fr)
      38px!important;
    column-gap:14px!important;
  }

  .v305-order-product-search-popover{
    width:min(40vw,860px)!important;
    max-width:min(40vw,860px)!important;
  }
}

/* Mobile giữ nguyên các bản trước */
@media (max-width:1099px){
  .v305-order-product-search-popover{
    min-width:0!important;
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
  }
}


/* ===== V477 SOURCE 108: v306-order-create-edit-internal-pro.css ===== */

/* V306 — Pro UI for Create/Edit Order + Internal Info. Business logic unchanged. */

/* ---------- CREATE / EDIT ORDER: SHARED ---------- */
@media (min-width:1100px){
  .order-dialog-content{
    border-radius:12px!important;
    border:1px solid color-mix(in srgb,var(--border) 88%,transparent)!important;
    background:color-mix(in srgb,var(--background) 96%,var(--muted))!important;
    box-shadow:0 22px 70px rgba(15,23,42,.16)!important;
  }

  .order-dialog-content .order-dialog-header{
    position:sticky!important;
    top:0!important;
    z-index:30!important;
    padding:16px 20px 14px!important;
    background:color-mix(in srgb,var(--background) 96%,transparent)!important;
    border-bottom:1px solid var(--border)!important;
    backdrop-filter:blur(8px);
  }

  .order-dialog-content .order-dialog-body{
    padding:0 18px 24px!important;
  }

  .order-dialog-content .ledger-cell{
    border-radius:10px!important;
    border-color:color-mix(in srgb,var(--border) 92%,transparent)!important;
    background:var(--background)!important;
    box-shadow:0 1px 3px rgba(15,23,42,.035)!important;
  }

  .order-dialog-content label,
  .order-dialog-content .eyebrow{
    letter-spacing:.015em;
  }

  .order-dialog-content input,
  .order-dialog-content textarea,
  .order-dialog-content [data-slot="select-trigger"]{
    border-radius:7px!important;
  }

  .order-dialog-content input:focus,
  .order-dialog-content textarea:focus,
  .order-dialog-content [data-slot="select-trigger"]:focus{
    box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-green) 10%,transparent)!important;
  }

  /* Product block */
  .order-dialog-content .v306-order-products-section{
    border:1px solid color-mix(in srgb,var(--border) 92%,transparent);
    border-radius:12px;
    background:color-mix(in srgb,var(--background) 97%,var(--muted));
    padding:14px;
  }

  .order-dialog-content .v305-order-products-toolbar{
    margin-bottom:10px!important;
    padding:0 2px 10px;
    border-bottom:1px solid color-mix(in srgb,var(--border) 78%,transparent);
  }

  .order-dialog-content .v305-order-products-toolbar > div:last-child{
    gap:8px!important;
  }

  .order-dialog-content .v303-order-line-fields{
    min-height:66px;
  }

  .order-dialog-content .v303-order-line-fields > div{
    align-self:end;
  }

  .order-dialog-content .v303-order-line-fields label,
  .order-dialog-content .v303-order-line-fields [class*="text-[11px]"]{
    line-height:1.25!important;
  }

  .order-dialog-content .v303-order-line-fields input,
  .order-dialog-content .v303-order-line-fields [data-slot="select-trigger"]{
    min-height:38px!important;
    height:38px!important;
  }

  .order-dialog-content .v303-order-line-fields > *:nth-child(9) > div:last-child{
    min-height:38px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
  }

  /* Product cards are easier to scan */
  .order-dialog-content .v306-order-products-section > div[class*="space-y"] > .ledger-cell{
    padding:14px!important;
    transition:border-color 120ms ease,box-shadow 120ms ease!important;
  }

  .order-dialog-content .v306-order-products-section > div[class*="space-y"] > .ledger-cell:hover{
    border-color:color-mix(in srgb,var(--brand-green) 28%,var(--border))!important;
    box-shadow:0 3px 10px rgba(15,23,42,.055)!important;
  }

  /* Summary zone visually separated */
  .order-dialog-content .v306-order-summary-section{
    margin-top:16px!important;
    padding-top:16px;
    border-top:1px solid color-mix(in srgb,var(--border) 78%,transparent);
  }
}

/* ---------- SCALE 125% / NARROW DESKTOP ---------- */
@media (min-width:1100px) and (max-width:1599px){
  .order-dialog-content .order-dialog-body{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .order-dialog-content .v306-order-products-section{
    padding:11px!important;
  }
  .order-dialog-content .v303-order-line-fields{
    column-gap:8px!important;
  }
}

/* ---------- INTERNAL INFO ---------- */
.v306-internal-panel{
  border-radius:11px!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,color-mix(in srgb,#f59e0b 6%,var(--background)),var(--background))!important;
  box-shadow:0 3px 14px rgba(15,23,42,.045)!important;
}

.v306-internal-kpis{
  align-items:stretch!important;
  padding:14px!important;
}

.v306-internal-kpis > div{
  min-width:0!important;
  border:1px solid color-mix(in srgb,var(--amber-brand) 20%,var(--border));
  border-radius:8px;
  background:var(--background);
  padding:10px 11px;
}

.v306-internal-kpis > div:first-child{
  background:transparent;
  border-color:transparent;
  padding-left:2px;
}

.v306-internal-kpis .tabular{
  font-size:13px!important;
  line-height:1.25!important;
  white-space:nowrap!important;
}

.v306-internal-detail{
  padding:0 14px 14px!important;
}

.v306-internal-detail > .eyebrow{
  margin:2px 0 9px!important;
}

.v306-internal-table-wrap{
  border:1px solid color-mix(in srgb,var(--border) 90%,transparent);
  border-radius:8px;
  background:var(--background);
  overflow:auto!important;
}

.v306-internal-table{
  border-collapse:separate!important;
  border-spacing:0!important;
}

.v306-internal-table thead th{
  position:sticky;
  top:0;
  z-index:2;
  background:color-mix(in srgb,var(--muted) 70%,var(--background));
  white-space:nowrap!important;
  padding:9px 11px!important;
  font-size:10.5px!important;
  text-transform:uppercase;
  letter-spacing:.025em;
}

.v306-internal-table tbody td,
.v306-internal-table tfoot td{
  padding:9px 11px!important;
  vertical-align:middle!important;
  white-space:nowrap;
}

.v306-internal-table tbody td:first-child{
  white-space:normal!important;
  min-width:220px;
  line-height:1.35;
}

.v306-internal-table tbody tr:hover{
  background:color-mix(in srgb,var(--muted) 38%,transparent);
}

.v306-internal-table tfoot tr:last-child{
  background:color-mix(in srgb,var(--brand-green) 5%,var(--background));
}

/* Tablet/mobile treatment for Internal Info */
@media (max-width:1100px){
  .v306-internal-panel{
    border-radius:10px!important;
  }
  .v306-internal-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    padding:10px!important;
  }
  .v306-internal-kpis > div:first-child{
    grid-column:1/-1;
    border:0;
    padding:2px 2px 6px;
  }
  .v306-internal-kpis > div{
    padding:9px!important;
  }
  .v306-internal-detail{
    padding:0 10px 10px!important;
  }
  .v306-internal-table{
    min-width:820px!important;
  }
}

@media (max-width:640px){
  .v306-internal-kpis{
    grid-template-columns:1fr!important;
  }
  .v306-internal-mobile-summary{
    border-radius:10px!important;
  }
}


/* ===== V477 SOURCE 109: v307-order-product-grid-balanced.css ===== */

/* V307 — Cân lại bố cục hàng sản phẩm trong Tạo/Sửa đơn.
   Mục tiêu: không ép Thành tiền, không rơi nút Xóa, không dư khoảng trắng vô lý. */

/* DESKTOP */
@media (min-width:1280px){

  .order-dialog-content .v307-order-line-card{
    width:100%!important;
    max-width:100%!important;
    padding:14px 16px!important;
    overflow:hidden!important;
  }

  .order-dialog-content .v303-order-line-fields{
    display:grid!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;

    /* 10 cột cân đối:
       SP | SL | ĐVT | NCC | VAT nhập | Giá nhập | Giá bán | VAT bán | Thành tiền | Xóa */
    grid-template-columns:
      minmax(260px,2.75fr)
      minmax(92px,.68fr)
      minmax(105px,.78fr)
      minmax(160px,1.25fr)
      minmax(100px,.72fr)
      minmax(130px,.92fr)
      minmax(130px,.92fr)
      minmax(105px,.76fr)
      minmax(145px,1fr)
      34px!important;

    column-gap:10px!important;
    row-gap:8px!important;
    align-items:end!important;
    overflow:visible!important;
  }

  .order-dialog-content .v303-order-line-fields > *{
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
  }

  .order-dialog-content .v303-order-line-fields input,
  .order-dialog-content .v303-order-line-fields select,
  .order-dialog-content .v303-order-line-fields [data-slot="select-trigger"]{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  /* Tên SP / NCC không đẩy cột */
  .order-dialog-content .v303-order-line-fields [data-slot="select-value"],
  .order-dialog-content .v303-order-line-fields [class*="truncate"]{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  /* Thành tiền */
  .order-dialog-content .v303-order-line-fields > *:nth-child(9){
    min-width:0!important;
    text-align:right!important;
    white-space:nowrap!important;
  }

  .order-dialog-content .v303-order-line-fields > *:nth-child(9) > div{
    justify-content:flex-end!important;
    white-space:nowrap!important;
  }

  /* Nút xóa cùng hàng */
  .order-dialog-content .v303-order-line-fields > *:nth-child(10){
    grid-column:10!important;
    grid-row:1!important;
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    justify-self:end!important;
    align-self:end!important;
    margin:0!important;
  }

  /* Dòng phụ dưới hàng sản phẩm */
  .order-dialog-content .v307-order-line-card > div:last-child{
    margin-top:12px!important;
    padding-top:9px!important;
    border-top:1px dashed color-mix(in srgb,var(--border) 70%,transparent)!important;
  }
}

/* 1280–1535: desktop hẹp / Scale 125% */
@media (min-width:1280px) and (max-width:1535px){
  .order-dialog-content .v303-order-line-fields{
    grid-template-columns:
      minmax(220px,2.45fr)
      minmax(86px,.65fr)
      minmax(96px,.72fr)
      minmax(145px,1.15fr)
      minmax(92px,.68fr)
      minmax(120px,.9fr)
      minmax(120px,.9fr)
      minmax(96px,.72fr)
      minmax(132px,.98fr)
      32px!important;
    column-gap:8px!important;
  }

  .order-dialog-content .v303-order-line-fields > *:nth-child(10){
    width:32px!important;
    min-width:32px!important;
    max-width:32px!important;
  }

  .order-dialog-content .v303-order-line-fields label,
  .order-dialog-content .v303-order-line-fields [class*="text-[11px]"]{
    line-height:1.25!important;
  }
}

/* 1100–1279: 2 hàng có chủ đích, tránh ép quá mức */
@media (min-width:1100px) and (max-width:1279px){
  .order-dialog-content .v307-order-line-card{
    padding:13px!important;
  }

  .order-dialog-content .v303-order-line-fields{
    display:grid!important;
    width:100%!important;
    grid-template-columns:
      minmax(200px,1.7fr)
      minmax(95px,.7fr)
      minmax(105px,.75fr)
      minmax(175px,1.25fr)
      minmax(100px,.72fr)!important;
    gap:10px!important;
    align-items:end!important;
  }

  .order-dialog-content .v303-order-line-fields > *{
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
  }

  .order-dialog-content .v303-order-line-fields > *:nth-child(1){grid-column:1;grid-row:1}
  .order-dialog-content .v303-order-line-fields > *:nth-child(2){grid-column:2;grid-row:1}
  .order-dialog-content .v303-order-line-fields > *:nth-child(3){grid-column:3;grid-row:1}
  .order-dialog-content .v303-order-line-fields > *:nth-child(4){grid-column:4;grid-row:1}
  .order-dialog-content .v303-order-line-fields > *:nth-child(5){grid-column:5;grid-row:1}

  .order-dialog-content .v303-order-line-fields > *:nth-child(6){grid-column:1;grid-row:2}
  .order-dialog-content .v303-order-line-fields > *:nth-child(7){grid-column:2;grid-row:2}
  .order-dialog-content .v303-order-line-fields > *:nth-child(8){grid-column:3;grid-row:2}
  .order-dialog-content .v303-order-line-fields > *:nth-child(9){grid-column:4;grid-row:2;text-align:right!important}
  .order-dialog-content .v303-order-line-fields > *:nth-child(10){
    grid-column:5;grid-row:2;
    width:34px!important;
    min-width:34px!important;
    justify-self:end!important;
  }
}

/* Màn hình rất rộng */
@media (min-width:1920px){
  .order-dialog-content .v303-order-line-fields{
    grid-template-columns:
      minmax(320px,3fr)
      minmax(110px,.7fr)
      minmax(120px,.78fr)
      minmax(220px,1.45fr)
      minmax(110px,.72fr)
      minmax(150px,.95fr)
      minmax(150px,.95fr)
      minmax(115px,.76fr)
      minmax(170px,1.02fr)
      36px!important;
    column-gap:12px!important;
  }
}

/* Mobile giữ nguyên */
@media (max-width:1099px){
  .order-dialog-content .v307-order-line-card{
    width:100%!important;
    max-width:100%!important;
  }
}


/* ===== V477 SOURCE 110: v308-amount-same-row.css ===== */

/* V308 — Thành tiền luôn cùng hàng, đứng ngay sau VAT bán trên desktop. */
@media (min-width:1280px){
  .order-dialog-content .v303-order-line-fields > *:nth-child(9){
    grid-column:9!important;
    grid-row:1!important;
    align-self:end!important;
    justify-self:stretch!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    white-space:nowrap!important;
    text-align:right!important;
  }

  .order-dialog-content .v303-order-line-fields > *:nth-child(9) > *{
    width:100%!important;
    margin:0!important;
  }

  .order-dialog-content .v303-order-line-fields > *:nth-child(10){
    grid-column:10!important;
    grid-row:1!important;
    align-self:end!important;
    justify-self:end!important;
  }
}

/* Desktop 1100–1279 vẫn 2 hàng nhưng Thành tiền đứng ngay sau VAT bán ở hàng 2 */
@media (min-width:1100px) and (max-width:1279px){
  .order-dialog-content .v303-order-line-fields > *:nth-child(8){
    grid-column:3!important;
    grid-row:2!important;
  }
  .order-dialog-content .v303-order-line-fields > *:nth-child(9){
    grid-column:4!important;
    grid-row:2!important;
    align-self:end!important;
    justify-self:stretch!important;
    white-space:nowrap!important;
    text-align:right!important;
  }
  .order-dialog-content .v303-order-line-fields > *:nth-child(10){
    grid-column:5!important;
    grid-row:2!important;
  }
}


/* ===== V477 SOURCE 111: v309-order-columns-single-row.css ===== */

/* V309 — FIX DỨT ĐIỂM hàng sản phẩm desktop.
   Khóa rõ từng cột 1→10 vào cùng grid-row:1 từ 1280px trở lên.
   Không để rule cũ đẩy VAT bán/Thành tiền xuống hàng dưới. */

@media (min-width:1280px){

  .order-dialog-content .v303-order-line-fields{
    display:grid!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    align-items:end!important;
    grid-auto-flow:row!important;
    grid-auto-rows:auto!important;
  }

  /* Ép chính xác từng cột vào hàng 1 */
  .order-dialog-content .v303-order-line-fields > *:nth-child(1){
    grid-column:1!important;
    grid-row:1!important;
  }
  .order-dialog-content .v303-order-line-fields > *:nth-child(2){
    grid-column:2!important;
    grid-row:1!important;
  }
  .order-dialog-content .v303-order-line-fields > *:nth-child(3){
    grid-column:3!important;
    grid-row:1!important;
  }
  .order-dialog-content .v303-order-line-fields > *:nth-child(4){
    grid-column:4!important;
    grid-row:1!important;
  }
  .order-dialog-content .v303-order-line-fields > *:nth-child(5){
    grid-column:5!important;
    grid-row:1!important;
  }
  .order-dialog-content .v303-order-line-fields > *:nth-child(6){
    grid-column:6!important;
    grid-row:1!important;
  }
  .order-dialog-content .v303-order-line-fields > *:nth-child(7){
    grid-column:7!important;
    grid-row:1!important;
  }
  .order-dialog-content .v303-order-line-fields > *:nth-child(8){
    grid-column:8!important;
    grid-row:1!important;
  }
  .order-dialog-content .v303-order-line-fields > *:nth-child(9){
    grid-column:9!important;
    grid-row:1!important;
  }
  .order-dialog-content .v303-order-line-fields > *:nth-child(10){
    grid-column:10!important;
    grid-row:1!important;
  }

  /* Gỡ mọi width/flex cũ gây rơi cột */
  .order-dialog-content .v303-order-line-fields > *{
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    flex:none!important;
    margin:0!important;
    align-self:end!important;
  }

  .order-dialog-content .v303-order-line-fields input,
  .order-dialog-content .v303-order-line-fields select,
  .order-dialog-content .v303-order-line-fields [data-slot="select-trigger"]{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  /* VAT bán */
  .order-dialog-content .v303-order-line-fields > *:nth-child(8){
    white-space:nowrap!important;
  }

  /* Thành tiền */
  .order-dialog-content .v303-order-line-fields > *:nth-child(9){
    white-space:nowrap!important;
    text-align:right!important;
    justify-self:stretch!important;
  }
  .order-dialog-content .v303-order-line-fields > *:nth-child(9) > div{
    width:100%!important;
    justify-content:flex-end!important;
    white-space:nowrap!important;
  }

  /* Xóa */
  .order-dialog-content .v303-order-line-fields > *:nth-child(10){
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    justify-self:end!important;
  }
}

/* 1280–1535: 10 cột vẫn cùng 1 hàng, co theo tỷ lệ */
@media (min-width:1280px) and (max-width:1535px){
  .order-dialog-content .v303-order-line-fields{
    grid-template-columns:
      minmax(0,2.35fr)
      minmax(0,.66fr)
      minmax(0,.72fr)
      minmax(0,1.12fr)
      minmax(0,.66fr)
      minmax(0,.88fr)
      minmax(0,.88fr)
      minmax(0,.72fr)
      minmax(0,.92fr)
      32px!important;
    column-gap:8px!important;
  }
}

/* 1536–1919 */
@media (min-width:1536px) and (max-width:1919px){
  .order-dialog-content .v303-order-line-fields{
    grid-template-columns:
      minmax(0,2.7fr)
      minmax(0,.7fr)
      minmax(0,.76fr)
      minmax(0,1.3fr)
      minmax(0,.7fr)
      minmax(0,.94fr)
      minmax(0,.94fr)
      minmax(0,.76fr)
      minmax(0,1fr)
      34px!important;
    column-gap:10px!important;
  }
}

/* >=1920 */
@media (min-width:1920px){
  .order-dialog-content .v303-order-line-fields{
    grid-template-columns:
      minmax(0,3fr)
      minmax(0,.72fr)
      minmax(0,.8fr)
      minmax(0,1.45fr)
      minmax(0,.72fr)
      minmax(0,.98fr)
      minmax(0,.98fr)
      minmax(0,.8fr)
      minmax(0,1.05fr)
      36px!important;
    column-gap:12px!important;
  }
}

/* 1100–1279 vẫn giữ 2 hàng có chủ đích */
@media (min-width:1100px) and (max-width:1279px){
  .order-dialog-content .v303-order-line-fields > *:nth-child(1){grid-column:1!important;grid-row:1!important}
  .order-dialog-content .v303-order-line-fields > *:nth-child(2){grid-column:2!important;grid-row:1!important}
  .order-dialog-content .v303-order-line-fields > *:nth-child(3){grid-column:3!important;grid-row:1!important}
  .order-dialog-content .v303-order-line-fields > *:nth-child(4){grid-column:4!important;grid-row:1!important}
  .order-dialog-content .v303-order-line-fields > *:nth-child(5){grid-column:5!important;grid-row:1!important}

  .order-dialog-content .v303-order-line-fields > *:nth-child(6){grid-column:1!important;grid-row:2!important}
  .order-dialog-content .v303-order-line-fields > *:nth-child(7){grid-column:2!important;grid-row:2!important}
  .order-dialog-content .v303-order-line-fields > *:nth-child(8){grid-column:3!important;grid-row:2!important}
  .order-dialog-content .v303-order-line-fields > *:nth-child(9){grid-column:4!important;grid-row:2!important}
  .order-dialog-content .v303-order-line-fields > *:nth-child(10){grid-column:5!important;grid-row:2!important}
}


/* ===== V477 SOURCE 112: v310-supplier-quick-search.css ===== */

/* V310 — Chỉ thêm ô tìm kiếm BÊN TRONG danh sách NCC.
   Trigger/cột bên ngoài giữ nguyên giao diện hiện tại. */
.v310-supplier-search-content{
  min-width:260px!important;
  max-width:min(92vw,440px)!important;
}
.v310-supplier-search-box{
  position:sticky;
  top:0;
  z-index:3;
  padding:7px;
  background:var(--popover,var(--background));
  border-bottom:1px solid var(--border);
}
.v310-supplier-search-input{
  height:34px!important;
  width:100%!important;
  min-width:0!important;
  font-size:12px!important;
  background:var(--background)!important;
}
.v310-supplier-search-empty{
  padding:10px 12px;
  color:var(--muted-foreground);
  font-size:11.5px;
  text-align:center;
}
@media(max-width:1099px){
  .v310-supplier-search-content{
    min-width:0!important;
    width:min(92vw,420px)!important;
    max-width:92vw!important;
  }
  .v310-supplier-search-input{
    height:38px!important;
    font-size:13px!important;
  }
}


/* ===== V477 SOURCE 113: v311-default-supplier-search.css ===== */

/* V311 — áp dụng cùng tìm nhanh NCC cho Nhà cung cấp mặc định.
   Không thay đổi kích thước/bố cục khu vực hiện tại. */
.v311-default-supplier-select{
  min-width:0;
}
.v311-default-supplier-select > button,
.v311-default-supplier-select [data-slot="select-trigger"]{
  width:100%!important;
  height:36px!important;
  background:var(--background)!important;
}


/* ===== V477 SOURCE 114: v312-transaction-account-permission.css ===== */

/* V312 — Quyền chỉnh số tài khoản giao dịch theo từng đơn */
.v312-transaction-account{
  border-left:3px solid color-mix(in srgb,var(--brand-green) 60%,var(--border))!important;
}
.v312-transaction-account-input{
  letter-spacing:.025em;
  font-variant-numeric:tabular-nums;
}
@media(max-width:1099px){
  .v312-transaction-account-input{
    width:100%!important;
    height:40px!important;
  }
}


/* ===== V477 SOURCE 115: v313-transaction-bank-vietqr.css ===== */

/* V313 — Tên ngân hàng + BIN/VietQR + STK theo từng đơn */
.v313-transaction-bank-grid{
  align-items:start;
}
.v313-transaction-bank input{
  min-width:0!important;
  width:100%!important;
}
@media(max-width:1099px){
  .v313-transaction-bank-grid{
    grid-template-columns:1fr!important;
  }
}


/* ===== V477 SOURCE 116: v314-bank-auto-bin.css ===== */

/* V314: gõ tên ngân hàng -> tự nhận diện BIN VietQR; không đổi bố cục V313 */
.v313-transaction-bank input[readonly]{
  cursor:default;
}


/* ===== V477 SOURCE 117: v315-account-holder.css ===== */

/* V315 — thêm Chủ tài khoản, giữ bố cục gọn */
@media (min-width:1280px){
  .v315-transaction-bank-grid{grid-template-columns:1.15fr .8fr 1fr 1.25fr!important}
}
@media (max-width:1099px){
  .v315-transaction-bank-grid{grid-template-columns:1fr!important}
}


/* ===== V477 SOURCE 118: v316-hide-bin-field.css ===== */

/* V316 — BIN/VietQR chạy ngầm, không hiển thị */
@media (min-width:1280px){
  .v316-transaction-bank-grid{
    grid-template-columns:1.25fr 1fr 1.25fr!important;
  }
}
@media (max-width:1099px){
  .v316-transaction-bank-grid{
    grid-template-columns:1fr!important;
  }
}


/* ===== V477 SOURCE 119: v318-safe-order-close.css ===== */

/* V318 — chỉ tác động đúng nút đóng trực tiếp của Create/Edit Order dialog.
   Không dùng selector rộng, không tác động trigger/mở dialog. */
[data-slot="dialog-content"].order-dialog-content > [data-slot="dialog-close"]{
  z-index:80!important;
  top:12px!important;
  right:12px!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  opacity:1!important;
  border:1px solid var(--border)!important;
  border-radius:5px!important;
  background:var(--background)!important;
  box-shadow:0 1px 5px rgba(15,23,42,.10)!important;
}

[data-slot="dialog-content"].order-dialog-content > [data-slot="dialog-close"] svg{
  width:17px!important;
  height:17px!important;
}

/* Chỉ chừa khoảng cho X trong header của đúng dialog này */
[data-slot="dialog-content"].order-dialog-content > .order-dialog-header{
  padding-right:58px!important;
}

@media(max-width:639px){
  [data-slot="dialog-content"].order-dialog-content > [data-slot="dialog-close"]{
    top:max(10px,env(safe-area-inset-top))!important;
    right:10px!important;
    width:36px!important;
    height:36px!important;
  }
  [data-slot="dialog-content"].order-dialog-content > .order-dialog-header{
    padding-right:58px!important;
  }
}


/* ===== V477 SOURCE 120: v320-mobile-order-print-header-responsive.css ===== */

/* V320 — Responsive phần đầu Phiếu đặt hàng trên giao diện mobile/tablet.
   Chỉ áp dụng khi xem trên màn hình <=1100px; bản in/PDF desktop không đổi. */

@media screen and (max-width:1100px){

  .invoice-print-document,
  .invoice-print-document .inv-page{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  /* Header công ty tự co theo chiều rộng */
  .invoice-print-document .inv-header{
    display:grid!important;
    grid-template-columns:minmax(74px,18%) minmax(0,1fr)!important;
    width:100%!important;
    min-width:0!important;
  }

  .invoice-print-document .inv-header > *{
    min-width:0!important;
    max-width:100%!important;
  }

  .invoice-print-document .inv-logo{
    min-width:0!important;
    padding:10px!important;
  }

  .invoice-print-document .inv-logo-image{
    width:100%!important;
    max-width:110px!important;
    height:auto!important;
    max-height:54px!important;
    object-fit:contain!important;
  }

  .invoice-print-document .inv-company{
    min-width:0!important;
    padding:10px 12px!important;
    overflow:hidden!important;
  }

  .invoice-print-document .inv-company-kicker{
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  .invoice-print-document .inv-company-name{
    max-width:100%!important;
    font-size:clamp(10px,1.65vw,14px)!important;
    line-height:1.28!important;
    letter-spacing:.15px!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }

  .invoice-print-document .inv-company-sub,
  .invoice-print-document .inv-company-bank{
    max-width:100%!important;
    font-size:clamp(7px,1.15vw,10.5px)!important;
    line-height:1.4!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }

  /* Ký hiệu xuống hàng riêng để không bóp thông tin công ty */
  .invoice-print-document .inv-mst{
    grid-column:1/-1!important;
    min-width:0!important;
    width:100%!important;
    padding:7px 10px!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    border-top:1px solid #14532d33!important;
    text-align:left!important;
  }

  .invoice-print-document .inv-mst-box{
    flex:0 0 auto!important;
  }

  /* Tiêu đề PHIẾU ĐẶT HÀNG tự co, không tràn */
  .invoice-print-document .inv-title-block{
    width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }

  .invoice-print-document .inv-title{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(10px,1fr) auto minmax(10px,1fr)!important;
    align-items:center!important;
    gap:clamp(5px,1.2vw,12px)!important;
    padding:clamp(8px,1.8vw,13px) 8px!important;
    font-size:clamp(15px,3vw,23px)!important;
    line-height:1.15!important;
    letter-spacing:clamp(.5px,.35vw,2.2px)!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
  }

  .invoice-print-document .inv-title-accent{
    width:100%!important;
    max-width:26px!important;
    min-width:8px!important;
    justify-self:center!important;
  }
}

/* Tablet/mobile hẹp hơn */
@media screen and (max-width:700px){
  .invoice-print-document .inv-header{
    grid-template-columns:68px minmax(0,1fr)!important;
  }

  .invoice-print-document .inv-logo{
    padding:8px 6px!important;
  }

  .invoice-print-document .inv-company{
    padding:8px!important;
  }

  .invoice-print-document .inv-company-name{
    font-size:10px!important;
  }

  .invoice-print-document .inv-company-sub,
  .invoice-print-document .inv-company-bank{
    font-size:7px!important;
    line-height:1.35!important;
  }

  .invoice-print-document .inv-title{
    gap:5px!important;
    padding:8px 5px!important;
    font-size:clamp(13px,4.2vw,16px)!important;
    letter-spacing:.8px!important;
  }

  .invoice-print-document .inv-title-accent{
    max-width:14px!important;
  }
}

/* Mobile rất nhỏ: ưu tiên chữ rõ, không ép logo/tiêu đề */
@media screen and (max-width:420px){
  .invoice-print-document .inv-header{
    grid-template-columns:58px minmax(0,1fr)!important;
  }

  .invoice-print-document .inv-logo-image{
    max-width:54px!important;
  }

  .invoice-print-document .inv-company-name{
    font-size:9px!important;
  }

  .invoice-print-document .inv-company-sub,
  .invoice-print-document .inv-company-bank{
    font-size:6.5px!important;
  }

  .invoice-print-document .inv-title{
    font-size:13px!important;
    letter-spacing:.35px!important;
  }

  .invoice-print-document .inv-title-accent{
    max-width:10px!important;
  }
}

/* Không thay đổi đầu ra khi in */
@media print{
  .invoice-print-document .inv-header,
  .invoice-print-document .inv-title{
    /* dùng CSS in hiện có */
  }
}


/* ===== V477 SOURCE 121: v322-mobile-print-product-text-larger.css ===== */

/* V322 — tăng độ rõ phần sản phẩm khi XEM đơn trên mobile.
   Không thay đổi desktop và không thay đổi kích thước bản in/PDF. */
@media screen and (max-width:1100px){
  .invoice-print-document .inv-table-caption{
    font-size:clamp(9px,1.8vw,12px)!important;
    line-height:1.35!important;
  }

  .invoice-print-document .inv-table th{
    font-size:clamp(8px,1.45vw,10.5px)!important;
    line-height:1.25!important;
    padding:7px 5px!important;
  }

  .invoice-print-document .inv-table td{
    font-size:clamp(9px,1.7vw,12px)!important;
    line-height:1.38!important;
    padding:8px 5px!important;
  }

  .invoice-print-document .inv-table td:nth-child(2){
    font-size:clamp(10px,1.9vw,13px)!important;
    line-height:1.42!important;
    font-weight:600!important;
  }

  .invoice-print-document .inv-table td:nth-child(3),
  .invoice-print-document .inv-table td:nth-child(4),
  .invoice-print-document .inv-table td:nth-child(5),
  .invoice-print-document .inv-table td:nth-child(6),
  .invoice-print-document .inv-table td:nth-child(7){
    font-variant-numeric:tabular-nums!important;
  }
}

@media screen and (max-width:700px){
  .invoice-print-document .inv-table th{
    font-size:8.5px!important;
    padding:6px 3px!important;
  }

  .invoice-print-document .inv-table td{
    font-size:9.5px!important;
    padding:7px 3px!important;
  }

  .invoice-print-document .inv-table td:nth-child(2){
    font-size:10.5px!important;
    line-height:1.4!important;
  }
}

@media screen and (max-width:420px){
  .invoice-print-document .inv-table th{
    font-size:8px!important;
  }

  .invoice-print-document .inv-table td{
    font-size:9px!important;
  }

  .invoice-print-document .inv-table td:nth-child(2){
    font-size:10px!important;
    font-weight:650!important;
  }
}


/* ===== V477 SOURCE 122: v323-print-colors-bolder.css ===== */

/* V323 — Tăng độ đậm màu khi IN/PDF, không ảnh hưởng giao diện màn hình */
@media print{
  .print-area,
  .print-area *,
  .invoice-print-document,
  .invoice-print-document *{
    -webkit-print-color-adjust:exact!important;
    print-color-adjust:exact!important;
  }

  .inv-page{
    border-color:#0f4f2f!important;
    outline-color:#0f4f2f!important;
  }

  .inv-header{
    background:linear-gradient(#e7f7ec,#ffffff)!important;
    border-bottom-color:#0f4f2f!important;
  }

  .inv-company-name,
  .inv-mst-label,
  .inv-mst-value,
  .inv-title,
  .inv-sign-title,
  .inv-payment-qr-title{
    color:#0f4f2f!important;
  }

  .inv-company-name,
  .inv-title,
  .inv-mst-value,
  .inv-sign-title{
    font-weight:800!important;
  }

  .inv-title{
    border-bottom-color:#c76a00!important;
  }

  .inv-title-accent{
    background:#c76a00!important;
  }

  .inv-table th{
    background:#0f4f2f!important;
    color:#ffffff!important;
    border-color:#0f4f2f!important;
    font-weight:800!important;
  }

  .inv-table td{
    border-color:#7fa58d!important;
    color:#111!important;
  }

  .inv-vat-badge{
    color:#9a4a00!important;
    background:#fff0d9!important;
    font-weight:800!important;
  }

  .inv-sum-row td{
    background:#f3f7f4!important;
    color:#222!important;
  }

  .inv-vat-row td{
    color:#9a4a00!important;
    background:#fff7ea!important;
  }

  .inv-total-row td{
    color:#b91c1c!important;
    background:#fff0f0!important;
    border-top-color:#0f4f2f!important;
    font-weight:900!important;
  }

  .inv-words{
    background:#eaf7ee!important;
    border-left-color:#c76a00!important;
  }

  .inv-payment-qr{
    background:#eaf7ee!important;
    border-color:#0f4f2f!important;
  }

  .inv-payment-qr-amount{
    color:#b91c1c!important;
    font-weight:900!important;
  }

  .inv-payment-qr-line b,
  .inv-payment-qr-note b{
    color:#111!important;
    font-weight:800!important;
  }

  .inv-req{
    border-color:#111!important;
  }

  .inv-note{
    color:#222!important;
  }

  .inv-infoline-v-strong{
    color:#b96a00!important;
    font-weight:800!important;
  }

  .inv-company-bank{
    color:#b91c1c!important;
    font-weight:800!important;
  }

  .inv-signature-title,
  .inv-sign-line{
    color:#444!important;
  }

  /* Hạn chế máy in làm chữ mảnh quá */
  .inv-table,
  .inv-info,
  .inv-words,
  .inv-payment-qr,
  .inv-note{
    text-rendering:optimizeLegibility;
  }
}


/* ===== V477 SOURCE 123: v324-sharper-print-text.css ===== */
@media print{.invoice-print-document{color:#111!important;text-rendering:geometricPrecision!important}.invoice-print-document .inv-company-name{color:#0b4529!important;font-weight:800!important}.invoice-print-document .inv-company-sub,.invoice-print-document .inv-info,.invoice-print-document .inv-table td,.invoice-print-document .inv-note{color:#111!important;font-weight:500!important}.invoice-print-document .inv-info-section-label,.invoice-print-document .inv-table-caption,.invoice-print-document .inv-table th{font-weight:800!important}.invoice-print-document .inv-table td:nth-child(2){font-weight:650!important}.invoice-print-document .inv-title{color:#0b4529!important;font-weight:900!important;letter-spacing:1.8px!important}.invoice-print-document .inv-total-row td,.invoice-print-document .inv-payment-qr-amount{font-weight:900!important}.invoice-print-document .inv-sign-title:empty,.invoice-print-document .inv-sign-sub:empty{display:none!important}}

/* ===== V477 SOURCE 124: v327-internal-order-detail-desktop.css ===== */

/* V327 — Thiết kế lại Thông tin nội bộ trên desktop.
   Chỉ thay trình bày, không thay số liệu/công thức/nghiệp vụ. */

@media screen and (min-width:1100px){

  .v327-internal-dashboard{
    overflow:hidden!important;
    border:1px solid color-mix(in srgb,var(--amber-brand) 32%,var(--border))!important;
    border-radius:10px!important;
    background:
      linear-gradient(180deg,
        color-mix(in srgb,var(--amber-brand) 5%,var(--card)) 0%,
        var(--card) 40%,
        var(--card) 100%)!important;
    box-shadow:
      0 1px 2px rgba(15,23,42,.04),
      0 10px 28px rgba(15,23,42,.05)!important;
  }

  /* KPI header */
  .v327-internal-dashboard .v306-internal-kpis{
    display:grid!important;
    grid-template-columns:minmax(220px,1.35fr) repeat(5,minmax(145px,1fr))!important;
    gap:0!important;
    padding:0!important;
    border-bottom:1px solid var(--border)!important;
    background:transparent!important;
  }

  .v327-internal-dashboard .v306-internal-kpis > div{
    min-width:0!important;
    padding:17px 16px 15px!important;
    border-right:1px solid color-mix(in srgb,var(--border) 82%,transparent)!important;
    background:rgba(255,255,255,.34)!important;
  }

  .v327-internal-dashboard .v306-internal-kpis > div:last-child{
    border-right:0!important;
  }

  /* Cột mô tả đầu */
  .v327-internal-dashboard .v306-internal-kpis > div:first-child{
    position:relative!important;
    padding-left:20px!important;
    background:
      linear-gradient(135deg,
        color-mix(in srgb,var(--amber-brand) 11%,var(--card)),
        color-mix(in srgb,var(--brand-green) 4%,var(--card)))!important;
  }

  .v327-internal-dashboard .v306-internal-kpis > div:first-child::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:4px!important;
    background:var(--amber-brand)!important;
  }

  .v327-internal-dashboard .v306-internal-kpis > div:first-child .eyebrow{
    color:var(--amber-brand)!important;
    font-size:11px!important;
    letter-spacing:.08em!important;
    font-weight:800!important;
  }

  .v327-internal-dashboard .v306-internal-kpis > div:first-child .text-muted-foreground{
    margin-top:7px!important;
    max-width:240px!important;
    font-size:11.5px!important;
    line-height:1.5!important;
  }

  /* Các KPI */
  .v327-internal-dashboard .v306-internal-kpis > div:not(:first-child){
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    text-align:left!important;
  }

  .v327-internal-dashboard .v306-internal-kpis > div:not(:first-child) .eyebrow{
    color:var(--muted-foreground)!important;
    font-size:10px!important;
    line-height:1.25!important;
    letter-spacing:.055em!important;
    font-weight:750!important;
  }

  .v327-internal-dashboard .v306-internal-kpis > div:not(:first-child) > div:last-child{
    margin-top:7px!important;
    font-size:17px!important;
    line-height:1.1!important;
    font-weight:800!important;
    letter-spacing:-.015em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* Doanh thu */
  .v327-internal-dashboard .v306-internal-kpis > div:nth-child(2){
    background:color-mix(in srgb,var(--brand-green) 4%,var(--card))!important;
  }
  .v327-internal-dashboard .v306-internal-kpis > div:nth-child(2) > div:last-child{
    color:var(--brand-green)!important;
  }

  /* Giá vốn */
  .v327-internal-dashboard .v306-internal-kpis > div:nth-child(3){
    background:color-mix(in srgb,var(--amber-brand) 3%,var(--card))!important;
  }

  /* Lợi nhuận — ô nổi bật nhất */
  .v327-internal-dashboard .v306-internal-kpis > div:nth-child(6){
    background:
      linear-gradient(145deg,
        color-mix(in srgb,var(--brand-green) 9%,var(--card)),
        color-mix(in srgb,var(--brand-green) 3%,var(--card)))!important;
  }

  .v327-internal-dashboard .v306-internal-kpis > div:nth-child(6) > div:last-child{
    font-size:19px!important;
  }

  /* Detail area */
  .v327-internal-dashboard .v306-internal-detail{
    padding:18px 18px 16px!important;
    background:var(--card)!important;
  }

  .v327-internal-dashboard .v327-internal-detail-title{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    min-height:30px!important;
    margin:0 0 12px!important;
    padding-left:12px!important;
    color:var(--foreground)!important;
    font-size:12px!important;
    font-weight:800!important;
    letter-spacing:.045em!important;
  }

  .v327-internal-dashboard .v327-internal-detail-title::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:5px!important;
    bottom:5px!important;
    width:3px!important;
    border-radius:2px!important;
    background:var(--amber-brand)!important;
  }

  /* Table container */
  .v327-internal-dashboard .v306-internal-table-wrap{
    overflow:auto!important;
    border:1px solid var(--border)!important;
    border-radius:8px!important;
    background:var(--background)!important;
    box-shadow:inset 0 1px rgba(255,255,255,.4)!important;
  }

  .v327-internal-dashboard .v306-internal-table{
    width:100%!important;
    min-width:980px!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    table-layout:auto!important;
    font-size:12.5px!important;
  }

  /* Header */
  .v327-internal-dashboard .v306-internal-table thead tr{
    border:0!important;
    background:
      linear-gradient(180deg,
        color-mix(in srgb,var(--brand-green) 8%,var(--background)),
        color-mix(in srgb,var(--brand-green) 3%,var(--background)))!important;
  }

  .v327-internal-dashboard .v306-internal-table thead th{
    position:sticky!important;
    top:0!important;
    z-index:2!important;
    padding:11px 12px!important;
    border-bottom:1px solid color-mix(in srgb,var(--brand-green) 26%,var(--border))!important;
    color:color-mix(in srgb,var(--foreground) 82%,var(--brand-green))!important;
    background:inherit!important;
    font-size:10.5px!important;
    line-height:1.25!important;
    font-weight:800!important;
    letter-spacing:.035em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
  }

  .v327-internal-dashboard .v306-internal-table thead th:first-child{
    min-width:250px!important;
    text-align:left!important;
  }

  /* Body */
  .v327-internal-dashboard .v306-internal-table tbody tr{
    transition:background-color .14s ease!important;
  }

  .v327-internal-dashboard .v306-internal-table tbody tr:nth-child(even){
    background:color-mix(in srgb,var(--muted) 25%,transparent)!important;
  }

  .v327-internal-dashboard .v306-internal-table tbody tr:hover{
    background:color-mix(in srgb,var(--brand-green) 6%,var(--background))!important;
  }

  .v327-internal-dashboard .v306-internal-table tbody td{
    padding:10px 12px!important;
    border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent)!important;
    vertical-align:middle!important;
  }

  .v327-internal-dashboard .v306-internal-table tbody td:first-child{
    min-width:250px!important;
    max-width:360px!important;
    color:var(--foreground)!important;
    font-weight:650!important;
    line-height:1.4!important;
  }

  .v327-internal-dashboard .v306-internal-table tbody td:not(:first-child){
    white-space:nowrap!important;
    font-variant-numeric:tabular-nums!important;
  }

  /* Các cột chi phí nhập có màu nền rất nhẹ để dễ phân biệt */
  .v327-internal-dashboard .v306-internal-table tbody td:nth-child(3),
  .v327-internal-dashboard .v306-internal-table tbody td:nth-child(4),
  .v327-internal-dashboard .v306-internal-table tbody td:nth-child(5){
    background:color-mix(in srgb,var(--amber-brand) 2.5%,transparent)!important;
  }

  /* Thành tiền / lợi nhuận */
  .v327-internal-dashboard .v306-internal-table tbody td:nth-child(7){
    font-weight:750!important;
  }

  .v327-internal-dashboard .v306-internal-table tbody td:nth-child(8){
    font-size:13px!important;
    font-weight:800!important;
  }

  /* Footer tài chính */
  .v327-internal-dashboard .v306-internal-table tfoot td{
    padding:9px 12px!important;
    background:var(--card)!important;
    border-top:0!important;
    font-size:12px!important;
  }

  .v327-internal-dashboard .v306-internal-table tfoot tr:first-child td{
    border-top:2px solid color-mix(in srgb,var(--foreground) 45%,var(--border))!important;
    background:color-mix(in srgb,var(--muted) 36%,var(--card))!important;
    font-weight:800!important;
  }

  .v327-internal-dashboard .v306-internal-table tfoot tr:last-child td{
    border-top:1px dashed color-mix(in srgb,var(--brand-green) 32%,var(--border))!important;
    background:color-mix(in srgb,var(--brand-green) 7%,var(--card))!important;
    font-size:13px!important;
    font-weight:850!important;
  }

  /* Ghi chú giải thích */
  .v327-internal-dashboard .v306-internal-detail > p:last-child{
    margin:12px 2px 0!important;
    padding:10px 12px!important;
    border-left:3px solid color-mix(in srgb,var(--amber-brand) 60%,var(--border))!important;
    border-radius:0 6px 6px 0!important;
    background:color-mix(in srgb,var(--amber-brand) 4%,var(--card))!important;
    color:var(--muted-foreground)!important;
    font-size:10.8px!important;
    line-height:1.55!important;
  }
}

/* 1100–1399: KPI vẫn đẹp nhưng tránh bóp tiền */
@media screen and (min-width:1100px) and (max-width:1399px){
  .v327-internal-dashboard .v306-internal-kpis{
    grid-template-columns:minmax(210px,1.25fr) repeat(5,minmax(125px,1fr))!important;
  }

  .v327-internal-dashboard .v306-internal-kpis > div{
    padding:14px 12px!important;
  }

  .v327-internal-dashboard .v306-internal-kpis > div:not(:first-child) > div:last-child{
    font-size:15px!important;
  }

  .v327-internal-dashboard .v306-internal-kpis > div:nth-child(6) > div:last-child{
    font-size:17px!important;
  }
}

/* 1800px+: tận dụng desktop lớn */
@media screen and (min-width:1800px){
  .v327-internal-dashboard .v306-internal-kpis{
    grid-template-columns:minmax(260px,1.4fr) repeat(5,minmax(170px,1fr))!important;
  }

  .v327-internal-dashboard .v306-internal-kpis > div{
    padding:19px 18px 17px!important;
  }

  .v327-internal-dashboard .v306-internal-kpis > div:not(:first-child) > div:last-child{
    font-size:18px!important;
  }

  .v327-internal-dashboard .v306-internal-kpis > div:nth-child(6) > div:last-child{
    font-size:21px!important;
  }

  .v327-internal-dashboard .v306-internal-detail{
    padding:20px!important;
  }
}

/* Mobile/tablet dưới 1100px: không can thiệp */


/* ===== V477 SOURCE 125: v328-agency-portal.css ===== */

.v328-agency-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#f5f7f5,#fff8ef)}
.v328-agency-login{width:min(100%,460px);padding:28px;border:1px solid var(--border);border-top:5px solid var(--brand-green);border-radius:12px;background:var(--card);box-shadow:0 18px 55px rgba(15,23,42,.10)}
.v328-agency-brand{font-weight:900;letter-spacing:.08em;color:var(--brand-green);font-size:20px}
.v328-agency-kicker{margin-top:8px;font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--amber-brand)}
.v328-agency-login h1{margin-top:6px;font-size:28px;font-weight:850;line-height:1.15}
.v328-agency-login p{margin-top:10px;color:var(--muted-foreground);font-size:13px;line-height:1.6}
.v328-agency-login-form{display:grid;gap:12px;margin-top:22px}.v328-agency-error{font-size:12px;color:var(--destructive)}
.v328-agency-primary{background:var(--brand-green)!important;color:#fff!important}
.v328-agency-app{min-height:100vh;background:#f6f7f5;padding:18px clamp(12px,2vw,32px) 40px}
.v328-agency-header{max-width:1600px;margin:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:18px 0 20px;border-bottom:1px solid var(--border)}
.v328-agency-header h1{font-size:clamp(24px,2.1vw,34px);font-weight:850}.v328-agency-header p{font-size:13px;color:var(--muted-foreground);margin-top:4px}
.v328-agency-layout{max-width:1600px;margin:20px auto 0;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:start}
.v328-agency-products,.v328-agency-cart,.v328-agency-history{background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 18px rgba(15,23,42,.04)}
.v328-agency-products{padding:18px}.v328-agency-cart{padding:18px;position:sticky;top:16px;display:grid;gap:12px}
.v328-agency-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.v328-agency-section-head h2{font-size:17px;font-weight:800}.v328-agency-section-head span{font-size:11px;color:var(--muted-foreground)}
.v328-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.v328-product-card{border:1px solid var(--border);border-radius:8px;padding:14px;background:var(--background);display:flex;flex-direction:column;min-height:145px}
.v328-product-meta{display:flex;gap:6px;flex-wrap:wrap}.v328-product-meta span{font-size:9.5px;padding:2px 6px;border-radius:999px;background:var(--muted);color:var(--muted-foreground)}
.v328-product-card h3{margin-top:9px;font-size:13.5px;font-weight:750;line-height:1.4}
.v328-product-bottom{margin-top:auto;padding-top:14px;display:flex;align-items:end;justify-content:space-between;gap:10px}
.v328-product-bottom strong{font-size:16px;color:var(--brand-green)}.v328-product-bottom small{font-size:10px;color:var(--muted-foreground)}
.v328-cart-lines{display:grid;gap:8px;max-height:360px;overflow:auto}
.v328-cart-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding:10px;border:1px solid var(--border);border-radius:7px}
.v328-cart-line strong{font-size:12px;display:block}.v328-cart-line small{font-size:10px;color:var(--muted-foreground);display:block;margin-top:2px}.v328-cart-line>b{grid-column:1/-1;text-align:right;font-size:12px}
.v328-qty{display:flex;align-items:center;gap:7px}.v328-qty button{width:26px;height:26px;border:1px solid var(--border);border-radius:5px;background:var(--background);font-weight:800}.v328-qty span{min-width:34px;text-align:center;font-size:12px;font-weight:700}
.v328-cart-total{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.v328-cart-total strong{font-size:19px;color:var(--brand-green)}
.v328-agency-history{max-width:1600px;margin:20px auto 0;padding:18px}.v328-order-list{display:grid;gap:8px}
.v328-order-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--border);border-radius:7px}.v328-order-card strong{font-size:12px}.v328-order-card small{display:block;font-size:10px;color:var(--muted-foreground);margin-top:2px}.v328-order-card b{font-size:13px}.v328-order-card a{font-size:11px;font-weight:700;color:var(--brand-green);text-decoration:underline}
.v328-order-status{font-size:10px;font-weight:700;padding:4px 7px;border-radius:999px;background:var(--muted)}
.v328-agency-empty{padding:28px;text-align:center;color:var(--muted-foreground);font-size:12px;border:1px dashed var(--border);border-radius:7px}
@media(max-width:1100px){.v328-agency-layout{grid-template-columns:1fr}.v328-agency-cart{position:static}.v328-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.v328-agency-app{padding:10px 10px 28px}.v328-agency-header{align-items:flex-start}.v328-product-grid{grid-template-columns:1fr}.v328-agency-products,.v328-agency-cart,.v328-agency-history{padding:12px}.v328-order-card{grid-template-columns:1fr auto}.v328-order-card b,.v328-order-card a{justify-self:start}.v328-agency-login{padding:22px 18px}}


/* ===== V477 SOURCE 126: v329-agency-management.css ===== */

.v329-agency-status{display:inline-flex;padding:3px 8px;border-radius:999px;border:1px solid var(--border);font-size:10.5px;font-weight:700;color:var(--muted-foreground);background:var(--muted)}
.v329-agency-status.active{color:var(--brand-green);border-color:color-mix(in srgb,var(--brand-green) 35%,var(--border));background:color-mix(in srgb,var(--brand-green) 7%,var(--background))}
@media(max-width:900px){
  [href="/agencies"]{white-space:nowrap}
}


/* ===== V477 SOURCE 127: v330-agency-product-search-pagination.css ===== */

/* V330 — Tìm kiếm + phân trang sản phẩm trong Cổng Đại lý */
.v330-product-count{
  margin-top:3px;
  font-size:10.5px;
  color:var(--muted-foreground);
}
.v330-product-toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) 132px;
  gap:10px;
  margin-bottom:14px;
}
.v330-product-search{
  width:100%!important;
  min-width:0!important;
}
.v330-page-size{
  height:36px;
  width:100%;
  border:1px solid var(--border);
  border-radius:6px;
  background:var(--background);
  color:var(--foreground);
  padding:0 9px;
  font-size:12px;
  outline:none;
}
.v330-page-size:focus{
  border-color:color-mix(in srgb,var(--brand-green) 55%,var(--border));
  box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-green) 12%,transparent);
}
.v330-pagination{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid var(--border);
}
.v330-pagination>button,
.v330-page-numbers button{
  height:32px;
  min-width:32px;
  border:1px solid var(--border);
  border-radius:6px;
  background:var(--background);
  color:var(--foreground);
  padding:0 10px;
  font-size:11.5px;
  font-weight:700;
  transition:.15s ease;
}
.v330-pagination>button:hover:not(:disabled),
.v330-page-numbers button:hover{
  border-color:color-mix(in srgb,var(--brand-green) 50%,var(--border));
  background:color-mix(in srgb,var(--brand-green) 5%,var(--background));
}
.v330-pagination>button:disabled{
  opacity:.42;
  cursor:not-allowed;
}
.v330-page-numbers{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  flex-wrap:wrap;
}
.v330-page-numbers button{
  padding:0 8px;
}
.v330-page-numbers button.active{
  border-color:var(--brand-green);
  background:var(--brand-green);
  color:#fff;
}
.v330-page-numbers span{
  color:var(--muted-foreground);
  font-size:12px;
  padding:0 2px;
}

@media(max-width:700px){
  .v330-product-toolbar{
    grid-template-columns:1fr;
  }
  .v330-page-size{
    height:40px;
  }
  .v330-pagination{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .v330-page-numbers{
    grid-column:1/-1;
    grid-row:1;
    margin-bottom:4px;
  }
  .v330-pagination>button{
    width:100%;
    height:38px;
  }
}


/* ===== V477 SOURCE 128: v331-agency-profile-debt.css ===== */

.v331-agency-form-divider{margin-top:4px;padding-top:12px;border-top:1px solid var(--border);font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--brand-green)}
.v331-agency-tabs{max-width:1600px;margin:14px auto 0;display:flex;gap:6px;padding:5px;border:1px solid var(--border);border-radius:8px;background:var(--card);width:max-content;max-width:100%}
.v331-agency-tabs button{border:0;background:transparent;padding:8px 14px;border-radius:6px;font-size:12px;font-weight:700;color:var(--muted-foreground)}
.v331-agency-tabs button.active{background:var(--brand-green);color:#fff}
.v331-profile-card{max-width:1100px;margin:20px auto 0;padding:22px;border:1px solid var(--border);border-radius:10px;background:var(--card);box-shadow:0 4px 18px rgba(15,23,42,.04)}
.v331-profile-card h2{font-size:20px;font-weight:850}.v331-profile-note{margin-top:4px;font-size:11.5px;color:var(--muted-foreground)}
.v331-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.v331-profile-grid>div{padding:12px;border:1px solid var(--border);border-radius:7px;background:var(--background)}.v331-profile-grid span{display:block;font-size:9.5px;font-weight:750;letter-spacing:.05em;text-transform:uppercase;color:var(--muted-foreground)}.v331-profile-grid strong{display:block;margin-top:5px;font-size:13px;line-height:1.4}.v331-profile-wide{grid-column:1/-1}
.v331-order-statuses{display:flex;gap:5px;flex-wrap:wrap}.v331-payment{font-size:10px;font-weight:800;padding:4px 7px;border-radius:999px}.v331-payment.paid{background:color-mix(in srgb,var(--brand-green) 10%,var(--background));color:var(--brand-green);border:1px solid color-mix(in srgb,var(--brand-green) 28%,var(--border))}.v331-payment.debt{background:#fff7ed;color:#b45309;border:1px solid #fed7aa}.v331-order-money{text-align:right}.v331-order-money b{display:block}.v331-order-money small{display:block;margin-top:2px;font-size:9.5px;color:#b45309;font-weight:700}
@media(max-width:640px){.v331-agency-tabs{width:100%;overflow:auto;justify-content:flex-start}.v331-agency-tabs button{white-space:nowrap}.v331-profile-card{padding:14px;margin-top:12px}.v331-profile-grid{grid-template-columns:1fr}.v331-profile-wide{grid-column:auto}.v331-order-money{text-align:left}}


/* ===== V477 SOURCE 129: v332-multi-company-agency.css ===== */

/* V332 — Một tài khoản Đại lý có nhiều công ty/pháp nhân */
.v332-company-section{margin-top:4px}
.v332-company-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.v332-company-section-head p{margin-top:4px;font-size:10.5px;line-height:1.45;color:var(--muted-foreground)}
.v332-company-list{display:grid;gap:10px;margin-top:10px}
.v332-company-editor{border:1px solid var(--border);border-radius:8px;padding:12px;background:var(--background)}
.v332-company-editor.default{border-color:color-mix(in srgb,var(--brand-green) 42%,var(--border));box-shadow:inset 3px 0 0 var(--brand-green)}
.v332-company-editor-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.v332-company-editor-head>div:first-child{display:flex;align-items:center;gap:7px}
.v332-company-editor-head strong{font-size:12px}
.v332-company-editor-head span{font-size:9px;font-weight:800;color:var(--brand-green);background:color-mix(in srgb,var(--brand-green) 8%,var(--background));padding:2px 6px;border-radius:999px}
.v332-company-editor-head>div:last-child{display:flex;gap:6px}
.v332-company-editor-head button{border:0;background:transparent;font-size:10px;font-weight:700;color:var(--brand-green);padding:3px 5px}
.v332-company-editor-head button.danger{color:var(--destructive)}
.v332-company-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.v332-company-fields>div{display:grid;gap:5px}.v332-company-fields .wide{grid-column:1/-1}
.v332-no-company{margin-top:10px;padding:18px;border:1px dashed var(--border);border-radius:7px;text-align:center;font-size:11px;color:var(--muted-foreground)}

.v332-agency-contact{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px}
.v332-agency-contact>div{padding:10px;border:1px solid var(--border);border-radius:7px;background:var(--background)}
.v332-agency-contact span,.v332-profile-company dt{display:block;font-size:9px;font-weight:750;letter-spacing:.045em;text-transform:uppercase;color:var(--muted-foreground)}
.v332-agency-contact strong{display:block;margin-top:4px;font-size:12px}
.v332-profile-companies-head{display:flex;align-items:center;justify-content:space-between;margin-top:20px;margin-bottom:9px}
.v332-profile-companies-head h3{font-size:14px;font-weight:800}.v332-profile-companies-head span{font-size:10px;color:var(--muted-foreground)}
.v332-profile-companies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.v332-profile-company{border:1px solid var(--border);border-radius:8px;padding:13px;background:var(--background)}
.v332-profile-company.default{border-color:color-mix(in srgb,var(--brand-green) 42%,var(--border));box-shadow:inset 3px 0 0 var(--brand-green)}
.v332-profile-company-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:9px;border-bottom:1px solid var(--border)}
.v332-profile-company-head strong{font-size:13px}.v332-profile-company-head span{font-size:9px;font-weight:800;color:var(--brand-green)}
.v332-profile-company dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.v332-profile-company dl>div{min-width:0}.v332-profile-company dl .wide{grid-column:1/-1}.v332-profile-company dd{margin-top:3px;font-size:11px;font-weight:650;line-height:1.4;overflow-wrap:anywhere}
.v332-order-company-select{display:grid;gap:5px;padding:10px;border:1px solid color-mix(in srgb,var(--brand-green) 28%,var(--border));border-radius:7px;background:color-mix(in srgb,var(--brand-green) 4%,var(--background))}
.v332-order-company-select select{height:38px;width:100%;border:1px solid var(--border);border-radius:6px;background:var(--background);padding:0 9px;font-size:12px;color:var(--foreground)}
.v332-order-company-select small{font-size:9.5px;line-height:1.4;color:var(--muted-foreground)}
.v332-history-company{color:var(--brand-green)!important;font-weight:650!important}
@media(max-width:800px){.v332-agency-contact{grid-template-columns:1fr 1fr}.v332-profile-companies{grid-template-columns:1fr}}
@media(max-width:640px){.v332-company-section-head{flex-direction:column}.v332-company-fields{grid-template-columns:1fr}.v332-company-fields .wide{grid-column:auto}.v332-agency-contact{grid-template-columns:1fr}.v332-profile-company dl{grid-template-columns:1fr}.v332-profile-company dl .wide{grid-column:auto}}


/* ===== V477 SOURCE 130: v333-agency-delivery-address.css ===== */

/* V333 — nhiều địa chỉ giao hàng theo từng công ty Đại lý */
.v333-address-manager{margin-top:4px;padding-top:10px;border-top:1px dashed var(--border)}
.v333-address-manager-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.v333-address-manager-head p{margin-top:3px;font-size:9.8px;color:var(--muted-foreground)}
.v333-address-manager-head button{border:1px solid var(--border);border-radius:5px;background:var(--background);padding:5px 8px;font-size:10px;font-weight:700;color:var(--brand-green)}
.v333-address-list{display:grid;gap:7px;margin-top:8px}
.v333-address-row{border:1px solid var(--border);border-radius:6px;padding:8px;background:color-mix(in srgb,var(--muted) 20%,var(--background))}
.v333-address-row.default{border-color:color-mix(in srgb,var(--brand-green) 35%,var(--border))}
.v333-address-row-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.v333-address-row-head strong{font-size:10.5px}
.v333-address-row-head>div{display:flex;gap:5px}
.v333-address-row-head button{border:0;background:transparent;font-size:9.5px;font-weight:700;color:var(--brand-green)}
.v333-address-row-head button.danger{color:var(--destructive)}
.v333-address-fields{display:grid;grid-template-columns:.7fr 1.7fr;gap:7px}
.v333-no-address{margin-top:8px;padding:10px;border:1px dashed var(--border);border-radius:6px;font-size:9.8px;color:var(--muted-foreground)}
.v333-order-address-select{display:grid;gap:5px;padding:10px;border:1px solid color-mix(in srgb,var(--amber-brand) 28%,var(--border));border-radius:7px;background:color-mix(in srgb,var(--amber-brand) 4%,var(--background))}
.v333-order-address-select select{height:38px;width:100%;border:1px solid var(--border);border-radius:6px;background:var(--background);padding:0 9px;font-size:11.5px;color:var(--foreground)}
.v333-order-address-select small{font-size:9.5px;line-height:1.4;color:var(--muted-foreground)}
.v333-profile-addresses dd>div{margin-top:4px;padding:5px 7px;border:1px solid var(--border);border-radius:5px;background:var(--muted)/20}
.v333-profile-addresses dd strong{font-size:10.5px}.v333-profile-addresses dd span{font-size:9px;color:var(--brand-green)}
@media(max-width:640px){.v333-address-manager-head{flex-direction:column}.v333-address-fields{grid-template-columns:1fr}.v333-order-address-select select{height:42px}}


/* ===== V477 SOURCE 131: v334-mobile-order-print-detail.css ===== */

/* V334 — Sửa trực tiếp Phiếu đặt hàng khi XEM trên mobile.
   Mục tiêu: không bóp/chồng chữ, bảng hàng đúng cột khi có/không VAT,
   chữ đủ lớn để đọc trên điện thoại. Không thay đổi @media print/PDF. */

@media screen and (max-width:640px){

  .invoice-print-screen{
    overflow-x:hidden!important;
  }

  .v146-mobile-print-preview,
  .invoice-print-preview{
    overflow-x:hidden!important;
    padding:10px!important;
  }

  .invoice-print-document,
  .invoice-print--portrait .invoice-print-document,
  .invoice-print--landscape .invoice-print-document{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:0!important;
    transform:none!important;
  }

  .invoice-print-document .inv-page{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    border-width:1px!important;
    outline:0!important;
    box-shadow:0 5px 18px rgba(15,23,42,.10)!important;
  }

  /* Dải thương hiệu */
  .invoice-print-document .inv-brand-strip{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    min-height:26px!important;
    padding:6px 9px!important;
    font-size:7.2px!important;
    line-height:1.25!important;
    letter-spacing:.07em!important;
    white-space:normal!important;
  }

  /* Header công ty: logo + thông tin; Ký hiệu xuống một hàng riêng.
     Ép lại toàn bộ sizing để loại xung đột giữa CSS mobile cũ. */
  .invoice-print-document .inv-header{
    display:grid!important;
    grid-template-columns:82px minmax(0,1fr)!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    align-items:stretch!important;
  }

  .invoice-print-document .inv-header > div{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    padding:10px!important;
    border-top:0!important;
  }

  .invoice-print-document .inv-logo{
    grid-column:1!important;
    grid-row:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    padding:8px 6px!important;
    border-left:0!important;
  }

  .invoice-print-document .inv-logo-image{
    width:70px!important;
    max-width:70px!important;
    height:auto!important;
    max-height:48px!important;
    object-fit:contain!important;
  }

  .invoice-print-document .inv-company{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:visible!important;
    border-left:1px solid var(--inv-rule)!important;
    padding:9px 10px!important;
  }

  .invoice-print-document .inv-company-kicker{
    margin:0 0 3px!important;
    font-size:7px!important;
    line-height:1.25!important;
    letter-spacing:.08em!important;
    white-space:normal!important;
  }

  .invoice-print-document .inv-company-name{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    font-size:11.5px!important;
    line-height:1.3!important;
    letter-spacing:.01em!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    hyphens:none!important;
  }

  .invoice-print-document .inv-company-sub,
  .invoice-print-document .inv-company-bank{
    width:100%!important;
    max-width:100%!important;
    margin-top:3px!important;
    font-size:8.5px!important;
    line-height:1.4!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }

  .invoice-print-document .inv-mst{
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    padding:7px 10px!important;
    border-left:0!important;
    border-top:1px solid var(--inv-rule)!important;
    text-align:left!important;
  }

  .invoice-print-document .inv-mst-box{
    width:auto!important;
    min-width:92px!important;
    padding:4px 8px!important;
  }

  .invoice-print-document .inv-mst-label{
    font-size:7px!important;
  }

  .invoice-print-document .inv-mst-value{
    font-size:12px!important;
    line-height:1.2!important;
  }

  /* Tiêu đề */
  .invoice-print-document .inv-title-block{
    width:100%!important;
    min-width:0!important;
    padding:11px 8px 10px!important;
    overflow:hidden!important;
  }

  .invoice-print-document .inv-title-kicker{
    margin:0 0 4px!important;
    font-size:7px!important;
    line-height:1.2!important;
    letter-spacing:.14em!important;
  }

  .invoice-print-document .inv-title{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    justify-content:center!important;
    align-items:center!important;
    gap:7px!important;
    padding:0!important;
    border:0!important;
    font-size:clamp(18px,5.2vw,23px)!important;
    line-height:1.15!important;
    letter-spacing:.04em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }

  .invoice-print-document .inv-title-accent{
    flex:0 1 18px!important;
    width:18px!important;
    min-width:8px!important;
    max-width:18px!important;
    height:2px!important;
  }

  /* Khách hàng / giao nhận: xếp dọc, không còn chồng text */
  .invoice-print-document .inv-info{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    min-width:0!important;
    font-size:11px!important;
  }

  .invoice-print-document .inv-info-left,
  .invoice-print-document .inv-info-right{
    width:100%!important;
    min-width:0!important;
    padding:11px 12px!important;
    border-left:0!important;
  }

  .invoice-print-document .inv-info-right{
    border-top:1px solid var(--inv-rule)!important;
  }

  .invoice-print-document .inv-info-section-label{
    margin-bottom:8px!important;
    padding-bottom:4px!important;
    font-size:9px!important;
    line-height:1.25!important;
  }

  .invoice-print-document .inv-infoline{
    display:grid!important;
    grid-template-columns:minmax(104px,36%) minmax(0,1fr)!important;
    align-items:start!important;
    gap:8px!important;
    margin:0 0 6px!important;
    font-size:11px!important;
    line-height:1.42!important;
  }

  .invoice-print-document .inv-infoline-k{
    min-width:0!important;
    font-weight:800!important;
    white-space:normal!important;
  }

  .invoice-print-document .inv-infoline-v,
  .invoice-print-document .inv-infoline-v-strong{
    min-width:0!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }

  /* Caption hàng hóa */
  .invoice-print-document .inv-table-caption{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    padding:10px 11px!important;
    font-size:9px!important;
    line-height:1.3!important;
  }

  .invoice-print-document .inv-table-caption span:last-child{
    font-size:8px!important;
    text-align:right!important;
  }

  /* Card sản phẩm */
  .invoice-print-document .inv-table,
  .invoice-print-document .inv-table tbody,
  .invoice-print-document .inv-table tr,
  .invoice-print-document .inv-table td{
    width:100%!important;
  }

  .invoice-print-document .inv-table{
    display:block!important;
    table-layout:auto!important;
  }

  .invoice-print-document .inv-table thead{
    clip:rect(0,0,0,0)!important;
    width:1px!important;
    height:1px!important;
    position:absolute!important;
    overflow:hidden!important;
  }

  .invoice-print-document .inv-table tbody{
    display:grid!important;
    gap:10px!important;
    padding:10px!important;
    background:#f4f7f6!important;
  }

  .invoice-print-document .inv-table tbody > tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row){
    display:block!important;
    width:100%!important;
    overflow:hidden!important;
    border:1px solid var(--inv-rule)!important;
    border-radius:8px!important;
    background:#fff!important;
  }

  .invoice-print-document .inv-table tbody > tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td{
    display:grid!important;
    grid-template-columns:minmax(92px,34%) minmax(0,1fr)!important;
    align-items:start!important;
    gap:10px!important;
    min-height:42px!important;
    padding:10px 11px!important;
    border:0!important;
    border-bottom:1px solid #e4ebea!important;
    background:#fff!important;
    color:var(--inv-ink)!important;
    text-align:left!important;
    font-size:12px!important;
    line-height:1.4!important;
    overflow-wrap:anywhere!important;
  }

  .invoice-print-document .inv-table tbody > tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td::before{
    color:var(--inv-ink-soft)!important;
    font-size:9px!important;
    line-height:1.3!important;
    letter-spacing:.055em!important;
    font-weight:900!important;
  }

  .invoice-print-document .inv-table tbody > tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(2){
    font-size:13px!important;
    font-weight:750!important;
  }

  /* Có VAT: 1 STT,2 tên,3 ĐVT,4 SL,5 VAT,6 giá bán,7 thành tiền,8/9 nội bộ */
  .invoice-print-document .inv-table-has-vat tbody > tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(1)::before{content:"STT"!important}
  .invoice-print-document .inv-table-has-vat tbody > tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(2)::before{content:"TÊN HÀNG"!important}
  .invoice-print-document .inv-table-has-vat tbody > tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(3)::before{content:"ĐƠN VỊ"!important}
  .invoice-print-document .inv-table-has-vat tbody > tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(4)::before{content:"SỐ LƯỢNG"!important}
  .invoice-print-document .inv-table-has-vat tbody > tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(5)::before{content:"VAT"!important}
  .invoice-print-document .inv-table-has-vat tbody > tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(6)::before{content:"GIÁ BÁN"!important}
  .invoice-print-document .inv-table-has-vat tbody > tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(7)::before{content:"THÀNH TIỀN"!important}
  .invoice-print-document .inv-table-has-vat tbody > tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(8),
  .invoice-print-document .inv-table-has-vat tbody > tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(9){display:none!important}
  .invoice-print-document .inv-table-has-vat tbody > tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(7){border-bottom:0!important;font-weight:850!important}

  /* Không VAT: tuyệt đối không để giá bán bị gắn nhãn VAT */
  .invoice-print-document .inv-table-no-vat tbody > tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(1)::before{content:"STT"!important}
  .invoice-print-document .inv-table-no-vat tbody > tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(2)::before{content:"TÊN HÀNG"!important}
  .invoice-print-document .inv-table-no-vat tbody > tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(3)::before{content:"ĐƠN VỊ"!important}
  .invoice-print-document .inv-table-no-vat tbody > tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(4)::before{content:"SỐ LƯỢNG"!important}
  .invoice-print-document .inv-table-no-vat tbody > tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(5)::before{content:"GIÁ BÁN"!important}
  .invoice-print-document .inv-table-no-vat tbody > tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(6)::before{content:"THÀNH TIỀN"!important}
  .invoice-print-document .inv-table-no-vat tbody > tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(7),
  .invoice-print-document .inv-table-no-vat tbody > tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(8){display:none!important}
  .invoice-print-document .inv-table-no-vat tbody > tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(6){border-bottom:0!important;font-weight:850!important}

  /* Tổng tiền */
  .invoice-print-document .inv-sum-row,
  .invoice-print-document .inv-vat-row,
  .invoice-print-document .inv-total-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    padding:11px 12px!important;
    border-radius:8px!important;
    font-size:12px!important;
  }

  .invoice-print-document .inv-total-row{
    border:1.5px solid var(--inv-amber)!important;
    font-size:13px!important;
  }

  .invoice-print-document .inv-sum-row td,
  .invoice-print-document .inv-vat-row td,
  .invoice-print-document .inv-total-row td{
    display:block!important;
    width:auto!important;
    padding:0!important;
    border:0!important;
  }

  .invoice-print-document .inv-sum-row td:nth-child(n+3),
  .invoice-print-document .inv-vat-row td:nth-child(n+3),
  .invoice-print-document .inv-total-row td:nth-child(n+3){
    display:none!important;
  }

  .invoice-print-document .inv-sum-row td:nth-child(2),
  .invoice-print-document .inv-vat-row td:nth-child(2),
  .invoice-print-document .inv-total-row td:nth-child(2){
    text-align:right!important;
    white-space:nowrap!important;
    font-weight:850!important;
  }

  .invoice-print-document .inv-words{
    padding:11px 12px!important;
    font-size:11.5px!important;
    line-height:1.5!important;
  }

  /* QR: trên điện thoại hẹp chuyển dọc, QR đủ lớn quét dễ */
  .invoice-print-document .inv-payment-qr{
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:center!important;
    gap:10px!important;
    width:auto!important;
    margin:10px!important;
    padding:12px!important;
    border-radius:8px!important;
  }

  .invoice-print-document .inv-payment-qr-visual{
    width:100%!important;
    justify-items:center!important;
  }

  .invoice-print-document .inv-payment-qr-image,
  .invoice-print-document .inv-payment-qr-fallback{
    width:148px!important;
    height:148px!important;
    min-height:148px!important;
  }

  .invoice-print-document .inv-payment-qr-content{
    width:100%!important;
    min-width:0!important;
    font-size:11px!important;
    line-height:1.5!important;
    text-align:left!important;
  }

  .invoice-print-document .inv-payment-qr-title{
    font-size:12px!important;
    text-align:center!important;
  }

  .invoice-print-document .inv-payment-qr-amount{
    margin:2px 0 7px!important;
    font-size:20px!important;
    line-height:1.15!important;
    text-align:center!important;
  }

  .invoice-print-document .inv-payment-qr-line,
  .invoice-print-document .inv-payment-qr-note{
    margin:3px 0!important;
    overflow-wrap:anywhere!important;
  }

  .invoice-print-document .inv-payment-qr-help{
    font-size:9.5px!important;
    line-height:1.45!important;
  }

  .invoice-print-document .inv-payment-qr-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    width:100%!important;
    gap:6px!important;
  }

  .invoice-print-document .inv-payment-qr-action{
    width:100%!important;
    min-width:0!important;
    min-height:34px!important;
    font-size:9px!important;
  }

  .invoice-print-document .inv-req{
    padding:10px 12px!important;
    font-size:11px!important;
  }

  .invoice-print-document .inv-note{
    padding:11px 12px!important;
    font-size:10px!important;
    line-height:1.55!important;
  }

  .invoice-print-document .inv-sign{
    gap:10px!important;
    margin-top:14px!important;
    padding:0 12px 14px!important;
  }
}

/* Điện thoại rất hẹp */
@media screen and (max-width:380px){
  .invoice-print-document .inv-header{
    grid-template-columns:72px minmax(0,1fr)!important;
  }
  .invoice-print-document .inv-logo-image{
    width:62px!important;
    max-width:62px!important;
  }
  .invoice-print-document .inv-company-name{
    font-size:10.5px!important;
  }
  .invoice-print-document .inv-company-sub{
    font-size:7.8px!important;
  }
  .invoice-print-document .inv-infoline{
    grid-template-columns:96px minmax(0,1fr)!important;
    gap:7px!important;
    font-size:10.5px!important;
  }
  .invoice-print-document .inv-table tbody > tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td{
    grid-template-columns:86px minmax(0,1fr)!important;
    padding:9px 10px!important;
    font-size:11.5px!important;
  }
}

/* Quan trọng: bản in/PDF vẫn dùng CSS A4 hiện có */
@media print{
  .inv-table-has-vat,
  .inv-table-no-vat{
    /* Không đổi layout in */
  }
}


/* ===== V477 SOURCE 132: v338-mobile-order-preview-800px.css ===== */

/* =========================================================
   V336 — MOBILE ORDER PREVIEW REDESIGN
   Chỉ thay đổi BẢN XEM TRƯỚC trên màn hình <= 700px.
   Không thay đổi bản in/PDF thực tế.
   ========================================================= */

@media screen and (max-width:800px){

  /* ---------- Khung ngoài ---------- */
  body{
    overflow-x:hidden!important;
  }

  .invoice-print-screen{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    background:#f3f5f4!important;
  }

  .invoice-print-preview,
  .v146-mobile-print-preview{
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
    padding:10px!important;
  }

  .invoice-print-document,
  .invoice-print--portrait .invoice-print-document,
  .invoice-print--landscape .invoice-print-document{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }

  .invoice-print-document .inv-page{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    border:0!important;
    outline:0!important;
    border-radius:12px!important;
    overflow:hidden!important;
    background:#fff!important;
    box-shadow:0 8px 24px rgba(15,23,42,.10)!important;
    font-family:Arial,"Helvetica Neue",sans-serif!important;
  }

  /* ---------- Bỏ dải thương hiệu cũ để mobile gọn ---------- */
  .invoice-print-document .inv-brand-strip{
    display:none!important;
  }

  /* ---------- Header: logo trên, công ty dưới, ký hiệu riêng ---------- */
  .invoice-print-document .inv-header{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    background:#fff!important;
    border:0!important;
  }

  .invoice-print-document .inv-header>div{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    padding:0!important;
    border:0!important;
  }

  .invoice-print-document .inv-logo{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    min-width:0!important;
    padding:16px 16px 7px!important;
  }

  .invoice-print-document .inv-logo-image{
    display:block!important;
    width:auto!important;
    max-width:132px!important;
    height:auto!important;
    max-height:58px!important;
    object-fit:contain!important;
  }

  .invoice-print-document .inv-company{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    padding:7px 18px 12px!important;
    text-align:center!important;
    overflow:visible!important;
  }

  .invoice-print-document .inv-company-kicker{
    display:none!important;
  }

  .invoice-print-document .inv-company-name{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    color:#0f5132!important;
    font-family:Arial,"Helvetica Neue",sans-serif!important;
    font-size:16px!important;
    font-weight:800!important;
    line-height:1.32!important;
    letter-spacing:0!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
  }

  .invoice-print-document .inv-company-sub{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin-top:4px!important;
    color:#52606a!important;
    font-size:11px!important;
    line-height:1.45!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }

  .invoice-print-document .inv-company-bank{
    display:none!important;
  }

  .invoice-print-document .inv-mst{
    display:flex!important;
    flex-direction:row!important;
    justify-content:center!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    padding:0 16px 14px!important;
    border:0!important;
    text-align:center!important;
  }

  .invoice-print-document .inv-mst-box{
    min-width:112px!important;
    padding:6px 12px!important;
    border:1px solid #d7dfda!important;
    border-radius:8px!important;
    background:#f8fbf9!important;
  }

  .invoice-print-document .inv-mst-label{
    color:#7a5a2c!important;
    font-size:8px!important;
    font-weight:800!important;
    letter-spacing:.08em!important;
  }

  .invoice-print-document .inv-mst-value{
    color:#173f31!important;
    font-size:14px!important;
    font-weight:800!important;
    line-height:1.2!important;
  }

  .invoice-print-document .inv-effective{
    display:none!important;
  }

  /* ---------- Tiêu đề phiếu ---------- */
  .invoice-print-document .inv-title-block{
    width:100%!important;
    min-width:0!important;
    padding:15px 14px 14px!important;
    background:linear-gradient(180deg,#f4faf6,#ffffff)!important;
    border-top:1px solid #e2e9e5!important;
    border-bottom:1px solid #e2e9e5!important;
    text-align:center!important;
  }

  .invoice-print-document .inv-title-kicker{
    margin:0 0 5px!important;
    color:#b76a1f!important;
    font-size:8px!important;
    font-weight:800!important;
    letter-spacing:.14em!important;
  }

  .invoice-print-document .inv-title{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    color:#183f31!important;
    font-family:Arial,"Helvetica Neue",sans-serif!important;
    font-size:23px!important;
    font-weight:900!important;
    line-height:1.15!important;
    letter-spacing:.02em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }

  .invoice-print-document .inv-title-accent{
    display:none!important;
  }

  /* ---------- Thông tin KH/Giao nhận: card riêng ---------- */
  .invoice-print-document .inv-info{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    padding:12px!important;
    background:#f5f7f6!important;
    border:0!important;
  }

  .invoice-print-document .inv-info-left,
  .invoice-print-document .inv-info-right{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0 0 10px!important;
    padding:13px!important;
    background:#fff!important;
    border:1px solid #dce4df!important;
    border-radius:10px!important;
    box-shadow:0 1px 2px rgba(15,23,42,.03)!important;
  }

  .invoice-print-document .inv-info-right{
    margin-bottom:0!important;
  }

  .invoice-print-document .inv-info-section-label{
    display:block!important;
    width:100%!important;
    margin:0 0 10px!important;
    padding:0 0 7px!important;
    border:0!important;
    border-bottom:2px solid #d98224!important;
    color:#173f31!important;
    font-size:11px!important;
    font-weight:900!important;
    letter-spacing:.06em!important;
    line-height:1.2!important;
  }

  .invoice-print-document .inv-infoline{
    display:grid!important;
    grid-template-columns:112px minmax(0,1fr)!important;
    align-items:start!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    margin:0 0 8px!important;
    font-size:12px!important;
    line-height:1.45!important;
  }

  .invoice-print-document .inv-infoline:last-child{
    margin-bottom:0!important;
  }

  .invoice-print-document .inv-infoline-k{
    min-width:0!important;
    color:#53646e!important;
    font-weight:800!important;
    white-space:normal!important;
  }

  .invoice-print-document .inv-infoline-v,
  .invoice-print-document .inv-infoline-v-strong{
    min-width:0!important;
    color:#1f2937!important;
    font-weight:600!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }

  .invoice-print-document .inv-infoline-v-strong{
    color:#c66b1b!important;
    font-weight:900!important;
  }

  /* ---------- Caption hàng ---------- */
  .invoice-print-document .inv-table-caption{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    padding:11px 13px!important;
    background:#183f31!important;
    color:#fff!important;
    border:0!important;
    font-size:10px!important;
    line-height:1.3!important;
    letter-spacing:.05em!important;
  }

  .invoice-print-document .inv-table-caption span:first-child{
    color:#fff!important;
    font-size:10px!important;
  }

  .invoice-print-document .inv-table-caption span:last-child{
    color:#dfe9e4!important;
    font-size:8.5px!important;
    text-align:right!important;
  }

  /* ---------- Bảng hàng thành card ---------- */
  .invoice-print-document .inv-table,
  .invoice-print-document .inv-table tbody{
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }

  .invoice-print-document .inv-table thead{
    display:none!important;
  }

  .invoice-print-document .inv-table tbody{
    padding:12px!important;
    background:#f5f7f6!important;
  }

  .invoice-print-document .inv-table tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row){
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:0 0 12px!important;
    overflow:hidden!important;
    background:#fff!important;
    border:1px solid #dce4df!important;
    border-radius:10px!important;
    box-shadow:0 1px 2px rgba(15,23,42,.03)!important;
  }

  .invoice-print-document .inv-table tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td{
    display:grid!important;
    grid-template-columns:108px minmax(0,1fr)!important;
    align-items:start!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    min-height:43px!important;
    padding:10px 12px!important;
    border:0!important;
    border-bottom:1px solid #edf1ef!important;
    background:#fff!important;
    color:#1f2937!important;
    font-size:12px!important;
    line-height:1.4!important;
    text-align:left!important;
    overflow-wrap:anywhere!important;
  }

  .invoice-print-document .inv-table tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:last-child{
    border-bottom:0!important;
  }

  .invoice-print-document .inv-table tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td::before{
    color:#60716a!important;
    font-size:9px!important;
    font-weight:900!important;
    letter-spacing:.04em!important;
    line-height:1.35!important;
  }

  .invoice-print-document .inv-table tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(2){
    font-size:13px!important;
    font-weight:800!important;
  }

  /* Có VAT */
  .invoice-print-document .inv-table-has-vat tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(1)::before{content:"STT"!important}
  .invoice-print-document .inv-table-has-vat tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(2)::before{content:"TÊN HÀNG"!important}
  .invoice-print-document .inv-table-has-vat tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(3)::before{content:"ĐƠN VỊ"!important}
  .invoice-print-document .inv-table-has-vat tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(4)::before{content:"SỐ LƯỢNG"!important}
  .invoice-print-document .inv-table-has-vat tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(5)::before{content:"VAT"!important}
  .invoice-print-document .inv-table-has-vat tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(6)::before{content:"GIÁ BÁN"!important}
  .invoice-print-document .inv-table-has-vat tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(7)::before{content:"THÀNH TIỀN"!important}
  .invoice-print-document .inv-table-has-vat tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(8),
  .invoice-print-document .inv-table-has-vat tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(9){
    display:none!important;
  }

  /* Không VAT */
  .invoice-print-document .inv-table-no-vat tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(1)::before{content:"STT"!important}
  .invoice-print-document .inv-table-no-vat tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(2)::before{content:"TÊN HÀNG"!important}
  .invoice-print-document .inv-table-no-vat tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(3)::before{content:"ĐƠN VỊ"!important}
  .invoice-print-document .inv-table-no-vat tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(4)::before{content:"SỐ LƯỢNG"!important}
  .invoice-print-document .inv-table-no-vat tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(5)::before{content:"GIÁ BÁN"!important}
  .invoice-print-document .inv-table-no-vat tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(6)::before{content:"THÀNH TIỀN"!important}
  .invoice-print-document .inv-table-no-vat tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(7),
  .invoice-print-document .inv-table-no-vat tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td:nth-child(8){
    display:none!important;
  }

  /* ---------- Tổng tiền thành khối tài chính ---------- */
  .invoice-print-document .inv-sum-row,
  .invoice-print-document .inv-vat-row,
  .invoice-print-document .inv-total-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    margin:0 0 8px!important;
    padding:11px 12px!important;
    background:#fff!important;
    border:1px solid #dce4df!important;
    border-radius:9px!important;
  }

  .invoice-print-document .inv-sum-row td,
  .invoice-print-document .inv-vat-row td,
  .invoice-print-document .inv-total-row td{
    display:block!important;
    width:auto!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    font-size:12px!important;
    line-height:1.35!important;
  }

  .invoice-print-document .inv-sum-row td:nth-child(n+3),
  .invoice-print-document .inv-vat-row td:nth-child(n+3),
  .invoice-print-document .inv-total-row td:nth-child(n+3){
    display:none!important;
  }

  .invoice-print-document .inv-sum-row td:nth-child(2),
  .invoice-print-document .inv-vat-row td:nth-child(2),
  .invoice-print-document .inv-total-row td:nth-child(2){
    text-align:right!important;
    white-space:nowrap!important;
    font-weight:900!important;
  }

  .invoice-print-document .inv-total-row{
    background:#fff6e9!important;
    border-color:#d98224!important;
    border-width:1.5px!important;
  }

  .invoice-print-document .inv-total-row td{
    color:#a94f0d!important;
  }

  .invoice-print-document .inv-remaining-amount{
    font-size:15px!important;
  }

  .invoice-print-document .inv-words{
    margin:0!important;
    padding:12px 13px!important;
    background:#fff!important;
    border:0!important;
    border-top:1px solid #e2e9e5!important;
    color:#34454e!important;
    font-size:11.5px!important;
    line-height:1.5!important;
  }

  /* ---------- QR: card lớn, dễ quét ---------- */
  .invoice-print-document .inv-payment-qr{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    width:auto!important;
    min-width:0!important;
    margin:12px!important;
    padding:14px!important;
    background:#fff!important;
    border:1px solid #d5dfda!important;
    border-radius:12px!important;
    box-shadow:0 1px 2px rgba(15,23,42,.03)!important;
  }

  .invoice-print-document .inv-payment-qr-visual{
    display:flex!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
  }

  .invoice-print-document .inv-payment-qr-image,
  .invoice-print-document .inv-payment-qr-fallback{
    width:168px!important;
    height:168px!important;
    min-height:168px!important;
    max-width:168px!important;
  }

  .invoice-print-document .inv-payment-qr-content{
    width:100%!important;
    min-width:0!important;
    margin-top:10px!important;
    color:#1f2937!important;
    font-size:11.5px!important;
    line-height:1.5!important;
    text-align:left!important;
  }

  .invoice-print-document .inv-payment-qr-title{
    margin:0!important;
    color:#173f31!important;
    font-size:13px!important;
    font-weight:900!important;
    text-align:center!important;
  }

  .invoice-print-document .inv-payment-qr-amount{
    margin:3px 0 10px!important;
    color:#d36b16!important;
    font-size:22px!important;
    font-weight:900!important;
    line-height:1.15!important;
    text-align:center!important;
  }

  .invoice-print-document .inv-payment-qr-line,
  .invoice-print-document .inv-payment-qr-note{
    margin:4px 0!important;
    overflow-wrap:anywhere!important;
  }

  .invoice-print-document .inv-payment-qr-help{
    margin-top:6px!important;
    color:#66756f!important;
    font-size:9.5px!important;
    line-height:1.45!important;
  }

  .invoice-print-document .inv-payment-qr-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
    width:100%!important;
    margin-top:8px!important;
  }

  .invoice-print-document .inv-payment-qr-action{
    width:100%!important;
    min-width:0!important;
    min-height:36px!important;
    padding:6px 8px!important;
    border-radius:7px!important;
    font-size:9.5px!important;
  }

  /* ---------- Ghi chú & chữ ký ---------- */
  .invoice-print-document .inv-req{
    padding:10px 13px!important;
    border-top:1px solid #e2e9e5!important;
    border-bottom:0!important;
    background:#fff!important;
    font-size:11px!important;
  }

  .invoice-print-document .inv-note{
    padding:10px 13px 12px!important;
    color:#56666e!important;
    font-size:10px!important;
    line-height:1.55!important;
    text-align:left!important;
  }

  .invoice-print-document .inv-sign{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    margin-top:10px!important;
    padding:0 12px 14px!important;
  }

  .invoice-print-document .inv-sign-title{
    font-size:9px!important;
  }
}

/* Rất hẹp */
@media screen and (max-width:380px){
  .invoice-print-document .inv-company-name{
    font-size:15px!important;
  }
  .invoice-print-document .inv-title{
    font-size:20px!important;
  }
  .invoice-print-document .inv-infoline{
    grid-template-columns:98px minmax(0,1fr)!important;
    font-size:11.5px!important;
  }
  .invoice-print-document .inv-table tbody>tr:not(.inv-sum-row):not(.inv-vat-row):not(.inv-total-row) td{
    grid-template-columns:98px minmax(0,1fr)!important;
  }
}

/* Bản in/PDF không dùng layout mobile này */
@media print{
  .invoice-print-document .inv-page{
    font-family:inherit!important;
  }
}


/* ===== V477 SOURCE 133: v338-mobile-company-header-800px.css ===== */

/* =========================================================
   V337 — REDESIGN KHỐI THÔNG TIN CÔNG TY TRÊN MOBILE
   Nền: V336. Chỉ chỉnh phần đầu Phiếu đặt hàng khi xem mobile.
   Desktop / Print / PDF giữ nguyên.
   ========================================================= */

@media screen and (max-width:800px){

  /* Card đầu phiếu */
  .invoice-print-document .inv-header{
    display:grid!important;
    grid-template-columns:110px minmax(0,1fr) 104px!important;
    align-items:stretch!important;
    gap:0!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
    border:0!important;
    border-radius:0!important;
  }

  .invoice-print-document .inv-header>div{
    min-width:0!important;
    max-width:none!important;
    width:auto!important;
    margin:0!important;
    border:0!important;
  }

  /* Logo */
  .invoice-print-document .inv-logo{
    grid-column:1!important;
    grid-row:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:16px 11px!important;
    border-right:1px solid #dce5df!important;
    background:#fff!important;
  }

  .invoice-print-document .inv-logo-image{
    display:block!important;
    width:88px!important;
    max-width:88px!important;
    height:auto!important;
    max-height:64px!important;
    object-fit:contain!important;
  }

  /* Thông tin công ty */
  .invoice-print-document .inv-company{
    grid-column:2!important;
    grid-row:1!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    padding:14px 14px!important;
    text-align:left!important;
    background:#fff!important;
    overflow:visible!important;
  }

  .invoice-print-document .inv-company-kicker{
    display:none!important;
  }

  .invoice-print-document .inv-company-name{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 7px!important;
    color:#0f5a37!important;
    font-family:Arial,"Helvetica Neue",sans-serif!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:1.28!important;
    letter-spacing:0!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
  }

  .invoice-print-document .inv-company-sub{
    position:relative!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 5px!important;
    padding-left:0!important;
    color:#26343d!important;
    font-size:10px!important;
    font-weight:500!important;
    line-height:1.42!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }

  .invoice-print-document .inv-company-sub:last-child{
    margin-bottom:0!important;
  }

  .invoice-print-document .inv-company-bank{
    display:none!important;
  }

  /* Ký hiệu */
  .invoice-print-document .inv-mst{
    grid-column:3!important;
    grid-row:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    padding:14px 10px!important;
    border-left:1px solid #dce5df!important;
    background:#fff!important;
  }

  .invoice-print-document .inv-mst-box{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:88px!important;
    min-height:92px!important;
    padding:10px 7px!important;
    border:1px solid #9eb8a9!important;
    border-radius:8px!important;
    background:linear-gradient(180deg,#ffffff,#f8fbf9)!important;
    box-shadow:0 1px 2px rgba(15,23,42,.03)!important;
  }

  .invoice-print-document .inv-mst-label{
    margin:0 0 6px!important;
    color:#6a4e2e!important;
    font-family:Arial,"Helvetica Neue",sans-serif!important;
    font-size:9px!important;
    font-weight:900!important;
    line-height:1.15!important;
    letter-spacing:.06em!important;
    text-align:center!important;
  }

  .invoice-print-document .inv-mst-value{
    color:#0f5132!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:18px!important;
    font-weight:900!important;
    line-height:1.15!important;
    letter-spacing:0!important;
    text-align:center!important;
    white-space:nowrap!important;
  }

  .invoice-print-document .inv-effective{
    display:none!important;
  }

  /* Tách phần tiêu đề khỏi header, tạo khoảng thở */
  .invoice-print-document .inv-title-block{
    margin-top:0!important;
    padding:16px 14px 15px!important;
    background:#fff!important;
    border-top:1px solid #edf1ef!important;
    border-bottom:1px solid #e3e9e5!important;
  }

  .invoice-print-document .inv-title-kicker{
    margin:0 0 6px!important;
    color:#cf711b!important;
    font-size:9px!important;
    font-weight:900!important;
    letter-spacing:.12em!important;
  }

  .invoice-print-document .inv-title{
    color:#0f5a37!important;
    font-size:24px!important;
    font-weight:900!important;
    line-height:1.12!important;
    letter-spacing:.015em!important;
  }
}

/* Mobile hẹp: giảm nhẹ nhưng vẫn giữ bố cục 3 cột */
@media screen and (max-width:430px){
  .invoice-print-document .inv-header{
    grid-template-columns:92px minmax(0,1fr) 86px!important;
  }

  .invoice-print-document .inv-logo{
    padding:13px 7px!important;
  }

  .invoice-print-document .inv-logo-image{
    width:76px!important;
    max-width:76px!important;
  }

  .invoice-print-document .inv-company{
    padding:12px 10px!important;
  }

  .invoice-print-document .inv-company-name{
    margin-bottom:5px!important;
    font-size:12.5px!important;
    line-height:1.25!important;
  }

  .invoice-print-document .inv-company-sub{
    margin-bottom:4px!important;
    font-size:8.7px!important;
    line-height:1.35!important;
  }

  .invoice-print-document .inv-mst{
    padding:11px 7px!important;
  }

  .invoice-print-document .inv-mst-box{
    min-height:78px!important;
    padding:8px 5px!important;
  }

  .invoice-print-document .inv-mst-label{
    margin-bottom:4px!important;
    font-size:7.8px!important;
  }

  .invoice-print-document .inv-mst-value{
    font-size:15px!important;
  }

  .invoice-print-document .inv-title{
    font-size:21px!important;
  }
}

/* Điện thoại cực hẹp: ký hiệu xuống hàng riêng để tuyệt đối không bóp công ty */
@media screen and (max-width:360px){
  .invoice-print-document .inv-header{
    grid-template-columns:84px minmax(0,1fr)!important;
  }

  .invoice-print-document .inv-logo{
    grid-column:1!important;
    grid-row:1!important;
  }

  .invoice-print-document .inv-company{
    grid-column:2!important;
    grid-row:1!important;
  }

  .invoice-print-document .inv-mst{
    grid-column:1/-1!important;
    grid-row:2!important;
    padding:8px 12px!important;
    border-left:0!important;
    border-top:1px solid #dce5df!important;
  }

  .invoice-print-document .inv-mst-box{
    width:auto!important;
    min-width:116px!important;
    min-height:0!important;
    padding:6px 12px!important;
    flex-direction:row!important;
    gap:8px!important;
  }

  .invoice-print-document .inv-mst-label{
    margin:0!important;
  }
}

/* Print/PDF không dùng layout header mobile */
@media print{
  .invoice-print-document .inv-header{
    /* dùng CSS in hiện có */
  }
}


/* ===== V477 SOURCE 134: v339-pdf-render-stable.css ===== */

/* V339 — DOM ẩn dùng riêng để tạo PDF.
   Override toàn bộ mobile preview để PDF luôn dựng theo khổ A4 ổn định. */
@media screen{
  .invoice-print-document.v339-pdf-render{
    width:794px!important;
    max-width:794px!important;
    min-width:794px!important;
    padding:0!important;
    margin:0!important;
    transform:none!important;
    overflow:visible!important;
  }

  .invoice-print-document.v339-pdf-render .inv-page{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    overflow:visible!important;
    border-radius:0!important;
    box-shadow:none!important;
    font-family:inherit!important;
  }

  .invoice-print-document.v339-pdf-render .inv-brand-strip{
    display:flex!important;
    flex-direction:row!important;
  }

  .invoice-print-document.v339-pdf-render .inv-header{
    display:grid!important;
    grid-template-columns:154px minmax(0,1fr) auto!important;
    align-items:stretch!important;
    background:linear-gradient(110deg,#f5faf9 0%,var(--inv-paper) 60%,#fff8eb 100%)!important;
  }

  .invoice-print-document.v339-pdf-render .inv-header>div{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    padding:14px 17px!important;
  }

  .invoice-print-document.v339-pdf-render .inv-header>div+div{
    border-left:1px solid var(--inv-rule)!important;
    border-top:0!important;
  }

  .invoice-print-document.v339-pdf-render .inv-logo{
    grid-column:auto!important;
    grid-row:auto!important;
    min-width:154px!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .invoice-print-document.v339-pdf-render .inv-logo-image{
    width:auto!important;
    max-width:140px!important;
    height:58px!important;
    max-height:58px!important;
  }

  .invoice-print-document.v339-pdf-render .inv-company{
    grid-column:auto!important;
    grid-row:auto!important;
    display:block!important;
    padding:14px 17px!important;
    text-align:left!important;
    overflow:visible!important;
  }

  .invoice-print-document.v339-pdf-render .inv-company-kicker{
    display:block!important;
    font-size:8px!important;
  }

  .invoice-print-document.v339-pdf-render .inv-company-name{
    font-size:17px!important;
    line-height:1.2!important;
    text-align:left!important;
  }

  .invoice-print-document.v339-pdf-render .inv-company-sub{
    font-size:10.5px!important;
    line-height:1.55!important;
    text-align:left!important;
  }

  .invoice-print-document.v339-pdf-render .inv-mst{
    grid-column:auto!important;
    grid-row:auto!important;
    min-width:112px!important;
    width:auto!important;
    padding:14px 17px!important;
    border-top:0!important;
    text-align:right!important;
    align-items:flex-end!important;
  }

  .invoice-print-document.v339-pdf-render .inv-title-block{
    padding:16px 14px 12px!important;
  }

  .invoice-print-document.v339-pdf-render .inv-title{
    display:flex!important;
    font-size:28px!important;
    letter-spacing:.095em!important;
    white-space:normal!important;
    overflow:visible!important;
  }

  .invoice-print-document.v339-pdf-render .inv-title-accent{
    display:block!important;
    width:32px!important;
    max-width:none!important;
  }

  .invoice-print-document.v339-pdf-render .inv-info{
    display:grid!important;
    grid-template-columns:1.6fr 1fr!important;
    font-size:inherit!important;
  }

  .invoice-print-document.v339-pdf-render .inv-info-left,
  .invoice-print-document.v339-pdf-render .inv-info-right{
    width:auto!important;
    padding:13px 17px!important;
    border-top:0!important;
  }

  .invoice-print-document.v339-pdf-render .inv-info-right{
    border-left:1px solid var(--inv-rule)!important;
  }

  .invoice-print-document.v339-pdf-render .inv-infoline{
    display:block!important;
    margin-bottom:1px!important;
    font-size:10.5px!important;
    line-height:1.62!important;
  }

  .invoice-print-document.v339-pdf-render .inv-table{
    display:table!important;
    width:100%!important;
    table-layout:fixed!important;
  }

  .invoice-print-document.v339-pdf-render .inv-table thead{
    display:table-header-group!important;
    position:static!important;
    width:auto!important;
    height:auto!important;
    overflow:visible!important;
    clip:auto!important;
  }

  .invoice-print-document.v339-pdf-render .inv-table tbody{
    display:table-row-group!important;
    padding:0!important;
    background:transparent!important;
  }

  .invoice-print-document.v339-pdf-render .inv-table tr{
    display:table-row!important;
    width:auto!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
  }

  .invoice-print-document.v339-pdf-render .inv-table td{
    display:table-cell!important;
    width:auto!important;
    min-height:0!important;
    padding:7px!important;
    border:1px solid var(--inv-rule)!important;
    font-size:10.5px!important;
    line-height:normal!important;
  }

  .invoice-print-document.v339-pdf-render .inv-table td::before{
    content:none!important;
    display:none!important;
  }

  .invoice-print-document.v339-pdf-render .inv-table tbody>tr td:nth-child(8),
  .invoice-print-document.v339-pdf-render .inv-table tbody>tr td:nth-child(9){
    display:table-cell!important;
  }

  .invoice-print-document.v339-pdf-render .inv-sum-row,
  .invoice-print-document.v339-pdf-render .inv-vat-row,
  .invoice-print-document.v339-pdf-render .inv-total-row{
    display:table-row!important;
    margin:0!important;
    padding:0!important;
    border-radius:0!important;
  }

  .invoice-print-document.v339-pdf-render .inv-sum-row td,
  .invoice-print-document.v339-pdf-render .inv-vat-row td,
  .invoice-print-document.v339-pdf-render .inv-total-row td{
    display:table-cell!important;
    width:auto!important;
    padding:7px!important;
  }

  .invoice-print-document.v339-pdf-render .inv-payment-qr{
    display:grid!important;
    grid-template-columns:142px minmax(0,1fr)!important;
    align-items:center!important;
    justify-items:stretch!important;
    gap:14px!important;
    margin:12px 16px 0!important;
    padding:12px!important;
  }

  .invoice-print-document.v339-pdf-render .inv-payment-qr-image,
  .invoice-print-document.v339-pdf-render .inv-payment-qr-fallback{
    width:142px!important;
    height:142px!important;
    min-height:142px!important;
    max-width:142px!important;
  }

  .invoice-print-document.v339-pdf-render .inv-payment-qr-content{
    width:auto!important;
    margin:0!important;
    font-size:11.5px!important;
    line-height:1.55!important;
    text-align:left!important;
  }

  .invoice-print-document.v339-pdf-render .inv-payment-qr-title,
  .invoice-print-document.v339-pdf-render .inv-payment-qr-amount{
    text-align:left!important;
  }

  .invoice-print-document.v339-pdf-render .inv-payment-qr-actions{
    display:none!important;
  }
}


/* ===== V477 SOURCE 135: v341-vat-pagination.css ===== */

/* V341 — Pagination danh sách Hóa đơn VAT */
.v341-vat-page-size{
  height:36px;
  min-width:112px;
  border:1px solid var(--border);
  border-radius:6px;
  background:var(--background);
  color:var(--foreground);
  padding:0 9px;
  font-size:12px;
  outline:none;
}
.v341-vat-pagination{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:14px;
  padding:12px 2px 2px;
  border-top:1px solid var(--border);
}
.v341-vat-page-info{
  color:var(--muted-foreground);
  font-size:11.5px;
}
.v341-vat-page-actions{
  display:flex;
  align-items:center;
  gap:7px;
}
.v341-vat-page-actions button{
  height:32px;
  min-width:70px;
  border:1px solid var(--border);
  border-radius:6px;
  background:var(--background);
  color:var(--foreground);
  padding:0 10px;
  font-size:11.5px;
  font-weight:700;
}
.v341-vat-page-actions button:hover:not(:disabled){
  border-color:color-mix(in srgb,var(--brand-green) 45%,var(--border));
  background:color-mix(in srgb,var(--brand-green) 5%,var(--background));
}
.v341-vat-page-actions button:disabled{
  opacity:.42;
  cursor:not-allowed;
}
.v341-vat-page-actions span{
  min-width:82px;
  text-align:center;
  font-size:11.5px;
  font-weight:750;
}
@media(max-width:640px){
  .v341-vat-page-size{
    width:100%;
    height:40px;
  }
  .v341-vat-pagination{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
    padding-top:12px;
  }
  .v341-vat-page-info{
    text-align:center;
  }
  .v341-vat-page-actions{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    width:100%;
  }
  .v341-vat-page-actions button{
    width:100%;
    min-width:0;
    height:38px;
  }
}


/* ===== V477 SOURCE 136: v342-vat-file-pagination.css ===== */

.v342-file-list-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.v342-file-page-size{height:34px;border:1px solid var(--border);border-radius:6px;background:var(--background);padding:0 8px;font-size:11.5px}
.v342-file-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 14px;border-top:1px solid var(--border)}
.v342-file-page-info{font-size:11.5px;color:var(--muted-foreground)}
.v342-file-page-actions{display:flex;align-items:center;gap:7px}
.v342-file-page-actions button{height:32px;min-width:70px;border:1px solid var(--border);border-radius:6px;background:var(--background);font-size:11.5px;font-weight:700;padding:0 10px}
.v342-file-page-actions button:disabled{opacity:.42;cursor:not-allowed}
.v342-file-page-actions span{min-width:82px;text-align:center;font-size:11.5px;font-weight:750}
@media(max-width:640px){
  .v342-file-list-actions{width:100%}
  .v342-file-page-size{width:100%;height:40px}
  .v342-file-pagination{display:grid;grid-template-columns:1fr;gap:9px}
  .v342-file-page-info{text-align:center}
  .v342-file-page-actions{display:grid;grid-template-columns:1fr auto 1fr;width:100%}
  .v342-file-page-actions button{width:100%;min-width:0;height:38px}
}


/* ===== V477 SOURCE 137: v343-vat-accounting-queue.css ===== */

/* V343 — nhấn rõ phân trang cho Hàng chờ Kế toán xử lý */
.v343-vat-queue-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:14px;
  padding:11px 12px;
  border:1px solid var(--border);
  border-radius:8px;
  background:color-mix(in srgb,var(--brand-green) 4%,var(--background));
}
.v343-vat-queue-toolbar>div:first-child strong{
  display:block;
  font-size:12.5px;
  font-weight:800;
}
.v343-vat-queue-toolbar>div:first-child span{
  font-size:10.5px;
  color:var(--muted-foreground);
}
.v343-vat-queue-tools{
  display:flex;
  align-items:center;
  gap:7px;
}
.v343-vat-queue-tools span{
  font-size:10.5px;
  color:var(--muted-foreground);
}
.v343-vat-queue-tools select{
  height:34px;
  min-width:104px;
  border:1px solid var(--border);
  border-radius:6px;
  background:var(--background);
  color:var(--foreground);
  padding:0 8px;
  font-size:11.5px;
  font-weight:700;
}
.v343-vat-queue-pagination{
  margin-top:16px!important;
  padding:13px 12px 3px!important;
}
@media(max-width:640px){
  .v343-vat-queue-toolbar{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
  }
  .v343-vat-queue-tools{
    display:grid;
    grid-template-columns:auto 1fr;
  }
  .v343-vat-queue-tools select{
    width:100%;
    height:40px;
  }
}


/* ===== V477 SOURCE 138: v344-customer-pagination.css ===== */

/* V344 — Phân trang Menu Khách hàng */
.v344-customer-list-tools{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  width:100%;
}
.v344-customer-page-size{
  height:36px;
  min-width:112px;
  border:1px solid var(--border);
  border-radius:6px;
  background:var(--background);
  color:var(--foreground);
  padding:0 9px;
  font-size:11.5px;
  font-weight:650;
}
.v344-customer-pagination{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:14px;
  padding:13px 2px 0;
  border-top:1px solid var(--border);
}
.v344-customer-page-info{
  font-size:11.5px;
  color:var(--muted-foreground);
}
.v344-customer-page-actions{
  display:flex;
  align-items:center;
  gap:7px;
}
.v344-customer-page-actions button{
  height:32px;
  min-width:72px;
  border:1px solid var(--border);
  border-radius:6px;
  background:var(--background);
  color:var(--foreground);
  padding:0 10px;
  font-size:11.5px;
  font-weight:700;
}
.v344-customer-page-actions button:hover:not(:disabled){
  border-color:color-mix(in srgb,var(--brand-green) 45%,var(--border));
  background:color-mix(in srgb,var(--brand-green) 5%,var(--background));
}
.v344-customer-page-actions button:disabled{
  opacity:.42;
  cursor:not-allowed;
}
.v344-customer-page-actions span{
  min-width:84px;
  text-align:center;
  font-size:11.5px;
  font-weight:750;
}
@media(max-width:700px){
  .v344-customer-list-tools{
    display:grid;
    grid-template-columns:1fr;
  }
  .v344-customer-list-tools>div{
    width:100%!important;
  }
  .v344-customer-page-size{
    width:100%;
    height:40px;
  }
  .v344-customer-pagination{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
  }
  .v344-customer-page-info{
    text-align:center;
  }
  .v344-customer-page-actions{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    width:100%;
  }
  .v344-customer-page-actions button{
    width:100%;
    min-width:0;
    height:38px;
  }
}


/* ===== V477 SOURCE 139: v345-professional-alert-center.css ===== */

/* V345 — Trung tâm cảnh báo chuyên nghiệp */
.v345-alert-page{max-width:1540px;margin:0 auto}
.v345-alert-hero{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:16px;align-items:stretch;margin:18px 0 14px;padding:20px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-green) 7%,var(--background)),var(--background));box-shadow:0 6px 24px rgba(15,23,42,.05)}
.v345-alert-eyebrow{display:block;margin-bottom:6px;font-size:9.5px;font-weight:900;letter-spacing:.12em;color:var(--brand-green)}
.v345-alert-hero-copy h2{font-size:clamp(22px,2vw,30px);font-weight:850;line-height:1.15;letter-spacing:-.02em}
.v345-alert-hero-copy p{max-width:760px;margin-top:7px;font-size:12.5px;line-height:1.6;color:var(--muted-foreground)}
.v345-alert-updated{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:10.5px;color:var(--muted-foreground)}
.v345-alert-updated>span{width:7px;height:7px;border-radius:999px;background:var(--success)}
.v345-alert-updated>span.loading{animation:v345pulse 1s infinite}
@keyframes v345pulse{50%{opacity:.3}}
.v345-alert-total{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--brand-green) 24%,var(--border));border-radius:10px;background:var(--background);text-align:center}
.v345-alert-total span{font-size:9.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--muted-foreground)}
.v345-alert-total strong{margin:3px 0;font-size:40px;line-height:1;font-weight:900;color:var(--brand-green)}
.v345-alert-total small{font-size:10.5px;color:var(--muted-foreground)}

.v345-alert-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.v345-alert-kpi{display:grid;text-align:left;min-height:112px;padding:13px 14px;border:1px solid var(--border);border-radius:10px;background:var(--card);transition:.15s ease;box-shadow:0 2px 10px rgba(15,23,42,.025)}
.v345-alert-kpi:hover,.v345-alert-kpi.active{transform:translateY(-1px);box-shadow:0 6px 18px rgba(15,23,42,.06)}
.v345-alert-kpi span{font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.v345-alert-kpi strong{align-self:end;font-size:28px;line-height:1;font-weight:900}
.v345-alert-kpi small{margin-top:4px;font-size:10px;color:var(--muted-foreground)}
.v345-alert-kpi.critical{border-top:3px solid #c2413b}.v345-alert-kpi.critical span,.v345-alert-kpi.critical strong{color:#a9342f}
.v345-alert-kpi.warning{border-top:3px solid #d68b24}.v345-alert-kpi.warning span,.v345-alert-kpi.warning strong{color:#a96308}
.v345-alert-kpi.info{border-top:3px solid #4b7f9e}.v345-alert-kpi.info span,.v345-alert-kpi.info strong{color:#386b89}
.v345-alert-kpi.normal{border-top:3px solid var(--brand-green)}.v345-alert-kpi.normal span,.v345-alert-kpi.normal strong{color:var(--brand-green)}

.v345-alert-panel{overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--card);box-shadow:0 5px 20px rgba(15,23,42,.04)}
.v345-alert-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;border-bottom:1px solid var(--border)}
.v345-alert-toolbar h3{font-size:15px;font-weight:850}.v345-alert-toolbar p{margin-top:3px;font-size:10.5px;color:var(--muted-foreground)}
.v345-alert-tools{display:flex;align-items:center;gap:8px;min-width:min(100%,460px)}
.v345-alert-search{min-width:0;flex:1}
.v345-alert-refresh{height:36px;white-space:nowrap;border:1px solid var(--border);border-radius:6px;background:var(--background);padding:0 11px;font-size:11px;font-weight:750}
.v345-alert-refresh:hover:not(:disabled){background:var(--muted)}
.v345-alert-refresh:disabled{opacity:.5}
.v345-alert-filterbar{display:flex;gap:6px;overflow-x:auto;padding:10px 14px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--muted) 40%,var(--background))}
.v345-alert-filterbar button{height:30px;white-space:nowrap;border:1px solid var(--border);border-radius:999px;background:var(--background);padding:0 10px;font-size:10.5px;font-weight:700;color:var(--muted-foreground)}
.v345-alert-filterbar button.active{border-color:var(--brand-green);background:color-mix(in srgb,var(--brand-green) 8%,var(--background));color:var(--brand-green)}

.v345-alert-list{display:grid;gap:9px;padding:12px}
.v345-alert-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:94px;padding:13px 14px;border:1px solid var(--border);border-left-width:4px;border-radius:9px;background:var(--background)}
.v345-alert-card.critical{border-left-color:#c2413b}.v345-alert-card.warning{border-left-color:#d68b24}.v345-alert-card.info{border-left-color:#4b7f9e}.v345-alert-card.normal{border-left-color:var(--brand-green)}
.v345-alert-card-marker{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;font-size:17px;font-weight:900;background:var(--muted)}
.v345-alert-card.critical .v345-alert-card-marker{background:#fff1f0;color:#b73631}.v345-alert-card.warning .v345-alert-card-marker{background:#fff7e8;color:#a96308}.v345-alert-card.info .v345-alert-card-marker{background:#eef6fa;color:#386b89}.v345-alert-card.normal .v345-alert-card-marker{background:color-mix(in srgb,var(--brand-green) 8%,var(--background));color:var(--brand-green)}
.v345-alert-card-main{min-width:0}
.v345-alert-card-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:5px}
.v345-alert-badge{display:inline-flex;padding:3px 7px;border-radius:999px;font-size:9px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
.v345-alert-badge.critical{background:#fff0ef;color:#a9342f}.v345-alert-badge.warning{background:#fff5df;color:#a96308}.v345-alert-badge.info{background:#edf6fb;color:#386b89}.v345-alert-badge.normal{background:color-mix(in srgb,var(--brand-green) 8%,var(--background));color:var(--brand-green)}
.v345-alert-level{font-size:9.5px;font-weight:700;color:var(--muted-foreground)}.v345-alert-card time{margin-left:auto;font-size:9.5px;color:var(--muted-foreground)}
.v345-alert-card h4{font-size:12.5px;font-weight:800;line-height:1.4}.v345-alert-card p{margin-top:3px;font-size:11px;line-height:1.5;color:var(--muted-foreground)}
.v345-alert-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.v345-alert-meta span{display:inline-flex;gap:5px;padding:3px 6px;border:1px solid var(--border);border-radius:5px;font-size:9.5px;color:var(--muted-foreground)}.v345-alert-meta b{color:var(--foreground)}
.v345-alert-card-action{align-self:center}.v345-alert-open{display:inline-flex;height:34px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:6px;padding:0 10px;font-size:10.5px;font-weight:750;color:var(--brand-green);white-space:nowrap}.v345-alert-open:hover{background:color-mix(in srgb,var(--brand-green) 5%,var(--background))}
.v345-alert-empty{display:flex;min-height:220px;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:30px;text-align:center;color:var(--muted-foreground)}.v345-alert-empty strong{font-size:14px;color:var(--foreground)}.v345-alert-empty span{font-size:11px}.v345-alert-ok{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:999px;background:color-mix(in srgb,var(--success) 10%,var(--background));font-size:20px;color:var(--success)}.v345-alert-spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--brand-green);border-radius:999px;animation:v345spin .8s linear infinite}@keyframes v345spin{to{transform:rotate(360deg)}}

@media(max-width:1000px){.v345-alert-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.v345-alert-card{grid-template-columns:38px minmax(0,1fr)}.v345-alert-card-action{grid-column:2}.v345-alert-open{width:max-content}}
@media(max-width:700px){
  .v345-alert-hero{grid-template-columns:1fr;padding:15px}.v345-alert-total{min-height:96px;display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:12px 14px;text-align:left}.v345-alert-total strong{font-size:30px}.v345-alert-total small{align-self:center}
  .v345-alert-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.v345-alert-kpi{min-height:98px;padding:11px}.v345-alert-kpi strong{font-size:24px}
  .v345-alert-toolbar{display:grid}.v345-alert-tools{width:100%;min-width:0}.v345-alert-card{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:11px}.v345-alert-card-marker{width:32px;height:32px}.v345-alert-card-action{grid-column:1/-1}.v345-alert-open{width:100%}.v345-alert-card time{margin-left:0}
}
@media(max-width:420px){.v345-alert-kpis{grid-template-columns:1fr 1fr}.v345-alert-tools{display:grid;grid-template-columns:1fr}.v345-alert-refresh{width:100%}}


/* ===== V477 SOURCE 140: v346-alert-pagination.css ===== */

.v346-alert-page-size{height:36px;min-width:108px;border:1px solid var(--border);border-radius:6px;background:var(--background);color:var(--foreground);padding:0 8px;font-size:11px;font-weight:700}
.v346-alert-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 14px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--muted) 20%,var(--background))}
.v346-alert-page-info{font-size:11.5px;color:var(--muted-foreground)}
.v346-alert-page-actions{display:flex;align-items:center;gap:7px}
.v346-alert-page-actions button{height:32px;min-width:72px;border:1px solid var(--border);border-radius:6px;background:var(--background);color:var(--foreground);padding:0 10px;font-size:11.5px;font-weight:700}
.v346-alert-page-actions button:hover:not(:disabled){border-color:color-mix(in srgb,var(--brand-green) 45%,var(--border));background:color-mix(in srgb,var(--brand-green) 5%,var(--background))}
.v346-alert-page-actions button:disabled{opacity:.42;cursor:not-allowed}
.v346-alert-page-actions span{min-width:84px;text-align:center;font-size:11.5px;font-weight:750}
@media(max-width:700px){
  .v345-alert-tools{grid-template-columns:1fr!important}
  .v346-alert-page-size{width:100%;height:40px}
  .v346-alert-pagination{display:grid;grid-template-columns:1fr;gap:9px}
  .v346-alert-page-info{text-align:center}
  .v346-alert-page-actions{display:grid;grid-template-columns:1fr auto 1fr;width:100%}
  .v346-alert-page-actions button{width:100%;min-width:0;height:38px}
}


/* ===== V477 SOURCE 141: v351-export-report-pagination.css ===== */

/* V351 — Phân trang danh sách trong Menu Xuất báo cáo */
.v351-export-pagination{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid var(--border);
}
.v351-export-page-info{
  min-width:0;
  font-size:11.5px;
  line-height:1.45;
  color:var(--muted-foreground);
}
.v351-export-page-actions{
  display:flex;
  align-items:center;
  gap:7px;
  flex-shrink:0;
}
.v351-export-page-size{
  height:34px;
  min-width:108px;
  border:1px solid var(--border);
  border-radius:6px;
  background:var(--background);
  color:var(--foreground);
  padding:0 8px;
  font-size:11.5px;
  font-weight:700;
}
.v351-export-page-actions button{
  height:34px;
  min-width:72px;
  border:1px solid var(--border);
  border-radius:6px;
  background:var(--background);
  color:var(--foreground);
  padding:0 10px;
  font-size:11.5px;
  font-weight:700;
}
.v351-export-page-actions button:hover:not(:disabled){
  border-color:color-mix(in srgb,var(--brand-green) 45%,var(--border));
  background:color-mix(in srgb,var(--brand-green) 5%,var(--background));
}
.v351-export-page-actions button:disabled{
  opacity:.42;
  cursor:not-allowed;
}
.v351-export-page-actions span{
  min-width:84px;
  text-align:center;
  white-space:nowrap;
  font-size:11.5px;
  font-weight:750;
}
@media(max-width:800px){
  .v351-export-pagination{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
  }
  .v351-export-page-info{
    text-align:center;
  }
  .v351-export-page-actions{
    display:grid;
    grid-template-columns:1fr 1fr auto 1fr;
    width:100%;
  }
  .v351-export-page-size,
  .v351-export-page-actions button{
    width:100%;
    min-width:0;
    height:40px;
  }
}
@media(max-width:480px){
  .v351-export-page-actions{
    grid-template-columns:1fr 1fr;
  }
  .v351-export-page-actions span{
    grid-column:1/-1;
    grid-row:1;
    min-height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .v351-export-page-size{
    grid-column:1/-1;
  }
}


/* ===== V477 SOURCE 142: v353-export-projected-profit.css ===== */

/* V353 — Lọc nhiều tháng + Tổng lợi nhuận dự tính */
.v353-export-month-range{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.v353-projected-profit-card{
  background:color-mix(in srgb,var(--amber-brand) 5%,var(--background));
  border-color:color-mix(in srgb,var(--amber-brand) 28%,var(--border))!important;
}
.v353-projected-profit-line{
  padding-left:2px;
}
@media(max-width:700px){
  .v353-export-month-range{
    grid-template-columns:1fr;
  }
}


/* ===== V477 SOURCE 143: v354-financial-card-colors.css ===== */

/* =========================================================
   V354 — Hệ màu thống nhất cho các ô tài chính toàn hệ thống
   Nền nhẹ + số tiền đậm; không thay bố cục hoặc dữ liệu.
   ========================================================= */

.v354-fin-card{
  position:relative;
  overflow:hidden;
  border-color:var(--v354-border,var(--border))!important;
  background:
    linear-gradient(145deg,var(--v354-bg1,var(--card)),var(--v354-bg2,var(--card)))!important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.v354-fin-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:var(--v354-accent,var(--brand-green));
  opacity:.92;
}
.v354-fin-card:hover{
  transform:translateY(-1px);
  box-shadow:0 7px 22px rgba(15,23,42,.065);
}
.v354-fin-card .eyebrow{
  color:var(--v354-label,var(--muted-foreground))!important;
  font-weight:800!important;
}
.v354-fin-card .stat-figure{
  color:var(--v354-value,var(--foreground))!important;
  font-weight:850!important;
  letter-spacing:-.02em;
}
.v354-fin-card .stat-figure>span:first-child,
.v354-fin-card .stat-figure>span:last-child{
  color:color-mix(in srgb,var(--v354-value,var(--foreground)) 72%,var(--muted-foreground))!important;
}

/* Tổng doanh thu / tổng tiền — xanh ngọc */
.v354-fin-revenue{
  --v354-accent:#138a72;
  --v354-border:color-mix(in srgb,#138a72 27%,var(--border));
  --v354-bg1:color-mix(in srgb,#138a72 7%,var(--card));
  --v354-bg2:color-mix(in srgb,#138a72 2%,var(--card));
  --v354-value:#0f725f;
  --v354-label:#317968;
}

/* Đã thu / thanh toán — xanh dương */
.v354-fin-collected{
  --v354-accent:#3979b9;
  --v354-border:color-mix(in srgb,#3979b9 28%,var(--border));
  --v354-bg1:color-mix(in srgb,#3979b9 7%,var(--card));
  --v354-bg2:color-mix(in srgb,#3979b9 2%,var(--card));
  --v354-value:#2e68a2;
  --v354-label:#4b6f91;
}

/* Lợi nhuận — xanh lá */
.v354-fin-profit{
  --v354-accent:#4d8d3a;
  --v354-border:color-mix(in srgb,#4d8d3a 28%,var(--border));
  --v354-bg1:color-mix(in srgb,#4d8d3a 7%,var(--card));
  --v354-bg2:color-mix(in srgb,#4d8d3a 2%,var(--card));
  --v354-value:#417c31;
  --v354-label:#5b7951;
}

/* Công nợ / phải thu — đỏ gạch */
.v354-fin-debt{
  --v354-accent:#c15b50;
  --v354-border:color-mix(in srgb,#c15b50 27%,var(--border));
  --v354-bg1:color-mix(in srgb,#c15b50 7%,var(--card));
  --v354-bg2:color-mix(in srgb,#c15b50 2%,var(--card));
  --v354-value:#a94a41;
  --v354-label:#8c5d58;
}

/* Chi phí / giá vốn — tím */
.v354-fin-cost{
  --v354-accent:#8066a7;
  --v354-border:color-mix(in srgb,#8066a7 27%,var(--border));
  --v354-bg1:color-mix(in srgb,#8066a7 7%,var(--card));
  --v354-bg2:color-mix(in srgb,#8066a7 2%,var(--card));
  --v354-value:#6b5591;
  --v354-label:#75668b;
}

/* Số đơn / số lượng — vàng đồng */
.v354-fin-count{
  --v354-accent:#c48a35;
  --v354-border:color-mix(in srgb,#c48a35 27%,var(--border));
  --v354-bg1:color-mix(in srgb,#c48a35 7%,var(--card));
  --v354-bg2:color-mix(in srgb,#c48a35 2%,var(--card));
  --v354-value:#a66f1f;
  --v354-label:#876d47;
}

/* Neutral */
.v354-fin-neutral{
  --v354-accent:#64748b;
  --v354-border:color-mix(in srgb,#64748b 22%,var(--border));
  --v354-bg1:color-mix(in srgb,#64748b 4%,var(--card));
  --v354-bg2:var(--card);
}

/* Các ô tiền riêng của menu Xuất báo cáo */
.v354-money-box{
  position:relative;
  overflow:hidden;
  box-shadow:0 2px 10px rgba(15,23,42,.035);
}
.v354-money-box::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:3px;
  background:var(--v354-box-accent);
}
.v354-money-revenue{
  --v354-box-accent:#138a72;
  border-color:color-mix(in srgb,#138a72 27%,var(--border))!important;
  background:color-mix(in srgb,#138a72 6%,var(--card))!important;
}
.v354-money-profit{
  --v354-box-accent:#4d8d3a;
  border-color:color-mix(in srgb,#4d8d3a 27%,var(--border))!important;
  background:color-mix(in srgb,#4d8d3a 6%,var(--card))!important;
}
.v354-money-projected{
  --v354-box-accent:#d18a22;
  border-color:color-mix(in srgb,#d18a22 32%,var(--border))!important;
  background:color-mix(in srgb,#d18a22 7%,var(--card))!important;
}
.v354-money-count{
  --v354-box-accent:#64748b;
  border-color:color-mix(in srgb,#64748b 22%,var(--border))!important;
  background:color-mix(in srgb,#64748b 4%,var(--card))!important;
}

/* Dòng tiền ngắn trong phần phạm vi xuất */
.v354-inline-money{
  border-radius:6px;
  padding:5px 8px!important;
}
.v354-inline-revenue{background:color-mix(in srgb,#138a72 7%,transparent)}
.v354-inline-profit{background:color-mix(in srgb,#4d8d3a 7%,transparent)}
.v354-inline-projected{background:color-mix(in srgb,#d18a22 8%,transparent)}

/* Dark mode: giữ độ tương phản, giảm nền màu */
.dark .v354-fin-card{
  --card-mix-adjust:3%;
}
.dark .v354-fin-revenue{--v354-value:#6fd1bc}
.dark .v354-fin-collected{--v354-value:#7db4e8}
.dark .v354-fin-profit{--v354-value:#8bc978}
.dark .v354-fin-debt{--v354-value:#ee9188}
.dark .v354-fin-cost{--v354-value:#b7a0d7}
.dark .v354-fin-count{--v354-value:#e5b96f}

@media(max-width:700px){
  .v354-fin-card{
    min-height:102px;
  }
  .v354-fin-card .stat-figure{
    font-size:clamp(19px,5.2vw,25px)!important;
  }
}


/* ===== V477 SOURCE 144: v355-matched-card-colors.css ===== */

/* V355 — Mỗi ô tài chính có nền khung + chữ đồng bộ theo ý nghĩa */

/* Tổng doanh thu */
.v354-fin-revenue{
  --v354-accent:#0f8b73!important;
  --v354-border:#a7ddd1!important;
  --v354-bg1:#e9f8f4!important;
  --v354-bg2:#f7fcfa!important;
  --v354-value:#086b59!important;
  --v354-label:#277565!important;
  color:#174f45!important;
}

/* Doanh thu đã thu / đã thanh toán */
.v354-fin-collected{
  --v354-accent:#3579bd!important;
  --v354-border:#b6d3ee!important;
  --v354-bg1:#edf6fd!important;
  --v354-bg2:#f8fbfe!important;
  --v354-value:#245f99!important;
  --v354-label:#426f99!important;
  color:#244d72!important;
}

/* Lợi nhuận */
.v354-fin-profit{
  --v354-accent:#55943d!important;
  --v354-border:#c2dfb6!important;
  --v354-bg1:#f0f8ec!important;
  --v354-bg2:#fafdf8!important;
  --v354-value:#3d792c!important;
  --v354-label:#577b4b!important;
  color:#365b2c!important;
}

/* Công nợ / phải thu / quá hạn */
.v354-fin-debt{
  --v354-accent:#c85a50!important;
  --v354-border:#edc2bd!important;
  --v354-bg1:#fff0ee!important;
  --v354-bg2:#fff9f8!important;
  --v354-value:#a84239!important;
  --v354-label:#915c56!important;
  color:#773e39!important;
}

/* Chi phí / giá vốn */
.v354-fin-cost{
  --v354-accent:#8065aa!important;
  --v354-border:#d3c6e6!important;
  --v354-bg1:#f5f0fb!important;
  --v354-bg2:#fcfaff!important;
  --v354-value:#674c91!important;
  --v354-label:#75648b!important;
  color:#584672!important;
}

/* Số đơn / số lượng */
.v354-fin-count{
  --v354-accent:#c68b32!important;
  --v354-border:#ead2a9!important;
  --v354-bg1:#fff7e9!important;
  --v354-bg2:#fffdf8!important;
  --v354-value:#9c681c!important;
  --v354-label:#866d47!important;
  color:#71531f!important;
}

/* Ô trung tính */
.v354-fin-neutral{
  --v354-accent:#64748b!important;
  --v354-border:#d5dce5!important;
  --v354-bg1:#f4f6f8!important;
  --v354-bg2:#fbfcfd!important;
  --v354-value:#475569!important;
  --v354-label:#64748b!important;
  color:#475569!important;
}

.v354-fin-card{
  border-width:1px!important;
  box-shadow:0 3px 13px rgba(15,23,42,.045)!important;
}
.v354-fin-card .eyebrow{
  color:var(--v354-label)!important;
}
.v354-fin-card .stat-figure,
.v354-fin-card .stat-figure>span{
  color:var(--v354-value)!important;
}
.v354-fin-card>div:last-child{
  color:var(--v354-label)!important;
}

/* Xuất báo cáo: nền + chữ cùng hệ màu */
.v354-money-revenue{
  background:linear-gradient(145deg,#e9f8f4,#f8fcfb)!important;
  border-color:#a7ddd1!important;
  color:#086b59!important;
}
.v354-money-revenue .font-semibold{color:#086b59!important}

.v354-money-profit{
  background:linear-gradient(145deg,#f0f8ec,#fbfdf9)!important;
  border-color:#c2dfb6!important;
  color:#3d792c!important;
}
.v354-money-profit .font-semibold{color:#3d792c!important}

.v354-money-projected{
  background:linear-gradient(145deg,#fff5df,#fffaf0)!important;
  border-color:#ebcd91!important;
  color:#986312!important;
}
.v354-money-projected .font-semibold{color:#986312!important}

.v354-money-count{
  background:linear-gradient(145deg,#f3f6f9,#fbfcfd)!important;
  border-color:#d5dce5!important;
  color:#475569!important;
}
.v354-money-count .font-semibold{color:#475569!important}

.v354-inline-revenue{
  background:#e9f8f4!important;
  color:#086b59!important;
  border:1px solid #b9e3da;
}
.v354-inline-profit{
  background:#f0f8ec!important;
  color:#3d792c!important;
  border:1px solid #cce4c3;
}
.v354-inline-projected{
  background:#fff5df!important;
  color:#986312!important;
  border:1px solid #efd8a9;
}
.v354-inline-money .font-semibold{color:inherit!important}

/* Dark mode */
.dark .v354-fin-revenue{--v354-bg1:#123d36!important;--v354-bg2:#102c28!important;--v354-border:#28685b!important;--v354-value:#82ddca!important;--v354-label:#9bcfc4!important}
.dark .v354-fin-collected{--v354-bg1:#173550!important;--v354-bg2:#132a3e!important;--v354-border:#315f87!important;--v354-value:#91c5f0!important;--v354-label:#9ebbd3!important}
.dark .v354-fin-profit{--v354-bg1:#213b1c!important;--v354-bg2:#192f17!important;--v354-border:#4d7542!important;--v354-value:#9bd787!important;--v354-label:#afd1a4!important}
.dark .v354-fin-debt{--v354-bg1:#492523!important;--v354-bg2:#371e1c!important;--v354-border:#80504b!important;--v354-value:#f0a098!important;--v354-label:#ddb0ac!important}
.dark .v354-fin-cost{--v354-bg1:#352b48!important;--v354-bg2:#29223a!important;--v354-border:#66557f!important;--v354-value:#c4afe1!important;--v354-label:#c5b9d4!important}
.dark .v354-fin-count{--v354-bg1:#45351c!important;--v354-bg2:#342a19!important;--v354-border:#796038!important;--v354-value:#ebc477!important;--v354-label:#d8c298!important}
.dark .v354-fin-neutral{--v354-bg1:#27313d!important;--v354-bg2:#202934!important;--v354-border:#465565!important;--v354-value:#d0d9e4!important;--v354-label:#aebaca!important}

@media(max-width:700px){
  .v354-fin-card{box-shadow:0 2px 8px rgba(15,23,42,.04)!important}
}


/* ===== V477 SOURCE 145: v356-sharp-financial-text.css ===== */

/* V356 — Chữ/số tài chính sắc nét, bỏ hiệu ứng gây cảm giác nhòe */
.v354-fin-card{
  transform:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:0 1px 3px rgba(15,23,42,.055)!important;
  background-image:none!important;
  background-color:var(--v356-solid-bg,var(--card))!important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
.v354-fin-card:hover{
  transform:none!important;
  box-shadow:0 2px 5px rgba(15,23,42,.07)!important;
}
.v354-fin-card::before{
  width:4px!important;
}
.v354-fin-card .eyebrow{
  opacity:1!important;
  filter:none!important;
  text-shadow:none!important;
  font-weight:700!important;
  letter-spacing:.025em!important;
}
.v354-fin-card .stat-figure{
  opacity:1!important;
  filter:none!important;
  text-shadow:none!important;
  font-weight:800!important;
  letter-spacing:-.015em!important;
  font-variant-numeric:tabular-nums lining-nums;
}
.v354-fin-card .stat-figure span{
  opacity:1!important;
  filter:none!important;
  text-shadow:none!important;
}
.v354-fin-card *{
  text-shadow:none!important;
}

/* Nền đặc, rất nhẹ — tăng độ thật và độ nét chữ */
.v354-fin-revenue{--v356-solid-bg:#edf8f5!important}
.v354-fin-collected{--v356-solid-bg:#eef6fc!important}
.v354-fin-profit{--v356-solid-bg:#f1f8ee!important}
.v354-fin-debt{--v356-solid-bg:#fff1ef!important}
.v354-fin-cost{--v356-solid-bg:#f5f1fa!important}
.v354-fin-count{--v356-solid-bg:#fff7e9!important}
.v354-fin-neutral{--v356-solid-bg:#f5f7f9!important}

/* Số tiền dùng màu tối hơn để tăng tương phản */
.v354-fin-revenue .stat-figure{color:#075f50!important}
.v354-fin-collected .stat-figure{color:#245b8e!important}
.v354-fin-profit .stat-figure{color:#376e29!important}
.v354-fin-debt .stat-figure{color:#983d35!important}
.v354-fin-cost .stat-figure{color:#604886!important}
.v354-fin-count .stat-figure{color:#8e5d18!important}
.v354-fin-neutral .stat-figure{color:#3f4b5b!important}

/* Xuất báo cáo: bỏ gradient, chữ rõ hơn */
.v354-money-box{
  background-image:none!important;
  box-shadow:0 1px 3px rgba(15,23,42,.05)!important;
  filter:none!important;
  text-shadow:none!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.v354-money-revenue{background-color:#edf8f5!important}
.v354-money-profit{background-color:#f1f8ee!important}
.v354-money-projected{background-color:#fff6e5!important}
.v354-money-count{background-color:#f5f7f9!important}
.v354-money-box .font-semibold{
  font-weight:800!important;
  text-shadow:none!important;
}
.v354-inline-money{
  box-shadow:none!important;
  text-shadow:none!important;
  font-weight:600;
}

/* Dark mode */
.dark .v354-fin-revenue{--v356-solid-bg:#12342f!important}
.dark .v354-fin-collected{--v356-solid-bg:#173149!important}
.dark .v354-fin-profit{--v356-solid-bg:#20371c!important}
.dark .v354-fin-debt{--v356-solid-bg:#422422!important}
.dark .v354-fin-cost{--v356-solid-bg:#312942!important}
.dark .v354-fin-count{--v356-solid-bg:#3e311c!important}
.dark .v354-fin-neutral{--v356-solid-bg:#252e39!important}
.dark .v354-fin-revenue .stat-figure{color:#8bdfce!important}
.dark .v354-fin-collected .stat-figure{color:#9ac9f0!important}
.dark .v354-fin-profit .stat-figure{color:#a0d78e!important}
.dark .v354-fin-debt .stat-figure{color:#f1a39b!important}
.dark .v354-fin-cost .stat-figure{color:#c7b4e0!important}
.dark .v354-fin-count .stat-figure{color:#eac47e!important}
.dark .v354-fin-neutral .stat-figure{color:#d5dde7!important}

@media(max-width:700px){
  .v354-fin-card .stat-figure{
    font-weight:800!important;
    letter-spacing:-.01em!important;
  }
}


/* ===== V477 SOURCE 146: v357-premium-kpi-cards.css ===== */

/* =========================================================
   V357 — Premium Financial KPI Cards
   Thiết kế lại dãy ô tài chính: sắc nét, tách thẻ, dễ đọc.
   Không thay đổi dữ liệu hay công thức.
   ========================================================= */

/* Grid chứa KPI tài chính: tách thành từng card riêng */
.grid:has(> .v357-premium-kpi){
  gap:10px!important;
  background:transparent!important;
  overflow:visible!important;
  border-radius:0!important;
}

/* Card chung */
.v357-premium-kpi{
  min-width:0;
  min-height:128px;
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border:1px solid var(--v357-border,var(--border))!important;
  border-radius:12px!important;
  background:var(--v357-bg,#fff)!important;
  box-shadow:
    0 1px 1px rgba(15,23,42,.025),
    0 4px 12px rgba(15,23,42,.035)!important;
  padding:16px 17px 15px!important;
  overflow:hidden!important;
  transform:none!important;
  transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease!important;
}

.v357-premium-kpi:hover{
  transform:none!important;
  border-color:var(--v357-accent,var(--border))!important;
  box-shadow:
    0 1px 2px rgba(15,23,42,.035),
    0 7px 18px rgba(15,23,42,.06)!important;
}

/* Accent bar trên cùng */
.v357-premium-kpi::before{
  content:"";
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  bottom:auto!important;
  width:auto!important;
  height:4px!important;
  background:var(--v357-accent,#64748b)!important;
  opacity:1!important;
}

/* Nhãn */
.v357-premium-kpi .eyebrow{
  margin:1px 0 0!important;
  color:var(--v357-label,#64748b)!important;
  font-size:10.5px!important;
  line-height:1.25!important;
  font-weight:800!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  opacity:1!important;
}

/* Số chính */
.v357-premium-kpi .stat-figure{
  margin-top:10px!important;
  display:flex!important;
  align-items:baseline!important;
  gap:5px!important;
  color:var(--v357-value,#0f172a)!important;
  font-size:clamp(24px,1.8vw,31px)!important;
  line-height:1.03!important;
  font-weight:850!important;
  letter-spacing:-.025em!important;
  font-variant-numeric:tabular-nums lining-nums!important;
  white-space:nowrap!important;
  text-shadow:none!important;
}

/* Prefix ₫ nhỏ hơn, cùng tone */
.v357-premium-kpi .stat-figure>span:first-child{
  color:var(--v357-value,#0f172a)!important;
  font-size:14px!important;
  font-weight:800!important;
  opacity:.78!important;
}

/* Dòng tháng / tăng trưởng */
.v357-premium-kpi>div:last-child:not(.stat-figure){
  width:max-content;
  max-width:100%;
  margin-top:11px!important;
  padding:4px 7px!important;
  border:1px solid var(--v357-chip-border,var(--border))!important;
  border-radius:999px!important;
  background:var(--v357-chip-bg,rgba(100,116,139,.06))!important;
  color:var(--v357-chip-text,#64748b)!important;
  font-size:10.5px!important;
  line-height:1.25!important;
  font-weight:700!important;
  white-space:nowrap!important;
}

/* Tông màu theo ý nghĩa */
.v354-fin-revenue{
  --v357-accent:#0f8b73;
  --v357-border:#b9e3d9;
  --v357-bg:#f2fbf8;
  --v357-label:#277565;
  --v357-value:#075f50;
  --v357-chip-bg:#e5f5f0;
  --v357-chip-border:#c7e8df;
  --v357-chip-text:#2f7565;
}

.v354-fin-collected{
  --v357-accent:#3579bd;
  --v357-border:#c4daf0;
  --v357-bg:#f3f8fd;
  --v357-label:#426f99;
  --v357-value:#245b8e;
  --v357-chip-bg:#e9f2fb;
  --v357-chip-border:#d1e2f3;
  --v357-chip-text:#426f99;
}

.v354-fin-profit{
  --v357-accent:#55943d;
  --v357-border:#cbe3c2;
  --v357-bg:#f5fbf2;
  --v357-label:#577b4b;
  --v357-value:#376e29;
  --v357-chip-bg:#eaf5e6;
  --v357-chip-border:#d4e9cc;
  --v357-chip-text:#567848;
}

.v354-fin-debt{
  --v357-accent:#c85a50;
  --v357-border:#efcbc7;
  --v357-bg:#fff6f5;
  --v357-label:#915c56;
  --v357-value:#983d35;
  --v357-chip-bg:#fdecea;
  --v357-chip-border:#f3d3cf;
  --v357-chip-text:#9a544d;
}

.v354-fin-cost{
  --v357-accent:#8065aa;
  --v357-border:#d9cee9;
  --v357-bg:#faf7fd;
  --v357-label:#75648b;
  --v357-value:#604886;
  --v357-chip-bg:#f0eaf8;
  --v357-chip-border:#dfd3ed;
  --v357-chip-text:#705d89;
}

.v354-fin-count{
  --v357-accent:#c68b32;
  --v357-border:#ecd9b8;
  --v357-bg:#fffbf3;
  --v357-label:#866d47;
  --v357-value:#8e5d18;
  --v357-chip-bg:#fff3db;
  --v357-chip-border:#f0dfbd;
  --v357-chip-text:#906722;
}

.v354-fin-neutral{
  --v357-accent:#64748b;
  --v357-border:#dce2e9;
  --v357-bg:#fafbfc;
  --v357-label:#64748b;
  --v357-value:#3f4b5b;
  --v357-chip-bg:#f2f4f7;
  --v357-chip-border:#e0e5eb;
  --v357-chip-text:#64748b;
}

/* Loại "Giá trị TB / đơn" có chữ doanh thu nên dùng tone doanh thu,
   nhưng làm dịu hơn để không trùng hoàn toàn Tổng doanh thu */
.v357-premium-kpi[data-fin-tone="revenue"]:nth-last-child(1){
  --v357-accent:#16877d;
}

/* Xuất báo cáo — đồng bộ cùng ngôn ngữ thiết kế */
.v354-money-box{
  border-radius:10px!important;
  box-shadow:0 2px 8px rgba(15,23,42,.035)!important;
}
.v354-money-box::before{
  height:3px!important;
}

/* Mobile */
@media(max-width:1100px){
  .grid:has(> .v357-premium-kpi){
    gap:8px!important;
  }
  .v357-premium-kpi{
    min-height:116px;
    padding:14px 14px 13px!important;
  }
  .v357-premium-kpi .stat-figure{
    font-size:clamp(22px,3vw,28px)!important;
  }
}

@media(max-width:700px){
  .grid:has(> .v357-premium-kpi){
    gap:8px!important;
  }
  .v357-premium-kpi{
    min-height:108px!important;
    border-radius:10px!important;
    padding:13px!important;
  }
  .v357-premium-kpi .eyebrow{
    font-size:9.5px!important;
  }
  .v357-premium-kpi .stat-figure{
    margin-top:8px!important;
    font-size:clamp(21px,6.2vw,27px)!important;
  }
  .v357-premium-kpi>div:last-child:not(.stat-figure){
    margin-top:9px!important;
    font-size:9.5px!important;
  }
}

/* Dark mode */
.dark .v354-fin-revenue{--v357-bg:#11312c;--v357-border:#285f55;--v357-label:#9bcfc4;--v357-value:#8bdfce;--v357-chip-bg:#173d36;--v357-chip-border:#2b5c53;--v357-chip-text:#a6d9ce}
.dark .v354-fin-collected{--v357-bg:#172f46;--v357-border:#345f85;--v357-label:#9ebbd3;--v357-value:#9ac9f0;--v357-chip-bg:#1f3b54;--v357-chip-border:#365d7d;--v357-chip-text:#a8c9e3}
.dark .v354-fin-profit{--v357-bg:#20351d;--v357-border:#4b7141;--v357-label:#afd1a4;--v357-value:#a0d78e;--v357-chip-bg:#284322;--v357-chip-border:#4b6c43;--v357-chip-text:#b7dbaa}
.dark .v354-fin-debt{--v357-bg:#3f2321;--v357-border:#7c4d48;--v357-label:#ddb0ac;--v357-value:#f1a39b;--v357-chip-bg:#4e2c29;--v357-chip-border:#79504b;--v357-chip-text:#e8b5b0}
.dark .v354-fin-cost{--v357-bg:#302840;--v357-border:#65527d;--v357-label:#c5b9d4;--v357-value:#c7b4e0;--v357-chip-bg:#3b3150;--v357-chip-border:#625279;--v357-chip-text:#d0c2df}
.dark .v354-fin-count{--v357-bg:#3c301b;--v357-border:#755e36;--v357-label:#d8c298;--v357-value:#eac47e;--v357-chip-bg:#473922;--v357-chip-border:#735e3b;--v357-chip-text:#e2cca4}
.dark .v354-fin-neutral{--v357-bg:#252e39;--v357-border:#465565;--v357-label:#aebaca;--v357-value:#d5dde7;--v357-chip-bg:#2d3844;--v357-chip-border:#475665;--v357-chip-text:#bcc7d3}


/* ===== V477 SOURCE 147: v359-profile-visible-access.css ===== */

/* V359 — làm lối vào Tài khoản cá nhân thật rõ */
.v359-user-profile-link{
  display:block;
  margin:-5px -7px 0;
  padding:7px;
  border:1px solid transparent;
  border-radius:7px;
  text-decoration:none;
}
.v359-user-profile-link:hover{
  border-color:color-mix(in srgb,var(--amber-brand) 45%,var(--sidebar-border));
  background:var(--sidebar-accent);
}
.v359-user-edit-hint{
  margin-top:2px;
  font-size:9.5px;
  font-weight:700;
  color:var(--amber-brand);
  text-transform:none;
  letter-spacing:0;
}
.v359-mobile-profile-link{
  display:block;
  margin-bottom:7px;
  padding:6px 0;
  border:1px solid var(--sidebar-border);
  border-radius:7px;
  text-decoration:none;
}
.v359-top-profile-button{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:32px;
  border:1px solid var(--border);
  border-radius:999px;
  background:var(--card);
  padding:3px 9px 3px 4px;
  text-decoration:none;
  transition:.15s ease;
}
.v359-top-profile-button:hover{
  border-color:var(--brand-green);
  background:color-mix(in srgb,var(--brand-green) 5%,var(--card));
}
.v359-top-profile-button img{
  width:24px;
  height:24px;
  border-radius:50%;
  object-fit:cover;
}
.v359-top-edit-text{
  font-size:10px;
  font-weight:800;
  color:var(--brand-green);
}
@media(max-width:640px){
  .v359-top-profile-button{
    min-height:30px;
    padding:2px 7px;
  }
  .v359-top-edit-text{
    font-size:9.5px;
  }
}


/* ===== V477 SOURCE 148: v360-premium-employee-profile.css ===== */

/* =========================================================
   V360 — Premium Employee Profile
   ========================================================= */

.v360-profile-page{
  max-width:1320px;
  margin:0 auto;
}

.v360-profile-grid{
  grid-template-columns:300px minmax(0,1fr)!important;
  gap:20px!important;
  margin-top:20px!important;
}

.v360-profile-main{
  gap:20px!important;
}

.v360-profile-summary,
.v360-profile-card{
  border:1px solid color-mix(in srgb,var(--border) 88%,transparent)!important;
  border-radius:16px!important;
  background:var(--card)!important;
  box-shadow:0 8px 28px rgba(15,23,42,.055)!important;
}

.v360-profile-summary{
  position:sticky!important;
  top:82px!important;
  padding:22px!important;
  overflow:hidden;
}

.v360-profile-summary::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:92px;
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--brand-green) 13%,var(--card)),
    color-mix(in srgb,var(--amber-brand) 8%,var(--card))
  );
  border-bottom:1px solid color-mix(in srgb,var(--border) 82%,transparent);
  z-index:0;
}

.v360-profile-summary>*{
  position:relative;
  z-index:1;
}

.v360-profile-summary .v358-profile-avatar-wrap{
  margin-top:22px!important;
  margin-bottom:14px!important;
}

.v360-profile-summary .v358-profile-avatar{
  width:124px!important;
  height:124px!important;
  border:5px solid var(--card)!important;
  box-shadow:
    0 0 0 2px color-mix(in srgb,var(--brand-green) 40%,var(--border)),
    0 12px 28px rgba(15,23,42,.14)!important;
}

.v360-profile-summary h2{
  margin-top:2px;
  font-size:20px!important;
  font-weight:900!important;
  letter-spacing:-.015em;
  color:var(--foreground);
}

.v360-profile-summary>p{
  margin-top:5px!important;
  font-size:11.5px!important;
  color:var(--muted-foreground)!important;
}

.v360-profile-summary .v358-profile-role{
  margin-top:11px!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--brand-green) 8%,var(--card))!important;
  border-color:color-mix(in srgb,var(--brand-green) 30%,var(--border))!important;
  font-size:10px!important;
  font-weight:850!important;
}

.v360-profile-meta{
  display:grid;
  gap:8px;
  margin-top:18px;
  padding:12px;
  border:1px solid var(--border);
  border-radius:10px;
  background:color-mix(in srgb,var(--muted) 22%,var(--card));
  text-align:left;
}

.v360-profile-meta>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.v360-profile-meta span{
  font-size:10px;
  color:var(--muted-foreground);
}

.v360-profile-meta strong{
  font-size:10.5px;
  font-weight:800;
  color:var(--foreground);
}

.v360-profile-meta strong.online{
  position:relative;
  padding-left:12px;
  color:var(--success);
}

.v360-profile-meta strong.online::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:7px;
  height:7px;
  border-radius:50%;
  transform:translateY(-50%);
  background:var(--success);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 12%,transparent);
}

.v360-profile-summary .v358-avatar-upload{
  min-height:42px!important;
  margin-top:16px!important;
  border-radius:9px!important;
  border-color:color-mix(in srgb,var(--brand-green) 35%,var(--border))!important;
  background:color-mix(in srgb,var(--brand-green) 5%,var(--card))!important;
  color:var(--brand-green)!important;
  font-weight:800!important;
}

.v360-profile-summary .v358-avatar-upload:hover{
  background:color-mix(in srgb,var(--brand-green) 10%,var(--card))!important;
}

.v360-profile-summary small{
  margin-top:8px!important;
  font-size:9.5px!important;
}

/* Main cards */
.v360-profile-card{
  padding:20px!important;
}

.v360-profile-section-head{
  align-items:center!important;
  padding-bottom:14px!important;
  margin-bottom:18px!important;
}

.v360-profile-section-head h3{
  font-size:16px!important;
  font-weight:900!important;
  letter-spacing:-.01em;
}

.v360-profile-section-head p{
  max-width:680px;
  margin-top:5px!important;
  font-size:11.5px!important;
  line-height:1.55;
}

.v360-profile-section-head>span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:0 9px;
  border:1px solid color-mix(in srgb,var(--brand-green) 28%,var(--border));
  border-radius:999px;
  background:color-mix(in srgb,var(--brand-green) 6%,var(--card));
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.11em!important;
}

/* Form */
.v360-profile-form-grid{
  gap:14px!important;
}

.v360-profile-form-grid label{
  gap:7px!important;
}

.v360-profile-form-grid label>span,
.v360-profile-password-grid label>span{
  font-size:10.5px!important;
  font-weight:800!important;
  color:var(--foreground)!important;
}

.v360-profile-form-grid input,
.v360-profile-password-grid input{
  height:44px!important;
  border-radius:9px!important;
  border:1px solid color-mix(in srgb,var(--border) 95%,transparent)!important;
  background:color-mix(in srgb,var(--background) 96%,var(--muted))!important;
  padding:0 12px!important;
  font-size:12.5px!important;
  font-weight:550;
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}

.v360-profile-form-grid input:hover,
.v360-profile-password-grid input:hover{
  border-color:color-mix(in srgb,var(--brand-green) 28%,var(--border))!important;
}

.v360-profile-form-grid input:focus,
.v360-profile-password-grid input:focus{
  border-color:var(--brand-green)!important;
  background:var(--background)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-green) 11%,transparent)!important;
}

.v360-profile-form-grid input:disabled{
  background:color-mix(in srgb,var(--muted) 62%,var(--card))!important;
  color:var(--muted-foreground)!important;
  cursor:not-allowed;
}

/* Buttons */
.v360-profile-actions{
  margin-top:18px!important;
  padding-top:15px;
  border-top:1px solid color-mix(in srgb,var(--border) 80%,transparent);
}

.v360-profile-actions button{
  min-height:42px!important;
  min-width:170px;
  border-radius:9px!important;
  padding:0 16px!important;
  font-size:11.5px!important;
  font-weight:850!important;
  box-shadow:0 3px 10px color-mix(in srgb,var(--brand-green) 18%,transparent);
}

.v360-profile-actions button:hover:not(:disabled){
  transform:translateY(-1px);
}

.v360-profile-actions button.secondary{
  background:#b47b24!important;
  border-color:#b47b24!important;
  box-shadow:0 3px 10px rgba(180,123,36,.18)!important;
}

/* Password block slightly distinct */
.v360-profile-password-grid{
  padding:14px;
  border:1px solid color-mix(in srgb,var(--amber-brand) 20%,var(--border));
  border-radius:11px;
  background:color-mix(in srgb,var(--amber-brand) 3.5%,var(--card));
}

/* Responsive */
@media(max-width:1000px){
  .v360-profile-grid{
    grid-template-columns:1fr!important;
  }
  .v360-profile-summary{
    position:static!important;
    display:grid!important;
    grid-template-columns:108px minmax(0,1fr)!important;
    column-gap:18px!important;
    text-align:left!important;
  }
  .v360-profile-summary::before{
    height:100%!important;
    width:112px!important;
    right:auto!important;
    border-right:1px solid var(--border);
    border-bottom:0;
  }
  .v360-profile-summary .v358-profile-avatar-wrap{
    grid-row:1/7;
    margin:0!important;
    align-self:start;
  }
  .v360-profile-summary .v358-profile-avatar{
    width:92px!important;
    height:92px!important;
  }
  .v360-profile-meta{
    margin-top:12px;
  }
  .v360-profile-summary .v358-avatar-upload{
    margin-top:10px!important;
  }
  .v360-profile-summary small{
    grid-column:2;
  }
}

@media(max-width:760px){
  .v360-profile-card{
    padding:16px!important;
    border-radius:12px!important;
  }
  .v360-profile-form-grid,
  .v360-profile-password-grid{
    grid-template-columns:1fr!important;
  }
  .v360-profile-section-head{
    align-items:flex-start!important;
  }
}

@media(max-width:560px){
  .v360-profile-grid{
    gap:14px!important;
    margin-top:14px!important;
  }
  .v360-profile-summary{
    grid-template-columns:82px 1fr!important;
    column-gap:12px!important;
    padding:15px!important;
  }
  .v360-profile-summary::before{
    width:86px!important;
  }
  .v360-profile-summary .v358-profile-avatar{
    width:70px!important;
    height:70px!important;
  }
  .v360-profile-summary h2{
    font-size:17px!important;
  }
  .v360-profile-meta{
    grid-column:1/-1;
  }
  .v360-profile-summary .v358-avatar-upload,
  .v360-profile-summary small{
    grid-column:1/-1;
  }
  .v360-profile-actions button{
    width:100%;
    min-width:0;
  }
}

/* Dark mode */
.dark .v360-profile-summary::before{
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--brand-green) 18%,var(--card)),
    color-mix(in srgb,var(--amber-brand) 12%,var(--card))
  );
}


/* ===== V477 SOURCE 149: v361-profile-safe.css ===== */

/* V361 - Profile UI fallback-safe. No color-mix dependency. */
.v358-profile-page,.v360-profile-page{max-width:1320px!important;margin:0 auto!important}
.v358-profile-grid,.v360-profile-grid{display:grid!important;grid-template-columns:300px minmax(0,1fr)!important;gap:20px!important;margin-top:20px!important}
.v358-profile-main,.v360-profile-main{display:grid!important;gap:20px!important}
.v358-profile-card,.v360-profile-card,.v358-profile-summary,.v360-profile-summary{
  box-sizing:border-box!important;border:1px solid #d9dee5!important;border-radius:14px!important;
  background:#fff!important;box-shadow:0 5px 18px rgba(15,23,42,.06)!important;padding:20px!important;color:#172033!important
}
.v358-profile-summary,.v360-profile-summary{align-self:start!important;position:sticky!important;top:78px!important;text-align:center!important;overflow:hidden!important}
.v358-profile-summary:before,.v360-profile-summary:before{
  content:""!important;position:absolute!important;z-index:0!important;left:0!important;right:0!important;top:0!important;height:88px!important;
  background:#eef7f3!important;border-bottom:1px solid #dbe7e1!important
}
.v358-profile-summary>*,.v360-profile-summary>*{position:relative!important;z-index:1!important}
.v358-profile-avatar-wrap{display:flex!important;justify-content:center!important;margin:20px 0 14px!important}
.v358-profile-avatar{display:grid!important;place-items:center!important;width:118px!important;height:118px!important;border-radius:999px!important;object-fit:cover!important;border:5px solid #fff!important;background:#e9f5f0!important;color:#08705c!important;font-size:30px!important;font-weight:900!important;box-shadow:0 5px 16px rgba(15,23,42,.12)!important}
.v358-profile-summary h2{margin:0!important;font-size:19px!important;line-height:1.25!important;font-weight:900!important;color:#172033!important}
.v358-profile-summary>p{margin:5px 0 0!important;font-size:11px!important;color:#6b7280!important}
.v358-profile-role{display:inline-flex!important;margin-top:10px!important;padding:6px 10px!important;border:1px solid #b9ddcf!important;border-radius:999px!important;background:#edf8f4!important;color:#08705c!important;font-size:10px!important;font-weight:800!important}
.v360-profile-meta{display:grid!important;gap:8px!important;margin-top:16px!important;padding:11px!important;border:1px solid #e0e4e9!important;border-radius:9px!important;background:#f8fafb!important;text-align:left!important}
.v360-profile-meta>div{display:flex!important;justify-content:space-between!important;gap:12px!important;align-items:center!important}
.v360-profile-meta span{font-size:10px!important;color:#7a8491!important}.v360-profile-meta strong{font-size:10.5px!important;color:#253044!important;font-weight:800!important}
.v360-profile-meta strong.online{color:#17805f!important}
.v358-avatar-upload{display:flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;margin-top:15px!important;padding:0 12px!important;border:1px solid #b9ddcf!important;border-radius:8px!important;background:#f0f8f5!important;color:#08705c!important;font-size:11px!important;font-weight:800!important;cursor:pointer!important}
.v358-avatar-upload input{display:none!important}.v358-profile-summary small{display:block!important;margin-top:7px!important;font-size:9.5px!important;color:#7a8491!important}
.v358-profile-section-head,.v360-profile-section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding-bottom:14px!important;margin-bottom:17px!important;border-bottom:1px solid #e3e7eb!important}
.v358-profile-section-head h3{margin:0!important;font-size:16px!important;font-weight:900!important;color:#172033!important}.v358-profile-section-head p{margin:4px 0 0!important;font-size:11px!important;line-height:1.5!important;color:#6f7885!important}
.v358-profile-section-head>span{display:inline-flex!important;padding:6px 9px!important;border:1px solid #c7ded5!important;border-radius:999px!important;background:#f1f8f5!important;color:#08705c!important;font-size:9px!important;font-weight:900!important;letter-spacing:.08em!important}
.v358-profile-form-grid,.v360-profile-form-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important}
.v358-profile-form-grid.password,.v360-profile-password-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:14px!important;border:1px solid #ead8b9!important;border-radius:10px!important;background:#fffbf3!important}
.v358-profile-form-grid label,.v360-profile-form-grid label,.v360-profile-password-grid label{display:grid!important;gap:6px!important;min-width:0!important}
.v358-profile-form-grid label>span,.v360-profile-form-grid label>span,.v360-profile-password-grid label>span{font-size:10.5px!important;font-weight:800!important;color:#344054!important}
.v358-profile-form-grid input,.v360-profile-form-grid input,.v360-profile-password-grid input{
 box-sizing:border-box!important;width:100%!important;height:43px!important;border:1px solid #d6dce3!important;border-radius:8px!important;background:#fff!important;padding:0 11px!important;color:#172033!important;font-size:12px!important;outline:none!important
}
.v358-profile-form-grid input:focus,.v360-profile-form-grid input:focus,.v360-profile-password-grid input:focus{border-color:#14846d!important;box-shadow:0 0 0 3px rgba(20,132,109,.10)!important}
.v358-profile-form-grid input:disabled,.v360-profile-form-grid input:disabled{background:#f2f4f6!important;color:#78828e!important}
.v358-profile-full{grid-column:1/-1!important}
.v358-profile-actions,.v360-profile-actions{display:flex!important;justify-content:flex-end!important;margin-top:17px!important;padding-top:14px!important;border-top:1px solid #e5e8ec!important}
.v358-profile-actions button,.v360-profile-actions button{min-width:165px!important;min-height:41px!important;border:1px solid #0c765f!important;border-radius:8px!important;background:#0c765f!important;color:#fff!important;padding:0 15px!important;font-size:11px!important;font-weight:850!important;cursor:pointer!important}
.v358-profile-actions button.secondary,.v360-profile-actions button.secondary{border-color:#b7791f!important;background:#b7791f!important}.v358-profile-actions button:disabled{opacity:.55!important}
.v358-sidebar-avatar{width:24px!important;height:24px!important;border-radius:50%!important;object-fit:cover!important}.v358-sidebar-avatar.mobile{width:28px!important;height:28px!important}

@media(max-width:1000px){
 .v358-profile-grid,.v360-profile-grid{grid-template-columns:1fr!important}
 .v358-profile-summary,.v360-profile-summary{position:static!important}
 .v358-profile-form-grid.password,.v360-profile-password-grid{grid-template-columns:1fr!important}
}
@media(max-width:650px){
 .v358-profile-card,.v360-profile-card,.v358-profile-summary,.v360-profile-summary{padding:14px!important;border-radius:11px!important}
 .v358-profile-form-grid,.v360-profile-form-grid{grid-template-columns:1fr!important}
 .v358-profile-full{grid-column:auto!important}
 .v358-profile-section-head,.v360-profile-section-head{display:grid!important;align-items:start!important}
 .v358-profile-actions button,.v360-profile-actions button{width:100%!important;min-width:0!important}
 .v358-profile-avatar{width:88px!important;height:88px!important}
}
.dark .v358-profile-card,.dark .v360-profile-card,.dark .v358-profile-summary,.dark .v360-profile-summary{background:#18212b!important;border-color:#34404c!important;color:#e8edf2!important}
.dark .v358-profile-summary:before,.dark .v360-profile-summary:before{background:#19332d!important;border-color:#315047!important}
.dark .v358-profile-summary h2,.dark .v358-profile-section-head h3,.dark .v358-profile-form-grid label>span,.dark .v360-profile-form-grid label>span{color:#eef2f6!important}
.dark .v358-profile-form-grid input,.dark .v360-profile-form-grid input,.dark .v360-profile-password-grid input{background:#111923!important;border-color:#3b4652!important;color:#eef2f6!important}


/* ===== V477 SOURCE 150: v362-customer-product-analytics.css ===== */

/* V362 — Customer Product Analytics */
.v362-customer-analytics-dialog{width:min(1180px,calc(100vw - 28px))!important;max-width:1180px!important;max-height:90vh!important;overflow:auto!important}
.v362-analytics-subtitle{margin-top:4px;font-size:11px;color:var(--muted-foreground)}
.v362-analytics-filters{display:grid;grid-template-columns:180px 150px minmax(150px,1fr);gap:10px;align-items:end;margin-top:4px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--muted)}
.v362-analytics-filters label{display:grid;gap:5px}.v362-analytics-filters label span{font-size:10px;font-weight:800;color:var(--muted-foreground)}
.v362-analytics-filters select{height:38px;border:1px solid var(--border);border-radius:7px;background:var(--background);padding:0 10px;font-size:12px;color:var(--foreground)}
.v362-filter-summary{display:flex;align-items:baseline;justify-content:flex-end;gap:6px;padding:0 3px 4px}.v362-filter-summary strong{font-size:18px;color:var(--brand-green)}.v362-filter-summary span{font-size:10.5px;color:var(--muted-foreground)}
.v362-analytics-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.v362-kpi{min-width:0;padding:13px;border:1px solid var(--border);border-radius:10px;background:var(--card);box-shadow:0 2px 8px rgba(15,23,42,.035)}
.v362-kpi span{display:block;font-size:9.5px;font-weight:850;letter-spacing:.05em;text-transform:uppercase;color:var(--muted-foreground)}
.v362-kpi strong{display:block;margin-top:7px;overflow:hidden;text-overflow:ellipsis;font-size:15px;line-height:1.3;font-weight:900;white-space:nowrap}.v362-kpi small{display:block;margin-top:5px;font-size:10px;color:var(--muted-foreground)}
.v362-kpi.top{border-top:3px solid #0f8b73;background:#f3fbf8}.v362-kpi.value{border-top:3px solid #3579bd;background:#f4f8fd}.v362-kpi.qty{border-top:3px solid #c68b32;background:#fffbf3}.v362-kpi.revenue{border-top:3px solid #55943d;background:#f5fbf2}
.v362-top-products{margin-top:12px;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--card)}.v362-top-products h3{font-size:13px;font-weight:900}
.v362-bars{display:grid;gap:9px;margin-top:12px}.v362-bar-row{display:grid;grid-template-columns:24px minmax(180px,1.2fr) minmax(150px,2fr) 120px;gap:10px;align-items:center}
.v362-bar-row .rank{display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:var(--muted);font-size:10px;font-weight:900}.v362-bar-row .product{min-width:0}.v362-bar-row .product strong{display:block;overflow:hidden;text-overflow:ellipsis;font-size:11.5px;white-space:nowrap}.v362-bar-row .product small{display:block;margin-top:2px;font-size:9.5px;color:var(--muted-foreground)}
.v362-bar-row .bar{height:8px;overflow:hidden;border-radius:999px;background:var(--muted)}.v362-bar-row .bar i{display:block;height:100%;border-radius:999px;background:var(--brand-green)}.v362-bar-row>b{text-align:right;font-size:10.5px}
.v362-product-table-wrap{margin-top:12px;overflow:auto;border:1px solid var(--border);border-radius:10px}.v362-product-table{width:100%;min-width:760px;border-collapse:collapse;font-size:11px}.v362-product-table th{padding:9px 10px;background:var(--muted);text-align:left;font-size:9.5px;text-transform:uppercase;color:var(--muted-foreground)}.v362-product-table td{padding:10px;border-top:1px solid var(--border)}.v362-product-table td:nth-child(n+3),.v362-product-table th:nth-child(n+3){text-align:right}.v362-analytics-empty{display:grid;min-height:180px;place-items:center;margin-top:12px;border:1px dashed var(--border);border-radius:10px;color:var(--muted-foreground);font-size:12px}
@media(max-width:900px){.v362-analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.v362-bar-row{grid-template-columns:24px minmax(140px,1fr) 1.5fr 95px}}
@media(max-width:650px){.v362-customer-analytics-dialog{width:calc(100vw - 16px)!important;max-height:94vh!important}.v362-analytics-filters{grid-template-columns:1fr 1fr}.v362-filter-summary{grid-column:1/-1;justify-content:flex-start}.v362-analytics-kpis{grid-template-columns:1fr 1fr}.v362-kpi{padding:11px}.v362-kpi strong{font-size:13px;white-space:normal}.v362-top-products{padding:11px}.v362-bar-row{grid-template-columns:22px minmax(0,1fr) 82px}.v362-bar-row .bar{grid-column:2/-1}.v362-bar-row>b{grid-column:3;grid-row:1}.v362-product-table-wrap{margin-left:-2px;margin-right:-2px}}


/* ===== V477 SOURCE 151: v363-demand-strategy.css ===== */

/* V363 — Phân tích nhu cầu & Dự trữ chiến lược */
.v363-page{max-width:1600px;margin:0 auto}
.v363-hero{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:16px;align-items:center;margin:18px 0 12px;padding:18px 20px;border:1px solid #dce5e1;border-radius:12px;background:#f5faf8;box-shadow:0 3px 14px rgba(15,23,42,.04)}
.v363-kicker{font-size:9px;font-weight:900;letter-spacing:.13em;color:#0b7762}.v363-hero h2{margin-top:5px;font-size:24px;font-weight:900;letter-spacing:-.02em;color:#172033}.v363-hero p{max-width:840px;margin-top:6px;font-size:11.5px;line-height:1.55;color:#687383}
.v363-period{display:grid;gap:6px}.v363-period span{font-size:9.5px;font-weight:800;color:#687383}.v363-period select{height:38px;border:1px solid #cfd8d4;border-radius:7px;background:#fff;padding:0 9px;font-size:11.5px}
.v363-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:12px}.v363-kpis article{min-width:0;padding:12px 13px;border:1px solid #dde3e8;border-top:3px solid #64748b;border-radius:9px;background:#fff;box-shadow:0 2px 8px rgba(15,23,42,.035)}.v363-kpis article.demand{border-top-color:#0f8b73}.v363-kpis article.customers{border-top-color:#3579bd}.v363-kpis article.peak{border-top-color:#c68b32}.v363-kpis article.urgent{border-top-color:#c85a50}.v363-kpis article.revenue{border-top-color:#55943d}.v363-kpis span{display:block;font-size:9px;font-weight:850;letter-spacing:.05em;text-transform:uppercase;color:#6b7280}.v363-kpis strong{display:block;overflow:hidden;margin-top:6px;text-overflow:ellipsis;font-size:16px;font-weight:900;white-space:nowrap;color:#172033}.v363-kpis small{display:block;margin-top:4px;font-size:9.5px;color:#7b8490}
.v363-panel{overflow:hidden;border:1px solid #dce2e8;border-radius:12px;background:#fff;box-shadow:0 4px 16px rgba(15,23,42,.04)}.v363-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 15px;border-bottom:1px solid #e3e7eb}.v363-toolbar h3{font-size:14px;font-weight:900;color:#172033}.v363-toolbar p{margin-top:3px;font-size:10px;color:#77818e}.v363-tools{display:flex;gap:7px;align-items:center}.v363-tools input{width:270px;height:36px;border:1px solid #d5dce3;border-radius:7px;padding:0 10px;font-size:11px}.v363-tools select,.v363-tools button{height:36px;border:1px solid #d5dce3;border-radius:7px;background:#fff;padding:0 9px;font-size:10.5px;font-weight:700}.v363-tools button{color:#08705c}
.v363-table-wrap{overflow:auto}.v363-table{width:100%;min-width:1480px;border-collapse:collapse;font-size:10.5px}.v363-table th{padding:9px 8px;background:#f7f9fa;text-align:left;font-size:8.8px;letter-spacing:.04em;text-transform:uppercase;color:#65707e;white-space:nowrap}.v363-table td{padding:10px 8px;border-top:1px solid #e6e9ed;vertical-align:middle}.v363-table tbody tr:hover{background:#fbfcfc}.v363-product{min-width:180px}.v363-product strong,.v363-type strong,.v363-number strong,.v363-peak-cell strong,.v363-cover strong,.v363-suggest strong,.v363-cost strong,.v363-center strong{display:block;font-size:10.8px;font-weight:800;color:#222d3d}.v363-product small,.v363-type small,.v363-number small,.v363-peak-cell small,.v363-cover small,.v363-suggest small,.v363-cost small,.v363-center small{display:block;margin-top:2px;font-size:8.8px;color:#7a8490}.v363-center{text-align:center}.v363-number,.v363-cover,.v363-suggest,.v363-cost{text-align:right}
.v363-growth,.v363-status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:800;white-space:nowrap}.v363-growth.up{background:#eaf6ee;color:#35772b}.v363-growth.down{background:#fff0ee;color:#a64139}.v363-growth.flat{background:#f2f4f6;color:#65707c}.v363-cost.good strong{color:#237a59}.v363-cost.high strong{color:#a84a3f}.v363-status.urgent{background:#fdecea;color:#aa3f37}.v363-status.watch{background:#fff4dc;color:#996313}.v363-status.opportunity{background:#e9f7f1;color:#14715d}.v363-status.stable{background:#eef3f6;color:#536373}.v363-muted{font-size:9px;color:#89929d}
.v363-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border-top:1px solid #e3e7eb;background:#fafbfc;font-size:10px;color:#6d7784}.v363-pagination>div:last-child{display:flex;align-items:center;gap:6px}.v363-pagination select,.v363-pagination button{height:31px;border:1px solid #d6dce3;border-radius:6px;background:#fff;padding:0 8px;font-size:9.5px}.v363-pagination button:disabled{opacity:.4}.v363-pagination span{min-width:74px;text-align:center;font-weight:800;color:#3f4b5b}
.v363-empty{display:grid;min-height:220px;place-items:center;color:#77818d;font-size:11px}
.v363-method{margin-top:12px;padding:14px 16px;border:1px solid #e2ded3;border-radius:10px;background:#fffaf1}.v363-method h3{font-size:12px;font-weight:900;color:#71531f}.v363-method>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:9px}.v363-method p{font-size:9.8px;line-height:1.5;color:#746955}.v363-method b{color:#5f513d}
@media(max-width:1200px){.v363-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.v363-method>div{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.v363-hero{grid-template-columns:1fr}.v363-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.v363-toolbar{display:grid}.v363-tools{display:grid;grid-template-columns:1fr 1fr}.v363-tools input{grid-column:1/-1;width:100%}.v363-tools button{width:100%}.v363-pagination{display:grid;text-align:center}.v363-pagination>div:last-child{display:grid;grid-template-columns:1fr 1fr auto 1fr}.v363-method>div{grid-template-columns:1fr}}
@media(max-width:500px){.v363-kpis{grid-template-columns:1fr 1fr}.v363-kpis article{padding:10px}.v363-kpis strong{font-size:13px}.v363-tools{grid-template-columns:1fr}.v363-tools input{grid-column:auto}.v363-pagination>div:last-child{grid-template-columns:1fr 1fr}.v363-pagination span{grid-column:1/-1;grid-row:1}}


/* ===== V477 SOURCE 152: v364-dashboard-demand-summary.css ===== */

/* V364 — Tóm tắt Phân tích nhu cầu trên Tổng quan */
.v364-demand-dashboard{
  margin:0 0 22px;
  border:1px solid #dbe4e1;
  border-radius:12px;
  background:#fff;
  box-shadow:0 4px 16px rgba(15,23,42,.04);
  overflow:hidden;
}
.v364-demand-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  padding:14px 16px;
  border-bottom:1px solid #e4e8eb;
  background:#f8fbfa;
}
.v364-demand-kicker{
  display:block;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
  color:#0b7762;
}
.v364-demand-head h3{
  margin-top:4px;
  font-size:15px;
  font-weight:900;
  color:#172033;
}
.v364-demand-head p{
  margin-top:4px;
  font-size:10.5px;
  color:#75808c;
}
.v364-demand-link{
  display:inline-flex;
  align-items:center;
  gap:4px;
  white-space:nowrap;
  font-size:10.5px;
  font-weight:800;
  color:#0b7762;
}
.v364-demand-link:hover{text-decoration:underline}
.v364-demand-body{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);
  gap:14px;
  padding:14px;
}
.v364-demand-signals{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}
.v364-signal{
  display:block;
  min-width:0;
  padding:12px 13px;
  border:1px solid #e0e4e8;
  border-left:4px solid #64748b;
  border-radius:9px;
  background:#fff;
  text-decoration:none;
}
.v364-signal:hover{box-shadow:0 4px 12px rgba(15,23,42,.05)}
.v364-signal.urgent{border-left-color:#c85a50;background:#fff8f7}
.v364-signal.growth{border-left-color:#3579bd;background:#f7fbff}
.v364-signal.opportunity{border-left-color:#0f8b73;background:#f5fbf9}
.v364-signal.peak{border-left-color:#c68b32;background:#fffaf2}
.v364-signal span{
  display:block;
  font-size:9px;
  font-weight:850;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:#6e7884;
}
.v364-signal strong{
  display:block;
  margin-top:6px;
  font-size:23px;
  line-height:1;
  font-weight:900;
  color:#172033;
}
.v364-signal small{
  display:block;
  margin-top:6px;
  font-size:9.5px;
  line-height:1.4;
  color:#7b8490;
}
.v364-demand-chart{
  min-width:0;
  padding:11px 12px 5px;
  border:1px solid #e0e5e8;
  border-radius:9px;
  background:#fbfcfc;
}
.v364-chart-title{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:8px;
  padding:0 2px 5px;
}
.v364-chart-title strong{
  font-size:11.5px;
  font-weight:850;
  color:#263244;
}
.v364-chart-title span{
  font-size:9px;
  color:#7b8490;
}
@media(max-width:1050px){
  .v364-demand-body{grid-template-columns:1fr}
}
@media(max-width:700px){
  .v364-demand-head{display:grid;align-items:start}
  .v364-demand-link{width:max-content}
  .v364-demand-signals{grid-template-columns:1fr 1fr}
  .v364-demand-body{padding:10px;gap:10px}
  .v364-signal{padding:10px}
  .v364-signal strong{font-size:20px}
  .v364-chart-title{display:grid}
}
@media(max-width:420px){
  .v364-demand-signals{grid-template-columns:1fr 1fr}
  .v364-signal small{font-size:8.8px}
}
.dark .v364-demand-dashboard{background:#18212b;border-color:#34424b}
.dark .v364-demand-head{background:#1b2b29;border-color:#34424b}
.dark .v364-demand-head h3,.dark .v364-signal strong,.dark .v364-chart-title strong{color:#edf2f6}
.dark .v364-signal,.dark .v364-demand-chart{background:#151e27;border-color:#34424b}
.dark .v364-signal.urgent{background:#35201f}.dark .v364-signal.growth{background:#172a3c}.dark .v364-signal.opportunity{background:#15312b}.dark .v364-signal.peak{background:#33291a}


/* ===== V477 SOURCE 153: v365-regional-product-demand.css ===== */

/* V365 — Phân tích sản phẩm theo khu vực */
.v365-region-section{
  margin-top:12px;
  border:1px solid #dce3e8;
  border-radius:12px;
  background:#fff;
  box-shadow:0 4px 16px rgba(15,23,42,.04);
  overflow:hidden;
}
.v365-region-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  padding:15px 16px;
  border-bottom:1px solid #e4e8ec;
  background:#f8fafb;
}
.v365-region-kicker{
  display:block;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
  color:#2c6f9e;
}
.v365-region-head h3{
  margin-top:4px;
  font-size:14px;
  font-weight:900;
  color:#172033;
}
.v365-region-head p{
  max-width:820px;
  margin-top:4px;
  font-size:10.5px;
  line-height:1.5;
  color:#74808d;
}
.v365-region-filter{
  display:grid;
  gap:5px;
  min-width:210px;
}
.v365-region-filter span{
  font-size:9px;
  font-weight:800;
  color:#6f7a87;
}
.v365-region-filter select{
  height:36px;
  border:1px solid #d3dae1;
  border-radius:7px;
  background:#fff;
  padding:0 9px;
  font-size:10.5px;
}
.v365-region-kpis{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  padding:12px;
}
.v365-region-kpis article{
  min-width:0;
  padding:11px 12px;
  border:1px solid #dde3e8;
  border-top:3px solid #3579bd;
  border-radius:9px;
  background:#f8fbfe;
}
.v365-region-kpis article:nth-child(2){
  border-top-color:#0f8b73;
  background:#f6fbf9;
}
.v365-region-kpis article:nth-child(3){
  border-top-color:#c68b32;
  background:#fffaf3;
}
.v365-region-kpis span{
  display:block;
  font-size:9px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:#6f7884;
}
.v365-region-kpis strong{
  display:block;
  margin-top:6px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:15px;
  font-weight:900;
  color:#172033;
}
.v365-region-kpis small{
  display:block;
  margin-top:4px;
  font-size:9.5px;
  color:#7b8490;
}
.v365-region-table-wrap{
  overflow:auto;
  border-top:1px solid #e4e8ec;
}
.v365-region-table{
  width:100%;
  min-width:1050px;
  border-collapse:collapse;
  font-size:10.5px;
}
.v365-region-table th{
  padding:9px 9px;
  background:#f7f9fa;
  text-align:left;
  font-size:8.8px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:#67717e;
  white-space:nowrap;
}
.v365-region-table td{
  padding:9px;
  border-top:1px solid #e8ebee;
  color:#303b4a;
}
.v365-region-table tbody tr:hover{
  background:#fbfcfd;
}
.v365-region-table th:nth-child(n+3),
.v365-region-table td:nth-child(n+3){
  text-align:right;
}
.v365-region-name{
  color:#2f6f9d;
}
.v365-region-product{
  min-width:190px;
  text-align:left!important;
}
.v365-region-product strong{
  display:block;
  font-size:10.8px;
  font-weight:800;
  color:#222d3d;
}
.v365-region-product small,
.v365-region-table td small{
  display:block;
  margin-top:2px;
  font-size:8.8px;
  color:#7b8490;
}
.v365-region-pagination{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  border-top:1px solid #e3e7eb;
  background:#fafbfc;
  font-size:9.8px;
  color:#6d7784;
}
.v365-region-pagination>div:last-child{
  display:flex;
  align-items:center;
  gap:6px;
}
.v365-region-pagination select,
.v365-region-pagination button{
  height:31px;
  border:1px solid #d6dce3;
  border-radius:6px;
  background:#fff;
  padding:0 8px;
  font-size:9.5px;
}
.v365-region-pagination span{
  min-width:74px;
  text-align:center;
  font-weight:800;
  color:#3f4b5b;
}
.v365-region-pagination button:disabled{opacity:.4}

@media(max-width:800px){
  .v365-region-head{display:grid;align-items:start}
  .v365-region-filter{min-width:0;width:100%}
  .v365-region-kpis{grid-template-columns:1fr}
  .v365-region-pagination{display:grid;text-align:center}
  .v365-region-pagination>div:last-child{
    display:grid;
    grid-template-columns:1fr 1fr auto 1fr;
  }
}
@media(max-width:500px){
  .v365-region-pagination>div:last-child{grid-template-columns:1fr 1fr}
  .v365-region-pagination span{grid-column:1/-1;grid-row:1}
}
.dark .v365-region-section{background:#18212b;border-color:#34424c}
.dark .v365-region-head{background:#1d2732;border-color:#34424c}
.dark .v365-region-head h3,.dark .v365-region-kpis strong{color:#edf2f6}
.dark .v365-region-kpis article{background:#1b2b38;border-color:#3a4d5d}
.dark .v365-region-kpis article:nth-child(2){background:#17312b}
.dark .v365-region-kpis article:nth-child(3){background:#332a1d}
.dark .v365-region-table th{background:#202b36;color:#aeb8c3}
.dark .v365-region-table td{border-color:#34404a;color:#dde3e9}
.dark .v365-region-table tbody tr:hover{background:#1d2833}
.dark .v365-region-pagination{background:#1d2731;border-color:#34404a}


/* ===== V477 SOURCE 154: v367-top5-dashboard-columns.css ===== */

/* V367 — Top 5 sản phẩm: cột rõ ràng, cân đối trên desktop/mobile */
.v367-top5-table{width:100%;min-width:0}
.v367-top5-head,.v367-top5-row{
 display:grid;grid-template-columns:28px minmax(130px,1fr) 72px 58px minmax(100px,120px);
 align-items:center;column-gap:8px
}
.v367-top5-head{
 padding:0 7px 7px;border-bottom:1px solid var(--border);
 font-size:8.5px;font-weight:850;letter-spacing:.045em;text-transform:uppercase;color:var(--muted-foreground)
}
.v367-top5-head span:nth-child(n+3){text-align:right}
.v367-top5-row{
 min-height:49px;padding:7px;border-bottom:1px solid var(--border);border-radius:5px;
 transition:background .15s ease
}
.v367-top5-row:last-child{border-bottom:0}
.v367-top5-row:hover{background:var(--muted)}
.v367-top5-rank{
 display:flex;align-items:center;justify-content:center;width:23px;height:23px;border:1px solid var(--border);
 border-radius:50%;font-size:10px;font-weight:900;color:var(--muted-foreground);background:var(--background)
}
.v367-top5-row:nth-child(2) .v367-top5-rank{border-color:#d6a94d;color:#8a6117;background:#fff9e9}
.v367-top5-product{min-width:0}
.v367-top5-product strong{
 display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
 font-size:11.5px;line-height:1.35;font-weight:800;color:var(--foreground)
}
.v367-top5-product small{
 display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
 font-size:8.8px;line-height:1.25;color:var(--muted-foreground)
}
.v367-top5-number{text-align:right}
.v367-top5-number strong{display:block;font-size:11.5px;font-weight:850;line-height:1.2}
.v367-top5-number small{display:block;margin-top:2px;font-size:8.5px;color:var(--muted-foreground)}
.v367-top5-orders{text-align:right;font-size:11px;font-weight:750;font-variant-numeric:tabular-nums}
.v367-top5-revenue{
 text-align:right;white-space:nowrap;font-size:11px;font-weight:900;font-variant-numeric:tabular-nums;color:var(--brand-green)
}
@media(max-width:1280px) and (min-width:1024px){
 .v367-top5-head,.v367-top5-row{grid-template-columns:24px minmax(105px,1fr) 58px 46px minmax(88px,100px);column-gap:5px}
 .v367-top5-head{font-size:7.8px}
 .v367-top5-product strong,.v367-top5-number strong,.v367-top5-revenue{font-size:10.2px}
 .v367-top5-orders{font-size:10px}
}
@media(max-width:560px){
 .v367-top5-head{display:none}
 .v367-top5-row{
  grid-template-columns:26px minmax(0,1fr) auto;grid-template-areas:"rank product revenue" "rank stats stats";
  gap:4px 8px;padding:9px 5px;align-items:center
 }
 .v367-top5-rank{grid-area:rank}
 .v367-top5-product{grid-area:product}
 .v367-top5-revenue{grid-area:revenue;font-size:10.5px}
 .v367-top5-number{grid-area:stats;text-align:left;display:inline-flex;gap:4px;align-items:center}
 .v367-top5-number strong{font-size:9.5px}.v367-top5-number small{margin:0;font-size:8.5px}
 .v367-top5-orders{grid-area:stats;text-align:right;font-size:9px;color:var(--muted-foreground)}
 .v367-top5-orders:after{content:" đơn"}
}
.dark .v367-top5-row:nth-child(2) .v367-top5-rank{background:#352c19;border-color:#8a6b2e;color:#e4bf69}


/* ===== V477 SOURCE 155: v368-quick-quote.css ===== */

.v368-page{max-width:1380px;margin:0 auto}.v368-card{margin-top:14px;padding:15px;border:1px solid var(--border);border-radius:11px;background:var(--card);box-shadow:0 3px 12px rgba(15,23,42,.04)}.v368-card h3{font-size:14px;font-weight:900;margin-bottom:10px}.v368-tabs{display:flex;gap:7px;margin-bottom:10px}.v368-tabs button,.v368-temp button,.v368-total button,.v368-success button,.v368-success a{min-height:36px;border:1px solid var(--border);border-radius:7px;background:var(--background);padding:0 11px;font-size:10px;font-weight:800}.v368-tabs button.active{border-color:var(--brand-green);background:#edf8f4;color:#08705c}.v368-form{display:grid;grid-template-columns:1.2fr 1fr 220px;gap:8px}.v368-form input,.v368-search,.v368-temp input,.v368-table input{height:38px;border:1px solid var(--border);border-radius:7px;background:var(--background);padding:0 9px;font-size:11px}.v368-search{width:100%}.v368-results{display:grid;gap:5px;margin-top:7px;max-height:220px;overflow:auto}.v368-results button{display:flex;justify-content:space-between;gap:10px;padding:8px 9px;border:1px solid var(--border);border-radius:7px;background:var(--background);font-size:10.5px;text-align:left}.v368-results b{white-space:nowrap;color:var(--brand-green)}.v368-temp{display:grid;grid-template-columns:1fr 90px 120px auto;gap:7px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--border)}.v368-temp button{border-color:var(--brand-green);color:var(--brand-green)}.v368-table{width:100%;border-collapse:collapse;font-size:10.5px}.v368-table th{padding:8px;background:var(--muted);text-align:left;font-size:9px}.v368-table td{padding:8px;border-top:1px solid var(--border)}.v368-table td:nth-child(n+2),.v368-table th:nth-child(n+2){text-align:right}.v368-table td:first-child strong,.v368-table td:first-child small{display:block}.v368-table small{font-size:8.5px;color:var(--muted-foreground)}.v368-table input{width:100%;min-width:75px;height:32px}.v368-total{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:12px}.v368-total strong{font-size:22px;color:var(--brand-green)}.v368-total button{background:var(--brand-green);color:#fff;border-color:var(--brand-green)}.v368-success{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding:13px 15px;border:1px solid #b9ddcf;border-radius:10px;background:#f1faf6}.v368-success span,.v368-success strong,.v368-success small{display:block}.v368-success span{font-size:8.5px;color:#08705c}.v368-success strong{font-size:17px}.v368-success small{font-size:9px;color:var(--muted-foreground)}.v368-success>div:last-child{display:flex;gap:6px;flex-wrap:wrap}.v368-success button,.v368-success a{background:var(--brand-green);border-color:var(--brand-green);color:#fff;text-decoration:none;display:inline-flex;align-items:center}.v368-empty{padding:22px;text-align:center;color:var(--muted-foreground)}.v368-public{max-width:720px;margin:60px auto;padding:30px;border:1px solid var(--border);border-radius:12px;background:var(--card)}.v368-public h1{font-size:28px;font-weight:900}.v368-public h2{margin-top:16px;font-size:18px;font-weight:850}.v368-public h3{margin-top:18px;font-size:20px;color:var(--brand-green)}.v368-public p{margin-top:10px}.v368-public strong{color:var(--brand-green)}
@media(max-width:800px){.v368-form{grid-template-columns:1fr}.v368-temp{grid-template-columns:1fr 1fr}.v368-temp input:first-child{grid-column:1/-1}.v368-temp button{grid-column:1/-1}.v368-card{overflow:auto}.v368-table{min-width:760px}.v368-success{display:grid}}


/* ===== V477 SOURCE 156: v369-top5-desktop-responsive.css ===== */

/* V369 — Top 5 sản phẩm bán chạy: tối ưu desktop nhiều cấu hình */

/* Khung Top 5 phải co đúng trong cột dashboard */
.v367-top5-table{
  width:100%;
  min-width:0;
  overflow:hidden;
}
.v367-top5-head,
.v367-top5-row{
  box-sizing:border-box;
  width:100%;
  min-width:0;
}

/* Desktop lớn: giữ đủ 5 cột */
@media (min-width:1500px){
  .v367-top5-head,
  .v367-top5-row{
    grid-template-columns:30px minmax(180px,1fr) 78px 62px minmax(112px,132px)!important;
    column-gap:9px!important;
  }
  .v367-top5-product strong{font-size:11.8px!important}
  .v367-top5-revenue{font-size:11.4px!important}
}

/* Desktop tiêu chuẩn 1366–1499 */
@media (min-width:1280px) and (max-width:1499px){
  .v367-top5-head,
  .v367-top5-row{
    grid-template-columns:26px minmax(125px,1fr) 62px 48px minmax(92px,108px)!important;
    column-gap:6px!important;
  }
  .v367-top5-head{
    padding-left:5px!important;
    padding-right:5px!important;
    font-size:7.8px!important;
  }
  .v367-top5-row{
    padding-left:5px!important;
    padding-right:5px!important;
  }
  .v367-top5-product strong{
    font-size:10.4px!important;
    line-height:1.28!important;
  }
  .v367-top5-product small{
    font-size:8.1px!important;
  }
  .v367-top5-number strong,
  .v367-top5-orders,
  .v367-top5-revenue{
    font-size:9.8px!important;
  }
}

/* 12–14 inch laptop / 1024–1279:
   giữ bảng đủ thông tin, nhưng thu cột doanh thu và metadata */
@media (min-width:1024px) and (max-width:1279px){
  .v367-top5-head,
  .v367-top5-row{
    grid-template-columns:24px minmax(92px,1fr) 52px 42px minmax(78px,90px)!important;
    column-gap:4px!important;
  }
  .v367-top5-head{
    padding:0 4px 6px!important;
    font-size:7.2px!important;
    letter-spacing:.02em!important;
  }
  .v367-top5-row{
    min-height:46px!important;
    padding:6px 4px!important;
  }
  .v367-top5-rank{
    width:20px!important;
    height:20px!important;
    font-size:9px!important;
  }
  .v367-top5-product strong{
    font-size:9.7px!important;
    line-height:1.25!important;
  }
  .v367-top5-product small{
    font-size:7.5px!important;
  }
  .v367-top5-number strong,
  .v367-top5-orders,
  .v367-top5-revenue{
    font-size:9.1px!important;
  }
  .v367-top5-number small{
    font-size:7.5px!important;
  }
}

/* Khi dashboard cột thực tế bị hẹp vì zoom Windows 125% hoặc sidebar rộng:
   ẩn "Số đơn" khỏi header/row thay vì làm vỡ bố cục. */
@media (min-width:1024px) and (max-width:1120px){
  .v367-top5-head,
  .v367-top5-row{
    grid-template-columns:24px minmax(105px,1fr) 54px minmax(82px,96px)!important;
  }
  .v367-top5-head span:nth-child(4),
  .v367-top5-row .v367-top5-orders{
    display:none!important;
  }
}

/* Không cho doanh thu xuống dòng */
.v367-top5-revenue{
  min-width:0;
  white-space:nowrap!important;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Tên sản phẩm tối đa 1 dòng ở desktop để các hàng cân nhau */
@media (min-width:1024px){
  .v367-top5-product strong,
  .v367-top5-product small{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}

/* Ở màn hình 1280 trở xuống, giảm padding riêng card Top 5 */
@media (min-width:1024px) and (max-width:1280px){
  .ledger-cell:has(.v367-top5-table){
    padding-left:12px!important;
    padding-right:12px!important;
  }
}

/* Browser không hỗ trợ :has vẫn an toàn nhờ các rule bảng phía trên. */

/* Mobile giữ nguyên thiết kế V367 */


/* ===== V477 SOURCE 157: v370-quote-order-style.css ===== */

/* V370 — Báo giá theo phong cách Đơn đặt hàng */
.v370-quote-page{max-width:1500px;margin:0 auto}
.v370-quote-shell{margin-top:16px;border:1px solid var(--border);border-radius:12px;background:var(--card);box-shadow:0 5px 18px rgba(15,23,42,.045);overflow:hidden}
.v370-quote-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);background:var(--muted)}
.v370-quote-toolbar span{font-size:8.8px;font-weight:900;letter-spacing:.12em;color:var(--brand-green)}.v370-quote-toolbar h2{margin-top:3px;font-size:17px;font-weight:900}
.v370-quote-toolbar>div:last-child{display:flex;gap:7px}.v370-quote-toolbar button{height:36px;border-radius:7px;padding:0 12px;font-size:10.5px;font-weight:800}
.v370-quote-toolbar button.ghost{border:1px solid var(--border);background:var(--background)}.v370-quote-toolbar button.primary{border:1px solid var(--brand-green);background:var(--brand-green);color:#fff}
.v370-quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px}
.v370-order-panel{border:1px solid var(--border);border-radius:10px;background:var(--card);padding:14px}
.v370-lines-panel{margin:0 12px 12px}
.v370-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;padding-bottom:9px;border-bottom:1px solid var(--border)}
.v370-panel-head h3{font-size:13px;font-weight:900}.v370-panel-head span{font-size:8.5px;font-weight:850;letter-spacing:.08em;color:var(--muted-foreground)}
.v370-mode-switch{display:flex;gap:6px;margin-bottom:10px}.v370-mode-switch button{height:34px;border:1px solid var(--border);border-radius:7px;background:var(--background);padding:0 10px;font-size:10px;font-weight:800}.v370-mode-switch button.active{border-color:var(--brand-green);background:#edf8f4;color:#08705c}
.v370-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.v370-form-grid label{display:grid;gap:5px}.v370-form-grid label.full{grid-column:1/-1}.v370-form-grid span{font-size:9.5px;font-weight:800;color:var(--muted-foreground)}
.v370-form-grid input,.v370-product-search,.v370-temp-product input,.v370-lines-table input,.v370-quote-footer textarea{box-sizing:border-box;border:1px solid var(--border);border-radius:7px;background:var(--background);color:var(--foreground);font-size:11px;outline:none}
.v370-form-grid input,.v370-product-search{height:39px;padding:0 10px}.v370-product-search{width:100%}
.v370-form-grid input:focus,.v370-product-search:focus,.v370-temp-product input:focus,.v370-lines-table input:focus,.v370-quote-footer textarea:focus{border-color:var(--brand-green);box-shadow:0 0 0 3px rgba(16,128,103,.08)}
.v370-search-results{display:grid;gap:5px;margin-top:7px;max-height:220px;overflow:auto}.v370-search-results button{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 9px;border:1px solid var(--border);border-radius:7px;background:var(--background);text-align:left}.v370-search-results strong,.v370-search-results small{display:block}.v370-search-results strong{font-size:10.8px}.v370-search-results small{margin-top:2px;font-size:8.8px;color:var(--muted-foreground)}.v370-search-results b{font-size:10.5px;white-space:nowrap;color:var(--brand-green)}
.v370-temp-product{display:grid;grid-template-columns:1fr 80px 120px auto;gap:7px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--border)}.v370-temp-product input{height:36px;padding:0 8px}.v370-temp-product button{border:1px solid var(--brand-green);border-radius:7px;background:#edf8f4;color:#08705c;padding:0 10px;font-size:9.8px;font-weight:800}
.v370-lines-wrap{overflow:auto}.v370-lines-table{width:100%;min-width:900px;border-collapse:collapse;font-size:10.5px}.v370-lines-table th{padding:8px;background:var(--muted);text-align:left;font-size:8.8px;text-transform:uppercase;color:var(--muted-foreground)}.v370-lines-table td{padding:8px;border-top:1px solid var(--border)}.v370-lines-table th:nth-child(n+3),.v370-lines-table td:nth-child(n+3){text-align:right}.v370-lines-table input{width:100%;min-width:70px;height:32px;padding:0 7px}.v370-line-name strong,.v370-line-name small{display:block}.v370-line-name small{margin-top:2px;font-size:8.5px;color:var(--muted-foreground)}.v370-lines-table td.money{font-weight:900;color:var(--brand-green);white-space:nowrap}.delete-line{width:28px;height:28px;border:1px solid #e5bbb6;border-radius:6px;background:#fff3f1;color:#a53f36;font-weight:900}
.v370-quote-footer{display:grid;grid-template-columns:1fr 300px;gap:12px;margin-top:12px}.v370-quote-footer label{display:grid;gap:5px}.v370-quote-footer label span{font-size:9.5px;font-weight:800;color:var(--muted-foreground)}.v370-quote-footer textarea{min-height:84px;padding:9px;resize:vertical}
.v370-total-box{display:grid;align-content:start;justify-items:end;gap:6px;padding:12px;border:1px solid var(--border);border-radius:9px;background:var(--muted)}.v370-total-box span{font-size:8.8px;font-weight:850;letter-spacing:.06em;color:var(--muted-foreground)}.v370-total-box strong{font-size:23px;font-weight:900;color:var(--brand-green)}.v370-total-box button{min-height:36px;border:1px solid var(--brand-green);border-radius:7px;background:var(--brand-green);color:#fff;padding:0 12px;font-size:10px;font-weight:800}
.v370-empty{padding:24px;text-align:center;color:var(--muted-foreground);font-size:10.5px}

.v370-created-quote{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:13px 15px;border:1px solid #b8ddcf;border-radius:10px;background:#f1faf6}.v370-created-quote span,.v370-created-quote h3,.v370-created-quote p{display:block}.v370-created-quote span{font-size:8.5px;font-weight:850;color:#08705c}.v370-created-quote h3{margin-top:3px;font-size:17px;font-weight:900}.v370-created-quote p{margin-top:2px;font-size:9.5px;color:var(--muted-foreground)}.v370-created-quote>div:last-child{display:flex;gap:6px;flex-wrap:wrap}.v370-created-quote button,.v370-created-quote a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;border:1px solid var(--border);border-radius:7px;background:var(--background);padding:0 10px;font-size:9.8px;font-weight:800;text-decoration:none;color:var(--foreground)}.v370-created-quote .order{border-color:var(--brand-green);background:var(--brand-green);color:#fff}.v370-created-quote .danger{border-color:#d49b95;background:#fff3f1;color:#a13e35}

.v370-history-panel{margin-top:14px;border:1px solid var(--border);border-radius:10px;background:var(--card);overflow:hidden}.v370-history-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);background:var(--muted)}.v370-history-head h3{font-size:13px;font-weight:900}.v370-history-head span{font-size:9px;color:var(--muted-foreground)}
.v370-history-list{display:grid}.v370-history-list article{display:grid;grid-template-columns:minmax(0,1fr) 190px auto;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--border)}.v370-history-list article:last-child{border-bottom:0}.v370-history-list .main strong,.v370-history-list .main span,.v370-history-list .main small,.v370-history-list .value strong,.v370-history-list .value small{display:block}.v370-history-list .main strong{font-size:11px}.v370-history-list .main span{margin-top:2px;font-size:10px}.v370-history-list .main small,.v370-history-list .value small{margin-top:2px;font-size:8.8px;color:var(--muted-foreground)}.v370-history-list .value{text-align:right}.v370-history-list .value strong{font-size:10.8px;color:var(--brand-green)}.v370-history-list .actions{display:flex;gap:5px}.v370-history-list .actions button,.v370-history-list .actions a{display:inline-flex;align-items:center;justify-content:center;min-height:30px;border:1px solid var(--border);border-radius:6px;background:var(--background);padding:0 8px;font-size:9px;font-weight:800;text-decoration:none;color:var(--foreground)}.v370-history-list .actions .danger{border-color:#d8aaa5;background:#fff4f2;color:#a3433a}

.v370-delete-overlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:rgba(15,23,42,.42);padding:16px}.v370-delete-dialog{width:min(420px,100%);border:1px solid var(--border);border-radius:12px;background:var(--card);padding:18px;box-shadow:0 16px 45px rgba(15,23,42,.18)}.v370-delete-dialog h3{font-size:16px;font-weight:900}.v370-delete-dialog p{margin-top:8px;font-size:11px;line-height:1.5;color:var(--muted-foreground)}.v370-delete-dialog>div{display:flex;justify-content:flex-end;gap:7px;margin-top:16px}.v370-delete-dialog button{min-height:36px;border-radius:7px;padding:0 12px;font-size:10px;font-weight:800}.v370-delete-dialog .cancel{border:1px solid var(--border);background:var(--background)}.v370-delete-dialog .danger{border:1px solid #b24a41;background:#b24a41;color:#fff}

@media(max-width:900px){.v370-quote-grid{grid-template-columns:1fr}.v370-quote-footer{grid-template-columns:1fr}.v370-total-box{justify-items:stretch}.v370-created-quote{display:grid}.v370-history-list article{grid-template-columns:1fr}.v370-history-list .value{text-align:left}.v370-history-list .actions{flex-wrap:wrap}.v370-temp-product{grid-template-columns:1fr 80px 110px}.v370-temp-product button{grid-column:1/-1;min-height:36px}}
@media(max-width:560px){.v370-quote-toolbar{display:grid}.v370-quote-toolbar>div:last-child{width:100%}.v370-quote-toolbar button{flex:1}.v370-form-grid{grid-template-columns:1fr}.v370-form-grid label.full{grid-column:auto}.v370-order-panel{padding:11px}.v370-lines-panel{margin:0 8px 8px}.v370-temp-product{grid-template-columns:1fr 1fr}.v370-temp-product input:first-child{grid-column:1/-1}}


/* ===== V477 SOURCE 158: v371-quote-preview.css ===== */

.v370-quote-toolbar button.preview{border:1px solid #b47b24;background:#fff8eb;color:#9b6514}
.v371-preview-overlay{position:fixed;inset:0;z-index:10020;background:rgba(15,23,42,.72);display:grid;place-items:center;padding:14px}
.v371-preview-modal{width:min(1500px,98vw);max-height:96vh;overflow:auto;background:#eef1ee;border-radius:12px;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.v371-preview-topbar{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;background:#fff;border-bottom:1px solid #d9dfdc}
.v371-preview-topbar span{display:block;font-size:8px;font-weight:900;letter-spacing:.13em;color:#758078}.v371-preview-topbar strong{font-size:13px}
.v371-preview-topbar>div:last-child{display:flex;gap:7px}.v371-preview-topbar button{height:34px;border:1px solid #cfd7d2;border-radius:7px;background:#fff;padding:0 10px;font-size:10px;font-weight:800}.v371-preview-topbar button.close{width:34px;padding:0;font-size:18px;color:#a4433a}
.v371-quote-paper{width:1120px;max-width:calc(100% - 24px);margin:12px auto 20px;background:#fff;border:1px solid #c8d4ce;box-shadow:0 6px 22px rgba(15,23,42,.09);font-family:Arial,Helvetica,sans-serif;color:#1f2933}
.v371-quote-header{display:grid;grid-template-columns:1.15fr .8fr .45fr;gap:16px;padding:18px 20px;border-bottom:2px solid #166534}
.v371-company-block{display:flex;gap:14px}.v371-company-block img,.v371-logo-fallback{width:110px;height:78px;object-fit:contain}.v371-logo-fallback{display:grid;place-items:center;font-size:24px;font-weight:900;color:#166534}
.v371-company-block h2{font-size:18px;color:#166534}.v371-company-block p{margin-top:4px;font-size:9.5px;line-height:1.35}
.v371-title-block{text-align:center}.v371-title-block h1{font-size:32px;letter-spacing:.02em;color:#166534}.v371-title-block p{margin-top:8px;font-size:12px}.v371-title-block p strong{color:#c62828}.v371-date-pill{margin:8px auto 6px;border-radius:999px;background:#166534;color:#fff;padding:5px 12px;font-size:10px;font-weight:800}.v371-title-block small{font-size:9.5px}
.v371-qr-box{display:grid;justify-items:center;align-content:start;gap:6px;text-align:center}.v371-qr-placeholder{display:grid;place-items:center;width:86px;height:86px;border:2px dashed #166534;font-size:24px;font-weight:900;color:#166534}.v371-qr-box strong{font-size:9px}.v371-qr-box small{font-size:7.5px;color:#51605a;word-break:break-all}
.v371-info-grid{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #bdd1c7}.v371-info-card{padding:13px 16px}.v371-info-card+.v371-info-card{border-left:1px solid #bdd1c7}.v371-info-card h3{display:inline-block;margin-bottom:8px;border-radius:4px;background:#166534;color:#fff;padding:5px 9px;font-size:10px}.v371-info-card p{display:grid;grid-template-columns:125px 1fr;gap:6px;margin-top:5px;font-size:9.5px;line-height:1.4}.v371-info-card p b{font-weight:800}
.v371-table-wrap{overflow:auto}.v371-quote-table{width:100%;border-collapse:collapse;font-size:9.5px}.v371-quote-table th{background:#166534;color:#fff;padding:8px 7px;text-align:center}.v371-quote-table td{padding:8px 7px;border-bottom:1px solid #dbe3df}.v371-quote-table td:nth-child(1),.v371-quote-table td:nth-child(4),.v371-quote-table td:nth-child(5){text-align:center}.v371-quote-table td:nth-child(6),.v371-quote-table td:nth-child(7){text-align:right;white-space:nowrap}.v371-quote-table td.empty{text-align:center!important;color:#7a857f}
.v371-total-area{display:grid;grid-template-columns:1fr 480px;gap:12px;padding:14px 18px}.v371-thanks{align-self:center}.v371-thanks strong{font-size:11px}.v371-thanks p{margin-top:5px;font-size:9.5px;line-height:1.45;color:#59645f}.v371-total-table{border:1px solid #c8d5cf}.v371-total-table>div{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;font-size:10px}.v371-total-table .grand{background:#166534;color:#fff;font-size:14px}.v371-total-table .grand b{font-size:18px}
.v371-quote-footer{display:grid;grid-template-columns:1fr 1fr 1.2fr;border-top:1px solid #cbd6d0}.v371-quote-footer>div{padding:13px 15px;min-height:130px}.v371-quote-footer>div+div{border-left:1px solid #cbd6d0}.v371-quote-footer h4{margin-bottom:8px;font-size:9.5px;color:#166534}.v371-quote-footer p{margin-top:5px;font-size:9px;line-height:1.4}.v371-sign{text-align:center}.v371-sign strong{display:block;margin-top:10px;font-size:9.5px}
@media(max-width:900px){.v371-preview-modal{width:100%;max-height:98vh}.v371-quote-paper{width:760px;max-width:none}.v371-quote-header{grid-template-columns:1fr}.v371-title-block{text-align:left}.v371-qr-box{justify-items:start}.v371-info-grid{grid-template-columns:1fr}.v371-info-card+.v371-info-card{border-left:0;border-top:1px solid #bdd1c7}.v371-total-area{grid-template-columns:1fr}.v371-quote-footer{grid-template-columns:1fr}}
@media print{body *{visibility:hidden!important}.v371-preview-overlay,.v371-preview-overlay *{visibility:visible!important}.v371-preview-overlay{position:absolute!important;inset:0!important;background:#fff!important;padding:0!important}.v371-preview-modal{width:100%!important;max-height:none!important;overflow:visible!important;background:#fff!important;box-shadow:none!important}.v371-preview-topbar{display:none!important}.v371-quote-paper{width:100%!important;max-width:none!important;margin:0!important;border:0!important;box-shadow:none!important}}


/* ===== V477 SOURCE 159: v372-quote-preview-page.css ===== */

.v372-preview-page{min-height:100vh;background:#edf1ee;padding:14px 18px 28px}
.v372-preview-actions{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1180px;margin:0 auto 12px;padding:10px 12px;border:1px solid #d5ddd9;border-radius:9px;background:#fff;box-shadow:0 3px 12px rgba(15,23,42,.06)}
.v372-preview-actions span{display:block;font-size:8px;font-weight:900;letter-spacing:.13em;color:#6e7c75}.v372-preview-actions strong{display:block;margin-top:2px;font-size:13px}
.v372-preview-actions>div:last-child{display:flex;gap:7px}.v372-preview-actions button{height:35px;border-radius:7px;padding:0 11px;font-size:10px;font-weight:800}
.v372-preview-actions .back{border:1px solid #d2d9d5;background:#fff}.v372-preview-actions .print{border:1px solid #176637;background:#176637;color:#fff}

.v372-paper{width:1180px;max-width:100%;margin:0 auto;background:#fff;border:1px solid #bfcfc6;box-shadow:0 8px 26px rgba(15,23,42,.08);font-family:Arial,Helvetica,sans-serif;color:#202a25}
.v372-header{display:grid;grid-template-columns:1.2fr .72fr .38fr;gap:18px;padding:20px 22px;border-top:4px solid #176637;border-bottom:2px solid #176637}
.v372-company{display:flex;gap:14px;min-width:0}.v372-company img,.v372-logo-fallback{width:112px;height:82px;object-fit:contain;flex:0 0 auto}.v372-logo-fallback{display:grid;place-items:center;font-size:23px;font-weight:900;color:#176637}
.v372-company h2{font-size:18px;line-height:1.25;color:#176637}.v372-company p{margin-top:4px;font-size:9.5px;line-height:1.35}
.v372-title{text-align:center}.v372-title h1{font-size:35px;line-height:1;color:#176637;letter-spacing:.02em}.v372-title>p{margin-top:9px;font-size:12px}.v372-title>p strong{color:#c92828}.v372-date{margin:9px auto 6px;padding:5px 12px;border-radius:999px;background:#176637;color:#fff;font-size:10px;font-weight:800}.v372-title small{font-size:9.5px}
.v372-qr{display:grid;justify-items:center;align-content:start;gap:5px;text-align:center}.v372-qr-box{display:grid;place-items:center;width:88px;height:88px;border:2px dashed #176637;font-size:24px;font-weight:900;color:#176637}.v372-qr strong{font-size:9px}.v372-qr small{font-size:7.3px;word-break:break-all;color:#66736c}

.v372-info{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #b9cec2}
.v372-info>div{padding:14px 17px}.v372-info>div+div{border-left:1px solid #b9cec2}
.v372-info h3{display:inline-block;margin-bottom:8px;padding:5px 9px;border-radius:4px;background:#176637;color:#fff;font-size:10px}
.v372-info p{display:grid;grid-template-columns:128px 1fr;gap:7px;margin-top:5px;font-size:9.5px;line-height:1.45}.v372-info p b{font-weight:800}

.v372-table-wrap{overflow:auto}.v372-table{width:100%;border-collapse:collapse;font-size:9.5px}.v372-table th{padding:8px 7px;background:#176637;color:#fff;text-align:center;font-weight:800}.v372-table td{padding:8px 7px;border-bottom:1px solid #dae5df}.v372-table td:nth-child(1),.v372-table td:nth-child(4),.v372-table td:nth-child(5){text-align:center}.v372-table td:nth-child(6),.v372-table td:nth-child(7){text-align:right;white-space:nowrap}.v372-table .empty{text-align:center!important;color:#7a857f;padding:24px}

.v372-summary{display:grid;grid-template-columns:1fr 470px;gap:14px;padding:14px 18px}.v372-thankyou{align-self:center}.v372-thankyou strong{font-size:11px}.v372-thankyou p{max-width:470px;margin-top:5px;font-size:9.5px;line-height:1.5;color:#5f6c65}
.v372-total{border:1px solid #c3d2ca}.v372-total>div{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;font-size:10px}.v372-total .grand{background:#176637;color:#fff;font-size:13px}.v372-total .grand b{font-size:18px}

.v372-footer{display:grid;grid-template-columns:1fr 1fr 1.15fr;border-top:1px solid #c5d2cb}.v372-footer>div{min-height:135px;padding:14px 16px}.v372-footer>div+div{border-left:1px solid #c5d2cb}.v372-footer h4{margin-bottom:8px;font-size:9.5px;color:#176637}.v372-footer p{margin-top:5px;font-size:9px;line-height:1.45}.v372-sign{text-align:center}.v372-sign strong{display:block;margin-top:10px;font-size:9.5px}

@media(max-width:900px){
 .v372-preview-page{padding:8px}
 .v372-preview-actions{margin-bottom:8px}
 .v372-paper{width:760px;max-width:none}
 .v372-header{grid-template-columns:1fr}
 .v372-title{text-align:left}
 .v372-qr{justify-items:start}
 .v372-info{grid-template-columns:1fr}
 .v372-info>div+div{border-left:0;border-top:1px solid #b9cec2}
 .v372-summary{grid-template-columns:1fr}
 .v372-footer{grid-template-columns:1fr}
 .v372-footer>div+div{border-left:0;border-top:1px solid #c5d2cb}
}
@media print{
 @page{size:A4 portrait;margin:8mm}
 body{background:#fff!important}
 body *{visibility:hidden!important}
 .v372-preview-page,.v372-preview-page *{visibility:visible!important}
 .v372-preview-page{position:absolute!important;inset:0!important;padding:0!important;background:#fff!important}
 .v372-preview-actions{display:none!important}
 .v372-paper{width:100%!important;max-width:none!important;border:0!important;box-shadow:none!important}
}


/* ===== V477 SOURCE 160: v373-public-quote.css ===== */

.v373-public-page{min-height:100vh;background:#edf1ee;padding:14px 18px 28px}
.v373-public-toolbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1180px;margin:0 auto 12px;padding:10px 12px;border:1px solid #d5ddd9;border-radius:9px;background:#fff;box-shadow:0 3px 12px rgba(15,23,42,.06)}
.v373-public-toolbar span{display:block;font-size:8px;font-weight:900;letter-spacing:.13em;color:#6e7c75}.v373-public-toolbar strong{display:block;margin-top:2px;font-size:13px}
.v373-public-toolbar button{height:35px;border:1px solid #176637;border-radius:7px;background:#176637;color:#fff;padding:0 11px;font-size:10px;font-weight:800}
.v373-public-state{max-width:620px;margin:80px auto;padding:26px;border:1px solid var(--border);border-radius:12px;background:var(--card);text-align:center;box-shadow:0 6px 22px rgba(15,23,42,.07)}.v373-public-state h2{font-size:20px;font-weight:900}.v373-public-state p{margin-top:8px;font-size:12px;color:var(--muted-foreground)}
@media print{.v373-public-toolbar{display:none!important}.v373-public-page{padding:0!important;background:#fff!important}}


/* ===== V477 SOURCE 161: v374-sharp-a4-quote.css ===== */

/* =========================================================
   V374 — Sharp A4 Quote Template
   Đồng bộ /quote-preview và /q/:code
   ========================================================= */

:root{
  --v374-green:#0f5d39;
  --v374-green-2:#0a6b3c;
  --v374-green-soft:#f4faf6;
  --v374-green-line:#bfd4c7;
  --v374-ink:#18231d;
  --v374-muted:#66736b;
  --v374-red:#c82424;
  --v374-gold:#a66d1f;
}

/* Paper */
.v372-paper{
  width:1120px!important;
  max-width:100%!important;
  background:#fff!important;
  border:1px solid #9fb8a9!important;
  box-shadow:0 10px 28px rgba(20,42,30,.08)!important;
  color:var(--v374-ink)!important;
  font-family:Arial,"Helvetica Neue",Helvetica,sans-serif!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:geometricPrecision!important;
}

/* Header */
.v372-header{
  grid-template-columns:1.15fr .72fr .40fr!important;
  gap:20px!important;
  padding:20px 22px 18px!important;
  border-top:4px solid var(--v374-green)!important;
  border-bottom:1px solid var(--v374-green-line)!important;
  background:#fff!important;
}
.v372-company{
  gap:15px!important;
  align-items:flex-start!important;
}
.v372-company img,
.v372-logo-fallback{
  width:118px!important;
  height:86px!important;
  object-fit:contain!important;
}
.v372-logo-fallback{
  color:var(--v374-green)!important;
  font-size:25px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
}
.v372-company h2{
  margin:0!important;
  font-size:18px!important;
  line-height:1.2!important;
  font-weight:900!important;
  color:var(--v374-green)!important;
  letter-spacing:-.01em!important;
}
.v372-company p{
  margin-top:4px!important;
  font-size:9.3px!important;
  line-height:1.42!important;
  color:#253128!important;
}
.v372-title{
  align-self:start!important;
}
.v372-title h1{
  margin:0!important;
  font-size:38px!important;
  line-height:.98!important;
  font-weight:950!important;
  letter-spacing:.025em!important;
  color:var(--v374-green)!important;
}
.v372-title>p{
  margin-top:10px!important;
  font-size:12.5px!important;
  color:#313c35!important;
}
.v372-title>p strong{
  color:var(--v374-red)!important;
  font-size:14px!important;
  font-weight:900!important;
}
.v372-date{
  width:max-content!important;
  margin:9px auto 7px!important;
  padding:5px 14px!important;
  border:1px solid #96baa5!important;
  border-radius:999px!important;
  background:#f9fcfa!important;
  color:#26372d!important;
  font-size:9.8px!important;
  font-weight:850!important;
}
.v372-title small{
  font-size:9.5px!important;
  font-weight:700!important;
  color:#3e4b43!important;
}

/* QR box - visually cleaner even before a real QR is wired */
.v372-qr{
  gap:6px!important;
}
.v372-qr-box{
  width:92px!important;
  height:92px!important;
  border:1px solid #8cac99!important;
  border-radius:6px!important;
  background:
    linear-gradient(90deg,#fff 25%,#eef5f0 25%,#eef5f0 50%,#fff 50%,#fff 75%,#eef5f0 75%),
    linear-gradient(#fff 25%,#eef5f0 25%,#eef5f0 50%,#fff 50%,#fff 75%,#eef5f0 75%)!important;
  background-size:16px 16px!important;
  color:var(--v374-green)!important;
  font-size:16px!important;
  font-weight:900!important;
}
.v372-qr strong{
  font-size:8.8px!important;
  color:#26352d!important;
}
.v372-qr small{
  padding:4px 7px!important;
  border-radius:999px!important;
  background:var(--v374-green)!important;
  color:#fff!important;
  font-size:7.2px!important;
}

/* Customer + notes */
.v372-info{
  grid-template-columns:1fr 1fr!important;
  border-top:0!important;
  border-bottom:1px solid var(--v374-green-line)!important;
  background:#fff!important;
}
.v372-info>div{
  padding:14px 17px 15px!important;
}
.v372-info>div+div{
  border-left:1px solid var(--v374-green-line)!important;
}
.v372-info h3{
  display:inline-flex!important;
  align-items:center!important;
  margin-bottom:9px!important;
  padding:5px 10px!important;
  border-radius:4px!important;
  background:var(--v374-green)!important;
  color:#fff!important;
  font-size:9.8px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
}
.v372-info p{
  grid-template-columns:128px 1fr!important;
  gap:8px!important;
  margin-top:5px!important;
  font-size:9.4px!important;
  line-height:1.48!important;
  color:#28332d!important;
}
.v372-info p b{
  font-weight:850!important;
  color:#18231d!important;
}

/* Product table */
.v372-table{
  width:100%!important;
  border-collapse:collapse!important;
  table-layout:auto!important;
  font-size:9.35px!important;
}
.v372-table th{
  padding:8px 7px!important;
  border-right:1px solid rgba(255,255,255,.28)!important;
  background:var(--v374-green)!important;
  color:#fff!important;
  text-align:center!important;
  font-size:8.8px!important;
  font-weight:900!important;
  letter-spacing:.025em!important;
  white-space:nowrap!important;
}
.v372-table th:last-child{border-right:0!important}
.v372-table td{
  padding:9px 7px!important;
  border-right:1px solid #e0e8e3!important;
  border-bottom:1px solid #dbe4de!important;
  background:#fff!important;
  color:#202a24!important;
  vertical-align:middle!important;
}
.v372-table td:last-child{border-right:0!important}
.v372-table tbody tr:nth-child(even) td{
  background:#fbfdfc!important;
}
.v372-table td:nth-child(1),
.v372-table td:nth-child(4),
.v372-table td:nth-child(5){
  text-align:center!important;
}
.v372-table td:nth-child(6),
.v372-table td:nth-child(7){
  text-align:right!important;
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums!important;
}
.v372-table td:nth-child(7){
  font-weight:900!important;
  color:var(--v374-green)!important;
}
.v372-table .empty{
  padding:28px!important;
  color:#748179!important;
}

/* Summary */
.v372-summary{
  grid-template-columns:1fr 470px!important;
  gap:16px!important;
  padding:14px 18px!important;
  border-top:0!important;
}
.v372-thankyou{
  align-self:stretch!important;
  padding:14px!important;
  border:1px solid #d7e3db!important;
  border-radius:8px!important;
  background:#fbfdfb!important;
}
.v372-thankyou strong{
  font-size:10.5px!important;
  font-weight:900!important;
  color:var(--v374-green)!important;
}
.v372-thankyou p{
  max-width:500px!important;
  margin-top:6px!important;
  font-size:9.35px!important;
  line-height:1.52!important;
  color:#58645d!important;
}
.v372-total{
  border:1px solid #b8cbbf!important;
  border-radius:7px!important;
  overflow:hidden!important;
}
.v372-total>div{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  padding:9px 12px!important;
  border-bottom:1px solid #dce6df!important;
  font-size:9.8px!important;
}
.v372-total>div:last-child{border-bottom:0!important}
.v372-total>div b{
  font-size:11px!important;
  font-weight:900!important;
  font-variant-numeric:tabular-nums!important;
}
.v372-total .grand{
  background:var(--v374-green)!important;
  color:#fff!important;
  font-size:12.5px!important;
  font-weight:900!important;
}
.v372-total .grand b{
  font-size:19px!important;
  color:#fff!important;
}

/* Footer cards */
.v372-footer{
  grid-template-columns:1fr 1fr 1.15fr!important;
  border-top:1px solid var(--v374-green-line)!important;
}
.v372-footer>div{
  min-height:132px!important;
  padding:14px 16px!important;
  background:#fff!important;
}
.v372-footer>div+div{
  border-left:1px solid var(--v374-green-line)!important;
}
.v372-footer h4{
  margin-bottom:9px!important;
  font-size:9.6px!important;
  font-weight:900!important;
  color:var(--v374-green)!important;
}
.v372-footer p{
  margin-top:5px!important;
  font-size:9px!important;
  line-height:1.48!important;
  color:#303d35!important;
}
.v372-sign{
  text-align:center!important;
}
.v372-sign strong{
  margin-top:10px!important;
  font-size:9.4px!important;
  font-weight:850!important;
}

/* Bottom contact strip from settings */
.v374-contact-strip{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:10px!important;
  padding:10px 18px!important;
  border-top:1px solid #d7e2db!important;
  background:#fff!important;
  font-size:8.9px!important;
  color:#243229!important;
}
.v374-contact-strip span:nth-child(2){text-align:center!important}
.v374-contact-strip span:nth-child(3){text-align:right!important}
.v374-brand-footer{
  padding:7px 16px!important;
  background:var(--v374-green)!important;
  color:#fff!important;
  text-align:center!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.02em!important;
}

/* Toolbars */
.v372-preview-actions,
.v373-public-toolbar{
  max-width:1120px!important;
}
.v373-public-page,
.v372-preview-page{
  background:#eef2ef!important;
}

/* Print: preserve corporate colors and sharpness */
@media print{
  *{
    -webkit-print-color-adjust:exact!important;
    print-color-adjust:exact!important;
  }
  @page{
    size:A4 portrait;
    margin:6mm;
  }
  .v372-paper{
    width:100%!important;
    max-width:none!important;
    border:1px solid #7f9f8d!important;
    box-shadow:none!important;
  }
  .v372-header{
    padding:12px 14px 10px!important;
  }
  .v372-company img,
  .v372-logo-fallback{
    width:82px!important;
    height:62px!important;
  }
  .v372-title h1{
    font-size:29px!important;
  }
  .v372-info>div{
    padding:9px 11px!important;
  }
  .v372-table th{
    padding:6px 5px!important;
    font-size:7.7px!important;
  }
  .v372-table td{
    padding:6px 5px!important;
    font-size:8.3px!important;
  }
  .v372-summary{
    padding:9px 11px!important;
  }
  .v372-footer>div{
    min-height:100px!important;
    padding:9px 11px!important;
  }
  .v374-contact-strip{
    padding:7px 12px!important;
  }
}

/* Mobile remains readable; preview can scroll horizontally rather than crush A4 */
@media(max-width:900px){
  .v372-paper{
    width:760px!important;
    max-width:none!important;
  }
  .v372-header{
    grid-template-columns:1fr!important;
  }
  .v372-title{
    text-align:left!important;
  }
  .v372-date{
    margin-left:0!important;
  }
  .v372-qr{
    justify-items:start!important;
  }
  .v372-info{
    grid-template-columns:1fr!important;
  }
  .v372-info>div+div{
    border-left:0!important;
    border-top:1px solid var(--v374-green-line)!important;
  }
  .v372-summary{
    grid-template-columns:1fr!important;
  }
  .v372-footer{
    grid-template-columns:1fr!important;
  }
  .v372-footer>div+div{
    border-left:0!important;
    border-top:1px solid var(--v374-green-line)!important;
  }
  .v374-contact-strip{
    grid-template-columns:1fr!important;
  }
  .v374-contact-strip span{
    text-align:left!important;
  }
}


/* ===== V477 SOURCE 162: v375-quote-sql-migration.css ===== */

.v370-quote-toolbar button.sync-old{
  border:1px solid #2f6f9d;
  background:#f3f8fc;
  color:#245e88;
}
.v370-quote-toolbar button.sync-old:disabled{opacity:.55;cursor:not-allowed}
.v375-sync-status{
  display:flex;
  align-items:center;
  gap:8px;
  margin:10px 12px 0;
  padding:8px 10px;
  border:1px solid #cbdbe7;
  border-radius:7px;
  background:#f6f9fc;
  font-size:9.5px;
  color:#4b6070;
}
.v375-sync-status strong{color:#2a526f}
@media(max-width:700px){
  .v370-quote-toolbar>div:last-child{display:grid!important;grid-template-columns:1fr 1fr}
  .v370-quote-toolbar button.sync-old{grid-column:1/-1}
  .v375-sync-status{align-items:flex-start;flex-direction:column}
}


/* ===== V477 SOURCE 163: v376-quote-hotline-title.css ===== */

/* V376 — Hotline company + dynamic quote title */
.v372-company p,
.v374-contact-strip span{
  text-rendering:geometricPrecision;
}


/* ===== V477 SOURCE 164: v377-unified-quote-responsive-print.css ===== */

/* V377 — Đồng nhất Báo giá desktop/mobile + sửa in PDF trắng */

.v373-public-toolbar,
.v372-preview-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.v377-public-actions{
  display:flex;
  gap:7px;
  align-items:center;
}
.v377-public-actions button,
.v377-mobile-actions button{
  min-height:36px;
  border-radius:7px;
  padding:0 12px;
  font-size:10px;
  font-weight:850;
}
.v377-public-actions .print,
.v377-mobile-actions .print{
  border:1px solid #0f5d39;
  background:#fff;
  color:#0f5d39;
}
.v377-public-actions .share,
.v377-mobile-actions .share{
  border:1px solid #0f5d39;
  background:#0f5d39;
  color:#fff;
}
.v377-mobile-actions{
  display:none;
}

/* Desktop: đúng khung A4 chuẩn, không kéo quá rộng */
@media(min-width:901px){
  .v373-public-page,
  .v372-preview-page{
    padding:14px 18px 28px!important;
    overflow-x:auto;
  }
  .v372-paper{
    width:1120px!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* Mobile: cùng ngôn ngữ thiết kế nhưng bố cục 1 cột, dễ đọc */
@media(max-width:900px){
  .v373-public-page,
  .v372-preview-page{
    padding:8px 8px 84px!important;
    overflow-x:hidden!important;
  }

  .v373-public-toolbar,
  .v372-preview-actions{
    position:sticky!important;
    top:0!important;
    z-index:60!important;
    margin-bottom:8px!important;
    padding:9px 10px!important;
    border-radius:8px!important;
  }

  .v373-public-toolbar>button,
  .v373-public-toolbar .v377-public-actions,
  .v372-preview-actions>div:last-child{
    display:none!important;
  }

  .v372-paper{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    border-radius:0!important;
    border:1px solid #b8c8bf!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }

  .v372-header{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:14px 14px 12px!important;
  }
  .v372-company{
    display:grid!important;
    grid-template-columns:92px 1fr!important;
    gap:10px!important;
    align-items:start!important;
  }
  .v372-company img,
  .v372-logo-fallback{
    width:86px!important;
    height:68px!important;
  }
  .v372-company h2{
    font-size:15px!important;
  }
  .v372-company p{
    font-size:9px!important;
    line-height:1.45!important;
  }

  .v372-title{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:8px 10px!important;
    align-items:center!important;
    text-align:left!important;
    padding-top:10px!important;
    border-top:1px solid #d8e3dc!important;
  }
  .v372-title h1{
    grid-column:1/-1!important;
    font-size:32px!important;
  }
  .v372-title>p{
    margin:0!important;
    font-size:11px!important;
  }
  .v372-date{
    margin:0!important;
    width:max-content!important;
  }

  .v372-qr{
    display:grid!important;
    grid-template-columns:84px 1fr!important;
    gap:4px 8px!important;
    align-items:center!important;
    justify-items:start!important;
    text-align:left!important;
    padding-top:4px!important;
  }
  .v372-qr-box{
    grid-row:1/4!important;
    width:82px!important;
    height:82px!important;
  }
  .v372-qr small{
    max-width:100%!important;
    word-break:break-all!important;
  }

  .v372-info{
    grid-template-columns:1fr!important;
  }
  .v372-info>div{
    padding:12px 13px!important;
  }
  .v372-info>div+div{
    border-left:0!important;
    border-top:1px solid #bfd4c7!important;
  }
  .v372-info h3{
    font-size:9.7px!important;
  }
  .v372-info p{
    grid-template-columns:120px 1fr!important;
    font-size:9.2px!important;
  }

  /* Mobile table: gọn hơn, vẫn cùng mẫu */
  .v372-table-wrap{
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
  }
  .v372-table{
    min-width:640px!important;
    font-size:9px!important;
  }
  .v372-table th{
    padding:7px 5px!important;
    font-size:8px!important;
  }
  .v372-table td{
    padding:7px 5px!important;
  }

  .v372-summary{
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:12px!important;
  }
  .v372-thankyou{
    padding:12px!important;
  }
  .v372-total .grand b{
    font-size:18px!important;
  }

  .v372-footer{
    grid-template-columns:1fr!important;
  }
  .v372-footer>div{
    min-height:auto!important;
    padding:12px 13px!important;
  }
  .v372-footer>div+div{
    border-left:0!important;
    border-top:1px solid #bfd4c7!important;
  }

  .v374-contact-strip{
    grid-template-columns:1fr!important;
    gap:6px!important;
    padding:10px 13px!important;
  }
  .v374-contact-strip span{
    text-align:left!important;
  }

  .v377-mobile-actions{
    position:fixed!important;
    left:8px!important;
    right:8px!important;
    bottom:8px!important;
    z-index:100!important;
    display:grid!important;
    grid-template-columns:1fr 1.35fr!important;
    gap:8px!important;
    padding:8px!important;
    border:1px solid #d4ded8!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 8px 24px rgba(15,23,42,.14)!important;
    backdrop-filter:blur(8px);
  }
  .v377-mobile-actions button{
    min-height:44px!important;
    font-size:11px!important;
  }
}

/* Important: remove old visibility print technique that caused blank pages.
   Dedicated print now opens a clean document containing only .v372-paper. */
@media print{
  body *{
    visibility:visible!important;
  }
  .v372-preview-actions,
  .v373-public-toolbar,
  .v377-mobile-actions{
    display:none!important;
  }
  .v373-public-page,
  .v372-preview-page{
    padding:0!important;
    background:#fff!important;
  }
  .v372-paper{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    border:0!important;
    box-shadow:none!important;
  }
}


/* ===== V477 SOURCE 165: v378-print-real-qr.css ===== */

/* V378 — Real QR + iframe print */
.v378-real-qr{
  display:block;
  width:92px;
  height:92px;
  object-fit:contain;
  padding:3px;
  border:1px solid #8cac99;
  border-radius:6px;
  background:#fff;
  image-rendering:auto;
}
#v378-print-frame{
  pointer-events:none!important;
}

@media(max-width:900px){
  .v378-real-qr{
    width:82px;
    height:82px;
    grid-row:1/4;
  }
}

@media print{
  .v378-real-qr{
    width:24mm!important;
    height:24mm!important;
    border:1px solid #8cac99!important;
    background:#fff!important;
  }
}


/* ===== V477 SOURCE 166: v379-pro-a4-public-quote.css ===== */

/* =========================================================
   V379 — Professional A4 + public quote display
   Same visual language for desktop, mobile, preview and print
   ========================================================= */

:root{
  --v379-green:#0b6339;
  --v379-green-dark:#08492d;
  --v379-green-soft:#f5faf7;
  --v379-border:#c8d8cf;
  --v379-grid:#dbe5df;
  --v379-text:#17251d;
  --v379-muted:#607068;
  --v379-red:#c62828;
}

/* Page shell */
.v379-public-quote-page{
  min-height:100vh!important;
  background:#eef2ef!important;
  padding:18px 14px 34px!important;
}

.v379-public-quote-page .v373-public-toolbar,
.v379-public-quote-page .v372-preview-actions{
  width:min(1120px,calc(100vw - 28px))!important;
  max-width:1120px!important;
  margin:0 auto 12px!important;
  border:1px solid #d8e1dc!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:0 4px 14px rgba(17,45,29,.06)!important;
}

/* Professional A4 visual paper */
.v379-a4-paper{
  width:1120px!important;
  max-width:calc(100vw - 28px)!important;
  margin:0 auto!important;
  border:1px solid #9fb9aa!important;
  border-top:3px solid var(--v379-green)!important;
  border-radius:2px!important;
  background:#fff!important;
  box-shadow:0 10px 32px rgba(17,45,29,.08)!important;
  overflow:hidden!important;
  color:var(--v379-text)!important;
  font-family:Arial,"Helvetica Neue",Helvetica,sans-serif!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:geometricPrecision!important;
}

/* Header aligned like approved mockup */
.v379-a4-paper .v372-header{
  display:grid!important;
  grid-template-columns:1.16fr .72fr .38fr!important;
  gap:18px!important;
  align-items:start!important;
  padding:20px 22px 18px!important;
  border-top:0!important;
  border-bottom:1px solid var(--v379-border)!important;
  background:#fff!important;
}

.v379-a4-paper .v372-company{
  display:grid!important;
  grid-template-columns:118px 1fr!important;
  gap:16px!important;
  align-items:start!important;
}
.v379-a4-paper .v372-company img,
.v379-a4-paper .v372-logo-fallback{
  width:112px!important;
  height:82px!important;
  object-fit:contain!important;
}
.v379-a4-paper .v372-company h2{
  margin:0!important;
  font-size:18px!important;
  line-height:1.18!important;
  font-weight:900!important;
  color:var(--v379-green)!important;
}
.v379-a4-paper .v372-company p{
  margin:4px 0 0!important;
  font-size:9.4px!important;
  line-height:1.42!important;
  color:#28372e!important;
}

.v379-a4-paper .v372-title{
  text-align:center!important;
}
.v379-a4-paper .v372-title h1{
  margin:0!important;
  font-size:40px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.035em!important;
  color:var(--v379-green)!important;
}
.v379-a4-paper .v372-title>p{
  margin:10px 0 0!important;
  font-size:12px!important;
}
.v379-a4-paper .v372-title>p strong{
  color:var(--v379-red)!important;
  font-size:14px!important;
}
.v379-a4-paper .v372-date{
  width:max-content!important;
  margin:9px auto 6px!important;
  padding:5px 12px!important;
  border:1px solid #9fb7a9!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#26372e!important;
  font-size:9.8px!important;
  font-weight:850!important;
}
.v379-a4-paper .v372-title small{
  font-size:9.4px!important;
  color:#3e4d45!important;
}

.v379-a4-paper .v372-qr{
  display:grid!important;
  justify-items:center!important;
  align-content:start!important;
  gap:6px!important;
  text-align:center!important;
}
.v379-a4-paper .v378-real-qr{
  width:94px!important;
  height:94px!important;
  padding:4px!important;
  border:1px solid #7fa58f!important;
  border-radius:7px!important;
  background:#fff!important;
}
.v379-a4-paper .v372-qr strong{
  font-size:8.9px!important;
  color:#25352c!important;
}
.v379-a4-paper .v372-qr small{
  max-width:150px!important;
  padding:4px 7px!important;
  border-radius:999px!important;
  background:var(--v379-green)!important;
  color:#fff!important;
  font-size:7.2px!important;
  word-break:break-all!important;
}

/* Customer + notes cards */
.v379-a4-paper .v372-info{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  border-bottom:1px solid var(--v379-border)!important;
  background:#fff!important;
}
.v379-a4-paper .v372-info>div{
  padding:14px 16px 15px!important;
}
.v379-a4-paper .v372-info>div+div{
  border-left:1px solid var(--v379-border)!important;
}
.v379-a4-paper .v372-info h3{
  display:inline-flex!important;
  margin:0 0 9px!important;
  padding:5px 10px!important;
  border-radius:4px!important;
  background:var(--v379-green)!important;
  color:#fff!important;
  font-size:9.8px!important;
  font-weight:900!important;
}
.v379-a4-paper .v372-info p{
  display:grid!important;
  grid-template-columns:126px 1fr!important;
  gap:8px!important;
  margin:5px 0 0!important;
  font-size:9.4px!important;
  line-height:1.45!important;
  color:#29372f!important;
}
.v379-a4-paper .v372-info p b{
  font-weight:850!important;
  color:#17251d!important;
}

/* Product table */
.v379-a4-paper .v372-table-wrap{
  overflow:visible!important;
}
.v379-a4-paper .v372-table{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
  font-size:9.25px!important;
}
.v379-a4-paper .v372-table th{
  padding:8px 6px!important;
  background:linear-gradient(180deg,var(--v379-green) 0%,var(--v379-green-dark) 100%)!important;
  color:#fff!important;
  border-right:1px solid rgba(255,255,255,.28)!important;
  text-align:center!important;
  font-size:8.5px!important;
  font-weight:900!important;
  letter-spacing:.025em!important;
  white-space:nowrap!important;
}
.v379-a4-paper .v372-table th:nth-child(1){width:5.5%!important}
.v379-a4-paper .v372-table th:nth-child(2){width:12%!important}
.v379-a4-paper .v372-table th:nth-child(3){width:25%!important}
.v379-a4-paper .v372-table th:nth-child(4){width:8%!important}
.v379-a4-paper .v372-table th:nth-child(5){width:11%!important}
.v379-a4-paper .v372-table th:nth-child(6){width:18%!important}
.v379-a4-paper .v372-table th:nth-child(7){width:20.5%!important}
.v379-a4-paper .v372-table td{
  padding:9px 7px!important;
  border-right:1px solid var(--v379-grid)!important;
  border-bottom:1px solid var(--v379-grid)!important;
  background:#fff!important;
  color:#1f2b24!important;
  vertical-align:middle!important;
}
.v379-a4-paper .v372-table tbody tr:nth-child(even) td{
  background:#fbfdfc!important;
}
.v379-a4-paper .v372-table td:nth-child(1),
.v379-a4-paper .v372-table td:nth-child(4),
.v379-a4-paper .v372-table td:nth-child(5){
  text-align:center!important;
}
.v379-a4-paper .v372-table td:nth-child(6),
.v379-a4-paper .v372-table td:nth-child(7){
  text-align:right!important;
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums!important;
}
.v379-a4-paper .v372-table td:nth-child(7){
  font-weight:900!important;
  color:var(--v379-green)!important;
}

/* Totals and thank-you */
.v379-a4-paper .v372-summary{
  display:grid!important;
  grid-template-columns:1fr 48%!important;
  gap:14px!important;
  padding:14px 16px!important;
}
.v379-a4-paper .v372-thankyou{
  align-self:stretch!important;
  padding:13px 14px!important;
  border:1px solid #d7e3db!important;
  border-radius:8px!important;
  background:#fbfdfb!important;
}
.v379-a4-paper .v372-thankyou strong{
  color:var(--v379-green)!important;
  font-size:10.4px!important;
  font-weight:900!important;
}
.v379-a4-paper .v372-thankyou p{
  margin:6px 0 0!important;
  font-size:9.2px!important;
  line-height:1.5!important;
  color:#59665e!important;
}
.v379-a4-paper .v372-total{
  border:1px solid #b8cbbf!important;
  border-radius:7px!important;
  overflow:hidden!important;
}
.v379-a4-paper .v372-total>div{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:9px 12px!important;
  border-bottom:1px solid #dce6df!important;
  background:#fff!important;
  font-size:9.6px!important;
}
.v379-a4-paper .v372-total>div b{
  font-size:11px!important;
  font-weight:900!important;
}
.v379-a4-paper .v372-total .grand{
  border-bottom:0!important;
  background:linear-gradient(180deg,var(--v379-green) 0%,var(--v379-green-dark) 100%)!important;
  color:#fff!important;
  font-size:12.5px!important;
  font-weight:900!important;
}
.v379-a4-paper .v372-total .grand b{
  color:#fff!important;
  font-size:19px!important;
}

/* Footer blocks */
.v379-a4-paper .v372-footer{
  display:grid!important;
  grid-template-columns:1fr 1fr 1.18fr!important;
  border-top:1px solid var(--v379-border)!important;
}
.v379-a4-paper .v372-footer>div{
  min-height:132px!important;
  padding:14px 15px!important;
  background:#fff!important;
}
.v379-a4-paper .v372-footer>div+div{
  border-left:1px solid var(--v379-border)!important;
}
.v379-a4-paper .v372-footer h4{
  margin:0 0 8px!important;
  color:var(--v379-green)!important;
  font-size:9.5px!important;
  font-weight:900!important;
}
.v379-a4-paper .v372-footer p{
  margin:5px 0 0!important;
  font-size:8.9px!important;
  line-height:1.45!important;
  color:#303e36!important;
}
.v379-a4-paper .v372-sign{
  text-align:center!important;
}

/* Contact strip */
.v379-a4-paper .v374-contact-strip{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:10px!important;
  padding:10px 16px!important;
  border-top:1px solid #d5e0d9!important;
  background:#fff!important;
  font-size:8.8px!important;
}
.v379-a4-paper .v374-contact-strip span:nth-child(2){text-align:center!important}
.v379-a4-paper .v374-contact-strip span:nth-child(3){text-align:right!important}
.v379-a4-paper .v374-brand-footer{
  padding:7px 14px!important;
  background:var(--v379-green)!important;
  color:#fff!important;
  text-align:center!important;
  font-size:9px!important;
  font-weight:850!important;
}

/* MOBILE — same template, reorganized, not a different design */
@media(max-width:900px){
  .v379-public-quote-page{
    padding:8px 8px 82px!important;
  }
  .v379-a4-paper{
    width:100%!important;
    max-width:100%!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .v379-a4-paper .v372-header{
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:14px 13px 12px!important;
  }
  .v379-a4-paper .v372-company{
    grid-template-columns:88px 1fr!important;
    gap:10px!important;
  }
  .v379-a4-paper .v372-company img,
  .v379-a4-paper .v372-logo-fallback{
    width:82px!important;
    height:66px!important;
  }
  .v379-a4-paper .v372-title{
    text-align:left!important;
    padding-top:10px!important;
    border-top:1px solid #d9e3dd!important;
  }
  .v379-a4-paper .v372-title h1{
    font-size:31px!important;
  }
  .v379-a4-paper .v372-date{
    margin-left:0!important;
  }
  .v379-a4-paper .v372-qr{
    grid-template-columns:82px 1fr!important;
    justify-items:start!important;
    text-align:left!important;
  }
  .v379-a4-paper .v378-real-qr{
    width:80px!important;
    height:80px!important;
    grid-row:1/4!important;
  }
  .v379-a4-paper .v372-info{
    grid-template-columns:1fr!important;
  }
  .v379-a4-paper .v372-info>div+div{
    border-left:0!important;
    border-top:1px solid var(--v379-border)!important;
  }
  .v379-a4-paper .v372-info p{
    grid-template-columns:118px 1fr!important;
    font-size:9.1px!important;
  }
  .v379-a4-paper .v372-table-wrap{
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .v379-a4-paper .v372-table{
    min-width:690px!important;
    table-layout:auto!important;
  }
  .v379-a4-paper .v372-summary{
    grid-template-columns:1fr!important;
    padding:12px!important;
  }
  .v379-a4-paper .v372-footer{
    grid-template-columns:1fr!important;
  }
  .v379-a4-paper .v372-footer>div{
    min-height:auto!important;
    padding:12px 13px!important;
  }
  .v379-a4-paper .v372-footer>div+div{
    border-left:0!important;
    border-top:1px solid var(--v379-border)!important;
  }
  .v379-a4-paper .v374-contact-strip{
    grid-template-columns:1fr!important;
    gap:5px!important;
  }
  .v379-a4-paper .v374-contact-strip span{
    text-align:left!important;
  }
}

/* PRINT — true A4 scale. No inherited screen media tricks. */
@media print{
  @page{size:A4 portrait;margin:0!important}
  html,body{
    width:210mm!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
  }
  .v373-public-toolbar,
  .v372-preview-actions,
  .v377-mobile-actions{
    display:none!important;
  }
  .v379-public-quote-page{
    padding:0!important;
    background:#fff!important;
  }
  .v379-a4-paper{
    width:196mm!important;
    max-width:196mm!important;
    margin:7mm auto 0!important;
    border:0!important;
    box-shadow:none!important;
  }
  .v379-a4-paper .v372-header{
    padding:10mm 4mm 4mm!important;
  }
  .v379-a4-paper .v372-company{
    grid-template-columns:26mm 1fr!important;
    gap:3mm!important;
  }
  .v379-a4-paper .v372-company img,
  .v379-a4-paper .v372-logo-fallback{
    width:24mm!important;
    height:17mm!important;
  }
  .v379-a4-paper .v372-company h2{
    font-size:11pt!important;
  }
  .v379-a4-paper .v372-company p{
    font-size:6.6pt!important;
  }
  .v379-a4-paper .v372-title h1{
    font-size:24pt!important;
  }
  .v379-a4-paper .v372-title>p{
    font-size:8pt!important;
  }
  .v379-a4-paper .v372-title>p strong{
    font-size:9pt!important;
  }
  .v379-a4-paper .v372-date,
  .v379-a4-paper .v372-title small{
    font-size:6.6pt!important;
  }
  .v379-a4-paper .v378-real-qr{
    width:19mm!important;
    height:19mm!important;
  }
  .v379-a4-paper .v372-qr strong{
    font-size:6.3pt!important;
  }
  .v379-a4-paper .v372-qr small{
    font-size:5pt!important;
  }
  .v379-a4-paper .v372-info>div{
    padding:3mm 4mm!important;
  }
  .v379-a4-paper .v372-info h3{
    font-size:6.5pt!important;
  }
  .v379-a4-paper .v372-info p{
    grid-template-columns:28mm 1fr!important;
    font-size:6.4pt!important;
    margin-top:1.2mm!important;
  }
  .v379-a4-paper .v372-table{
    font-size:6.3pt!important;
  }
  .v379-a4-paper .v372-table th{
    padding:2mm 1.2mm!important;
    font-size:5.8pt!important;
  }
  .v379-a4-paper .v372-table td{
    padding:2mm 1.5mm!important;
  }
  .v379-a4-paper .v372-summary{
    grid-template-columns:1fr 48%!important;
    gap:3mm!important;
    padding:3mm 4mm!important;
  }
  .v379-a4-paper .v372-thankyou{
    padding:3mm!important;
  }
  .v379-a4-paper .v372-thankyou strong{
    font-size:7pt!important;
  }
  .v379-a4-paper .v372-thankyou p{
    font-size:6pt!important;
  }
  .v379-a4-paper .v372-total>div{
    padding:2.2mm 3mm!important;
    font-size:6.4pt!important;
  }
  .v379-a4-paper .v372-total>div b{
    font-size:7pt!important;
  }
  .v379-a4-paper .v372-total .grand{
    font-size:8pt!important;
  }
  .v379-a4-paper .v372-total .grand b{
    font-size:12pt!important;
  }
  .v379-a4-paper .v372-footer>div{
    min-height:27mm!important;
    padding:3mm 4mm!important;
  }
  .v379-a4-paper .v372-footer h4{
    font-size:6.4pt!important;
  }
  .v379-a4-paper .v372-footer p,
  .v379-a4-paper .v372-sign strong{
    font-size:6pt!important;
  }
  .v379-a4-paper .v374-contact-strip{
    padding:2.4mm 4mm!important;
    font-size:5.9pt!important;
  }
  .v379-a4-paper .v374-brand-footer{
    padding:2mm 4mm!important;
    font-size:6.2pt!important;
  }
}


/* ===== V477 SOURCE 167: v380-bold-sharp-a4-quote.css ===== */

/* =========================================================
   V380 — Bold / Sharp A4 Quote
   Tăng độ nét khi in/PDF nhưng giữ nguyên bố cục V379
   ========================================================= */

.v379-a4-paper{
  color:#111b15!important;
  border-color:#789784!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:geometricPrecision!important;
}

.v379-a4-paper .v372-company h2,
.v379-a4-paper .v372-title h1,
.v379-a4-paper .v372-info h3,
.v379-a4-paper .v372-table th,
.v379-a4-paper .v372-total .grand,
.v379-a4-paper .v372-footer h4,
.v379-a4-paper .v374-brand-footer{
  font-weight:950!important;
}

.v379-a4-paper .v372-company p,
.v379-a4-paper .v372-title>p,
.v379-a4-paper .v372-title small,
.v379-a4-paper .v372-info p,
.v379-a4-paper .v372-table td,
.v379-a4-paper .v372-thankyou p,
.v379-a4-paper .v372-footer p,
.v379-a4-paper .v374-contact-strip{
  font-weight:600!important;
  color:#1f2d24!important;
}

.v379-a4-paper .v372-info p b,
.v379-a4-paper .v372-table td:nth-child(7),
.v379-a4-paper .v372-total>div b,
.v379-a4-paper .v372-sign strong{
  font-weight:900!important;
}

.v379-a4-paper .v372-header{
  border-bottom:1.5px solid #9ab5a5!important;
}
.v379-a4-paper .v372-info{
  border-bottom:1.5px solid #9ab5a5!important;
}
.v379-a4-paper .v372-info>div+div,
.v379-a4-paper .v372-footer>div+div{
  border-left:1.2px solid #9ab5a5!important;
}

.v379-a4-paper .v372-table th{
  background:#075c35!important;
  border-right:1px solid rgba(255,255,255,.42)!important;
}
.v379-a4-paper .v372-table td{
  border-right:1.15px solid #c9d8cf!important;
  border-bottom:1.15px solid #c9d8cf!important;
}
.v379-a4-paper .v372-table td:nth-child(6),
.v379-a4-paper .v372-table td:nth-child(7){
  font-weight:800!important;
}

.v379-a4-paper .v372-total{
  border:1.4px solid #9db5a7!important;
}
.v379-a4-paper .v372-total>div{
  border-bottom:1.15px solid #c9d8cf!important;
}
.v379-a4-paper .v372-total .grand{
  background:#075c35!important;
}
.v379-a4-paper .v372-total .grand b{
  font-weight:950!important;
}

.v379-a4-paper .v372-footer{
  border-top:1.5px solid #9ab5a5!important;
}

.v379-a4-paper .v378-real-qr{
  border:1.4px solid #6f967f!important;
}

.v379-a4-paper .v374-contact-strip{
  border-top:1.2px solid #b6cabf!important;
}

/* Tăng độ nét riêng cho bản in */
@media print{
  *{
    -webkit-print-color-adjust:exact!important;
    print-color-adjust:exact!important;
  }

  .v379-a4-paper{
    color:#000!important;
    border:0!important;
  }

  .v379-a4-paper .v372-company h2{
    font-size:11.4pt!important;
    font-weight:950!important;
  }
  .v379-a4-paper .v372-company p{
    font-size:6.8pt!important;
    font-weight:650!important;
    line-height:1.42!important;
  }

  .v379-a4-paper .v372-title h1{
    font-size:25pt!important;
    font-weight:950!important;
    color:#075c35!important;
  }
  .v379-a4-paper .v372-title>p{
    font-size:8.3pt!important;
    font-weight:750!important;
  }
  .v379-a4-paper .v372-title>p strong{
    font-size:9.4pt!important;
    font-weight:950!important;
    color:#b91c1c!important;
  }

  .v379-a4-paper .v372-info h3{
    font-size:6.8pt!important;
    font-weight:950!important;
  }
  .v379-a4-paper .v372-info p{
    font-size:6.6pt!important;
    font-weight:650!important;
    color:#111!important;
  }
  .v379-a4-paper .v372-info p b{
    font-weight:900!important;
  }

  .v379-a4-paper .v372-table{
    font-size:6.6pt!important;
  }
  .v379-a4-paper .v372-table th{
    font-size:6pt!important;
    font-weight:950!important;
    background:#075c35!important;
    color:#fff!important;
  }
  .v379-a4-paper .v372-table td{
    font-size:6.6pt!important;
    font-weight:650!important;
    color:#111!important;
  }
  .v379-a4-paper .v372-table td:nth-child(6),
  .v379-a4-paper .v372-table td:nth-child(7){
    font-weight:900!important;
  }

  .v379-a4-paper .v372-thankyou strong{
    font-size:7.3pt!important;
    font-weight:950!important;
  }
  .v379-a4-paper .v372-thankyou p{
    font-size:6.2pt!important;
    font-weight:600!important;
  }

  .v379-a4-paper .v372-total>div{
    font-size:6.6pt!important;
    font-weight:700!important;
  }
  .v379-a4-paper .v372-total>div b{
    font-size:7.4pt!important;
    font-weight:950!important;
  }
  .v379-a4-paper .v372-total .grand{
    font-size:8.4pt!important;
    font-weight:950!important;
    background:#075c35!important;
  }
  .v379-a4-paper .v372-total .grand b{
    font-size:12.8pt!important;
    font-weight:950!important;
  }

  .v379-a4-paper .v372-footer h4{
    font-size:6.7pt!important;
    font-weight:950!important;
  }
  .v379-a4-paper .v372-footer p,
  .v379-a4-paper .v372-sign strong{
    font-size:6.2pt!important;
    font-weight:650!important;
    color:#111!important;
  }

  .v379-a4-paper .v374-contact-strip{
    font-size:6.1pt!important;
    font-weight:800!important;
    color:#111!important;
  }

  .v379-a4-paper .v374-brand-footer{
    font-size:6.5pt!important;
    font-weight:950!important;
    background:#075c35!important;
    color:#fff!important;
  }
}


/* ===== V477 SOURCE 168: v381-approved-quote-layout.css ===== */

/* =========================================================
   V381 — Match approved quotation layout
   Company left | Quote centered | QR right
   ========================================================= */

.v379-a4-paper .v372-header{
  display:grid!important;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.9fr) minmax(180px,.48fr)!important;
  align-items:start!important;
  gap:20px!important;
  padding:20px 22px 18px!important;
}

/* LEFT: logo + company data */
.v379-a4-paper .v372-company{
  display:grid!important;
  grid-template-columns:118px minmax(0,1fr)!important;
  gap:15px!important;
  align-items:start!important;
}
.v379-a4-paper .v372-company img,
.v379-a4-paper .v372-logo-fallback{
  width:112px!important;
  height:84px!important;
  object-fit:contain!important;
}
.v379-a4-paper .v372-company>div:last-child{
  min-width:0!important;
}
.v379-a4-paper .v372-company h2{
  margin:0 0 7px!important;
  font-size:18px!important;
  line-height:1.18!important;
  font-weight:950!important;
  color:#075c35!important;
}
.v379-a4-paper .v372-company p{
  margin:4px 0 0!important;
  font-size:9.4px!important;
  line-height:1.45!important;
  font-weight:650!important;
}

/* CENTER: quotation title truly centered */
.v379-a4-paper .v372-title{
  display:grid!important;
  justify-items:center!important;
  align-content:start!important;
  text-align:center!important;
  min-width:0!important;
  padding-top:8px!important;
}
.v379-a4-paper .v372-title h1{
  margin:0!important;
  font-size:42px!important;
  line-height:.98!important;
  font-weight:950!important;
  letter-spacing:.035em!important;
  color:#075c35!important;
  white-space:nowrap!important;
}
.v379-a4-paper .v372-title:after{
  content:"◆"!important;
  display:block!important;
  width:185px!important;
  margin:9px 0 10px!important;
  border-top:1.5px solid #8fac9a!important;
  color:#075c35!important;
  font-size:10px!important;
  line-height:0!important;
  text-align:center!important;
  background:#fff!important;
}
.v379-a4-paper .v372-title>p{
  margin:0 0 8px!important;
  font-size:12px!important;
  font-weight:800!important;
}
.v379-a4-paper .v372-title>p strong{
  color:#c62828!important;
  font-size:15px!important;
  font-weight:950!important;
}
.v379-a4-paper .v372-date{
  margin:5px auto 7px!important;
  width:max-content!important;
  padding:5px 12px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#26362e!important;
  font-size:9.8px!important;
  font-weight:850!important;
}
.v379-a4-paper .v372-title small{
  font-size:9.6px!important;
  font-weight:750!important;
  color:#2f3c35!important;
}

/* RIGHT: QR top-right aligned with company area */
.v379-a4-paper .v372-qr{
  display:grid!important;
  justify-items:center!important;
  align-content:start!important;
  gap:6px!important;
  text-align:center!important;
  padding-top:0!important;
}
.v379-a4-paper .v372-qr:before{
  content:"QUÉT MÃ XEM BÁO GIÁ"!important;
  display:block!important;
  margin-bottom:2px!important;
  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:.02em!important;
  color:#183028!important;
}
.v379-a4-paper .v372-qr strong{
  display:none!important;
}
.v379-a4-paper .v378-real-qr{
  width:102px!important;
  height:102px!important;
  padding:4px!important;
  border:1.4px solid #6c9a7e!important;
  border-radius:7px!important;
  background:#fff!important;
}
.v379-a4-paper .v372-qr small{
  display:block!important;
  max-width:170px!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  background:#075c35!important;
  color:#fff!important;
  font-size:7.4px!important;
  font-weight:800!important;
  word-break:break-all!important;
}
.v379-a4-paper .v372-qr:after{
  content:"Quét mã hoặc truy cập link để xem báo giá mới nhất"!important;
  display:block!important;
  max-width:175px!important;
  font-size:7.8px!important;
  line-height:1.45!important;
  color:#526159!important;
}

/* Customer + notes: equal cards like approved mockup */
.v379-a4-paper .v372-info{
  gap:18px!important;
  padding:12px 18px 14px!important;
  border-bottom:1.5px solid #9bb7a6!important;
  background:#fff!important;
}
.v379-a4-paper .v372-info>div{
  padding:0!important;
  border:1px solid #d2ddd6!important;
  border-radius:8px!important;
  overflow:visible!important;
  background:#fff!important;
}
.v379-a4-paper .v372-info>div+div{
  border-left:1px solid #d2ddd6!important;
}
.v379-a4-paper .v372-info h3{
  margin:-1px 0 10px -1px!important;
  border-radius:7px 7px 5px 5px!important;
}
.v379-a4-paper .v372-info p{
  margin-left:13px!important;
  margin-right:13px!important;
}
.v379-a4-paper .v372-info p:last-child{
  margin-bottom:12px!important;
}

/* Product table should sit tightly under cards */
.v379-a4-paper .v372-table-wrap{
  padding:0 18px!important;
}
.v379-a4-paper .v372-table{
  border:1px solid #c2d2c8!important;
  border-radius:7px!important;
  overflow:hidden!important;
}
.v379-a4-paper .v372-table th{
  background:#075c35!important;
}
.v379-a4-paper .v372-table th:first-child{
  border-top-left-radius:6px!important;
}
.v379-a4-paper .v372-table th:last-child{
  border-top-right-radius:6px!important;
}

/* Totals aligned right as in mockup */
.v379-a4-paper .v372-summary{
  grid-template-columns:minmax(0,1fr) minmax(420px,46%)!important;
  gap:18px!important;
  padding:12px 18px 14px!important;
}
.v379-a4-paper .v372-total{
  align-self:start!important;
}

/* Footer 3 cards */
.v379-a4-paper .v372-footer{
  gap:10px!important;
  padding:0 18px 14px!important;
  border-top:0!important;
}
.v379-a4-paper .v372-footer>div{
  min-height:138px!important;
  border:1px solid #d2ddd6!important;
  border-radius:8px!important;
  padding:13px 14px!important;
}
.v379-a4-paper .v372-footer>div+div{
  border-left:1px solid #d2ddd6!important;
}

/* Contact strip rounded like approved mockup */
.v379-a4-paper .v374-contact-strip{
  margin:0 18px 10px!important;
  border:1px solid #92ad9d!important;
  border-radius:999px!important;
  padding:9px 16px!important;
}
.v379-a4-paper .v374-brand-footer{
  margin:0!important;
  padding:7px 14px!important;
  background:#075c35!important;
}

/* Mobile keeps the same visual system but stacks */
@media(max-width:900px){
  .v379-a4-paper .v372-header{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  .v379-a4-paper .v372-company{
    grid-template-columns:88px minmax(0,1fr)!important;
  }

  .v379-a4-paper .v372-title{
    justify-items:start!important;
    text-align:left!important;
    padding-top:8px!important;
    border-top:1px solid #d7e2db!important;
  }
  .v379-a4-paper .v372-title h1{
    font-size:32px!important;
  }
  .v379-a4-paper .v372-title:after{
    width:150px!important;
    text-align:center!important;
    margin-left:0!important;
  }
  .v379-a4-paper .v372-date{
    margin-left:0!important;
  }

  .v379-a4-paper .v372-qr{
    display:grid!important;
    grid-template-columns:82px minmax(0,1fr)!important;
    justify-items:start!important;
    text-align:left!important;
  }
  .v379-a4-paper .v372-qr:before{
    grid-column:1/-1!important;
  }
  .v379-a4-paper .v378-real-qr{
    width:80px!important;
    height:80px!important;
    grid-row:2/5!important;
  }
  .v379-a4-paper .v372-qr small,
  .v379-a4-paper .v372-qr:after{
    max-width:100%!important;
  }

  .v379-a4-paper .v372-info{
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:10px!important;
  }
  .v379-a4-paper .v372-info>div+div{
    border-left:1px solid #d2ddd6!important;
  }

  .v379-a4-paper .v372-table-wrap{
    padding:0 10px!important;
  }

  .v379-a4-paper .v372-summary{
    grid-template-columns:1fr!important;
    padding:10px!important;
  }

  .v379-a4-paper .v372-footer{
    grid-template-columns:1fr!important;
    padding:0 10px 10px!important;
  }

  .v379-a4-paper .v374-contact-strip{
    margin:0 10px 8px!important;
    border-radius:12px!important;
  }
}

/* True A4 print */
@media print{
  .v379-a4-paper .v372-header{
    grid-template-columns:76mm 64mm 48mm!important;
    gap:4mm!important;
    padding:8mm 4mm 4mm!important;
  }
  .v379-a4-paper .v372-company{
    grid-template-columns:25mm 1fr!important;
    gap:3mm!important;
  }
  .v379-a4-paper .v372-title h1{
    font-size:25pt!important;
  }
  .v379-a4-paper .v372-title:after{
    width:42mm!important;
    margin:2mm 0 2.5mm!important;
  }
  .v379-a4-paper .v378-real-qr{
    width:21mm!important;
    height:21mm!important;
  }
  .v379-a4-paper .v372-qr:before{
    font-size:6pt!important;
  }
  .v379-a4-paper .v372-qr:after{
    font-size:5.3pt!important;
  }

  .v379-a4-paper .v372-info{
    gap:4mm!important;
    padding:3mm 4mm!important;
  }
  .v379-a4-paper .v372-table-wrap{
    padding:0 4mm!important;
  }
  .v379-a4-paper .v372-summary{
    grid-template-columns:1fr 88mm!important;
    gap:4mm!important;
    padding:3mm 4mm!important;
  }
  .v379-a4-paper .v372-footer{
    gap:2.5mm!important;
    padding:0 4mm 3mm!important;
  }
  .v379-a4-paper .v374-contact-strip{
    margin:0 4mm 2.5mm!important;
    padding:2mm 4mm!important;
  }
}


/* ===== V477 SOURCE 169: v382-reference-quote-100.css ===== */

/* =========================================================
   V382 — Reference-locked quotation layout
   Same design for public link / preview / print / PDF
   ========================================================= */

:root{
  --v382-green:#075b34;
  --v382-green-2:#0b6b3d;
  --v382-border:#cfdad4;
  --v382-grid:#dce5e0;
  --v382-text:#172219;
  --v382-muted:#5f6e65;
  --v382-red:#d02222;
}

.v379-a4-paper{
  width:1120px!important;
  max-width:calc(100vw - 28px)!important;
  margin:0 auto!important;
  background:#fff!important;
  color:var(--v382-text)!important;
  border:1px solid #a9beb1!important;
  border-top:4px solid var(--v382-green)!important;
  border-radius:0!important;
  box-shadow:0 10px 30px rgba(17,43,29,.08)!important;
  overflow:hidden!important;
  font-family:Arial,"Helvetica Neue",Helvetica,sans-serif!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:geometricPrecision!important;
}

/* ---------- HEADER ---------- */
.v379-a4-paper .v372-header{
  display:grid!important;
  grid-template-columns:1.15fr .92fr .45fr!important;
  gap:22px!important;
  align-items:start!important;
  padding:24px 28px 20px!important;
  border-top:0!important;
  border-bottom:1px solid #c8d6ce!important;
  background:#fff!important;
}

/* Company */
.v379-a4-paper .v372-company{
  display:grid!important;
  grid-template-columns:125px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:start!important;
}
.v379-a4-paper .v372-company img,
.v379-a4-paper .v372-logo-fallback{
  width:118px!important;
  height:92px!important;
  object-fit:contain!important;
}
.v379-a4-paper .v372-company h2{
  margin:0 0 7px!important;
  font-size:20px!important;
  line-height:1.15!important;
  font-weight:950!important;
  color:var(--v382-green)!important;
  white-space:nowrap!important;
}
.v379-a4-paper .v372-company p{
  margin:5px 0 0!important;
  font-size:10.2px!important;
  line-height:1.45!important;
  font-weight:650!important;
  color:#243229!important;
}

/* Center quotation title */
.v379-a4-paper .v372-title{
  display:grid!important;
  justify-items:center!important;
  align-content:start!important;
  text-align:center!important;
  padding-top:3px!important;
  min-width:0!important;
}
.v379-a4-paper .v372-title h1{
  margin:0!important;
  font-size:50px!important;
  line-height:.96!important;
  font-weight:950!important;
  letter-spacing:.025em!important;
  color:var(--v382-green)!important;
  white-space:nowrap!important;
}
.v379-a4-paper .v372-title:after{
  content:"◆"!important;
  display:block!important;
  width:210px!important;
  margin:12px 0 13px!important;
  border-top:1.4px solid #9bb3a5!important;
  color:var(--v382-green)!important;
  font-size:10px!important;
  line-height:0!important;
  text-align:center!important;
  background:#fff!important;
}
.v379-a4-paper .v372-title>p{
  margin:0 0 11px!important;
  font-size:15px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.v379-a4-paper .v372-title>p strong{
  color:var(--v382-red)!important;
  font-size:18px!important;
  font-weight:950!important;
}
.v379-a4-paper .v372-date{
  margin:4px auto 8px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#1c2b21!important;
  font-size:11px!important;
  line-height:1.4!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.v379-a4-paper .v372-title small{
  display:block!important;
  font-size:10.8px!important;
  line-height:1.4!important;
  font-weight:800!important;
  color:#26362d!important;
  white-space:nowrap!important;
}

/* QR */
.v379-a4-paper .v372-qr{
  display:grid!important;
  justify-items:center!important;
  align-content:start!important;
  gap:7px!important;
  padding-top:0!important;
  text-align:center!important;
}
.v379-a4-paper .v372-qr:before{
  content:"QUÉT MÃ XEM BÁO GIÁ"!important;
  display:block!important;
  margin-bottom:2px!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:950!important;
  color:#183027!important;
  white-space:nowrap!important;
}
.v379-a4-paper .v372-qr strong{
  display:none!important;
}
.v379-a4-paper .v378-real-qr{
  width:112px!important;
  height:112px!important;
  padding:4px!important;
  border:1.5px solid #71957f!important;
  border-radius:7px!important;
  background:#fff!important;
}
.v379-a4-paper .v372-qr small{
  display:block!important;
  max-width:180px!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  background:var(--v382-green)!important;
  color:#fff!important;
  font-size:7.8px!important;
  font-weight:850!important;
  line-height:1.2!important;
  word-break:break-all!important;
}
.v379-a4-paper .v372-qr:after{
  content:"Quét mã hoặc truy cập link để xem báo giá mới nhất"!important;
  display:block!important;
  max-width:190px!important;
  font-size:8.4px!important;
  line-height:1.45!important;
  color:#45554c!important;
}

/* ---------- CUSTOMER + NOTE ---------- */
.v379-a4-paper .v372-info{
  display:grid!important;
  grid-template-columns:1fr 1.05fr!important;
  gap:22px!important;
  padding:18px 22px!important;
  border-bottom:0!important;
  background:#fff!important;
}
.v379-a4-paper .v372-info>div{
  min-height:235px!important;
  padding:0 16px 15px!important;
  border:1px solid #cfd9d3!important;
  border-radius:8px!important;
  background:#fff!important;
  overflow:visible!important;
}
.v379-a4-paper .v372-info>div+div{
  border-left:1px solid #cfd9d3!important;
}
.v379-a4-paper .v372-info h3{
  display:inline-flex!important;
  align-items:center!important;
  margin:-1px 0 14px -17px!important;
  padding:8px 14px!important;
  border-radius:7px 7px 6px 6px!important;
  background:linear-gradient(180deg,#0b6a3c 0%,#075631 100%)!important;
  color:#fff!important;
  font-size:12.5px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
}
.v379-a4-paper .v372-info p{
  display:grid!important;
  grid-template-columns:170px minmax(0,1fr)!important;
  gap:10px!important;
  margin:10px 0 0!important;
  font-size:12.6px!important;
  line-height:1.45!important;
  font-weight:650!important;
  color:#1f2c24!important;
}
.v379-a4-paper .v372-info p b{
  font-weight:950!important;
  color:#172219!important;
}
.v379-a4-paper .v372-info>div:nth-child(1) p{
  font-size:14.2px!important;
  line-height:1.5!important;
}
.v379-a4-paper .v372-info>div:nth-child(1) p b{
  font-size:13.4px!important;
}
.v379-a4-paper .v372-info>div:nth-child(2) p{
  grid-template-columns:1fr!important;
  position:relative!important;
  padding-left:22px!important;
}
.v379-a4-paper .v372-info>div:nth-child(2) p:before{
  content:"✓"!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:16px!important;
  height:16px!important;
  border-radius:50%!important;
  background:var(--v382-green)!important;
  color:#fff!important;
  font-size:10px!important;
  line-height:16px!important;
  text-align:center!important;
  font-weight:950!important;
}

/* ---------- PRODUCT TABLE ---------- */
.v379-a4-paper .v372-table-wrap{
  padding:0 22px!important;
  overflow:visible!important;
}
.v379-a4-paper .v372-table{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  border:1px solid #c6d3cc!important;
  border-radius:8px!important;
  overflow:hidden!important;
  font-size:11.5px!important;
}
.v379-a4-paper .v372-table th{
  padding:12px 8px!important;
  background:linear-gradient(180deg,#0b6a3c 0%,#075631 100%)!important;
  color:#fff!important;
  border-right:1px solid rgba(255,255,255,.28)!important;
  text-align:center!important;
  font-size:10.5px!important;
  line-height:1.15!important;
  font-weight:950!important;
  letter-spacing:.015em!important;
  white-space:nowrap!important;
}
.v379-a4-paper .v372-table th:nth-child(1){width:7%!important}
.v379-a4-paper .v372-table th:nth-child(2){width:13%!important}
.v379-a4-paper .v372-table th:nth-child(3){width:22%!important}
.v379-a4-paper .v372-table th:nth-child(4){width:9%!important}
.v379-a4-paper .v372-table th:nth-child(5){width:15%!important}
.v379-a4-paper .v372-table th:nth-child(6){width:17%!important}
.v379-a4-paper .v372-table th:nth-child(7){width:17%!important}
.v379-a4-paper .v372-table td{
  height:54px!important;
  padding:10px 10px!important;
  border-right:1px solid var(--v382-grid)!important;
  border-bottom:1px solid var(--v382-grid)!important;
  background:#fff!important;
  color:#172219!important;
  font-size:11.8px!important;
  line-height:1.25!important;
  font-weight:650!important;
  vertical-align:middle!important;
}
.v379-a4-paper .v372-table td:nth-child(1),
.v379-a4-paper .v372-table td:nth-child(4),
.v379-a4-paper .v372-table td:nth-child(5){
  text-align:center!important;
}
.v379-a4-paper .v372-table td:nth-child(6),
.v379-a4-paper .v372-table td:nth-child(7){
  text-align:right!important;
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums!important;
}
.v379-a4-paper .v372-table td:nth-child(7){
  color:var(--v382-green)!important;
  font-weight:950!important;
}

/* ---------- TOTALS ---------- */
.v379-a4-paper .v372-summary{
  display:grid!important;
  grid-template-columns:1fr 49%!important;
  gap:20px!important;
  padding:16px 22px 18px!important;
}
.v379-a4-paper .v372-thankyou{
  align-self:start!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.v379-a4-paper .v372-thankyou strong{
  display:none!important;
}
.v379-a4-paper .v372-thankyou p{
  margin:8px 0 0!important;
  font-size:11px!important;
  line-height:1.45!important;
  font-style:italic!important;
  font-weight:650!important;
  color:#222e26!important;
}
.v379-a4-paper .v372-total{
  border:1px solid #bfcfc6!important;
  border-radius:8px!important;
  overflow:hidden!important;
  background:#fff!important;
}
.v379-a4-paper .v372-total>div{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:15px!important;
  padding:11px 14px!important;
  border-bottom:1px solid #dce5e0!important;
  background:#fff!important;
  font-size:11.5px!important;
  font-weight:800!important;
}
.v379-a4-paper .v372-total>div b{
  font-size:12.8px!important;
  font-weight:950!important;
}
.v379-a4-paper .v372-total .grand{
  padding:11px 14px!important;
  background:linear-gradient(180deg,#0b6a3c 0%,#075631 100%)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:950!important;
}
.v379-a4-paper .v372-total .grand b{
  color:#fff!important;
  font-size:22px!important;
  font-weight:950!important;
}

/* ---------- PAYMENT + CONFIRM ---------- */
.v379-a4-paper .v372-footer{
  display:grid!important;
  grid-template-columns:1fr 1.04fr!important;
  gap:18px!important;
  padding:0 22px 18px!important;
  border-top:0!important;
}
.v379-a4-paper .v372-footer>div{
  min-height:300px!important;
  padding:14px 16px!important;
  border:1px solid #cfd9d3!important;
  border-radius:8px!important;
  background:#fff!important;
}
.v379-a4-paper .v372-footer>div+div{
  border-left:1px solid #cfd9d3!important;
}
.v379-a4-paper .v372-footer>div:nth-child(1){
  display:none!important;
}
.v379-a4-paper .v372-footer>div:nth-child(2){
  grid-column:1!important;
}
.v379-a4-paper .v372-footer>div:nth-child(3){
  grid-column:2!important;
}
.v379-a4-paper .v372-footer h4{
  margin:0 0 12px!important;
  color:var(--v382-green)!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:950!important;
}
.v379-a4-paper .v372-footer p{
  margin:8px 0 0!important;
  font-size:11.6px!important;
  line-height:1.5!important;
  font-weight:650!important;
  color:#1f2c24!important;
}
.v379-a4-paper .v372-footer>div:nth-child(2):after{
  content:"ĐIỀU KHOẢN THANH TOÁN\A ✓ Thanh toán: Chuyển khoản hoặc tiền mặt.\A ✓ Đặt cọc: 30% giá trị đơn hàng.\A ✓ Thanh toán nốt: Trước khi giao hàng.\A ✓ Thời gian giao hàng: 24 - 48h sau khi xác nhận đơn.\A ✓ Miễn phí giao hàng với đơn hàng từ 5.000.000đ trong phạm vi TP. HCM."!important;
  display:block!important;
  margin-top:18px!important;
  white-space:pre-line!important;
  font-size:11px!important;
  line-height:1.65!important;
  font-weight:700!important;
  color:#1f2c24!important;
}
.v379-a4-paper .v372-sign{
  text-align:center!important;
}
.v379-a4-paper .v372-sign h4{
  text-align:left!important;
}
.v379-a4-paper .v372-sign strong{
  font-size:11.8px!important;
  font-weight:900!important;
}
.v379-a4-paper .v372-sign p{
  margin-top:12px!important;
}

/* ---------- CONTACT STRIP ---------- */
.v379-a4-paper .v374-contact-strip{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:0!important;
  margin:0 28px 12px!important;
  padding:10px 0!important;
  border:1px solid #92ad9d!important;
  border-radius:18px!important;
  background:#fff!important;
  font-size:10.5px!important;
  font-weight:750!important;
}
.v379-a4-paper .v374-contact-strip span{
  padding:0 18px!important;
}
.v379-a4-paper .v374-contact-strip span+span{
  border-left:1px solid #b8c8bf!important;
}
.v379-a4-paper .v374-contact-strip span:nth-child(2){text-align:center!important}
.v379-a4-paper .v374-contact-strip span:nth-child(3){text-align:right!important}

.v379-a4-paper .v374-brand-footer{
  margin:0!important;
  padding:8px 16px!important;
  background:var(--v382-green)!important;
  color:#fff!important;
  text-align:center!important;
  font-size:10px!important;
  font-weight:850!important;
}

/* ---------- MOBILE ---------- */
@media(max-width:900px){
  .v379-public-quote-page{
    padding:8px 8px 84px!important;
  }
  .v379-a4-paper{
    width:100%!important;
    max-width:100%!important;
    border-radius:0!important;
    box-shadow:none!important;
  }

  .v379-a4-paper .v372-header{
    grid-template-columns:1fr!important;
    gap:14px!important;
    padding:14px 14px 12px!important;
  }
  .v379-a4-paper .v372-company{
    grid-template-columns:88px minmax(0,1fr)!important;
    gap:10px!important;
  }
  .v379-a4-paper .v372-company img,
  .v379-a4-paper .v372-logo-fallback{
    width:82px!important;
    height:68px!important;
  }
  .v379-a4-paper .v372-company h2{
    font-size:15px!important;
    white-space:normal!important;
  }
  .v379-a4-paper .v372-company p{
    font-size:9.2px!important;
  }

  .v379-a4-paper .v372-title{
    justify-items:start!important;
    text-align:left!important;
    padding-top:10px!important;
    border-top:1px solid #d7e2db!important;
  }
  .v379-a4-paper .v372-title h1{
    font-size:34px!important;
  }
  .v379-a4-paper .v372-title:after{
    width:150px!important;
    margin:8px 0 10px!important;
  }
  .v379-a4-paper .v372-date,
  .v379-a4-paper .v372-title small{
    white-space:normal!important;
  }

  .v379-a4-paper .v372-qr{
    grid-template-columns:86px minmax(0,1fr)!important;
    justify-items:start!important;
    text-align:left!important;
  }
  .v379-a4-paper .v372-qr:before{
    grid-column:1/-1!important;
  }
  .v379-a4-paper .v378-real-qr{
    width:84px!important;
    height:84px!important;
    grid-row:2/5!important;
  }
  .v379-a4-paper .v372-qr small,
  .v379-a4-paper .v372-qr:after{
    max-width:100%!important;
  }

  .v379-a4-paper .v372-info{
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:10px!important;
  }
  .v379-a4-paper .v372-info>div{
    min-height:0!important;
  }
  .v379-a4-paper .v372-info p{
    grid-template-columns:120px minmax(0,1fr)!important;
    font-size:10.5px!important;
  }
  .v379-a4-paper .v372-info>div:nth-child(1) p{
    font-size:11.2px!important;
  }

  .v379-a4-paper .v372-table-wrap{
    padding:0 10px!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .v379-a4-paper .v372-table{
    min-width:720px!important;
    table-layout:auto!important;
  }

  .v379-a4-paper .v372-summary{
    grid-template-columns:1fr!important;
    padding:10px!important;
  }

  .v379-a4-paper .v372-footer{
    grid-template-columns:1fr!important;
    padding:0 10px 10px!important;
  }
  .v379-a4-paper .v372-footer>div:nth-child(2),
  .v379-a4-paper .v372-footer>div:nth-child(3){
    grid-column:1!important;
    min-height:0!important;
  }

  .v379-a4-paper .v374-contact-strip{
    grid-template-columns:1fr!important;
    margin:0 10px 8px!important;
    border-radius:12px!important;
    padding:8px 0!important;
  }
  .v379-a4-paper .v374-contact-strip span{
    text-align:left!important;
    padding:5px 12px!important;
  }
  .v379-a4-paper .v374-contact-strip span+span{
    border-left:0!important;
    border-top:1px solid #d7e1db!important;
  }
}

/* ---------- TRUE A4 PRINT ---------- */
@media print{
  @page{size:A4 portrait;margin:0!important}
  html,body{
    width:210mm!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
  }
  .v373-public-toolbar,
  .v372-preview-actions,
  .v377-mobile-actions{
    display:none!important;
  }
  .v379-public-quote-page{
    padding:0!important;
    background:#fff!important;
  }
  .v379-a4-paper{
    width:196mm!important;
    max-width:196mm!important;
    margin:7mm auto 0!important;
    border:0!important;
    box-shadow:none!important;
  }

  .v379-a4-paper .v372-header{
    grid-template-columns:76mm 66mm 46mm!important;
    gap:4mm!important;
    padding:6mm 4mm 4mm!important;
  }
  .v379-a4-paper .v372-company{
    grid-template-columns:24mm 1fr!important;
    gap:3mm!important;
  }
  .v379-a4-paper .v372-company img,
  .v379-a4-paper .v372-logo-fallback{
    width:23mm!important;
    height:18mm!important;
  }
  .v379-a4-paper .v372-company h2{
    font-size:10.5pt!important;
  }
  .v379-a4-paper .v372-company p{
    font-size:6.2pt!important;
    line-height:1.35!important;
  }

  .v379-a4-paper .v372-title h1{
    font-size:24pt!important;
  }
  .v379-a4-paper .v372-title:after{
    width:42mm!important;
    margin:2mm 0 2.5mm!important;
  }
  .v379-a4-paper .v372-title>p{
    font-size:8pt!important;
  }
  .v379-a4-paper .v372-title>p strong{
    font-size:9pt!important;
  }
  .v379-a4-paper .v372-date,
  .v379-a4-paper .v372-title small{
    font-size:6.3pt!important;
    white-space:nowrap!important;
  }

  .v379-a4-paper .v378-real-qr{
    width:20mm!important;
    height:20mm!important;
  }
  .v379-a4-paper .v372-qr:before{
    font-size:5.8pt!important;
  }
  .v379-a4-paper .v372-qr small{
    font-size:4.8pt!important;
  }
  .v379-a4-paper .v372-qr:after{
    font-size:5pt!important;
  }

  .v379-a4-paper .v372-info{
    gap:4mm!important;
    padding:3mm 4mm!important;
  }
  .v379-a4-paper .v372-info>div{
    min-height:38mm!important;
    padding:0 3mm 3mm!important;
  }
  .v379-a4-paper .v372-info h3{
    margin-left:-3.2mm!important;
    font-size:6.6pt!important;
    padding:1.7mm 3mm!important;
  }
  .v379-a4-paper .v372-info p{
    grid-template-columns:30mm 1fr!important;
    gap:2mm!important;
    margin-top:1.8mm!important;
    font-size:6.4pt!important;
    line-height:1.35!important;
  }
  .v379-a4-paper .v372-info>div:nth-child(1) p{
    font-size:7pt!important;
  }
  .v379-a4-paper .v372-info>div:nth-child(2) p{
    font-size:6.2pt!important;
    padding-left:4mm!important;
  }

  .v379-a4-paper .v372-table-wrap{
    padding:0 4mm!important;
  }
  .v379-a4-paper .v372-table{
    font-size:6.4pt!important;
  }
  .v379-a4-paper .v372-table th{
    padding:2mm 1mm!important;
    font-size:5.7pt!important;
  }
  .v379-a4-paper .v372-table td{
    height:9mm!important;
    padding:1.8mm 1.2mm!important;
    font-size:6.3pt!important;
  }

  .v379-a4-paper .v372-summary{
    grid-template-columns:1fr 92mm!important;
    gap:4mm!important;
    padding:3mm 4mm!important;
  }
  .v379-a4-paper .v372-thankyou p{
    font-size:6pt!important;
  }
  .v379-a4-paper .v372-total>div{
    padding:2.1mm 3mm!important;
    font-size:6.4pt!important;
  }
  .v379-a4-paper .v372-total>div b{
    font-size:7pt!important;
  }
  .v379-a4-paper .v372-total .grand{
    font-size:8pt!important;
  }
  .v379-a4-paper .v372-total .grand b{
    font-size:12pt!important;
  }

  .v379-a4-paper .v372-footer{
    grid-template-columns:1fr 1.04fr!important;
    gap:3mm!important;
    padding:0 4mm 3mm!important;
  }
  .v379-a4-paper .v372-footer>div{
    min-height:47mm!important;
    padding:3mm!important;
  }
  .v379-a4-paper .v372-footer h4{
    font-size:6.5pt!important;
  }
  .v379-a4-paper .v372-footer p{
    font-size:6pt!important;
    margin-top:1.4mm!important;
  }
  .v379-a4-paper .v372-footer>div:nth-child(2):after{
    margin-top:3mm!important;
    font-size:5.9pt!important;
    line-height:1.5!important;
  }
  .v379-a4-paper .v372-sign strong{
    font-size:6.2pt!important;
  }

  .v379-a4-paper .v374-contact-strip{
    margin:0 4mm 2mm!important;
    padding:2mm 0!important;
    font-size:5.8pt!important;
  }
  .v379-a4-paper .v374-contact-strip span{
    padding:0 3mm!important;
  }
  .v379-a4-paper .v374-brand-footer{
    padding:1.8mm 4mm!important;
    font-size:6pt!important;
  }

  /* Prevent awkward page breaks */
  .v379-a4-paper .v372-header,
  .v379-a4-paper .v372-info,
  .v379-a4-paper .v372-summary,
  .v379-a4-paper .v372-footer,
  .v379-a4-paper .v374-contact-strip,
  .v379-a4-paper .v374-brand-footer{
    break-inside:avoid!important;
    page-break-inside:avoid!important;
  }
  .v379-a4-paper .v372-table tr{
    break-inside:avoid!important;
    page-break-inside:avoid!important;
  }
}


/* ===== V477 SOURCE 170: v383-quote-to-order.css ===== */

/* V383 — Chuyển báo giá sang đơn hàng */
.v370-history-list .actions .order,
.v370-created-quote .order{
  border-color:var(--brand-green)!important;
  background:var(--brand-green)!important;
  color:#fff!important;
}
.v370-history-list .actions button:disabled,
.v370-created-quote button:disabled{
  opacity:.55;
  cursor:not-allowed;
}


/* ===== V477 SOURCE 171: v384-mobile-quote-products.css ===== */

/* =========================================================
   V384 — Auto sync hidden + mobile quote product cards
   Desktop/print remain table-based.
   ========================================================= */

/* Manual sync UI removed; keep defensive hide for cached markup */
.v370-quote-toolbar .sync-old,
.v375-sync-status{
  display:none!important;
}

/* Mobile quote products become clean cards instead of a squeezed horizontal table */
@media (max-width:900px){
  .v379-a4-paper .v372-table-wrap{
    overflow:visible!important;
    padding:0 10px!important;
  }

  .v379-a4-paper .v372-table{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
  }

  .v379-a4-paper .v372-table thead{
    display:none!important;
  }

  .v379-a4-paper .v372-table tbody{
    display:grid!important;
    gap:10px!important;
  }

  .v379-a4-paper .v372-table tr{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:0!important;
    border:1px solid #cfdad4!important;
    border-radius:10px!important;
    background:#fff!important;
    overflow:hidden!important;
    box-shadow:0 2px 8px rgba(17,43,29,.035)!important;
  }

  .v379-a4-paper .v372-table td{
    display:grid!important;
    grid-template-columns:92px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    min-height:42px!important;
    height:auto!important;
    padding:9px 10px!important;
    border:0!important;
    border-bottom:1px solid #e1e9e4!important;
    background:#fff!important;
    text-align:left!important;
    white-space:normal!important;
    font-size:10.8px!important;
    line-height:1.35!important;
    color:#1c2921!important;
  }

  .v379-a4-paper .v372-table td::before{
    display:block!important;
    font-size:8.5px!important;
    line-height:1.2!important;
    font-weight:900!important;
    letter-spacing:.02em!important;
    text-transform:uppercase!important;
    color:#68786f!important;
  }

  .v379-a4-paper .v372-table td:nth-child(1)::before{content:"STT"}
  .v379-a4-paper .v372-table td:nth-child(2)::before{content:"Mã hàng"}
  .v379-a4-paper .v372-table td:nth-child(3)::before{content:"Sản phẩm"}
  .v379-a4-paper .v372-table td:nth-child(4)::before{content:"ĐVT"}
  .v379-a4-paper .v372-table td:nth-child(5)::before{content:"Số lượng"}
  .v379-a4-paper .v372-table td:nth-child(6)::before{content:"Đơn giá"}
  .v379-a4-paper .v372-table td:nth-child(7)::before{content:"Thành tiền"}

  /* Product name gets full width and stronger hierarchy */
  .v379-a4-paper .v372-table td:nth-child(3){
    grid-column:1/-1!important;
    order:-2!important;
    min-height:52px!important;
    padding:11px 12px!important;
    background:#f7fbf8!important;
    border-bottom:1px solid #d6e2da!important;
    font-size:12.6px!important;
    font-weight:900!important;
    color:#075b34!important;
  }

  /* Amount gets full width as visual total for the item */
  .v379-a4-paper .v372-table td:nth-child(7){
    grid-column:1/-1!important;
    min-height:48px!important;
    padding:10px 12px!important;
    border-bottom:0!important;
    background:#f4faf6!important;
    color:#075b34!important;
    font-size:13px!important;
    font-weight:950!important;
  }

  .v379-a4-paper .v372-table td:nth-child(7)::before{
    color:#075b34!important;
  }

  /* Middle cells form two-column compact detail grid */
  .v379-a4-paper .v372-table td:nth-child(1),
  .v379-a4-paper .v372-table td:nth-child(2),
  .v379-a4-paper .v372-table td:nth-child(4),
  .v379-a4-paper .v372-table td:nth-child(5),
  .v379-a4-paper .v372-table td:nth-child(6){
    grid-template-columns:1fr!important;
    gap:4px!important;
    text-align:left!important;
  }

  .v379-a4-paper .v372-table td:nth-child(1),
  .v379-a4-paper .v372-table td:nth-child(4){
    border-right:1px solid #e1e9e4!important;
  }

  .v379-a4-paper .v372-table td:nth-child(6){
    grid-column:1/-1!important;
  }

  .v379-a4-paper .v372-table td:nth-child(6),
  .v379-a4-paper .v372-table td:nth-child(7){
    font-variant-numeric:tabular-nums!important;
  }
}

/* Print remains the A4 table and ignores mobile card layout */
@media print{
  .v379-a4-paper .v372-table{
    display:table!important;
    width:100%!important;
  }
  .v379-a4-paper .v372-table thead{
    display:table-header-group!important;
  }
  .v379-a4-paper .v372-table tbody{
    display:table-row-group!important;
  }
  .v379-a4-paper .v372-table tr{
    display:table-row!important;
    border:0!important;
    box-shadow:none!important;
  }
  .v379-a4-paper .v372-table td{
    display:table-cell!important;
  }
  .v379-a4-paper .v372-table td::before{
    display:none!important;
    content:none!important;
  }
}


/* ===== V477 SOURCE 172: v385-company-tax-id-settings.css ===== */

/* V385 — Mã số thuế công ty dùng chung cho Báo giá và Đơn hàng */
#companyTaxCode{
  font-variant-numeric:tabular-nums;
  letter-spacing:.01em;
}


/* ===== V477 SOURCE 173: v387-sharp-quote-watermark.css ===== */

/* V387 - Chu sac net + watermark logo ban quyen cho Bao gia */
.v379-a4-paper{
  position:relative!important;
  isolation:isolate!important;
  font-family:Arial,"Helvetica Neue",Helvetica,sans-serif!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
  text-rendering:optimizeLegibility!important;
  font-synthesis:none!important;
}
.v379-a4-paper:before{
  content:"VIFOOD"!important;
  position:absolute!important;
  z-index:0!important;
  left:50%!important;
  top:54%!important;
  transform:translate(-50%,-50%) rotate(-28deg)!important;
  width:72%!important;
  text-align:center!important;
  font-size:118px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  color:rgba(7,91,52,.035)!important;
  white-space:nowrap!important;
  pointer-events:none!important;
  user-select:none!important;
}
.v379-a4-paper>*{
  position:relative!important;
  z-index:1!important;
}
.v379-a4-paper .v372-table th,
.v379-a4-paper .v372-table td,
.v379-a4-paper .v372-info p,
.v379-a4-paper .v372-company p,
.v379-a4-paper .v372-footer p,
.v379-a4-paper .v372-total,
.v379-a4-paper .v374-contact-strip{
  text-shadow:none!important;
  filter:none!important;
  transform:none!important;
  opacity:1!important;
}
.v379-a4-paper .v372-table th{
  font-weight:800!important;
  letter-spacing:0!important;
}
.v379-a4-paper .v372-table td{
  font-weight:600!important;
  letter-spacing:0!important;
}
.v379-a4-paper .v372-table td:nth-child(3),
.v379-a4-paper .v372-table td:nth-child(7){
  font-weight:800!important;
}
.v379-a4-paper .v372-title h1,
.v379-a4-paper .v372-company h2,
.v379-a4-paper .v372-info h3{
  text-shadow:none!important;
  filter:none!important;
}

/* Mobile: watermark nhe, chu khong bi co/vo */
@media(max-width:900px){
  .v379-a4-paper:before{
    position:fixed!important;
    width:auto!important;
    font-size:62px!important;
    top:52%!important;
    color:rgba(7,91,52,.03)!important;
  }
  .v379-a4-paper .v372-table td{
    -webkit-font-smoothing:antialiased!important;
    text-rendering:optimizeLegibility!important;
  }
}

/* In/PDF: watermark van hien thi, khong lam mo chu */
@media print{
  *{
    -webkit-print-color-adjust:exact!important;
    print-color-adjust:exact!important;
  }
  .v379-a4-paper{
    -webkit-font-smoothing:antialiased!important;
    text-rendering:geometricPrecision!important;
  }
  .v379-a4-paper:before{
    position:absolute!important;
    top:52%!important;
    font-size:72pt!important;
    color:rgba(7,91,52,.028)!important;
  }
  .v379-a4-paper .v372-table th{
    font-weight:800!important;
  }
  .v379-a4-paper .v372-table td{
    font-weight:600!important;
  }
}


/* ===== V477 SOURCE 174: v388-quote-product-source.css ===== */

/* V388 — Báo giá lấy nguồn sản phẩm theo Cài đặt/Cấu hình */
.v388-quote-product-source{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
  padding:7px 9px;
  border:1px solid var(--border);
  border-radius:7px;
  background:var(--muted);
  font-size:9.5px;
  color:var(--muted-foreground);
}
.v388-quote-product-source strong{
  color:var(--brand-green);
  font-weight:900;
}
.v388-quote-product-source em{
  font-style:normal;
  font-size:9px;
}
.v388-product-empty{
  padding:18px 10px;
  text-align:center;
  border:1px dashed var(--border);
  border-radius:7px;
  font-size:10px;
  color:var(--muted-foreground);
}


/* ===== V477 SOURCE 175: v389-company-tax-id.css ===== */

/* V389 — MST công ty hiển thị thống nhất trên Báo giá và Đơn hàng */
.v389-company-tax-id{
  margin-top:3px!important;
  margin-bottom:3px!important;
  color:#172219!important;
  font-weight:650!important;
  white-space:nowrap!important;
}
.v389-company-tax-id strong{
  color:#075b34!important;
  font-weight:900!important;
}
@media(max-width:900px){
  .v389-company-tax-id{white-space:normal!important}
}
@media print{
  .v389-company-tax-id{
    color:#111!important;
    font-weight:650!important;
  }
  .v389-company-tax-id strong{
    color:#075b34!important;
    font-weight:900!important;
  }
}


/* ===== V477 SOURCE 176: v390-config-logo-watermark.css ===== */

/* =========================================================
   V390 — Watermark logo lấy trực tiếp từ Cài đặt/Cấu hình
   Không ảnh hưởng nội dung báo giá
   ========================================================= */

.v379-a4-paper{
  position:relative!important;
  isolation:isolate!important;
}

/* Tắt watermark chữ VIFOOD cũ để chỉ dùng logo thật từ cấu hình */
.v379-a4-paper:before{
  content:none!important;
  display:none!important;
}

.v390-config-logo-watermark{
  position:absolute!important;
  z-index:0!important;
  left:50%!important;
  top:54%!important;
  transform:translate(-50%,-50%) rotate(-10deg)!important;
  width:46%!important;
  max-width:460px!important;
  max-height:310px!important;
  object-fit:contain!important;
  opacity:.045!important;
  filter:grayscale(15%) saturate(80%) contrast(105%)!important;
  pointer-events:none!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
}

/* Toàn bộ nội dung chứng từ nổi trên watermark */
.v379-a4-paper > *:not(.v390-config-logo-watermark){
  position:relative!important;
  z-index:1!important;
}

/* Không cho các nền trắng che watermark hoàn toàn */
.v379-a4-paper .v372-header,
.v379-a4-paper .v372-info,
.v379-a4-paper .v372-table td,
.v379-a4-paper .v372-summary,
.v379-a4-paper .v372-footer>div,
.v379-a4-paper .v374-contact-strip{
  background-color:rgba(255,255,255,.94)!important;
}

/* Header bảng/tổng tiền vẫn giữ màu thương hiệu đậm */
.v379-a4-paper .v372-table th,
.v379-a4-paper .v372-total .grand,
.v379-a4-paper .v374-brand-footer,
.v379-a4-paper .v372-info h3{
  opacity:1!important;
}

/* Mobile: watermark nhỏ hơn để không gây rối mắt */
@media(max-width:900px){
  .v390-config-logo-watermark{
    width:66%!important;
    max-width:320px!important;
    max-height:220px!important;
    top:56%!important;
    opacity:.035!important;
    transform:translate(-50%,-50%) rotate(-8deg)!important;
  }
}

/* Print/PDF: logo chìm vẫn hiện rõ vừa đủ, không ảnh hưởng chữ */
@media print{
  .v390-config-logo-watermark{
    position:absolute!important;
    left:50%!important;
    top:52%!important;
    width:44%!important;
    max-width:90mm!important;
    max-height:60mm!important;
    opacity:.035!important;
    filter:grayscale(20%) saturate(75%) contrast(105%)!important;
    -webkit-print-color-adjust:exact!important;
    print-color-adjust:exact!important;
  }

  .v379-a4-paper .v372-header,
  .v379-a4-paper .v372-info,
  .v379-a4-paper .v372-table td,
  .v379-a4-paper .v372-summary,
  .v379-a4-paper .v372-footer>div,
  .v379-a4-paper .v374-contact-strip{
    background-color:rgba(255,255,255,.95)!important;
  }
}


/* ===== V477 SOURCE 177: v391-quote-brand-tax-vat.css ===== */

/* V391 — Logo nhận diện + MST + VAT + giao diện sản phẩm sạch */

/* Logo thương hiệu lấy từ cấu hình: nổi nhẹ nhưng không che nội dung */
.v390-config-logo-watermark{
  width:42%!important;
  max-width:420px!important;
  max-height:280px!important;
  opacity:.065!important;
  filter:grayscale(8%) saturate(92%) contrast(108%)!important;
  transform:translate(-50%,-50%) rotate(-7deg)!important;
}
.v379-a4-paper > *:not(.v390-config-logo-watermark){
  position:relative!important;
  z-index:1!important;
}
.v379-a4-paper .v372-table td,
.v379-a4-paper .v372-info>div,
.v379-a4-paper .v372-footer>div{
  background-color:rgba(255,255,255,.955)!important;
}

/* MST công ty */
.v389-company-tax-id{
  font-weight:700!important;
  color:#172219!important;
}
.v389-company-tax-id strong{
  color:#075b34!important;
  font-weight:900!important;
}

/* Thuế trong form lập báo giá */
.v391-vat-select{
  width:100%;
  min-width:68px;
  height:32px;
  border:1px solid var(--border);
  border-radius:7px;
  background:var(--background);
  padding:0 6px;
  font-size:10px;
  font-weight:800;
  text-align:right;
}
.v391-quote-total-box .v391-total-line{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font-size:9.5px;
}
.v391-quote-total-box .v391-total-line span{
  color:var(--muted-foreground);
}
.v391-quote-total-box .v391-total-line b{
  font-size:11px;
  color:var(--foreground);
}

/* 8-column quote table: STT / code / product / unit / qty / price / VAT / total */
.v379-a4-paper .v372-table th:nth-child(1){width:5.5%!important}
.v379-a4-paper .v372-table th:nth-child(2){width:11%!important}
.v379-a4-paper .v372-table th:nth-child(3){width:22%!important}
.v379-a4-paper .v372-table th:nth-child(4){width:7.5%!important}
.v379-a4-paper .v372-table th:nth-child(5){width:10%!important}
.v379-a4-paper .v372-table th:nth-child(6){width:16%!important}
.v379-a4-paper .v372-table th:nth-child(7){width:8%!important}
.v379-a4-paper .v372-table th:nth-child(8){width:20%!important}
.v379-a4-paper .v372-table td:nth-child(7){
  text-align:center!important;
  white-space:nowrap!important;
  font-weight:800!important;
  color:#3b4b42!important;
}
.v379-a4-paper .v372-table td:nth-child(8){
  text-align:right!important;
  white-space:nowrap!important;
  color:#075b34!important;
  font-weight:900!important;
}

/* Mobile cards updated for 8 columns */
@media(max-width:900px){
  .v390-config-logo-watermark{
    width:58%!important;
    max-width:290px!important;
    opacity:.045!important;
  }

  .v379-a4-paper .v372-table td:nth-child(1)::before{content:"STT"!important}
  .v379-a4-paper .v372-table td:nth-child(2)::before{content:"Mã hàng"!important}
  .v379-a4-paper .v372-table td:nth-child(3)::before{content:"Sản phẩm"!important}
  .v379-a4-paper .v372-table td:nth-child(4)::before{content:"ĐVT"!important}
  .v379-a4-paper .v372-table td:nth-child(5)::before{content:"Số lượng"!important}
  .v379-a4-paper .v372-table td:nth-child(6)::before{content:"Đơn giá"!important}
  .v379-a4-paper .v372-table td:nth-child(7)::before{content:"Thuế"!important}
  .v379-a4-paper .v372-table td:nth-child(8)::before{content:"Thành tiền"!important}

  .v379-a4-paper .v372-table td:nth-child(8){
    grid-column:1/-1!important;
    min-height:48px!important;
    background:#f4faf6!important;
    color:#075b34!important;
    font-size:13px!important;
    font-weight:950!important;
  }
  .v379-a4-paper .v372-table td:nth-child(8)::before{
    color:#075b34!important;
  }
}

/* Print remains crisp */
@media print{
  .v390-config-logo-watermark{
    width:40%!important;
    max-width:78mm!important;
    opacity:.045!important;
  }
  .v379-a4-paper .v372-table th{
    white-space:nowrap!important;
  }
}


/* ===== V477 SOURCE 178: v392-db-quotes-temp-products.css ===== */

/* V392 — dữ liệu báo giá từ SQL + sản phẩm chưa có trong hệ thống */
.v392-temp-product{
  display:grid;
  grid-template-columns:minmax(220px,1.7fr) minmax(90px,.55fr) minmax(120px,.75fr) auto;
  gap:8px;
  align-items:end;
  margin-top:12px;
  padding:12px;
  border:1px dashed #b9c9c0;
  border-radius:9px;
  background:#fbfdfc;
}
.v392-temp-head{
  grid-column:1/-1;
  font-size:9px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.08em;
  color:#5f7066;
}
.v392-temp-product input{
  min-width:0;
  height:36px;
  border:1px solid var(--border);
  border-radius:7px;
  background:var(--background);
  padding:0 9px;
  font-size:10.5px;
}
.v392-temp-product button{
  min-height:36px;
  border:1px solid #075b34;
  border-radius:7px;
  background:#075b34;
  color:#fff;
  padding:0 12px;
  font-size:10px;
  font-weight:850;
}
.v370-line-name small{
  display:block;
}
.v370-line-name small:has(+ *){}
@media(max-width:900px){
  .v392-temp-product{
    grid-template-columns:1fr 1fr;
  }
  .v392-temp-head,
  .v392-temp-product input:first-of-type,
  .v392-temp-product button{
    grid-column:1/-1;
  }
}


/* ===== V477 SOURCE 179: v393-quote-to-order-visible.css ===== */

/* V393 — Ẩn nút Danh sách sản phẩm thừa trong khối sản phẩm tạm */
.v370-order-panel .v392-temp-product + button,
.v370-order-panel .v392-temp-product ~ .product-list-button,
.v370-order-panel .v392-temp-product ~ [data-action="product-list"]{
  display:none!important;
}


/* ===== V477 SOURCE 180: v395-quote-region-flow.css ===== */
.v370-customer-grid select{width:100%;height:36px;border:1px solid var(--border);border-radius:7px;background:var(--background);padding:0 9px;font-size:10.5px}

/* ===== V477 SOURCE 181: v396-demand-mobile-pro.css ===== */
/* V396 — Mobile professional layout for Phân tích nhu cầu
   Scoped to demand-strategy only; desktop behavior from V395 remains unchanged. */
@media (max-width: 800px){
  .v363-page{width:100%;max-width:100%;overflow:hidden}

  .v363-hero{margin:12px 0 10px;padding:15px 14px;gap:12px;border-radius:14px}
  .v363-kicker{font-size:9px;line-height:1.4}
  .v363-hero h2{margin-top:6px;font-size:19px;line-height:1.22}
  .v363-hero p{font-size:11px;line-height:1.55}
  .v363-period{grid-template-columns:88px minmax(0,1fr);align-items:center;gap:9px;padding-top:2px}
  .v363-period span{font-size:10px}
  .v363-period select{width:100%;height:42px;font-size:12px;border-radius:9px}

  .v363-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}
  .v363-kpis article{min-height:92px;padding:11px 10px;border-radius:11px;box-shadow:0 2px 10px rgba(15,23,42,.045)}
  .v363-kpis span{font-size:8.5px;line-height:1.35;letter-spacing:.035em}
  .v363-kpis strong{margin-top:7px;font-size:14px;line-height:1.25;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .v363-kpis small{font-size:9px;line-height:1.35}
  .v363-kpis article.revenue{grid-column:1/-1;min-height:auto}

  .v363-panel{border-radius:14px;overflow:hidden}
  .v363-toolbar{display:block;padding:13px 12px 12px}
  .v363-toolbar h3{font-size:14px;line-height:1.3}
  .v363-toolbar p{font-size:10px;line-height:1.45}
  .v363-tools{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:8px;margin-top:11px}
  .v363-tools input{grid-column:1/-1;width:100%;height:42px;padding:0 12px;font-size:12px;border-radius:9px}
  .v363-tools select,.v363-tools button{width:100%;height:40px;font-size:10.5px;border-radius:9px}

  /* Main demand table -> mobile cards */
  .v363-table-wrap{overflow:visible;padding:10px;background:#f5f7f9}
  .v363-table{display:block;width:100%;min-width:0;border:0;background:transparent}
  .v363-table thead{display:none}
  .v363-table tbody{display:grid;gap:10px}
  .v363-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;overflow:hidden;border:1px solid #dde3e8;border-radius:13px;background:#fff;box-shadow:0 2px 9px rgba(15,23,42,.045)}
  .v363-table tbody tr:hover{background:#fff}
  .v363-table td{display:block;min-width:0;padding:9px 10px;border:0;border-top:1px solid #edf0f2;vertical-align:top;text-align:left!important}
  .v363-table td::before{display:block;margin-bottom:4px;font-size:7.8px;font-weight:900;line-height:1.2;letter-spacing:.055em;text-transform:uppercase;color:#87919d}
  .v363-table td:nth-child(1){grid-column:1/-1;padding:12px 11px 10px;border-top:0;background:#fbfcfd}
  .v363-table td:nth-child(1)::before{content:"Sản phẩm"}
  .v363-table td:nth-child(2)::before{content:"Khách mua"}
  .v363-table td:nth-child(3)::before{content:"Nhóm mua chính"}
  .v363-table td:nth-child(4)::before{content:"SL bán"}
  .v363-table td:nth-child(5)::before{content:"Tháng cao điểm"}
  .v363-table td:nth-child(6)::before{content:"Xu hướng 3T"}
  .v363-table td:nth-child(7)::before{content:"Tồn hiện tại"}
  .v363-table td:nth-child(8)::before{content:"Đủ bán"}
  .v363-table td:nth-child(9){grid-column:1/-1}
  .v363-table td:nth-child(9)::before{content:"Giá nhập so với trung bình"}
  .v363-table td:nth-child(10){grid-column:1/-1;background:#f7fbf9}
  .v363-table td:nth-child(10)::before{content:"Đề xuất dự trữ";color:#2d7b68}
  .v363-table td:nth-child(11){grid-column:1/-1;padding-top:8px;padding-bottom:11px}
  .v363-table td:nth-child(11)::before{content:"Đánh giá"}
  .v363-product{min-width:0}
  .v363-product strong{font-size:13px;line-height:1.35;color:#172033}
  .v363-product small{margin-top:3px;font-size:9.5px}
  .v363-type strong,.v363-number strong,.v363-peak-cell strong,.v363-cover strong,.v363-suggest strong,.v363-cost strong,.v363-center strong{font-size:11.5px;line-height:1.35}
  .v363-type small,.v363-number small,.v363-peak-cell small,.v363-cover small,.v363-suggest small,.v363-cost small,.v363-center small{font-size:9px;line-height:1.35}
  .v363-number,.v363-cover,.v363-suggest,.v363-cost,.v363-center{text-align:left}
  .v363-growth,.v363-status{min-height:25px;padding:4px 8px;font-size:9.5px}

  .v363-pagination{display:grid;gap:9px;padding:11px 10px;text-align:center;font-size:9.8px}
  .v363-pagination>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .v363-pagination select,.v363-pagination button{width:100%;height:36px;font-size:10px;border-radius:8px}
  .v363-pagination span{grid-column:1/-1;grid-row:1;min-width:0;padding:3px 0}

  /* Regional demand block */
  .v365-region-section{border-radius:14px}
  .v365-region-head{display:block;padding:13px 12px}
  .v365-region-head h3{font-size:14px;line-height:1.35}
  .v365-region-head p{font-size:10px;line-height:1.5}
  .v365-region-filter{width:100%;min-width:0;margin-top:10px}
  .v365-region-filter select{width:100%;height:42px;font-size:12px;border-radius:9px}
  .v365-region-kpis{grid-template-columns:1fr;gap:8px;padding:10px}
  .v365-region-kpis article{padding:10px 11px;border-radius:11px}
  .v365-region-kpis strong{font-size:14px;white-space:normal;line-height:1.3}

  .v365-region-table-wrap{overflow:visible;padding:10px;background:#f5f7f9}
  .v365-region-table{display:block;width:100%;min-width:0;border:0;background:transparent}
  .v365-region-table thead{display:none}
  .v365-region-table tbody{display:grid;gap:10px}
  .v365-region-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;border:1px solid #dde3e8;border-radius:13px;background:#fff;box-shadow:0 2px 9px rgba(15,23,42,.045)}
  .v365-region-table tbody tr:hover{background:#fff}
  .v365-region-table td{display:block;min-width:0;padding:9px 10px;border:0;border-top:1px solid #edf0f2;text-align:left!important;vertical-align:top}
  .v365-region-table td::before{display:block;margin-bottom:4px;font-size:7.8px;font-weight:900;line-height:1.2;letter-spacing:.055em;text-transform:uppercase;color:#87919d}
  .v365-region-table td:nth-child(1){grid-column:1/-1;padding:10px 11px;border-top:0;background:#f6f9fc}
  .v365-region-table td:nth-child(1)::before{content:"Khu vực"}
  .v365-region-table td:nth-child(2){grid-column:1/-1}
  .v365-region-table td:nth-child(2)::before{content:"Sản phẩm"}
  .v365-region-table td:nth-child(3)::before{content:"Khách mua"}
  .v365-region-table td:nth-child(4)::before{content:"Số đơn"}
  .v365-region-table td:nth-child(5)::before{content:"SL đã mua"}
  .v365-region-table td:nth-child(6)::before{content:"BQ / đơn"}
  .v365-region-table td:nth-child(7){grid-column:1/-1;background:#f7fbf9}
  .v365-region-table td:nth-child(7)::before{content:"Doanh thu";color:#2d7b68}
  .v365-region-table td:nth-child(8)::before{content:"Tỷ trọng khu vực"}
  .v365-region-table td:nth-child(9)::before{content:"Tháng cao điểm"}
  .v365-region-product{min-width:0!important;text-align:left!important}
  .v365-region-product strong{font-size:12.5px;line-height:1.35}
  .v365-region-table td,.v365-region-table td strong{font-size:11px;line-height:1.35}
  .v365-region-table td small{font-size:9px}

  .v365-region-pagination{display:grid;gap:9px;padding:11px 10px;text-align:center;font-size:9.8px}
  .v365-region-pagination>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .v365-region-pagination select,.v365-region-pagination button{width:100%;height:36px;font-size:10px;border-radius:8px}
  .v365-region-pagination span{grid-column:1/-1;grid-row:1;min-width:0;padding:3px 0}

  .v363-method{margin-top:10px;padding:13px 12px;border-radius:12px}
  .v363-method h3{font-size:12px}
  .v363-method>div{grid-template-columns:1fr;gap:8px}
  .v363-method p{padding:8px 9px;border-radius:8px;background:rgba(255,255,255,.62);font-size:10px;line-height:1.5}
}

@media (max-width: 390px){
  .v363-kpis{grid-template-columns:1fr}
  .v363-kpis article.revenue{grid-column:auto}
  .v363-tools{grid-template-columns:1fr}
  .v363-tools input{grid-column:auto}
  .v363-table tbody tr,.v365-region-table tbody tr{grid-template-columns:1fr}
  .v363-table td,.v363-table td:nth-child(n),.v365-region-table td,.v365-region-table td:nth-child(n){grid-column:1/-1}
}

/* Dark mode parity */
@media (max-width:800px){
  .dark .v363-table-wrap,.dark .v365-region-table-wrap{background:#111922}
  .dark .v363-table tbody tr,.dark .v365-region-table tbody tr{background:#18212b;border-color:#34424c;box-shadow:none}
  .dark .v363-table tbody tr:hover,.dark .v365-region-table tbody tr:hover{background:#18212b}
  .dark .v363-table td,.dark .v365-region-table td{border-color:#2b3945}
  .dark .v363-table td:nth-child(1),.dark .v365-region-table td:nth-child(1){background:#1d2732}
  .dark .v363-table td:nth-child(10),.dark .v365-region-table td:nth-child(7){background:#17312b}
  .dark .v363-product strong,.dark .v363-type strong,.dark .v363-number strong,.dark .v363-peak-cell strong,.dark .v363-cover strong,.dark .v363-suggest strong,.dark .v363-cost strong,.dark .v363-center strong,.dark .v365-region-product strong{color:#edf2f6}
  .dark .v363-method p{background:rgba(255,255,255,.035)}
}


/* ===== V477 SOURCE 182: v397-demand-mobile-clean.css ===== */
/* V397 — Demand mobile clean typography + professional pagination
   Mobile-only override. Keeps V395/V396 desktop and business logic unchanged. */
@media (max-width:800px){
  /* Calm, readable mobile typography */
  .v363-page{font-size:14px}
  .v363-hero{padding:16px 14px;background:var(--card,#fff);border:1px solid var(--border,#e5e7eb);box-shadow:none}
  .v363-kicker,.v365-region-kicker{font-size:10px;letter-spacing:.04em;font-weight:700;color:#667085}
  .v363-hero h2{font-size:20px;line-height:1.3;letter-spacing:-.01em;color:#182230}
  .v363-hero p,.v365-region-head p{font-size:12px;line-height:1.55;color:#667085}
  .v363-period span,.v365-region-filter span{font-size:11px;font-weight:600;color:#475467}

  .v363-kpis article,.v365-region-kpis article{box-shadow:none;border:1px solid #e4e7ec;background:#fff}
  .v363-kpis span,.v365-region-kpis span{font-size:10px;line-height:1.4;letter-spacing:0;text-transform:none;font-weight:600;color:#667085}
  .v363-kpis strong,.v365-region-kpis strong{font-size:15px;line-height:1.35;color:#182230}
  .v363-kpis small,.v365-region-kpis small{font-size:11px;line-height:1.45;color:#667085}

  .v363-toolbar h3,.v365-region-head h3{font-size:15px;line-height:1.4;color:#182230}
  .v363-toolbar p{font-size:11px;line-height:1.5;color:#667085}
  .v363-tools input,.v363-tools select,.v363-tools button,.v365-region-filter select{font-size:12px;color:#344054;background:#fff;border-color:#d0d5dd}

  /* Neutral cards; remove decorative tint */
  .v363-table-wrap,.v365-region-table-wrap{background:#f8fafc}
  .v363-table tbody tr,.v365-region-table tbody tr{border-color:#e4e7ec;border-radius:12px;box-shadow:none}
  .v363-table td,.v365-region-table td{padding:10px 11px;border-color:#eaecf0;background:#fff}
  .v363-table td:nth-child(1),.v365-region-table td:nth-child(1),
  .v363-table td:nth-child(10),.v365-region-table td:nth-child(7){background:#fff}

  .v363-table td::before,.v365-region-table td::before{
    margin-bottom:5px;font-size:10px;font-weight:600;line-height:1.35;
    letter-spacing:0;text-transform:none;color:#667085
  }
  .v363-table td:nth-child(10)::before,.v365-region-table td:nth-child(7)::before{color:#667085}

  .v363-product strong,.v365-region-product strong{font-size:14px;line-height:1.4;color:#182230}
  .v363-product small,.v365-region-product small{font-size:11px;line-height:1.45;color:#667085}
  .v363-type strong,.v363-number strong,.v363-peak-cell strong,.v363-cover strong,
  .v363-suggest strong,.v363-cost strong,.v363-center strong,.v365-region-table td strong{
    font-size:13px;line-height:1.4;color:#344054
  }
  .v363-type small,.v363-number small,.v363-peak-cell small,.v363-cover small,
  .v363-suggest small,.v363-cost small,.v363-center small,.v365-region-table td small{
    font-size:11px;line-height:1.45;color:#667085
  }
  .v365-region-table td{font-size:12px;line-height:1.45;color:#344054}
  .v365-region-name{font-size:13px!important;color:#182230!important}

  /* Statuses stay informative but subdued */
  .v363-growth,.v363-status{min-height:28px;padding:5px 9px;font-size:11px;font-weight:600;border-radius:7px;box-shadow:none}
  .v363-growth.up,.v363-status.opportunity{background:#f2f7f5;color:#356859;border-color:#d7e7e1}
  .v363-growth.down,.v363-status.urgent{background:#fff5f4;color:#9b3b34;border-color:#f2d6d3}
  .v363-growth.flat,.v363-status.stable,.v363-status.watch{background:#f5f6f7;color:#475467;border-color:#e4e7ec}

  /* Professional mobile pagination */
  .v363-pagination,.v365-region-pagination{
    display:block;padding:14px 10px 16px;background:#fff;border-top:1px solid #eaecf0;
    color:#667085;font-size:11px;line-height:1.4;text-align:center
  }
  .v363-pagination>div:first-child,.v365-region-pagination>div:first-child{
    margin-bottom:10px;font-size:11px;font-weight:500;color:#667085
  }
  .v363-pagination>div:last-child,.v365-region-pagination>div:last-child{
    display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center
  }
  .v363-pagination select,.v365-region-pagination select{
    grid-column:1/-1;grid-row:2;width:100%;height:42px;margin-top:2px;padding:0 12px;
    border:1px solid #d0d5dd;border-radius:9px;background:#fff;color:#344054;font-size:12px;font-weight:500
  }
  .v363-pagination button,.v365-region-pagination button{
    width:100%;height:44px;padding:0 12px;border:1px solid #d0d5dd;border-radius:9px;
    background:#fff;color:#344054;font-size:12px;font-weight:600;box-shadow:none
  }
  .v363-pagination button:first-of-type,.v365-region-pagination button:first-of-type{grid-column:1;grid-row:1}
  .v363-pagination span,.v365-region-pagination span{
    grid-column:2;grid-row:1;min-width:92px;padding:0 8px;font-size:12px;font-weight:700;color:#344054;white-space:nowrap
  }
  .v363-pagination button:last-of-type,.v365-region-pagination button:last-of-type{grid-column:3;grid-row:1}
  .v363-pagination button:disabled,.v365-region-pagination button:disabled{opacity:.42;background:#f9fafb;color:#98a2b3}
  .v363-pagination button:not(:disabled):active,.v365-region-pagination button:not(:disabled):active{background:#f2f4f7;transform:translateY(1px)}

  .v363-method h3{font-size:13px;color:#182230}
  .v363-method p{font-size:11px;line-height:1.55;background:#fff;color:#475467;border:1px solid #eaecf0}
}

@media (max-width:390px){
  .v363-hero h2{font-size:19px}
  .v363-pagination span,.v365-region-pagination span{min-width:78px;font-size:11px;padding:0 4px}
  .v363-pagination button,.v365-region-pagination button{padding:0 8px;font-size:11.5px}
}

@media (max-width:800px){
  .dark .v363-hero,.dark .v363-kpis article,.dark .v365-region-kpis article,
  .dark .v363-table td,.dark .v365-region-table td,.dark .v363-pagination,.dark .v365-region-pagination{background:#18212b;border-color:#34424c}
  .dark .v363-table-wrap,.dark .v365-region-table-wrap{background:#111922}
  .dark .v363-hero h2,.dark .v363-toolbar h3,.dark .v365-region-head h3,.dark .v363-kpis strong,.dark .v365-region-kpis strong,
  .dark .v363-product strong,.dark .v365-region-product strong,.dark .v365-region-name{color:#f2f4f7!important}
  .dark .v363-table td:nth-child(1),.dark .v365-region-table td:nth-child(1),.dark .v363-table td:nth-child(10),.dark .v365-region-table td:nth-child(7){background:#18212b}
  .dark .v363-pagination select,.dark .v365-region-pagination select,.dark .v363-pagination button,.dark .v365-region-pagination button{background:#1d2732;border-color:#475467;color:#e4e7ec}
  .dark .v363-method p{background:#18212b;border-color:#34424c;color:#cbd5e1}
}


/* ===== V477 SOURCE 183: v398-demand-desktop-readable.css ===== */
/* V398 — Demand analysis desktop typography readability only.
   Keeps mobile V396/V397 and all business logic unchanged. */
@media (min-width:801px){
  .v363-page{font-size:14px}
  .v363-kicker,.v365-region-kicker{font-size:11px;letter-spacing:.06em;font-weight:700}
  .v363-hero h2{font-size:24px;line-height:1.3;font-weight:800}
  .v363-hero p,.v365-region-head p{font-size:13px;line-height:1.55}
  .v363-period span,.v365-region-filter span{font-size:12px;font-weight:600}
  .v363-period select,.v365-region-filter select{font-size:13px}

  .v363-kpis span,.v365-region-kpis span{font-size:11px;letter-spacing:0;text-transform:none;font-weight:650}
  .v363-kpis strong,.v365-region-kpis strong{font-size:17px;line-height:1.35;font-weight:800}
  .v363-kpis small,.v365-region-kpis small{font-size:11px;line-height:1.45}

  .v363-toolbar h3,.v365-region-head h3{font-size:16px;line-height:1.4;font-weight:800}
  .v363-toolbar p{font-size:12px;line-height:1.45}
  .v363-tools input,.v363-tools select,.v363-tools button{font-size:12.5px}

  .v363-table{font-size:12px}
  .v363-table th,.v365-region-table th{font-size:10.5px;line-height:1.35;letter-spacing:.015em;text-transform:none;font-weight:700}
  .v363-table td,.v365-region-table td{font-size:12px;line-height:1.45}
  .v363-product strong,.v363-type strong,.v363-number strong,.v363-peak-cell strong,.v363-cover strong,.v363-suggest strong,.v363-cost strong,.v363-center strong,
  .v365-region-product strong,.v365-region-table td strong{font-size:12px;line-height:1.4;font-weight:700}
  .v363-product small,.v363-type small,.v363-number small,.v363-peak-cell small,.v363-cover small,.v363-suggest small,.v363-cost small,.v363-center small,
  .v365-region-product small,.v365-region-table td small{font-size:10.5px;line-height:1.4}
  .v365-region-name{font-size:12.5px;font-weight:700}
  .v363-growth,.v363-status{font-size:10.5px;font-weight:700}
  .v363-muted{font-size:10.5px}

  .v363-pagination,.v365-region-pagination{font-size:11.5px}
  .v363-pagination select,.v363-pagination button,.v365-region-pagination select,.v365-region-pagination button{font-size:11px}
  .v363-pagination span,.v365-region-pagination span{font-size:11.5px}

  .v363-method h3{font-size:13.5px;font-weight:800}
  .v363-method p{font-size:11.5px;line-height:1.55}
}


/* ===== V477 SOURCE 184: v401-dashboard-debt-cards.css ===== */

/* V401 - dashboard debt cards */
.v399-dashboard-debt-row{
  width:100%;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
}
.v399-dashboard-debt-row > div{
  min-height:82px;
}
@media (max-width:640px){
  .v399-dashboard-debt-row{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .v399-dashboard-debt-row > div{
    padding:12px;
    min-height:78px;
  }
  .v399-dashboard-debt-row .text-\[20px\]{
    font-size:16px;
  }
}


/* ===== V477 SOURCE 185: v404-dashboard-weekly-top5.css ===== */

/* V404 — Dashboard weekly revenue + Top 5 product responsive */

/* Top 5: desktop */
.v367-top5-table{
  width:100%;
  min-width:0;
  overflow:visible;
}
.v367-top5-head,
.v367-top5-row{
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr) 88px minmax(105px,120px)!important;
  align-items:center;
  gap:10px!important;
  width:100%;
  box-sizing:border-box;
}
.v367-top5-head{
  padding:0 6px 8px!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-transform:none!important;
  color:var(--muted-foreground);
  border-bottom:1px solid var(--border);
}
.v367-top5-head span:nth-child(3),
.v367-top5-head span:nth-child(4){text-align:right}
.v367-top5-row{
  min-height:58px!important;
  padding:9px 6px!important;
  border-bottom:1px solid var(--border);
  border-radius:0!important;
}
.v367-top5-row:last-child{border-bottom:0}
.v367-top5-product strong{
  display:block;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:700!important;
  color:var(--foreground);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.v367-top5-product small{
  display:block;
  margin-top:3px;
  font-size:10.5px!important;
  line-height:1.3!important;
  color:var(--muted-foreground);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.v367-top5-rank{
  width:24px!important;
  height:24px!important;
  font-size:11px!important;
  font-weight:700!important;
}
.v367-top5-number{text-align:right}
.v367-top5-number strong{
  display:block;
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:700!important;
}
.v367-top5-number small{
  display:block;
  margin-top:3px;
  font-size:10px!important;
  color:var(--muted-foreground);
}
.v367-top5-revenue{
  min-width:0;
  text-align:right;
  font-size:12.5px!important;
  line-height:1.3!important;
  font-weight:700!important;
  color:var(--foreground)!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* laptop / desktop hẹp */
@media (min-width:768px) and (max-width:1280px){
  .v367-top5-head,
  .v367-top5-row{
    grid-template-columns:26px minmax(0,1fr) 78px minmax(92px,105px)!important;
    gap:7px!important;
  }
  .v367-top5-product strong{font-size:12px!important}
  .v367-top5-product small{font-size:9.5px!important}
  .v367-top5-number strong{font-size:12px!important}
  .v367-top5-revenue{font-size:11.5px!important}
}

/* Mobile: card rõ ràng, không ép bảng */
@media (max-width:767px){
  .ledger-cell:has(.v367-top5-table){
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .v367-top5-head{display:none!important}
  .v367-top5-table{
    display:flex;
    flex-direction:column;
    gap:8px;
  }
  .v367-top5-row{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr) auto!important;
    grid-template-areas:
      "rank product product"
      "rank qty revenue"!important;
    gap:6px 10px!important;
    min-height:0!important;
    padding:11px 10px!important;
    border:1px solid var(--border)!important;
    border-radius:10px!important;
    background:var(--card);
  }
  .v367-top5-rank{
    grid-area:rank;
    align-self:center;
    width:28px!important;
    height:28px!important;
    font-size:12px!important;
  }
  .v367-top5-product{grid-area:product;min-width:0}
  .v367-top5-product strong{
    font-size:13.5px!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .v367-top5-product small{
    font-size:10.5px!important;
    white-space:normal!important;
  }
  .v367-top5-number{
    grid-area:qty;
    text-align:left!important;
    display:flex!important;
    align-items:baseline;
    gap:5px;
    min-width:0;
  }
  .v367-top5-number:before{
    content:"SL:";
    font-size:10px;
    color:var(--muted-foreground);
  }
  .v367-top5-number strong{
    display:inline!important;
    font-size:12.5px!important;
  }
  .v367-top5-number small{
    display:inline!important;
    margin:0!important;
    font-size:10px!important;
  }
  .v367-top5-revenue{
    grid-area:revenue;
    text-align:right!important;
    font-size:12.5px!important;
    color:var(--foreground)!important;
  }
  .v367-top5-revenue:before{
    content:"DT ";
    font-size:9.5px;
    font-weight:500;
    color:var(--muted-foreground);
  }
}

/* very small mobile */
@media (max-width:390px){
  .v367-top5-row{
    grid-template-columns:30px minmax(0,1fr)!important;
    grid-template-areas:
      "rank product"
      "rank qty"
      "rank revenue"!important;
  }
  .v367-top5-revenue{text-align:left!important}
}


/* ===== V477 SOURCE 186: v405-kpi-typography.css ===== */

/* V405 — typography đồng nhất cho khối Tổng hợp KPI toàn hệ thống */
.v405-global-kpi-title{
  font-family:inherit;
  font-size:15px;
  line-height:1.35;
  font-weight:600;
  letter-spacing:0;
  text-transform:none;
  color:var(--foreground);
}
.v405-kpi-detail-link{
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:500!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.v405-kpi-detail-link svg{
  width:14px;
  height:14px;
}
.v405-global-kpi-note{
  margin-top:4px;
  font-size:11.5px;
  line-height:1.45;
  font-weight:400;
  letter-spacing:0;
  color:var(--muted-foreground);
}
@media (max-width:767px){
  .v405-global-kpi-title{font-size:14px}
  .v405-kpi-detail-link{font-size:11.5px!important}
  .v405-global-kpi-note{font-size:11px}
}


/* ===== V477 SOURCE 187: v406-kpi-mobile-font.css ===== */

/* V406 — tăng cỡ chữ phần đầu KPI trên mobile */
@media (max-width:767px){
  .v405-global-kpi-title{
    font-size:16px!important;
    line-height:1.4!important;
    font-weight:650!important;
  }
  .v405-kpi-detail-link{
    font-size:13.5px!important;
    line-height:1.4!important;
    font-weight:600!important;
    min-height:32px;
    display:inline-flex;
    align-items:center;
    gap:5px;
  }
  .v405-kpi-detail-link svg{
    width:15px!important;
    height:15px!important;
    flex:none;
  }
  .v405-global-kpi-note{
    margin-top:6px!important;
    font-size:13px!important;
    line-height:1.5!important;
    font-weight:400!important;
  }
  .v228-global-kpi-title-row{
    gap:7px!important;
  }
}
@media (max-width:390px){
  .v405-global-kpi-title{font-size:15.5px!important}
  .v405-kpi-detail-link{font-size:13px!important}
  .v405-global-kpi-note{font-size:12.5px!important}
}


/* ===== V477 SOURCE 188: v407-kpi-mobile-pro.css ===== */

/* V407 — KPI header mobile: readable and balanced */
@media (max-width:767px){
  .v220-global-kpi-summary{
    padding:14px 12px!important;
    gap:12px!important;
  }
  .v228-global-kpi-header{
    width:100%!important;
    padding-bottom:11px!important;
    border-bottom:1px solid var(--border)!important;
  }
  .v228-global-kpi-title-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:12px!important;
    width:100%!important;
  }
  .v405-global-kpi-title{
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:15px!important;
    line-height:1.35!important;
    font-weight:700!important;
    letter-spacing:0!important;
    text-transform:none!important;
    color:var(--foreground)!important;
  }
  a.v228-kpi-detail-link.v405-kpi-detail-link{
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:12.5px!important;
    line-height:1.3!important;
    font-weight:600!important;
    letter-spacing:0!important;
    text-transform:none!important;
    white-space:nowrap!important;
    min-height:36px!important;
    padding:0 2px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:5px!important;
  }
  a.v228-kpi-detail-link.v405-kpi-detail-link svg{
    width:15px!important;
    height:15px!important;
    min-width:15px!important;
  }
  .v405-global-kpi-note{
    margin-top:7px!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:12.5px!important;
    line-height:1.45!important;
    font-weight:400!important;
    letter-spacing:0!important;
    color:var(--muted-foreground)!important;
  }
}
@media (max-width:430px){
  .v228-global-kpi-title-row{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
  }
  .v405-global-kpi-title{font-size:14px!important}
  a.v228-kpi-detail-link.v405-kpi-detail-link{font-size:11.5px!important}
  .v405-global-kpi-note{font-size:12px!important}
}
@media (max-width:360px){
  .v228-global-kpi-title-row{
    grid-template-columns:1fr!important;
    gap:2px!important;
  }
  a.v228-kpi-detail-link.v405-kpi-detail-link{
    justify-content:flex-start!important;
    width:max-content!important;
  }
}


/* ===== V477 SOURCE 189: v408-report-text-clean.css ===== */

/* V408 — Giảm màu mè chữ ở các ô báo cáo, giữ màu chỉ cho trạng thái/cảnh báo */

/* Các card/ô số liệu phổ biến */
.ledger-cell .stat-figure,
.ledger-cell .tabular,
.ledger-cell [class*="text-[var(--brand-green)]"]:not(.stamp):not(button):not(a),
.ledger-cell [class*="text-[var(--success)]"]:not(.stamp):not(button):not(a){
  color:var(--foreground)!important;
}

/* Nhãn báo cáo: trung tính, dễ đọc */
.ledger-cell .eyebrow{
  color:var(--muted-foreground)!important;
  font-weight:600!important;
  letter-spacing:.025em!important;
}

/* Tiêu đề card */
.ledger-cell h3,
.ledger-cell h2{
  color:var(--foreground)!important;
}

/* KPI toàn hệ thống: số liệu dùng một màu chữ thống nhất */
.v220-global-kpi-summary .stat-figure{
  color:var(--foreground)!important;
}
.v220-global-kpi-summary .eyebrow{
  color:var(--muted-foreground)!important;
}

/* Top 5 và các bảng báo cáo: doanh thu không dùng xanh nổi */
.v367-top5-revenue{
  color:var(--foreground)!important;
}

/* Giữ màu cho badge trạng thái, cảnh báo, nút/link hành động */
.stamp,
.badge,
[role="status"],
.text-destructive,
a,
button{
  /* intentionally not globally recolored */
}

/* Các khối báo cáo có nền nhạt: số chính vẫn đen/trắng theo theme */
.rounded-md.bg-muted\/35 > div:last-child,
.rounded-lg.bg-muted\/35 > div:last-child{
  color:var(--foreground)!important;
}

/* Mobile: tránh chữ nhỏ/nhạt quá */
@media(max-width:767px){
  .ledger-cell .eyebrow{
    font-size:11px!important;
    line-height:1.35!important;
  }
  .ledger-cell .stat-figure{
    font-weight:700!important;
  }
}

/* Dark mode tự dùng foreground/muted của hệ thống */


/* ===== V477 SOURCE 190: v409-tax-accounting.css ===== */

.v409-tax-page{display:flex;flex-direction:column;gap:16px}
.v409-tax-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.v409-tax-head h1{font-size:24px;line-height:1.2;font-weight:700;margin:0;color:var(--foreground)}
.v409-tax-head p{margin:5px 0 0;font-size:12px;color:var(--muted-foreground)}
.v409-month{height:38px;border:1px solid var(--border);border-radius:8px;background:var(--card);padding:0 10px;color:var(--foreground)}
.v409-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}
.v409-tabs button,.v409-section-head button,.v409-period-actions button,.v409-form button{border:1px solid var(--border);background:var(--card);color:var(--foreground);border-radius:8px;padding:9px 12px;font-size:12px;font-weight:600;white-space:nowrap}
.v409-tabs button.active,.v409-form button.primary{background:var(--foreground);color:var(--background);border-color:var(--foreground)}
.v409-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.v409-kpi{border:1px solid var(--border);background:var(--card);border-radius:10px;padding:14px;min-width:0}
.v409-kpi span{display:block;font-size:11px;color:var(--muted-foreground)}
.v409-kpi strong{display:block;margin-top:7px;font-size:19px;line-height:1.2;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v409-kpi small{display:block;margin-top:5px;font-size:10.5px;color:var(--muted-foreground)}
.v409-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.v409-alert-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);font-size:12px}
.v409-alert-row:last-child{border-bottom:0}
.v409-period-badge{display:inline-flex;margin-top:8px;border:1px solid var(--border);border-radius:999px;padding:5px 9px;font-size:11px;font-weight:600}
.v409-note{font-size:11.5px;line-height:1.5;color:var(--muted-foreground)}
.v409-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.v409-section-head h3{margin:0;font-size:15px}
.v409-table-wrap{overflow:auto}
.v409-table{width:100%;border-collapse:collapse;font-size:12px;min-width:720px}
.v409-table th,.v409-table td{padding:10px;border-bottom:1px solid var(--border);text-align:left}
.v409-table th{font-size:10.5px;color:var(--muted-foreground);font-weight:600}
.v409-table td:nth-last-child(-n+3),.v409-table th:nth-last-child(-n+3){text-align:right}
.v409-empty{padding:28px 8px;text-align:center;font-size:12px;color:var(--muted-foreground)}
.v409-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px;margin-bottom:14px;border:1px solid var(--border);border-radius:10px;background:var(--muted)}
.v409-form input{height:38px;border:1px solid var(--border);border-radius:7px;background:var(--card);padding:0 9px;font-size:12px;color:var(--foreground)}
.v409-reconcile{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center;margin:14px 0}
.v409-reconcile>div{border:1px solid var(--border);border-radius:9px;padding:13px}
.v409-reconcile span{display:block;font-size:11px;color:var(--muted-foreground)}
.v409-reconcile strong{display:block;margin-top:5px;font-size:17px}
.v409-period-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
@media(max-width:1100px){.v409-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.v409-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 .v409-tax-head{align-items:stretch;flex-direction:column}
 .v409-tax-head h1{font-size:20px}
 .v409-month{width:100%}
 .v409-kpis{grid-template-columns:1fr 1fr;gap:8px}
 .v409-kpi{padding:12px}.v409-kpi strong{font-size:15px}.v409-kpi span{font-size:10.5px}
 .v409-two{grid-template-columns:1fr}
 .v409-form{grid-template-columns:1fr}
 .v409-reconcile{grid-template-columns:1fr;gap:8px}.v409-reconcile>b{display:none}
 .v409-table{min-width:680px}
}


/* ===== V477 SOURCE 191: v410-corporate-income-tax.css ===== */

.v410-cit-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
.v410-cit-summary>div{border:1px solid var(--border);border-radius:9px;padding:12px;background:var(--card)}
.v410-cit-summary span{display:block;font-size:11px;color:var(--muted-foreground)}
.v410-cit-summary strong{display:block;margin-top:6px;font-size:17px;color:var(--foreground)}
.v410-cit-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:9px;align-items:end}
.v410-cit-form label span{display:block;margin-bottom:5px;font-size:10.5px;color:var(--muted-foreground)}
.v410-cit-form input{width:100%;height:38px;border:1px solid var(--border);border-radius:7px;background:var(--card);padding:0 9px;color:var(--foreground)}
.v410-cit-form button{height:38px;border:1px solid var(--foreground);border-radius:7px;background:var(--foreground);color:var(--background);padding:0 12px;font-size:12px;font-weight:600}
@media(max-width:900px){.v410-cit-form{grid-template-columns:repeat(2,minmax(0,1fr))}.v410-cit-form button{grid-column:1/-1}}
@media(max-width:640px){.v410-cit-summary{grid-template-columns:1fr}.v410-cit-form{grid-template-columns:1fr}}


/* ===== V477 SOURCE 192: v411-tax-charts.css ===== */

/* V411 - Kế toán thuế: biểu đồ chuyên nghiệp desktop + mobile */
.v411-chart-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:12px;
}
.v411-chart-card{
  min-width:0;
  overflow:hidden;
}
.v411-chart-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.v411-chart-head h3{
  margin:0;
  font-size:14.5px;
  line-height:1.35;
  font-weight:650;
  color:var(--foreground);
}
.v411-chart-head p{
  margin:3px 0 0;
  font-size:10.5px;
  line-height:1.4;
  color:var(--muted-foreground);
}
.v411-chart-head>span{
  flex:none;
  border:1px solid var(--border);
  border-radius:999px;
  padding:4px 7px;
  font-size:9.5px;
  font-weight:600;
  color:var(--muted-foreground);
  background:var(--card);
}
.v411-chart-card .recharts-wrapper{
  max-width:100%;
}
.v411-chart-card .recharts-default-tooltip{
  border-radius:8px!important;
}
@media(max-width:1100px){
  .v411-chart-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:640px){
  .v411-chart-grid{gap:9px}
  .v411-chart-card{
    padding:12px!important;
  }
  .v411-chart-head{
    margin-bottom:7px;
    gap:8px;
  }
  .v411-chart-head h3{
    font-size:13.5px;
  }
  .v411-chart-head p{
    font-size:10px;
  }
  .v411-chart-head>span{
    font-size:9px;
    padding:3px 6px;
  }
  .v411-chart-card .recharts-surface{
    overflow:visible;
  }
}


/* ===== V477 SOURCE 193: v412-cit-rate-update.css ===== */

/* V412 - cập nhật thuế suất TNDN rõ ràng theo kỳ */
.v412-cit-rate-panel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:14px 0 12px;
  padding:14px;
  border:1px solid var(--border);
  border-radius:10px;
  background:var(--card);
}
.v412-cit-rate-copy{
  min-width:0;
}
.v412-cit-rate-copy strong{
  display:block;
  font-size:13.5px;
  line-height:1.35;
  color:var(--foreground);
}
.v412-cit-rate-copy span{
  display:block;
  margin-top:4px;
  font-size:10.5px;
  line-height:1.45;
  color:var(--muted-foreground);
}
.v412-cit-rate-control{
  display:flex;
  align-items:center;
  gap:6px;
  flex:none;
}
.v412-cit-rate-control input{
  width:92px;
  height:40px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--background);
  color:var(--foreground);
  padding:0 10px;
  text-align:right;
  font-size:15px;
  font-weight:700;
}
.v412-cit-rate-control>span{
  font-size:14px;
  font-weight:700;
  color:var(--foreground);
}
.v412-cit-rate-control button{
  height:40px;
  border:1px solid var(--foreground);
  border-radius:8px;
  background:var(--foreground);
  color:var(--background);
  padding:0 13px;
  font-size:12px;
  font-weight:600;
}
.v412-cit-adjustments{
  grid-template-columns:repeat(3,minmax(0,1fr)) auto!important;
}
@media(max-width:760px){
  .v412-cit-rate-panel{
    align-items:stretch;
    flex-direction:column;
    gap:10px;
  }
  .v412-cit-rate-control{
    width:100%;
  }
  .v412-cit-rate-control input{
    flex:1;
    width:auto;
    min-width:0;
    font-size:16px;
  }
  .v412-cit-rate-control button{
    min-width:104px;
  }
  .v412-cit-adjustments{
    grid-template-columns:1fr!important;
  }
}


/* ===== V477 SOURCE 194: v413-payroll.css ===== */

/* V413 - Bang luong nhan vien trong Chi phi & Loi nhuan */
.v413-payroll{min-width:0}
.v413-payroll-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.v413-payroll-head h3{margin:0;font-size:15px;line-height:1.35;font-weight:650;color:var(--foreground)}
.v413-payroll-head p{margin:4px 0 0;font-size:11px;line-height:1.45;color:var(--muted-foreground)}
.v413-payroll-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px}
.v413-payroll-actions button,.v413-save,.v413-delete{border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--foreground);padding:8px 10px;font-size:11.5px;font-weight:600}
.v413-payroll-actions button.primary,.v413-save{background:var(--foreground);border-color:var(--foreground);color:var(--background)}
.v413-payroll-actions button:disabled{opacity:.45;cursor:not-allowed}
.v413-status{display:inline-flex;align-items:center;min-height:30px;padding:0 9px;border:1px solid var(--border);border-radius:999px;font-size:10.5px;font-weight:600;color:var(--muted-foreground)}
.v413-status.locked{color:var(--foreground)}
.v413-status.paid{color:var(--foreground);font-weight:700}

.v413-payroll-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:14px}
.v413-payroll-kpis>div{min-width:0;background:var(--card);padding:12px}
.v413-payroll-kpis span{display:block;font-size:10.5px;color:var(--muted-foreground)}
.v413-payroll-kpis strong{display:block;margin-top:6px;font-size:15px;line-height:1.2;color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v413-payroll-kpis small{display:block;margin-top:4px;font-size:9.5px;line-height:1.35;color:var(--muted-foreground)}

.v413-payroll-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:12px;margin-bottom:14px;border:1px solid var(--border);border-radius:10px;background:var(--muted)}
.v413-payroll-form label span,.v413-rates summary{display:block;margin-bottom:5px;font-size:10px;color:var(--muted-foreground)}
.v413-payroll-form input,.v413-payroll-form select{width:100%;height:38px;border:1px solid var(--border);border-radius:7px;background:var(--card);padding:0 9px;color:var(--foreground);font-size:12px}
.v413-rates{grid-column:1/-1;border-top:1px solid var(--border);padding-top:8px}
.v413-rates summary{cursor:pointer;font-weight:600;color:var(--foreground)}
.v413-rates>div{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:8px}
.v413-save{grid-column:1/-1;justify-self:end;padding-left:16px;padding-right:16px}

.v413-payroll-list{display:flex;flex-direction:column}
.v413-payroll-row{display:grid;grid-template-columns:minmax(180px,1.5fr) repeat(5,minmax(100px,.8fr)) auto;gap:10px;align-items:center;padding:10px 6px;border-top:1px solid var(--border)}
.v413-payroll-row:first-child{border-top:0}
.v413-employee{display:flex;align-items:center;gap:9px;min-width:0}
.v413-employee>b{display:flex;align-items:center;justify-content:center;flex:none;width:25px;height:25px;border:1px solid var(--border);border-radius:50%;font-size:10px;color:var(--muted-foreground)}
.v413-employee>div{min-width:0}
.v413-employee strong{display:block;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v413-employee small{display:block;margin-top:2px;font-size:9.5px;color:var(--muted-foreground)}
.v413-money{text-align:right;min-width:0}
.v413-money span{display:block;font-size:9.5px;color:var(--muted-foreground)}
.v413-money strong{display:block;margin-top:3px;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--foreground)}
.v413-money.company strong{font-weight:750}
.v413-delete{padding:6px 8px;font-size:10px}
.v413-empty{padding:26px 8px;text-align:center;font-size:11.5px;color:var(--muted-foreground)}

@media(max-width:1280px){
 .v413-payroll-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
 .v413-payroll-row{grid-template-columns:minmax(170px,1.3fr) repeat(3,minmax(92px,.7fr)) auto}
 .v413-payroll-row .v413-money:nth-of-type(3),
 .v413-payroll-row .v413-money:nth-of-type(4){display:none}
 .v413-rates>div{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
 .v413-payroll-head{flex-direction:column}
 .v413-payroll-actions{justify-content:flex-start}
 .v413-payroll-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v413-payroll-form{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
 .v413-payroll{padding:12px!important}
 .v413-payroll-kpis{grid-template-columns:1fr 1fr}
 .v413-payroll-kpis>div{padding:10px}
 .v413-payroll-kpis strong{font-size:13.5px}
 .v413-payroll-form{grid-template-columns:1fr}
 .v413-rates>div{grid-template-columns:1fr 1fr}
 .v413-save{width:100%;justify-self:stretch;min-height:42px}
 .v413-payroll-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:11px 2px}
 .v413-employee{grid-column:1/-1}
 .v413-money{text-align:left;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--card)}
 .v413-payroll-row .v413-money:nth-of-type(3),
 .v413-payroll-row .v413-money:nth-of-type(4){display:block}
 .v413-delete{grid-column:1/-1;min-height:38px}
 .v413-payroll-actions button{min-height:38px}
}


/* ===== V477 SOURCE 195: v414-auto-sales-bonus.css ===== */

/* V414 - Thuong doanh so tu dong theo ngay chuyen Hoan thanh */
.v414-bonus-policy{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:11px 12px;
  margin-bottom:12px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--muted);
}
.v414-bonus-policy>div{min-width:0}
.v414-bonus-policy strong{
  display:block;
  font-size:12.5px;
  line-height:1.35;
  color:var(--foreground);
}
.v414-bonus-policy span{
  display:block;
  margin-top:3px;
  font-size:10.5px;
  line-height:1.45;
  color:var(--muted-foreground);
}
.v414-bonus-policy>small{
  flex:0 0 255px;
  font-size:10px;
  line-height:1.4;
  color:var(--muted-foreground);
  text-align:right;
}
.v414-auto-bonus-field small{
  display:block;
  margin-top:4px;
  font-size:9.5px;
  color:var(--muted-foreground);
}
.v414-auto-bonus-field input[readonly]{
  font-weight:700;
  background:var(--background);
}
.v414-sales-revenue small{
  display:block;
  margin-top:2px;
  font-size:9px;
  line-height:1.3;
  color:var(--muted-foreground);
}
/* V414 co them cot doanh so hoan thanh */
@media(min-width:1281px){
  .v413-payroll-row{
    grid-template-columns:minmax(180px,1.45fr) repeat(6,minmax(92px,.76fr)) auto!important;
  }
}
@media(max-width:1280px) and (min-width:641px){
  .v413-payroll-row{
    grid-template-columns:minmax(170px,1.25fr) repeat(4,minmax(88px,.72fr)) auto!important;
  }
  .v413-payroll-row .v413-money:nth-of-type(4),
  .v413-payroll-row .v413-money:nth-of-type(5){
    display:none!important;
  }
}
@media(max-width:700px){
  .v414-bonus-policy{
    align-items:flex-start;
    flex-direction:column;
    gap:6px;
  }
  .v414-bonus-policy>small{
    flex:auto;
    width:100%;
    text-align:left;
  }
  .v414-sales-revenue{
    grid-column:1/-1;
  }
}


/* ===== V477 SOURCE 196: v415-payroll-policy.css ===== */

/* V415 - Chính sách lương theo tài khoản nội bộ */
.v415-template-link{
  display:inline-flex;align-items:center;min-height:34px;padding:0 10px;
  border:1px solid var(--border);border-radius:8px;background:var(--card);
  color:var(--foreground)!important;text-decoration:none;font-size:11.5px;font-weight:600;
}
.v415-policy-panel{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;
  padding:12px;margin-bottom:12px;border:1px solid var(--border);border-radius:10px;background:var(--muted);
}
.v415-policy-title{grid-column:1/-1;margin-bottom:2px}
.v415-policy-title strong{display:block;font-size:13px;color:var(--foreground)}
.v415-policy-title span{display:block;margin-top:3px;font-size:10.5px;line-height:1.4;color:var(--muted-foreground)}
.v415-policy-panel label>span{display:block;margin-bottom:5px;font-size:10px;color:var(--muted-foreground)}
.v415-policy-panel input,.v415-policy-panel select{
  width:100%;height:38px;border:1px solid var(--border);border-radius:7px;
  background:var(--card);padding:0 9px;color:var(--foreground);font-size:12px;
}
.v415-save-policy{
  grid-column:1/-1;justify-self:end;min-height:38px;padding:0 15px;border:1px solid var(--foreground);
  border-radius:8px;background:var(--foreground);color:var(--background);font-size:12px;font-weight:600;
}
.v415-save-policy:disabled{opacity:.45}
@media(max-width:1000px){.v415-policy-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 .v415-policy-panel{grid-template-columns:1fr;padding:10px}
 .v415-save-policy{width:100%;justify-self:stretch}
 .v415-template-link{min-height:38px}
}


/* ===== V477 SOURCE 197: v417-payroll-professional.css ===== */

/* V417 - Bang luong: dinh dang tien Viet Nam + UI chuyen nghiep */
.v417-bonus-policy{
  padding:0!important;overflow:hidden;background:var(--card)!important;
  border:1px solid var(--border)!important;border-radius:12px!important;
  align-items:stretch!important;
}
.v417-bonus-main{flex:1;padding:14px 16px;min-width:0}
.v417-bonus-title{display:flex;align-items:center;gap:10px}
.v417-bonus-icon{
  display:flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;
  border:1px solid var(--border);border-radius:9px;background:var(--muted);
  color:var(--foreground);font-size:15px;font-weight:800;
}
.v417-bonus-title strong{font-size:13.5px!important;line-height:1.3}
.v417-bonus-title span:not(.v417-bonus-icon){margin-top:2px!important;font-size:10.5px!important}
.v417-bonus-steps{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:11px}
.v417-bonus-steps>span{
  display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:0 8px;
  border:1px solid var(--border);border-radius:7px;background:var(--background);
  font-size:10px;color:var(--muted-foreground);
}
.v417-bonus-steps b{
  display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;
  border-radius:50%;background:var(--foreground);color:var(--background);font-size:9px;
}
.v417-bonus-steps i{font-style:normal;font-size:11px;color:var(--muted-foreground)}
.v417-bonus-policy>small{
  display:flex!important;align-items:center;flex:0 0 260px!important;padding:12px 14px;
  border-left:1px solid var(--border);background:var(--muted);
  text-align:left!important;font-size:10px!important;line-height:1.45!important;
}

/* KPI tiền: rõ ràng, đồng nhất dấu chấm phân cách hàng nghìn */
.v413-payroll-kpis strong{
  font-variant-numeric:tabular-nums;letter-spacing:-.15px;overflow:visible!important;text-overflow:clip!important;
}
.v413-payroll-row{
  margin:0;border-top:1px solid var(--border);transition:background .12s ease;
}
.v413-payroll-row:hover{background:var(--muted)}
.v413-payroll-row:first-child{border-top:0}
.v413-employee>b{
  background:var(--muted);border:0!important;font-weight:700!important;color:var(--foreground)!important;
}
.v413-employee strong{font-size:12.5px!important;font-weight:700}
.v413-employee small{margin-top:3px!important;line-height:1.35!important}
.v413-money span{font-size:9.5px!important}
.v413-money strong{
  margin-top:4px!important;font-size:12px!important;font-weight:650;
  font-variant-numeric:tabular-nums;letter-spacing:-.1px;overflow:visible!important;text-overflow:clip!important;
}
.v414-sales-revenue{
  text-align:left!important;padding:8px 10px;border:1px solid var(--border);
  border-radius:8px;background:var(--card);
}
.v414-sales-revenue strong{font-size:12.5px!important}
.v414-sales-revenue small{margin-top:4px!important;line-height:1.35!important}
.v413-money.company strong{font-weight:750!important}
.v413-delete{opacity:.75}
.v413-delete:hover{opacity:1}

/* Form tiền */
.v413-payroll-form input,.v415-policy-panel input{
  font-variant-numeric:tabular-nums;
}
.v414-auto-bonus-field input[readonly]{
  font-size:13px!important;font-weight:750!important;
}

@media(max-width:900px){
 .v417-bonus-policy{flex-direction:column!important}
 .v417-bonus-policy>small{
   flex:auto!important;width:100%;border-left:0;border-top:1px solid var(--border);
 }
}
@media(max-width:640px){
 .v417-bonus-main{padding:12px}
 .v417-bonus-title strong{font-size:14px!important}
 .v417-bonus-title span:not(.v417-bonus-icon){font-size:11px!important}
 .v417-bonus-steps{display:grid;grid-template-columns:1fr;margin-top:10px}
 .v417-bonus-steps i{display:none}
 .v417-bonus-steps>span{min-height:34px}
 .v413-payroll-row{
   padding:12px 0!important;gap:8px!important;background:transparent!important;
 }
 .v413-employee{padding:0 2px 3px}
 .v413-employee strong{font-size:13.5px!important}
 .v413-employee small{font-size:10.5px!important}
 .v413-money{
   padding:9px!important;border:1px solid var(--border);border-radius:9px;background:var(--card);
 }
 .v413-money span{font-size:10px!important}
 .v413-money strong{font-size:12.5px!important}
 .v414-sales-revenue{grid-column:1/-1!important;padding:10px!important}
 .v414-sales-revenue strong{font-size:14px!important}
 .v414-sales-revenue small{font-size:10px!important}
}


/* ===== V477 SOURCE 198: v418-payroll-salary-edit.css ===== */

/* V418 - chỉnh tổng lương trực tiếp trên danh sách nhân viên */
.v418-salary-cell{position:relative}
.v418-edit-salary{
  margin-top:5px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--muted-foreground);
  font-size:9.5px;
  line-height:1.3;
  font-weight:600;
  text-decoration:underline;
  text-underline-offset:2px;
  cursor:pointer;
}
.v418-edit-salary:hover{color:var(--foreground)}
.v418-salary-editor{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:0 0 12px;
  padding:12px 14px;
  border:1px solid var(--border);
  border-radius:10px;
  background:var(--muted);
}
.v418-salary-editor-copy{min-width:0}
.v418-salary-editor-copy strong{
  display:block;
  font-size:13px;
  line-height:1.35;
  color:var(--foreground);
}
.v418-salary-editor-copy span{
  display:block;
  margin-top:2px;
  font-size:11px;
  color:var(--foreground);
}
.v418-salary-editor-copy small{
  display:block;
  margin-top:4px;
  font-size:10px;
  line-height:1.4;
  color:var(--muted-foreground);
}
.v418-salary-editor-control{
  display:flex;
  align-items:center;
  gap:6px;
  flex:none;
}
.v418-salary-editor-control input{
  width:150px;
  height:40px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--card);
  color:var(--foreground);
  padding:0 10px;
  text-align:right;
  font-size:14px;
  font-weight:700;
  font-variant-numeric:tabular-nums;
}
.v418-salary-editor-control>span{
  font-size:13px;
  font-weight:700;
}
.v418-salary-editor-control button{
  height:40px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--card);
  color:var(--foreground);
  padding:0 11px;
  font-size:11px;
  font-weight:600;
}
.v418-salary-editor-control button.primary{
  background:var(--foreground);
  color:var(--background);
  border-color:var(--foreground);
}
@media(max-width:720px){
  .v418-salary-editor{
    flex-direction:column;
    align-items:stretch;
    gap:10px;
  }
  .v418-salary-editor-control{
    width:100%;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto auto;
  }
  .v418-salary-editor-control input{
    width:100%;
    min-width:0;
    font-size:16px;
  }
  .v418-edit-salary{
    font-size:10.5px;
    min-height:28px;
  }
}
@media(max-width:390px){
  .v418-salary-editor-control{
    grid-template-columns:minmax(0,1fr) auto;
  }
  .v418-salary-editor-control button{
    min-height:40px;
  }
  .v418-salary-editor-control button.primary{
    grid-column:1/2;
  }
}


/* ===== V477 SOURCE 199: v419-payroll-closed.css ===== */

/* V419 - Tổng phụ cấp mở chi tiết + bảng lương đã chốt */
.v419-closed-payroll{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:12px;
  padding:13px 14px;
  border:1px solid var(--border);
  border-radius:10px;
  background:var(--muted);
}
.v419-closed-payroll>div{min-width:0}
.v419-closed-payroll strong{
  display:block;
  font-size:13.5px;
  line-height:1.35;
  color:var(--foreground);
}
.v419-closed-payroll span{
  display:block;
  margin-top:3px;
  font-size:11px;
  color:var(--foreground);
}
.v419-closed-payroll small{
  display:block;
  margin-top:4px;
  font-size:10px;
  line-height:1.4;
  color:var(--muted-foreground);
}
.v419-download-closed{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:none;
  min-height:40px;
  padding:0 13px;
  border:1px solid var(--foreground);
  border-radius:8px;
  background:var(--foreground);
  color:var(--background)!important;
  text-decoration:none!important;
  font-size:11.5px;
  font-weight:650;
}

/* Tổng phụ cấp chỉ chiếm 1 cột; chi tiết mở tại chỗ */
.v419-allowance-cell{
  min-width:0;
  position:relative;
}
.v419-allowance-cell summary{
  list-style:none;
  cursor:pointer;
  padding:8px 9px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--card);
}
.v419-allowance-cell summary::-webkit-details-marker{display:none}
.v419-allowance-cell summary span{
  display:block;
  font-size:9.5px;
  color:var(--muted-foreground);
}
.v419-allowance-cell summary strong{
  display:block;
  margin-top:4px;
  font-size:12px;
  line-height:1.25;
  color:var(--foreground);
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.v419-allowance-cell summary small{
  display:block;
  margin-top:4px;
  font-size:9px;
  font-weight:600;
  color:var(--muted-foreground);
}
.v419-allowance-cell[open] summary{
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
}
.v419-allowance-detail{
  position:absolute;
  z-index:30;
  top:100%;
  right:0;
  width:220px;
  padding:7px 10px;
  border:1px solid var(--border);
  border-top:0;
  border-radius:0 0 8px 8px;
  background:var(--card);
  box-shadow:0 8px 20px rgba(0,0,0,.08);
}
.v419-allowance-detail>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:6px 0;
  border-bottom:1px solid var(--border);
}
.v419-allowance-detail>div:last-child{border-bottom:0}
.v419-allowance-detail span{
  font-size:10px;
  color:var(--muted-foreground);
}
.v419-allowance-detail b{
  font-size:10.5px;
  font-weight:650;
  color:var(--foreground);
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}

/* thêm một cột tổng phụ cấp */
@media(min-width:1281px){
  .v413-payroll-row{
    grid-template-columns:minmax(180px,1.45fr) minmax(135px,1fr) minmax(105px,.75fr) minmax(105px,.75fr) repeat(4,minmax(90px,.68fr)) auto!important;
  }
}
@media(max-width:1280px) and (min-width:641px){
  .v413-payroll-row{
    grid-template-columns:minmax(170px,1.25fr) minmax(135px,1fr) repeat(4,minmax(92px,.72fr)) auto!important;
  }
  .v413-payroll-row>.v413-money:nth-of-type(5),
  .v413-payroll-row>.v413-money:nth-of-type(6){display:none!important}
}
@media(max-width:720px){
  .v419-closed-payroll{
    align-items:stretch;
    flex-direction:column;
    gap:10px;
  }
  .v419-download-closed{width:100%}
}
@media(max-width:640px){
  .v419-allowance-cell{
    grid-column:1/-1;
  }
  .v419-allowance-cell summary{
    min-height:54px;
    padding:9px 10px;
  }
  .v419-allowance-cell summary span{font-size:10px}
  .v419-allowance-cell summary strong{font-size:13px}
  .v419-allowance-detail{
    position:static;
    width:100%;
    box-shadow:none;
  }
  .v419-allowance-detail span{font-size:10.5px}
  .v419-allowance-detail b{font-size:11px}
}


/* ===== V477 SOURCE 200: v420-payroll-responsive.css ===== */

/* V420 - Payroll responsive professional */
.v413-payroll{
  overflow:visible;
}
.v413-payroll-head{
  gap:12px!important;
  padding-bottom:12px;
  border-bottom:1px solid var(--border);
}
.v413-payroll-actions{
  gap:7px!important;
}
.v413-payroll-actions button,
.v413-payroll-actions a{
  min-height:36px;
}
.v413-payroll-kpis{
  margin-top:12px;
}
.v413-payroll-list{
  border:1px solid var(--border);
  border-radius:10px;
  overflow:visible;
  background:var(--card);
}
.v413-payroll-row{
  padding:11px 10px!important;
  gap:9px!important;
}
.v420-id-cell{
  min-width:0;
  padding:7px 8px;
  border-left:1px solid var(--border);
}
.v420-id-cell span{
  display:block;
  font-size:9px;
  line-height:1.25;
  color:var(--muted-foreground);
}
.v420-id-cell strong{
  display:block;
  margin-top:4px;
  font-size:10.5px;
  line-height:1.3;
  font-weight:600;
  color:var(--foreground);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.v413-money strong,
.v419-allowance-cell summary strong{
  font-variant-numeric:tabular-nums;
}

/* Desktop lớn: hiển thị đủ 3 cột hồ sơ */
@media(min-width:1281px){
  .v413-payroll-row{
    grid-template-columns:
      minmax(165px,1.3fr)
      minmax(90px,.62fr)
      minmax(105px,.72fr)
      minmax(95px,.66fr)
      minmax(150px,1.05fr)
      minmax(105px,.75fr)
      minmax(105px,.75fr)
      repeat(4,minmax(88px,.62fr))
      auto!important;
    align-items:center!important;
  }
}

/* Laptop 901-1280: hồ sơ vẫn đủ nhưng gọn, ẩn 2 chỉ số phụ ít quan trọng */
@media(min-width:901px) and (max-width:1280px){
  .v413-payroll-row{
    grid-template-columns:
      minmax(155px,1.25fr)
      minmax(82px,.62fr)
      minmax(98px,.72fr)
      minmax(90px,.66fr)
      minmax(135px,1fr)
      minmax(100px,.72fr)
      minmax(100px,.72fr)
      repeat(2,minmax(88px,.65fr))
      auto!important;
  }
  .v413-payroll-row>.v413-money:nth-of-type(5),
  .v413-payroll-row>.v413-money:nth-of-type(6){
    display:none!important;
  }
}

/* Tablet: chuyển 3 thông tin hồ sơ thành hàng thông tin gọn */
@media(max-width:900px){
  .v413-payroll-row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .v413-employee{
    grid-column:1/-1;
    padding-bottom:4px;
  }
  .v420-id-cell{
    border:1px solid var(--border);
    border-radius:8px;
    padding:8px 9px;
    background:var(--card);
  }
  .v420-mst{
    grid-column:1/-1;
  }
  .v414-sales-revenue,
  .v419-allowance-cell{
    grid-column:1/-1!important;
  }
}

/* Mobile */
@media(max-width:640px){
  .v413-payroll-head{
    padding-bottom:10px;
  }
  .v413-payroll-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr;
    width:100%;
  }
  .v413-payroll-actions .v413-status{
    grid-column:1/-1;
    justify-self:start;
  }
  .v413-payroll-actions button,
  .v413-payroll-actions a{
    width:100%;
    min-height:42px;
    justify-content:center;
  }
  .v413-payroll-kpis{
    gap:1px!important;
  }
  .v413-payroll-row{
    padding:12px!important;
  }
  .v413-employee strong{
    font-size:14px!important;
  }
  .v420-id-cell span{
    font-size:10px;
  }
  .v420-id-cell strong{
    margin-top:3px;
    font-size:11.5px;
    white-space:normal;
  }
  .v420-mst{
    grid-column:auto;
  }
  .v413-money,
  .v419-allowance-cell summary{
    min-height:58px;
  }
  .v419-allowance-detail{
    position:static!important;
    width:100%!important;
  }
}
@media(max-width:390px){
  .v413-payroll-actions{
    grid-template-columns:1fr;
  }
  .v420-id-cell{
    grid-column:1/-1;
  }
}


/* ===== V477 SOURCE 201: v421-kpi-bonus-net.css ===== */

/* V421 - hiển thị tiền thưởng vượt KPI và cộng rõ vào thực nhận */
.v421-kpi-bonus{
  border:1px solid var(--border);
  border-radius:8px;
  padding:8px 9px;
  background:var(--card);
  text-align:right;
}
.v421-kpi-bonus strong{
  font-size:12.5px!important;
  font-weight:750!important;
  color:var(--foreground)!important;
}
.v421-kpi-bonus small,
.v421-net-cell small{
  display:block;
  margin-top:4px;
  font-size:9px;
  line-height:1.3;
  color:var(--muted-foreground);
}
.v421-net-cell{
  border:1px solid var(--border);
  border-radius:8px;
  padding:8px 9px;
  background:var(--card);
}
.v421-net-cell strong{
  font-size:12.5px!important;
  font-weight:800!important;
}
@media(min-width:1281px){
  .v413-payroll-row{
    grid-template-columns:
      minmax(165px,1.3fr)
      minmax(90px,.62fr)
      minmax(105px,.72fr)
      minmax(95px,.66fr)
      minmax(145px,1fr)
      minmax(105px,.72fr)
      minmax(105px,.72fr)
      minmax(105px,.72fr)
      repeat(4,minmax(88px,.62fr))
      auto!important;
  }
}
@media(min-width:901px) and (max-width:1280px){
  .v413-payroll-row{
    grid-template-columns:
      minmax(155px,1.2fr)
      minmax(82px,.6fr)
      minmax(98px,.68fr)
      minmax(90px,.64fr)
      minmax(130px,.95fr)
      minmax(100px,.7fr)
      minmax(100px,.7fr)
      minmax(100px,.7fr)
      repeat(2,minmax(88px,.62fr))
      auto!important;
  }
}
@media(max-width:900px){
  .v421-kpi-bonus,
  .v421-net-cell{
    min-height:58px;
  }
}
@media(max-width:640px){
  .v421-kpi-bonus{
    grid-column:1/-1;
    text-align:left;
    padding:10px!important;
  }
  .v421-kpi-bonus strong{
    font-size:14px!important;
  }
  .v421-net-cell{
    grid-column:1/-1;
    padding:10px!important;
  }
  .v421-net-cell strong{
    font-size:14px!important;
  }
}


/* ===== V477 SOURCE 202: v422-payroll-list-ui.css ===== */

/* V422 - Danh sach nhan vien bang luong: card 2 tang, desktop/mobile */
.v422-payroll-list{
  display:flex!important;
  flex-direction:column;
  gap:10px;
  border:0!important;
  background:transparent!important;
}
.v422-employee-card{
  display:block!important;
  padding:0!important;
  border:1px solid var(--border)!important;
  border-radius:12px!important;
  overflow:visible!important;
  background:var(--card)!important;
}
.v422-card-top{
  display:grid;
  grid-template-columns:minmax(220px,1.6fr) minmax(120px,.8fr) minmax(135px,.9fr) minmax(110px,.75fr);
  align-items:center;
  gap:0;
  border-bottom:1px solid var(--border);
}
.v422-card-top>div{
  min-width:0;
  padding:12px 14px;
}
.v422-card-top>div+div{
  border-left:1px solid var(--border);
}
.v422-employee-main{
  min-width:0;
}
.v422-employee-main strong{
  display:block;
  font-size:13.5px!important;
  line-height:1.35;
  color:var(--foreground);
}
.v422-employee-main small{
  display:block;
  margin-top:3px!important;
  font-size:10.5px!important;
  line-height:1.4;
  color:var(--muted-foreground);
}
.v422-profile-item span{
  display:block;
  font-size:9.5px;
  color:var(--muted-foreground);
}
.v422-profile-item strong{
  display:block;
  margin-top:4px;
  font-size:11px;
  font-weight:600;
  color:var(--foreground);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.v422-card-metrics{
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:0;
}
.v422-metric{
  min-width:0;
  padding:11px 10px;
  border-right:1px solid var(--border);
  background:var(--card);
}
.v422-metric:last-child{border-right:0}
.v422-metric>span,
.v422-metric summary>span{
  display:block;
  font-size:9.5px;
  line-height:1.25;
  color:var(--muted-foreground);
}
.v422-metric>strong,
.v422-metric summary>strong{
  display:block;
  margin-top:5px;
  font-size:12px;
  line-height:1.25;
  font-weight:700;
  color:var(--foreground);
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.v422-metric>small,
.v422-metric summary>small{
  display:block;
  margin-top:4px;
  font-size:9px;
  line-height:1.3;
  color:var(--muted-foreground);
}
.v422-sales,
.v421-kpi-bonus,
.v421-net-cell{
  background:var(--muted);
}
.v421-kpi-bonus,
.v421-net-cell{
  border-radius:0!important;
}
.v419-allowance-cell summary{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.v419-allowance-detail{
  top:100%;
  left:0;
  right:auto;
  min-width:220px;
}
.v422-card-actions{
  display:flex;
  justify-content:flex-end;
  padding:8px 10px;
  border-top:1px solid var(--border);
  background:var(--muted);
}
.v422-card-actions .v413-delete{
  min-height:32px;
}

/* Laptop: 4 cot metric x 2 hang */
@media(max-width:1280px){
  .v422-card-top{
    grid-template-columns:minmax(200px,1.5fr) repeat(3,minmax(110px,.8fr));
  }
  .v422-card-metrics{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .v422-metric{
    border-bottom:1px solid var(--border);
  }
  .v422-metric:nth-child(4n){border-right:0}
  .v422-metric:nth-last-child(-n+4){border-bottom:0}
}

/* Tablet: ho so 2 cot, metric 2 cot */
@media(max-width:900px){
  .v422-card-top{
    grid-template-columns:1fr 1fr;
  }
  .v422-card-top>div{
    padding:10px 12px;
  }
  .v422-employee-main{
    grid-column:1/-1;
    border-bottom:1px solid var(--border);
  }
  .v422-card-top>div+div{
    border-left:0;
  }
  .v422-profile-item{
    border-top:1px solid var(--border);
  }
  .v422-profile-item:nth-of-type(3){
    border-left:1px solid var(--border)!important;
  }
  .v422-profile-item:last-child{
    grid-column:1/-1;
  }
  .v422-card-metrics{
    grid-template-columns:1fr 1fr;
  }
  .v422-metric{
    min-height:70px;
    border-bottom:1px solid var(--border);
  }
  .v422-metric:nth-child(2n){border-right:0}
  .v422-metric:nth-last-child(-n+2){border-bottom:0}
}

/* Mobile: card doc, 2 cot chi so; phan quan trong full width */
@media(max-width:640px){
  .v422-payroll-list{gap:12px}
  .v422-employee-card{
    border-radius:10px!important;
  }
  .v422-card-top{
    grid-template-columns:1fr 1fr;
  }
  .v422-employee-main{
    padding:12px!important;
  }
  .v422-employee-main strong{
    font-size:14px!important;
  }
  .v422-employee-main small{
    font-size:10.5px!important;
  }
  .v422-profile-item{
    padding:9px 10px!important;
  }
  .v422-profile-item span{font-size:9.5px}
  .v422-profile-item strong{
    font-size:11px;
    white-space:normal;
    word-break:break-word;
  }
  .v422-card-metrics{
    grid-template-columns:1fr 1fr;
  }
  .v422-metric{
    padding:10px!important;
    min-height:66px;
  }
  .v422-sales,
  .v421-kpi-bonus,
  .v421-net-cell{
    grid-column:1/-1;
    border-right:0!important;
  }
  .v422-metric>strong,
  .v422-metric summary>strong{
    font-size:12.5px;
  }
  .v422-sales>strong,
  .v421-kpi-bonus>strong,
  .v421-net-cell>strong{
    font-size:14px!important;
  }
  .v419-allowance-cell{
    grid-column:1/-1;
  }
  .v419-allowance-detail{
    position:static!important;
    width:100%!important;
    min-width:0!important;
    margin-top:8px;
    border:1px solid var(--border)!important;
    border-radius:8px!important;
    box-shadow:none!important;
  }
  .v422-card-actions{
    padding:8px 10px;
  }
  .v422-card-actions .v413-delete{
    width:100%;
    min-height:38px;
  }
}
@media(max-width:390px){
  .v422-card-top,
  .v422-card-metrics{
    grid-template-columns:1fr;
  }
  .v422-profile-item,
  .v422-profile-item:nth-of-type(3),
  .v422-metric{
    grid-column:1/-1!important;
    border-left:0!important;
    border-right:0!important;
    border-bottom:1px solid var(--border)!important;
  }
  .v422-profile-item:last-child,
  .v422-metric:last-child{
    border-bottom:0!important;
  }
}


/* ===== V477 SOURCE 203: v423-kpi-visual.css ===== */

/* V423 - KPI doanh số trực quan */
.v423-kpi-visual{
  grid-column:span 2;
  min-width:0;
  padding:12px;
  background:var(--muted);
  border-right:1px solid var(--border);
}
.v423-kpi-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
}
.v423-kpi-head span{
  display:block;
  font-size:9.5px;
  color:var(--muted-foreground);
}
.v423-kpi-head strong{
  display:block;
  margin-top:4px;
  font-size:13px;
  line-height:1.2;
  font-weight:750;
  color:var(--foreground);
  font-variant-numeric:tabular-nums;
}
.v423-kpi-head>b{
  flex:none;
  font-size:16px;
  line-height:1;
  font-weight:800;
  color:var(--foreground);
}
.v423-kpi-track{
  position:relative;
  height:6px;
  margin-top:10px;
  overflow:hidden;
  border-radius:999px;
  background:var(--border);
}
.v423-kpi-track>i{
  display:block;
  height:100%;
  border-radius:999px;
  background:var(--foreground);
  transition:width .35s ease;
}
.v423-kpi-numbers{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
}
.v423-kpi-numbers>div{
  min-width:0;
}
.v423-kpi-numbers span{
  display:block;
  font-size:9px;
  color:var(--muted-foreground);
}
.v423-kpi-numbers strong{
  display:block;
  margin-top:3px;
  font-size:11px;
  line-height:1.25;
  font-weight:700;
  color:var(--foreground);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-variant-numeric:tabular-nums;
}
.v423-kpi-numbers small{
  display:block;
  margin-top:3px;
  font-size:8.5px;
  line-height:1.3;
  color:var(--muted-foreground);
}

/* Điều chỉnh grid card vì KPI chiếm 2 cột */
@media(min-width:1281px){
  .v422-card-metrics{
    grid-template-columns:repeat(8,minmax(0,1fr))!important;
  }
}
@media(max-width:1280px){
  .v423-kpi-visual{
    grid-column:1/-1;
    border-right:0;
    border-bottom:1px solid var(--border);
  }
}
@media(max-width:640px){
  .v423-kpi-visual{
    padding:11px!important;
  }
  .v423-kpi-head strong{
    font-size:14px;
  }
  .v423-kpi-head>b{
    font-size:18px;
  }
  .v423-kpi-track{
    height:7px;
  }
  .v423-kpi-numbers{
    grid-template-columns:1fr 1fr;
  }
  .v423-kpi-numbers>div:last-child{
    grid-column:1/-1;
    padding-top:7px;
    border-top:1px solid var(--border);
  }
  .v423-kpi-numbers span{
    font-size:9.5px;
  }
  .v423-kpi-numbers strong{
    font-size:12px;
  }
}
@media(max-width:390px){
  .v423-kpi-numbers{
    grid-template-columns:1fr;
  }
  .v423-kpi-numbers>div:last-child{
    grid-column:auto;
  }
}


/* ===== V477 SOURCE 204: v424-kpi-bonus-visible.css ===== */

/* V424 - Hiển thị + Thưởng KPI trực tiếp trên hệ thống */
.v422-employee-main{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
.v422-employee-main>div:nth-child(2){
  flex:1;
  min-width:0;
}
.v424-kpi-bonus-live{
  flex:none;
  min-width:112px;
  padding:7px 9px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--muted);
  text-align:right;
}
.v424-kpi-bonus-live span{
  display:block;
  font-size:9px;
  line-height:1.2;
  font-weight:600;
  color:var(--muted-foreground);
}
.v424-kpi-bonus-live strong{
  display:block;
  margin-top:3px;
  font-size:12.5px!important;
  line-height:1.2;
  font-weight:800!important;
  color:var(--foreground);
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.v424-kpi-bonus-live.no-bonus{
  opacity:.68;
}
.v424-kpi-summary strong{
  font-weight:800!important;
}
@media(max-width:900px){
  .v422-employee-main{
    flex-wrap:wrap;
  }
  .v424-kpi-bonus-live{
    margin-left:auto;
  }
}
@media(max-width:640px){
  .v422-employee-main{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center!important;
  }
  .v424-kpi-bonus-live{
    grid-column:1/-1;
    width:100%;
    margin:6px 0 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:42px;
    padding:8px 10px;
    text-align:left;
  }
  .v424-kpi-bonus-live span{
    font-size:10.5px;
  }
  .v424-kpi-bonus-live strong{
    margin:0;
    font-size:15px!important;
  }
}


/* ===== V477 SOURCE 205: v425-kpi-prorata.css ===== */

/* V425 - KPI bonus prorata */
.v423-kpi-numbers>div:last-child strong,
.v424-kpi-bonus-live strong{
  font-variant-numeric:tabular-nums;
}
.v423-kpi-numbers>div:last-child small{
  white-space:normal;
}


/* ===== V477 SOURCE 206: v426-payroll-formatted-inputs.css ===== */

/* V426 - Định dạng tiền ngay khi nhập: 8.000.000 thay cho 8000000 */
.v415-policy-panel .v426-money-input{
  position:relative;
  width:100%;
}
.v415-policy-panel .v426-money-input input{
  width:100%;
  padding-right:34px!important;
  font-variant-numeric:tabular-nums;
  letter-spacing:.05px;
}
.v415-policy-panel .v426-money-input>b{
  position:absolute;
  top:50%;
  right:12px;
  transform:translateY(-50%);
  pointer-events:none;
  font-size:11px;
  font-weight:600;
  color:var(--muted-foreground);
}
@media(max-width:640px){
  .v415-policy-panel .v426-money-input input{
    min-height:44px;
    font-size:15px!important;
  }
}


/* ===== V477 SOURCE 207: v427-policy-sync.css ===== */

.v427-sync-note{
  display:block;
  margin-top:5px;
  font-size:10px;
  line-height:1.4;
  color:var(--muted-foreground);
}


/* ===== V477 SOURCE 208: v428-payroll-export-choice.css ===== */

.v428-export-box{
  display:flex;
  align-items:center;
  gap:7px;
  flex:none;
}
.v428-export-box select{
  height:40px;
  min-width:180px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--card);
  color:var(--foreground);
  padding:0 9px;
  font-size:11.5px;
}
@media(max-width:720px){
  .v428-export-box{
    width:100%;
    flex-direction:column;
    align-items:stretch;
  }
  .v428-export-box select,
  .v428-export-box .v419-download-closed{
    width:100%;
    min-height:42px;
  }
}


/* ===== V477 SOURCE 209: v430-grouped-menu.css ===== */

/* V430 - MENU GROUPED ONLY
   Chỉ thay giao diện menu. Không thay đổi nội dung trang/API/SQL/nghiệp vụ. */

.v430-sidebar-desktop,
.v430-sidebar-mobile{
  background:var(--sidebar)!important;
}

.v430-menu-brand{
  min-height:68px;
  padding:14px 14px 13px!important;
  gap:10px!important;
  border-bottom:1px solid var(--sidebar-border)!important;
}
.v430-menu-brand>div:first-child{
  width:36px!important;
  height:36px!important;
  border-radius:9px!important;
  box-shadow:none!important;
}
.v430-menu-brand>div:last-child>div:first-child{
  font-size:17px!important;
  letter-spacing:.02em!important;
}
.v430-menu-brand>div:last-child>div:last-child{
  margin-top:2px;
  font-size:8.5px!important;
  letter-spacing:.12em!important;
}

.v430-menu-nav{
  padding:8px 9px 14px!important;
  scrollbar-width:thin;
  scrollbar-color:color-mix(in srgb,var(--sidebar-foreground) 16%,transparent) transparent;
}
.v430-menu-nav::-webkit-scrollbar{width:5px}
.v430-menu-nav::-webkit-scrollbar-thumb{
  background:color-mix(in srgb,var(--sidebar-foreground) 16%,transparent);
  border-radius:999px;
}

.v430-menu-group{
  margin-top:11px;
}
.v430-menu-group:first-child{
  margin-top:2px;
}
.v430-menu-group-title{
  padding:0 10px 6px;
  font-size:9px;
  line-height:1.25;
  font-weight:750;
  letter-spacing:.085em;
  text-transform:uppercase;
  color:color-mix(in srgb,var(--sidebar-foreground) 42%,transparent);
}
.v430-menu-group-items{
  display:flex;
  flex-direction:column;
  gap:2px;
}

.v430-menu-item{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
  min-height:39px;
  padding:8px 10px;
  border-radius:9px;
  color:color-mix(in srgb,var(--sidebar-foreground) 72%,transparent);
  font-size:12.5px;
  line-height:1.25;
  font-weight:560;
  text-decoration:none;
  transition:background-color .14s ease,color .14s ease;
}
.v430-menu-item:hover{
  background:color-mix(in srgb,var(--sidebar-foreground) 6%,transparent);
  color:var(--sidebar-foreground);
}
.v430-menu-icon{
  width:18px!important;
  height:18px!important;
  flex:none;
  padding:2px;
  border:1px solid color-mix(in srgb,var(--sidebar-foreground) 13%,transparent);
  border-radius:5px;
  color:color-mix(in srgb,var(--sidebar-foreground) 62%,transparent);
}

.v430-menu-active{
  background:color-mix(in srgb,var(--sidebar-foreground) 8%,transparent)!important;
  color:var(--sidebar-foreground)!important;
  font-weight:700;
}
.v430-menu-active:before{
  content:"";
  position:absolute;
  left:0;
  top:9px;
  bottom:9px;
  width:3px;
  border-radius:999px;
  background:var(--amber-brand);
}
.v430-menu-active .v430-menu-icon{
  color:var(--sidebar-foreground)!important;
  border-color:color-mix(in srgb,var(--amber-brand) 55%,var(--sidebar-border))!important;
  background:color-mix(in srgb,var(--amber-brand) 9%,transparent);
}

/* Tách nhóm bằng khoảng trắng, không dùng nhiều màu */
.v430-menu-group + .v430-menu-group{
  padding-top:8px;
  border-top:1px solid color-mix(in srgb,var(--sidebar-border) 72%,transparent);
}

@media(min-width:1024px){
  .v430-sidebar-desktop{
    width:14.5rem!important;
  }
}

/* Mobile drawer */
@media(max-width:1023px){
  .v430-sidebar-mobile{
    width:min(84vw,300px)!important;
    box-shadow:12px 0 28px rgba(0,0,0,.14);
  }
  .v430-sidebar-mobile .v430-menu-brand{
    min-height:64px;
    padding:12px!important;
  }
  .v430-sidebar-mobile .v430-menu-nav{
    padding:8px!important;
  }
  .v430-sidebar-mobile .v430-menu-group{
    margin-top:10px;
  }
  .v430-sidebar-mobile .v430-menu-group-title{
    padding:0 8px 5px;
    font-size:9.5px;
  }
  .v430-sidebar-mobile .v430-menu-item{
    min-height:44px;
    padding:10px 10px;
    font-size:13px;
    border-radius:9px;
  }
  .v430-sidebar-mobile .v430-menu-icon{
    width:19px!important;
    height:19px!important;
  }
}

@media(max-width:390px){
  .v430-sidebar-mobile{
    width:min(89vw,286px)!important;
  }
  .v430-sidebar-mobile .v430-menu-item{
    font-size:12.5px;
  }
}


/* ===== V477 SOURCE 210: v431-tax-center.css ===== */

/* V431 - Trung tam Ke toan thue chuyen sau */
.v409-tax-page .v409-kpis{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.v409-kpi.v431-kpi.total{
  grid-column:span 2;
}
.v431-alert-list{
  display:flex;
  flex-direction:column;
  gap:7px;
  margin-top:10px;
}
.v431-alert{
  border:1px solid var(--border);
  border-radius:8px;
  padding:9px 10px;
}
.v431-tax-ok{
  margin-top:10px;
  padding:12px;
  border:1px solid var(--border);
  border-radius:8px;
  color:var(--muted-foreground);
  font-size:11px;
}
.v431-snapshot-note{
  margin-top:9px;
  padding:8px 9px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--muted);
  font-size:10.5px;
  color:var(--foreground);
}
.v431-pit-summary,
.v431-control-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  margin:12px 0;
  border:1px solid var(--border);
  border-radius:9px;
  overflow:hidden;
  background:var(--border);
}
.v431-pit-summary>div,
.v431-control-summary>div{
  padding:12px;
  background:var(--card);
  min-width:0;
}
.v431-pit-summary span,
.v431-control-summary span{
  display:block;
  font-size:10px;
  color:var(--muted-foreground);
}
.v431-pit-summary strong,
.v431-control-summary strong{
  display:block;
  margin-top:5px;
  font-size:14px;
  line-height:1.2;
  font-variant-numeric:tabular-nums;
  color:var(--foreground);
}
.v431-control-table td:nth-child(n+3){
  font-variant-numeric:tabular-nums;
}
@media(max-width:1100px){
  .v409-tax-page .v409-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .v409-kpi.v431-kpi.total{
    grid-column:span 1;
  }
}
@media(max-width:720px){
  .v409-tabs{
    overflow-x:auto;
    flex-wrap:nowrap!important;
    padding-bottom:4px;
    scrollbar-width:thin;
  }
  .v409-tabs button{
    flex:none;
    min-height:40px;
    white-space:nowrap;
  }
  .v409-tax-page .v409-kpis{
    grid-template-columns:1fr 1fr;
  }
  .v431-pit-summary,
  .v431-control-summary{
    grid-template-columns:1fr;
  }
  .v431-pit-summary>div,
  .v431-control-summary>div{
    padding:10px;
  }
  .v431-control-table{
    min-width:780px;
  }
}
@media(max-width:420px){
  .v409-tax-page .v409-kpis{
    grid-template-columns:1fr;
  }
}


/* ===== V477 SOURCE 211: v432-tax-advanced.css ===== */

/* V432 - Ke toan thue chuyen sau + phan trang doi chieu doanh thu */
.v432-pagination{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:12px;
  padding:10px 12px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--muted);
}
.v432-page-size,
.v432-page-controls{
  display:flex;
  align-items:center;
  gap:6px;
}
.v432-page-size span,
.v432-page-controls span{
  font-size:10.5px;
  color:var(--muted-foreground);
}
.v432-page-size select{
  height:34px;
  border:1px solid var(--border);
  border-radius:7px;
  background:var(--card);
  color:var(--foreground);
  padding:0 8px;
  font-size:11px;
}
.v432-page-controls button{
  min-width:34px;
  height:34px;
  border:1px solid var(--border);
  border-radius:7px;
  background:var(--card);
  color:var(--foreground);
  font-size:13px;
  font-weight:650;
}
.v432-page-controls button:disabled{
  opacity:.35;
  cursor:not-allowed;
}
.v432-profit-bridge{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:8px;
  margin:12px 0;
  padding:12px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--muted);
}
.v432-profit-bridge>div{
  min-width:0;
}
.v432-profit-bridge span{
  display:block;
  font-size:10px;
  color:var(--muted-foreground);
}
.v432-profit-bridge strong{
  display:block;
  margin-top:4px;
  font-size:13px;
  font-variant-numeric:tabular-nums;
}
.v432-profit-bridge>b{
  color:var(--muted-foreground);
}
@media(max-width:720px){
  .v432-pagination{
    flex-direction:column;
    align-items:stretch;
  }
  .v432-page-size,
  .v432-page-controls{
    justify-content:center;
  }
  .v432-page-controls{
    flex-wrap:wrap;
  }
  .v432-profit-bridge{
    grid-template-columns:1fr;
  }
  .v432-profit-bridge>b{
    display:none;
  }
}


/* ===== V477 SOURCE 212: v433-revenue-reconcile.css ===== */

/* V433 - Lam ro tien da thu / con phai thu trong Doi chieu doanh thu */
.v433-summary-sub{
  display:block;
  margin-top:4px;
  font-size:9.5px;
  line-height:1.35;
  font-weight:500;
  color:var(--muted-foreground);
}
.v433-collected-cell strong{
  display:block;
  font-size:inherit;
  font-weight:700;
  font-variant-numeric:tabular-nums;
}
.v433-collected-cell small{
  display:block;
  margin-top:3px;
  font-size:9px;
  line-height:1.2;
  color:var(--muted-foreground);
  white-space:nowrap;
}
@media(max-width:720px){
  .v433-summary-sub{font-size:9px}
  .v433-collected-cell small{white-space:normal}
}


/* ===== V477 SOURCE 213: v434-tax-mobile-professional.css ===== */

/* V434 - Mobile professional for all Tax Accounting tables only */
@media(max-width:720px){
  .v409-tax-page{
    min-width:0;
    overflow-x:hidden;
  }

  .v409-tax-page .ledger-cell{
    min-width:0;
  }

  .v409-tax-page .v409-table-wrap{
    overflow:visible!important;
    width:100%;
  }

  .v409-tax-page .v434-tax-table{
    width:100%!important;
    min-width:0!important;
    display:block;
    border-collapse:separate;
  }

  .v409-tax-page .v434-tax-table thead{
    display:none;
  }

  .v409-tax-page .v434-tax-table tbody{
    display:flex;
    flex-direction:column;
    gap:10px;
    width:100%;
  }

  .v409-tax-page .v434-tax-table tbody tr{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0;
    width:100%;
    border:1px solid var(--border);
    border-radius:10px;
    overflow:hidden;
    background:var(--card);
  }

  .v409-tax-page .v434-tax-table tbody td{
    display:block;
    min-width:0;
    min-height:58px;
    padding:9px 10px!important;
    border:0!important;
    border-bottom:1px solid var(--border)!important;
    font-size:11.5px;
    line-height:1.35;
    word-break:break-word;
    background:var(--card);
  }

  .v409-tax-page .v434-tax-table tbody td:nth-child(odd){
    border-right:1px solid var(--border)!important;
  }

  .v409-tax-page .v434-tax-table tbody td::before{
    display:block;
    margin-bottom:4px;
    font-size:9.5px;
    line-height:1.2;
    font-weight:600;
    color:var(--muted-foreground);
  }

  .v409-tax-page .v434-tax-table tbody td:nth-last-child(-n+2){
    border-bottom:0!important;
  }

  .v409-tax-page .v434-tax-table tbody td strong,
  .v409-tax-page .v434-tax-table tbody td{
    font-variant-numeric:tabular-nums;
  }

  /* Sales */
  .v434-sales-table td:nth-child(1)::before{content:"Đơn hàng"}
  .v434-sales-table td:nth-child(2)::before{content:"Khách hàng"}
  .v434-sales-table td:nth-child(3)::before{content:"Trước VAT"}
  .v434-sales-table td:nth-child(4)::before{content:"VAT"}
  .v434-sales-table td:nth-child(5)::before{content:"Tổng tiền"}
  .v434-sales-table td:nth-child(1),
  .v434-sales-table td:nth-child(2){grid-column:auto}
  .v434-sales-table td:nth-child(5){grid-column:1/-1;border-right:0!important;border-bottom:0!important}

  /* Purchase invoices */
  .v434-purchases-table td:nth-child(1)::before{content:"Ngày hóa đơn"}
  .v434-purchases-table td:nth-child(2)::before{content:"Nhà cung cấp"}
  .v434-purchases-table td:nth-child(3)::before{content:"Số hóa đơn"}
  .v434-purchases-table td:nth-child(4)::before{content:"Trước VAT"}
  .v434-purchases-table td:nth-child(5)::before{content:"VAT"}
  .v434-purchases-table td:nth-child(6)::before{content:"Tổng thanh toán"}

  /* PIT */
  .v434-pit-table td:nth-child(1)::before{content:"Nhân viên"}
  .v434-pit-table td:nth-child(2)::before{content:"Lương cơ bản"}
  .v434-pit-table td:nth-child(3)::before{content:"Thưởng KPI"}
  .v434-pit-table td:nth-child(4)::before{content:"Thuế TNCN"}
  .v434-pit-table td:nth-child(5)::before{content:"Tạm ứng"}
  .v434-pit-table td:nth-child(1){grid-column:1/-1;border-right:0!important}
  .v434-pit-table td:nth-child(5){grid-column:1/-1;border-right:0!important;border-bottom:0!important}

  /* Revenue reconciliation */
  .v434-control-table td:nth-child(1)::before{content:"Đơn hàng"}
  .v434-control-table td:nth-child(2)::before{content:"Khách hàng"}
  .v434-control-table td:nth-child(3)::before{content:"Tổng đơn"}
  .v434-control-table td:nth-child(4)::before{content:"Tiền đã thu"}
  .v434-control-table td:nth-child(5)::before{content:"Còn phải thu"}
  .v434-control-table td:nth-child(6)::before{content:"VAT"}
  .v434-control-table td:nth-child(7)::before{content:"Hóa đơn"}
  .v434-control-table td:nth-child(1),
  .v434-control-table td:nth-child(2){background:var(--muted)}
  .v434-control-table td:nth-child(7){
    grid-column:1/-1;
    border-right:0!important;
    border-bottom:0!important;
  }
  .v434-control-table .v433-collected-cell small{
    margin-top:4px;
    font-size:9.5px;
  }

  /* Tax costs */
  .v434-costs-table td:nth-child(1)::before{content:"Ngày"}
  .v434-costs-table td:nth-child(2)::before{content:"Nội dung"}
  .v434-costs-table td:nth-child(3)::before{content:"Số tiền"}
  .v434-costs-table td:nth-child(4)::before{content:"Phân loại"}
  .v434-costs-table td:nth-child(5)::before{content:"Ghi chú"}
  .v434-costs-table td:nth-child(2),
  .v434-costs-table td:nth-child(5){
    grid-column:1/-1;
    border-right:0!important;
  }
  .v434-costs-table td:nth-child(5){border-bottom:0!important}

  /* Supplier reconciliation */
  .v434-supplier-table td:nth-child(1)::before{content:"Nhà cung cấp"}
  .v434-supplier-table td:nth-child(2)::before{content:"Số hóa đơn"}
  .v434-supplier-table td:nth-child(3)::before{content:"Trước VAT"}
  .v434-supplier-table td:nth-child(4)::before{content:"VAT"}
  .v434-supplier-table td:nth-child(5)::before{content:"Tổng"}
  .v434-supplier-table td:nth-child(6)::before{content:"MST"}
  .v434-supplier-table td:nth-child(1){
    grid-column:1/-1;
    border-right:0!important;
    background:var(--muted);
  }

  /* Numeric cells */
  .v434-sales-table td:nth-child(n+3),
  .v434-purchases-table td:nth-child(n+4),
  .v434-pit-table td:nth-child(n+2),
  .v434-control-table td:nth-child(n+3):not(:nth-child(7)),
  .v434-costs-table td:nth-child(3),
  .v434-supplier-table td:nth-child(n+3):not(:nth-child(6)){
    text-align:right;
    font-weight:650;
  }

  /* Pagination stays compact */
  .v432-pagination{
    margin-top:10px!important;
    padding:9px!important;
    gap:8px!important;
  }
  .v432-page-size{
    justify-content:space-between!important;
    width:100%;
  }
  .v432-page-controls{
    width:100%;
    display:grid!important;
    grid-template-columns:38px 38px minmax(0,1fr) 38px 38px;
    gap:5px!important;
  }
  .v432-page-controls span{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    text-align:center;
  }
  .v432-page-controls button{
    min-width:0!important;
    width:100%;
    height:38px!important;
  }

  /* Tax tabs mobile */
  .v409-tabs{
    margin-left:-2px;
    margin-right:-2px;
    padding:2px 2px 6px!important;
    gap:6px!important;
  }
  .v409-tabs button{
    min-height:40px!important;
    padding:0 11px!important;
    border-radius:8px!important;
    font-size:11px!important;
  }

  /* Summary blocks */
  .v431-control-summary,
  .v431-pit-summary{
    gap:8px!important;
    border:0!important;
    background:transparent!important;
  }
  .v431-control-summary>div,
  .v431-pit-summary>div{
    border:1px solid var(--border);
    border-radius:9px;
  }
}

@media(max-width:390px){
  .v409-tax-page .v434-tax-table tbody tr{
    grid-template-columns:1fr;
  }
  .v409-tax-page .v434-tax-table tbody td{
    grid-column:1/-1!important;
    border-right:0!important;
    border-bottom:1px solid var(--border)!important;
    min-height:54px;
  }
  .v409-tax-page .v434-tax-table tbody td:last-child{
    border-bottom:0!important;
  }
}


/* ===== V477 SOURCE 214: v435-completed-paid.css ===== */

/* V435 - Đơn Hoàn thành được xem là đã thu đủ trong Đối chiếu doanh thu */
.v434-control-table .v433-collected-cell small{
  font-weight:600;
}


/* ===== V477 SOURCE 215: v436-tax-mobile-nav.css ===== */

/* V436 - Mobile navigation & pagination professional for Kế toán thuế */
@media(max-width:720px){

  /* ===== TAX TAB LIST ===== */
  .v409-tax-page .v436-tax-tabs{
    position:sticky;
    top:0;
    z-index:20;
    display:flex!important;
    gap:6px!important;
    width:100%;
    margin:0 0 12px!important;
    padding:7px 2px 8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    background:var(--background);
    border-bottom:1px solid var(--border);
  }
  .v409-tax-page .v436-tax-tabs::-webkit-scrollbar{display:none}

  .v409-tax-page .v436-tax-tabs button{
    flex:0 0 auto!important;
    scroll-snap-align:start;
    min-height:38px!important;
    height:38px!important;
    padding:0 12px!important;
    margin:0!important;
    border:1px solid var(--border)!important;
    border-radius:999px!important;
    background:var(--card)!important;
    color:var(--muted-foreground)!important;
    font-size:10.5px!important;
    line-height:1!important;
    font-weight:600!important;
    white-space:nowrap!important;
    box-shadow:none!important;
  }

  .v409-tax-page .v436-tax-tabs button.active{
    background:var(--foreground)!important;
    color:var(--background)!important;
    border-color:var(--foreground)!important;
    font-weight:700!important;
  }

  /* subtle edge fade so user knows list can scroll */
  .v409-tax-page .v436-tax-tabs{
    -webkit-mask-image:linear-gradient(to right,transparent 0,#000 10px,#000 calc(100% - 18px),transparent 100%);
            mask-image:linear-gradient(to right,transparent 0,#000 10px,#000 calc(100% - 18px),transparent 100%);
  }

  /* ===== MOBILE SECTION HEAD ===== */
  .v409-tax-page .v409-section-head{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin-bottom:10px!important;
  }
  .v409-tax-page .v409-section-head h3{
    margin:0!important;
    font-size:14px!important;
    line-height:1.35!important;
  }
  .v409-tax-page .v409-section-head .v409-note{
    margin-top:4px!important;
    font-size:10px!important;
    line-height:1.45!important;
  }

  /* ===== PAGINATION ===== */
  .v409-tax-page .v436-pagination{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    width:100%;
    margin-top:12px!important;
    padding:10px!important;
    border:1px solid var(--border)!important;
    border-radius:10px!important;
    background:var(--card)!important;
  }

  .v409-tax-page .v436-page-size{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    width:100%;
    padding-bottom:8px;
    border-bottom:1px solid var(--border);
  }

  .v409-tax-page .v436-page-size span{
    font-size:10.5px!important;
    color:var(--muted-foreground)!important;
  }

  .v409-tax-page .v436-page-size select{
    flex:none;
    min-width:72px;
    height:36px!important;
    border:1px solid var(--border)!important;
    border-radius:8px!important;
    background:var(--muted)!important;
    color:var(--foreground)!important;
    padding:0 26px 0 9px!important;
    font-size:11px!important;
    font-weight:650!important;
  }

  .v409-tax-page .v436-page-controls{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) 42px!important;
    gap:7px!important;
    width:100%;
  }

  /* hide first/last buttons on mobile, keep prev / page / next */
  .v409-tax-page .v436-page-controls button:first-child,
  .v409-tax-page .v436-page-controls button:last-child{
    display:none!important;
  }

  .v409-tax-page .v436-page-controls button{
    width:42px!important;
    min-width:42px!important;
    height:40px!important;
    border:1px solid var(--border)!important;
    border-radius:8px!important;
    background:var(--muted)!important;
    color:var(--foreground)!important;
    font-size:16px!important;
    font-weight:700!important;
    box-shadow:none!important;
  }

  .v409-tax-page .v436-page-controls button:disabled{
    opacity:.32!important;
  }

  .v409-tax-page .v436-page-controls span{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0;
    min-height:40px;
    padding:0 10px;
    border:1px solid var(--border);
    border-radius:8px;
    background:var(--card);
    color:var(--foreground)!important;
    font-size:11px!important;
    font-weight:650!important;
    text-align:center;
  }

  /* ===== TAX OVERVIEW CARDS ===== */
  .v409-tax-page .v409-kpis{
    gap:8px!important;
  }
  .v409-tax-page .v409-kpi{
    border:1px solid var(--border)!important;
    border-radius:10px!important;
    padding:11px!important;
    background:var(--card)!important;
  }
  .v409-tax-page .v409-kpi span{
    font-size:9.5px!important;
  }
  .v409-tax-page .v409-kpi strong{
    margin-top:5px!important;
    font-size:14px!important;
    line-height:1.2!important;
    font-variant-numeric:tabular-nums;
  }
  .v409-tax-page .v409-kpi small{
    margin-top:4px!important;
    font-size:9px!important;
    line-height:1.35!important;
  }
}

/* compact on very small phones */
@media(max-width:390px){
  .v409-tax-page .v436-tax-tabs button{
    min-height:36px!important;
    height:36px!important;
    padding:0 10px!important;
    font-size:10px!important;
  }

  .v409-tax-page .v436-pagination{
    padding:9px!important;
  }

  .v409-tax-page .v436-page-controls{
    grid-template-columns:40px minmax(0,1fr) 40px!important;
  }

  .v409-tax-page .v436-page-controls button{
    width:40px!important;
    min-width:40px!important;
  }
}


/* ===== V477 SOURCE 216: v437-tax-operations.css ===== */

/* V437 - Tax operations: filter, export, documents, audit */
.v437-control-tools{
  display:grid;
  grid-template-columns:minmax(220px,1fr) 180px auto auto;
  gap:8px;
  margin:10px 0 12px;
}
.v437-control-tools input,
.v437-control-tools select{
  height:38px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--card);
  color:var(--foreground);
  padding:0 10px;
  font-size:11px;
}
.v437-export-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 11px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--card);
  color:var(--foreground)!important;
  text-decoration:none!important;
  font-size:11px;
  font-weight:650;
  white-space:nowrap;
}
.v437-doc-cell{
  min-width:110px;
}
.v437-doc-cell>a{
  display:inline-block;
  margin-right:6px;
  font-size:10px;
  font-weight:650;
  text-decoration:underline;
}
.v437-upload-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:0 8px;
  border:1px solid var(--border);
  border-radius:7px;
  background:var(--muted);
  font-size:10px;
  font-weight:600;
  cursor:pointer;
}
.v437-upload-label input{
  display:none;
}
.v437-audit-list{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:10px;
}
.v437-audit-list article{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:10px 12px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--card);
}
.v437-audit-list strong{
  display:block;
  font-size:11.5px;
}
.v437-audit-list span{
  display:block;
  margin-top:3px;
  font-size:10.5px;
  line-height:1.4;
  color:var(--muted-foreground);
}
.v437-audit-list small{
  flex:none;
  font-size:9.5px;
  color:var(--muted-foreground);
}

/* mobile labels for document column added to purchase table */
@media(max-width:720px){
  .v437-control-tools{
    grid-template-columns:1fr 1fr;
    gap:7px;
  }
  .v437-control-tools input{
    grid-column:1/-1;
    min-height:42px;
    font-size:12px;
  }
  .v437-control-tools select,
  .v437-export-btn{
    min-height:40px;
    width:100%;
  }
  .v434-purchases-table td:nth-child(7)::before{content:"Chứng từ"}
  .v434-purchases-table td:nth-child(7){
    grid-column:1/-1;
    border-right:0!important;
    border-bottom:0!important;
    text-align:left!important;
  }
  .v437-doc-cell{
    display:flex!important;
    align-items:center;
    gap:7px;
    min-width:0;
  }
  .v437-upload-label{
    min-height:34px;
  }
  .v437-audit-list article{
    flex-direction:column;
    gap:7px;
    padding:10px;
  }
  .v437-audit-list small{
    width:100%;
  }
}
@media(max-width:390px){
  .v437-control-tools{
    grid-template-columns:1fr;
  }
  .v437-control-tools input,
  .v437-control-tools select,
  .v437-export-btn{
    grid-column:1/-1;
  }
}


/* ===== V477 SOURCE 217: v437b-global-employee-avatar.css ===== */

/* V437B - Global employee avatar
   Quy tắc: nơi có tên nhân viên/Sale/người phụ trách -> avatar kế bên.
*/
.v437b-avatar-name{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  max-width:100%;
  vertical-align:middle;
}
.v437b-inline-avatar{
  width:28px;
  height:28px;
  flex:0 0 28px;
  border-radius:50%;
  object-fit:cover;
  border:1px solid rgba(148,163,184,.35);
  background:linear-gradient(135deg,#f1f5f9,#e2e8f0);
  box-shadow:0 1px 3px rgba(15,23,42,.06);
}
.v437b-inline-avatar-fallback{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  color:#526071;
  font-size:10px;
  font-weight:800;
  line-height:1;
  text-transform:uppercase;
}
td.v437b-avatar-name,
th.v437b-avatar-name,
.v413-employee.v437b-avatar-name,
.v422-employee-main.v437b-avatar-name{
  width:auto;
}
.v413-employee.v437b-avatar-name .v437b-inline-avatar,
.v422-employee-main.v437b-avatar-name .v437b-inline-avatar{
  width:36px;
  height:36px;
  flex-basis:36px;
}
.v359-user-profile-link .v437b-inline-avatar,
.v359-top-profile-button .v437b-inline-avatar{
  width:24px;
  height:24px;
  flex-basis:24px;
}
@media(max-width:720px){
  .v437b-avatar-name{gap:6px!important}
  .v437b-inline-avatar{
    width:26px;
    height:26px;
    flex-basis:26px;
  }
  .v413-employee.v437b-avatar-name .v437b-inline-avatar,
  .v422-employee-main.v437b-avatar-name .v437b-inline-avatar{
    width:34px;
    height:34px;
    flex-basis:34px;
  }
}


/* =========================================================
   V437C - AVATAR SIZE BY CONTEXT
   Tự cân kích thước theo mật độ từng khu vực
   ========================================================= */

/* Mặc định: danh sách thông thường */
.v437b-inline-avatar{
  width:28px;
  height:28px;
  flex-basis:28px;
}

/* Bảng dày dữ liệu: nhỏ hơn để không làm tăng chiều cao dòng */
table .v437b-avatar-name .v437b-inline-avatar,
.v409-table .v437b-avatar-name .v437b-inline-avatar,
.v441-table .v437b-avatar-name .v437b-inline-avatar,
.v367-top5-table .v437b-avatar-name .v437b-inline-avatar,
.v212-kpi-desktop .v437b-avatar-name .v437b-inline-avatar,
.v409-tax-page .v437b-avatar-name .v437b-inline-avatar{
  width:24px;
  height:24px;
  flex-basis:24px;
  font-size:9px;
}

/* Danh sách đơn hàng / công nợ / khách hàng: cỡ vừa */
.v293-desktop-lists .v437b-avatar-name .v437b-inline-avatar,
.v345-alert-page .v437b-avatar-name .v437b-inline-avatar,
.v348-debt-page .v437b-avatar-name .v437b-inline-avatar,
.v399-debt-list .v437b-avatar-name .v437b-inline-avatar{
  width:28px;
  height:28px;
  flex-basis:28px;
}

/* KPI nhân viên: nhỉnh hơn để nhận diện người */
.v177-kpi-mobile .v437b-avatar-name .v437b-inline-avatar,
.v212-kpi-mobile .v437b-avatar-name .v437b-inline-avatar,
.v220-global-kpi-summary .v437b-avatar-name .v437b-inline-avatar,
.v437a-kpi-employee .v437b-inline-avatar{
  width:32px;
  height:32px;
  flex-basis:32px;
  font-size:11px;
}

/* Bảng lương / chính sách nhân sự: lớn hơn */
.v413-payroll .v437b-avatar-name .v437b-inline-avatar,
.v422-employee-card .v437b-avatar-name .v437b-inline-avatar,
.v415-policy-panel .v437b-avatar-name .v437b-inline-avatar{
  width:40px;
  height:40px;
  flex-basis:40px;
  font-size:13px;
}

/* Hồ sơ tài khoản / header: vừa phải */
.v359-user-profile-link .v437b-inline-avatar{
  width:30px;
  height:30px;
  flex-basis:30px;
}
.v359-top-profile-button .v437b-inline-avatar{
  width:26px;
  height:26px;
  flex-basis:26px;
}

/* Card nhân viên / top performer */
article .v437b-avatar-name .v437b-inline-avatar,
.v422-employee-card .v437b-inline-avatar{
  border-width:1px;
}

/* Giữ tên không bị đẩy vỡ dòng */
.v437b-avatar-name{
  min-width:0;
}
.v437b-avatar-name > :not(.v437b-inline-avatar){
  min-width:0;
}

/* Mobile: giảm cỡ tương ứng từng khu vực */
@media(max-width:720px){
  .v437b-inline-avatar{
    width:26px;
    height:26px;
    flex-basis:26px;
    font-size:9px;
  }

  table .v437b-avatar-name .v437b-inline-avatar,
  .v409-table .v437b-avatar-name .v437b-inline-avatar,
  .v293-desktop-lists .v437b-avatar-name .v437b-inline-avatar{
    width:22px;
    height:22px;
    flex-basis:22px;
    font-size:8px;
  }

  .v177-kpi-mobile .v437b-avatar-name .v437b-inline-avatar,
  .v212-kpi-mobile .v437b-avatar-name .v437b-inline-avatar{
    width:30px;
    height:30px;
    flex-basis:30px;
    font-size:10px;
  }

  .v413-payroll .v437b-avatar-name .v437b-inline-avatar,
  .v422-employee-card .v437b-avatar-name .v437b-inline-avatar,
  .v415-policy-panel .v437b-avatar-name .v437b-inline-avatar{
    width:36px;
    height:36px;
    flex-basis:36px;
    font-size:12px;
  }

  .v359-top-profile-button .v437b-inline-avatar{
    width:24px;
    height:24px;
    flex-basis:24px;
  }
}

/* Màn hình rất nhỏ */
@media(max-width:390px){
  .v437b-inline-avatar{
    width:24px;
    height:24px;
    flex-basis:24px;
  }

  table .v437b-avatar-name .v437b-inline-avatar,
  .v409-table .v437b-avatar-name .v437b-inline-avatar{
    width:20px;
    height:20px;
    flex-basis:20px;
  }

  .v413-payroll .v437b-avatar-name .v437b-inline-avatar,
  .v422-employee-card .v437b-avatar-name .v437b-inline-avatar{
    width:34px;
    height:34px;
    flex-basis:34px;
  }
}


/* ===== V477 SOURCE 218: v437c-avatar-sizing.css ===== */


/* =========================================================
   V437C - AVATAR SIZE BY CONTEXT
   Tự cân kích thước theo mật độ từng khu vực
   ========================================================= */

/* Mặc định: danh sách thông thường */
.v437b-inline-avatar{
  width:28px;
  height:28px;
  flex-basis:28px;
}

/* Bảng dày dữ liệu: nhỏ hơn để không làm tăng chiều cao dòng */
table .v437b-avatar-name .v437b-inline-avatar,
.v409-table .v437b-avatar-name .v437b-inline-avatar,
.v441-table .v437b-avatar-name .v437b-inline-avatar,
.v367-top5-table .v437b-avatar-name .v437b-inline-avatar,
.v212-kpi-desktop .v437b-avatar-name .v437b-inline-avatar,
.v409-tax-page .v437b-avatar-name .v437b-inline-avatar{
  width:24px;
  height:24px;
  flex-basis:24px;
  font-size:9px;
}

/* Danh sách đơn hàng / công nợ / khách hàng: cỡ vừa */
.v293-desktop-lists .v437b-avatar-name .v437b-inline-avatar,
.v345-alert-page .v437b-avatar-name .v437b-inline-avatar,
.v348-debt-page .v437b-avatar-name .v437b-inline-avatar,
.v399-debt-list .v437b-avatar-name .v437b-inline-avatar{
  width:28px;
  height:28px;
  flex-basis:28px;
}

/* KPI nhân viên: nhỉnh hơn để nhận diện người */
.v177-kpi-mobile .v437b-avatar-name .v437b-inline-avatar,
.v212-kpi-mobile .v437b-avatar-name .v437b-inline-avatar,
.v220-global-kpi-summary .v437b-avatar-name .v437b-inline-avatar,
.v437a-kpi-employee .v437b-inline-avatar{
  width:32px;
  height:32px;
  flex-basis:32px;
  font-size:11px;
}

/* Bảng lương / chính sách nhân sự: lớn hơn */
.v413-payroll .v437b-avatar-name .v437b-inline-avatar,
.v422-employee-card .v437b-avatar-name .v437b-inline-avatar,
.v415-policy-panel .v437b-avatar-name .v437b-inline-avatar{
  width:40px;
  height:40px;
  flex-basis:40px;
  font-size:13px;
}

/* Hồ sơ tài khoản / header: vừa phải */
.v359-user-profile-link .v437b-inline-avatar{
  width:30px;
  height:30px;
  flex-basis:30px;
}
.v359-top-profile-button .v437b-inline-avatar{
  width:26px;
  height:26px;
  flex-basis:26px;
}

/* Card nhân viên / top performer */
article .v437b-avatar-name .v437b-inline-avatar,
.v422-employee-card .v437b-inline-avatar{
  border-width:1px;
}

/* Giữ tên không bị đẩy vỡ dòng */
.v437b-avatar-name{
  min-width:0;
}
.v437b-avatar-name > :not(.v437b-inline-avatar){
  min-width:0;
}

/* Mobile: giảm cỡ tương ứng từng khu vực */
@media(max-width:720px){
  .v437b-inline-avatar{
    width:26px;
    height:26px;
    flex-basis:26px;
    font-size:9px;
  }

  table .v437b-avatar-name .v437b-inline-avatar,
  .v409-table .v437b-avatar-name .v437b-inline-avatar,
  .v293-desktop-lists .v437b-avatar-name .v437b-inline-avatar{
    width:22px;
    height:22px;
    flex-basis:22px;
    font-size:8px;
  }

  .v177-kpi-mobile .v437b-avatar-name .v437b-inline-avatar,
  .v212-kpi-mobile .v437b-avatar-name .v437b-inline-avatar{
    width:30px;
    height:30px;
    flex-basis:30px;
    font-size:10px;
  }

  .v413-payroll .v437b-avatar-name .v437b-inline-avatar,
  .v422-employee-card .v437b-avatar-name .v437b-inline-avatar,
  .v415-policy-panel .v437b-avatar-name .v437b-inline-avatar{
    width:36px;
    height:36px;
    flex-basis:36px;
    font-size:12px;
  }

  .v359-top-profile-button .v437b-inline-avatar{
    width:24px;
    height:24px;
    flex-basis:24px;
  }
}

/* Màn hình rất nhỏ */
@media(max-width:390px){
  .v437b-inline-avatar{
    width:24px;
    height:24px;
    flex-basis:24px;
  }

  table .v437b-avatar-name .v437b-inline-avatar,
  .v409-table .v437b-avatar-name .v437b-inline-avatar{
    width:20px;
    height:20px;
    flex-basis:20px;
  }

  .v413-payroll .v437b-avatar-name .v437b-inline-avatar,
  .v422-employee-card .v437b-avatar-name .v437b-inline-avatar{
    width:34px;
    height:34px;
    flex-basis:34px;
  }
}


/* ===== V477 SOURCE 219: v437e-kpi-revenue-advanced.css ===== */

/* V437E - KPI doanh thu nâng cấp */
.v437e-kpi-page{display:flex;flex-direction:column;gap:12px}
.v437e-kpi-toolbar{display:grid;grid-template-columns:170px 220px 190px auto auto;gap:9px;align-items:end;padding:14px}
.v437e-kpi-toolbar label>span{display:block;margin-bottom:5px;font-size:9.5px;color:var(--muted-foreground)}
.v437e-kpi-toolbar input,.v437e-kpi-toolbar select,.v437e-kpi-toolbar button{width:100%;height:38px;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--foreground);padding:0 10px;font-size:10.5px}
.v437e-kpi-toolbar button{font-weight:700;cursor:pointer}
.v437e-kpi-toolbar button.primary{background:var(--foreground);color:var(--background)}
.v437e-kpi-toolbar button.warning{background:#fff7ed;color:#b45309;border-color:#fed7aa}
.v437e-locked-note{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #dbeafe;border-radius:9px;background:#eff6ff;color:#1e3a8a}
.v437e-locked-note strong{font-size:11px}.v437e-locked-note span{font-size:9.5px}
.v437e-loading,.v437e-empty{padding:20px;text-align:center;color:var(--muted-foreground);font-size:10.5px}
.v437e-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.v437e-summary-grid article{padding:14px;border:1px solid var(--border);border-radius:11px;background:var(--card)}
.v437e-summary-grid span{display:block;font-size:9px;color:var(--muted-foreground);font-weight:700}
.v437e-summary-grid strong{display:block;margin-top:7px;font-size:18px;line-height:1.2;font-weight:800;font-variant-numeric:tabular-nums}
.v437e-summary-grid small{display:block;margin-top:6px;font-size:8.8px;color:var(--muted-foreground)}
.v437e-warnings{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.v437e-warnings>div{padding:11px 12px;border-radius:9px;border:1px solid var(--border)}
.v437e-warnings .near{background:#fffbeb;border-color:#fde68a}.v437e-warnings .danger{background:#fef2f2;border-color:#fecaca}
.v437e-warnings strong{display:block;font-size:10.5px}.v437e-warnings span{display:block;margin-top:4px;font-size:9px;line-height:1.4;color:var(--muted-foreground)}
.v437e-top3{padding:14px}.v437e-top3 h3{margin:0 0 10px;font-size:12px}
.v437e-top3-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.v437e-top3-grid>article{padding:11px;border:1px solid var(--border);border-radius:9px;background:var(--background)}
.v437e-person{display:grid;grid-template-columns:24px 38px minmax(0,1fr);align-items:center;gap:8px}
.v437e-person .rank{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;color:white;font-size:9px}.v437e-person .r1{background:#eab308}.v437e-person .r2{background:#94a3b8}.v437e-person .r3{background:#b7791f}
.v437e-avatar{width:38px;height:38px;border-radius:50%;overflow:hidden;background:var(--muted);border:1px solid var(--border)}
.v437e-avatar.small{width:30px;height:30px}
.v437e-avatar img{width:100%;height:100%;object-fit:cover}.v437e-avatar span{width:100%;height:100%;align-items:center;justify-content:center;font-weight:800;font-size:11px;color:var(--muted-foreground)}
.v437e-person>div:last-child{min-width:0}.v437e-person strong{display:block;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v437e-person small{display:block;margin-top:2px;font-size:8.5px;color:var(--muted-foreground)}
.v437e-progress,.v437e-percent i{height:5px;border-radius:999px;background:var(--muted);overflow:hidden}
.v437e-progress{margin-top:10px}.v437e-progress i,.v437e-percent i b{display:block;height:100%;border-radius:999px;background:var(--chart-1)}
.v437e-top-foot{display:flex;justify-content:space-between;gap:8px;margin-top:7px}.v437e-top-foot span{font-size:8.5px;color:var(--muted-foreground)}
.v437e-table-panel{padding:14px}.v437e-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}
.v437e-section-head h3{margin:0;font-size:12px}.v437e-section-head p{margin:3px 0 0;font-size:9px;color:var(--muted-foreground)}.v437e-section-head>span{font-size:9px;color:var(--muted-foreground)}
.v437e-table-wrap{overflow-x:auto}.v437e-table{width:100%;border-collapse:collapse;font-size:9.5px}.v437e-table th{padding:8px 7px;text-align:left;border-bottom:1px solid var(--border);font-size:8.5px;color:var(--muted-foreground);white-space:nowrap}.v437e-table td{padding:9px 7px;border-bottom:1px solid var(--border);white-space:nowrap;font-variant-numeric:tabular-nums;cursor:pointer}.v437e-table tbody tr:hover{background:var(--muted)/20}
.v437e-name{display:flex;align-items:center;gap:7px}.v437e-name strong{display:block;font-size:10px}.v437e-name small{display:block;margin-top:2px;font-size:8px;color:var(--muted-foreground)}
.v437e-percent{min-width:76px}.v437e-percent strong{font-size:9.5px}.v437e-percent i{display:block;margin-top:4px}
.v437e-table td.positive{color:#15803d}.v437e-table td.negative{color:#b91c1c}
.v437e-status{display:inline-flex;align-items:center;justify-content:center;min-height:23px;padding:0 7px;border-radius:999px;font-size:8px;font-weight:700}
.v437e-status.over{background:#dcfce7;color:#15803d}.v437e-status.met{background:#dbeafe;color:#1d4ed8}.v437e-status.near{background:#fef3c7;color:#b45309}.v437e-status.under{background:#f1f5f9;color:#64748b}.v437e-status.no_target{background:#f3e8ff;color:#7e22ce}
.v437e-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:9px;border-top:1px solid var(--border)}.v437e-pagination>span{font-size:9px;color:var(--muted-foreground)}.v437e-pagination>div{display:flex;align-items:center;gap:6px}.v437e-pagination select,.v437e-pagination button{height:30px;border:1px solid var(--border);border-radius:7px;background:var(--background);padding:0 8px;font-size:9px}.v437e-pagination button{width:30px;padding:0;font-size:14px}
.v437e-modal{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:16px}.v437e-backdrop{position:absolute;inset:0;border:0;background:rgba(15,23,42,.42)}.v437e-detail{position:relative;z-index:1;width:min(680px,100%);max-height:82vh;overflow:auto;border-radius:12px;background:var(--background);border:1px solid var(--border);box-shadow:0 20px 60px rgba(15,23,42,.25);padding:14px}
.v437e-detail-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--border)}.v437e-detail-head strong{display:block;font-size:13px}.v437e-detail-head small{display:block;margin-top:3px;font-size:9px;color:var(--muted-foreground)}.v437e-detail-head button{width:30px;height:30px;border:0;border-radius:50%;background:var(--muted);font-size:18px}
.v437e-order-list{display:flex;flex-direction:column}.v437e-order{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);color:inherit!important;text-decoration:none!important}.v437e-order:last-child{border-bottom:0}.v437e-order strong{display:block;font-size:10px}.v437e-order small{display:block;margin-top:2px;font-size:8.5px;color:var(--muted-foreground)}.v437e-order>div:last-child{text-align:right}

@media(max-width:900px){.v437e-kpi-toolbar{grid-template-columns:1fr 1fr}.v437e-summary-grid{grid-template-columns:1fr 1fr}.v437e-top3-grid{grid-template-columns:1fr}.v437e-warnings{grid-template-columns:1fr}}
@media(max-width:720px){
 .v437e-kpi-page{gap:9px}.v437e-kpi-toolbar{grid-template-columns:1fr;padding:10px}.v437e-summary-grid{gap:7px}.v437e-summary-grid article{padding:10px}.v437e-summary-grid strong{font-size:13px}.v437e-summary-grid span{font-size:8px}.v437e-summary-grid small{font-size:7.7px}
 .v437e-locked-note{flex-direction:column;align-items:flex-start}.v437e-table-wrap{overflow:visible}.v437e-table{display:block}.v437e-table thead{display:none}.v437e-table tbody{display:flex;flex-direction:column;gap:8px}.v437e-table tr{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);border-radius:9px;overflow:hidden}.v437e-table td{display:block;white-space:normal;padding:8px}.v437e-table td:first-child{grid-column:1/-1;background:var(--muted)}.v437e-table td::before{display:block;margin-bottom:3px;font-size:7.5px;color:var(--muted-foreground)}.v437e-table td:nth-child(2)::before{content:"Chỉ tiêu"}.v437e-table td:nth-child(3)::before{content:"Doanh số hoàn thành"}.v437e-table td:nth-child(4)::before{content:"% đạt"}.v437e-table td:nth-child(5)::before{content:"Vượt KPI"}.v437e-table td:nth-child(6)::before{content:"Thưởng KPI"}.v437e-table td:nth-child(7)::before{content:"So tháng trước"}.v437e-table td:nth-child(8)::before{content:"Trạng thái"}
 .v437e-pagination{flex-direction:column;align-items:stretch}.v437e-pagination>div{justify-content:space-between}
}


/* ===== V477 SOURCE 220: v437f-identity-avatar-fix.css ===== */
/* V437F - identity sync + one-avatar rule */
.v437e-person>.v437b-inline-avatar,
.v437e-name>.v437b-inline-avatar,
.v359-user-profile-link>.v437b-inline-avatar,
.v359-top-profile-button>.v437b-inline-avatar{display:none!important}
.v437e-avatar+ .v437b-inline-avatar,
.v437a-avatar+ .v437b-inline-avatar{display:none!important}


/* ===== V477 SOURCE 221: v437h-admin-notifications.css ===== */

/* V437H - Admin realtime notification center */
.v437h-notif-wrap{
  position:relative;
  flex:none;
}
.v437h-bell{
  position:relative;
  width:34px;
  height:34px;
  border:1px solid var(--border);
  border-radius:9px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--background);
  color:var(--foreground);
  cursor:pointer;
}
.v437h-bell:hover,
.v437h-bell.open{
  background:var(--muted);
}
.v437h-bell-icon{
  font-size:15px;
  line-height:1;
}
.v437h-bell>b{
  position:absolute;
  right:-5px;
  top:-5px;
  min-width:18px;
  height:18px;
  padding:0 4px;
  border:2px solid var(--background);
  border-radius:999px;
  background:#dc2626;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:8px;
  line-height:1;
  font-weight:800;
}

.v437h-panel{
  position:absolute;
  right:0;
  top:42px;
  z-index:100;
  width:min(390px,calc(100vw - 24px));
  max-height:min(640px,78vh);
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:13px;
  background:var(--background);
  box-shadow:0 18px 50px rgba(15,23,42,.18);
  color:var(--foreground);
}
.v437h-panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  padding:13px 14px 10px;
  border-bottom:1px solid var(--border);
}
.v437h-panel-head strong{
  display:block;
  font-size:12px;
  line-height:1.25;
}
.v437h-panel-head small{
  display:block;
  margin-top:3px;
  font-size:8.8px;
  color:var(--muted-foreground);
}
.v437h-panel-head>button{
  width:28px;
  height:28px;
  flex:none;
  border:0;
  border-radius:50%;
  background:var(--muted);
  color:var(--foreground);
  font-size:18px;
  cursor:pointer;
}

.v437h-enable{
  width:calc(100% - 20px);
  margin:10px 10px 0;
  padding:9px 10px;
  border:1px solid #bfdbfe;
  border-radius:9px;
  background:#eff6ff;
  color:#1e3a8a;
  display:flex;
  align-items:center;
  gap:9px;
  text-align:left;
  cursor:pointer;
}
.v437h-enable>span{
  font-size:17px;
}
.v437h-enable strong{
  display:block;
  font-size:9.5px;
}
.v437h-enable small{
  display:block;
  margin-top:2px;
  font-size:8px;
  color:#42618f;
}

.v437h-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:8px 10px;
  border-bottom:1px solid var(--border);
}
.v437h-actions button{
  border:0;
  background:transparent;
  color:var(--muted-foreground);
  font-size:8.5px;
  font-weight:650;
  cursor:pointer;
}
.v437h-actions button:hover{
  color:var(--foreground);
}
.v437h-actions button:disabled{
  opacity:.45;
  cursor:default;
}

.v437h-list{
  max-height:470px;
  overflow:auto;
}
.v437h-item{
  position:relative;
  width:100%;
  display:grid;
  grid-template-columns:36px minmax(0,1fr) 8px;
  align-items:center;
  gap:9px;
  padding:10px 12px;
  border:0;
  border-bottom:1px solid var(--border);
  background:var(--background);
  color:var(--foreground);
  text-align:left;
  cursor:pointer;
}
.v437h-item:last-child{
  border-bottom:0;
}
.v437h-item:hover{
  background:var(--muted);
}
.v437h-item.unread{
  background:color-mix(in srgb,#eff6ff 70%,var(--background));
}
.v437h-avatar{
  width:34px;
  height:34px;
  border-radius:50%;
  overflow:hidden;
  background:var(--muted);
  border:1px solid var(--border);
}
.v437h-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.v437h-avatar>span{
  width:100%;
  height:100%;
  align-items:center;
  justify-content:center;
  font-size:10px;
  font-weight:800;
  color:var(--muted-foreground);
}
.v437h-copy{
  min-width:0;
}
.v437h-copy strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:9.5px;
  line-height:1.35;
  font-weight:700;
}
.v437h-copy small{
  display:block;
  margin-top:3px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:8px;
  line-height:1.3;
  color:var(--muted-foreground);
}
.v437h-item>i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#2563eb;
}
.v437h-empty{
  padding:32px 16px;
  text-align:center;
  font-size:9.5px;
  color:var(--muted-foreground);
}

@media(max-width:720px){
  .v437h-bell{
    width:32px;
    height:32px;
    border-radius:8px;
  }
  .v437h-panel{
    position:fixed;
    top:58px;
    left:8px;
    right:8px;
    width:auto;
    max-height:calc(100vh - 72px);
  }
  .v437h-list{
    max-height:calc(100vh - 230px);
  }
  .v437h-item{
    grid-template-columns:34px minmax(0,1fr) 8px;
    min-height:58px;
    padding:9px 10px;
  }
  .v437h-avatar{
    width:32px;
    height:32px;
  }
}


/* ===== V477 SOURCE 222: v437i-login-activity.css ===== */

/* V437I - Login & activity status inside Admin notification center */
.v437i-active-strip{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding:9px 10px 8px;
  border-bottom:1px solid var(--border);
  background:color-mix(in srgb,var(--muted) 32%,var(--background));
}
.v437i-active-strip::-webkit-scrollbar{height:4px}
.v437i-active-person{
  width:54px;
  flex:0 0 54px;
  text-align:center;
  opacity:.72;
}
.v437i-active-person.online{opacity:1}
.v437i-mini-avatar{
  position:relative;
  width:32px;
  height:32px;
  margin:0 auto;
  border-radius:50%;
  overflow:visible;
  background:var(--muted);
}
.v437i-mini-avatar img,
.v437i-mini-avatar>span{
  width:32px;
  height:32px;
  border-radius:50%;
}
.v437i-mini-avatar img{
  display:block;
  object-fit:cover;
}
.v437i-mini-avatar>span{
  align-items:center;
  justify-content:center;
  background:var(--muted);
  color:var(--muted-foreground);
  font-size:9px;
  font-weight:800;
}
.v437i-mini-avatar>i{
  position:absolute;
  right:-1px;
  bottom:-1px;
  width:9px;
  height:9px;
  border:2px solid var(--background);
  border-radius:50%;
  background:#94a3b8;
}
.v437i-active-person.online .v437i-mini-avatar>i{
  background:#16a34a;
}
.v437i-active-person small{
  display:block;
  margin-top:4px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:7.5px;
  color:var(--muted-foreground);
}
.v437i-active-person.online small{
  color:var(--foreground);
  font-weight:650;
}
@media(max-width:720px){
  .v437i-active-strip{
    padding:8px 9px 7px;
  }
  .v437i-active-person{
    width:50px;
    flex-basis:50px;
  }
  .v437i-mini-avatar,
  .v437i-mini-avatar img,
  .v437i-mini-avatar>span{
    width:30px;
    height:30px;
  }
}


/* ===== V477 SOURCE 223: v437j-demand-analysis-charts.css ===== */

/* V437J - Demand analysis charts + action center */
.v437j-action-center,
.v437j-chart-section{
  margin-top:12px;
  padding:14px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--card);
}
.v437j-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.v437j-section-head>div>span{
  display:block;
  margin-bottom:3px;
  font-size:8.5px;
  font-weight:800;
  letter-spacing:.08em;
  color:var(--muted-foreground);
}
.v437j-section-head h3{
  margin:0;
  font-size:13px;
  line-height:1.25;
}
.v437j-section-head>small{
  max-width:420px;
  font-size:9px;
  line-height:1.4;
  color:var(--muted-foreground);
  text-align:right;
}
.v437j-action-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}
.v437j-action-grid article{
  position:relative;
  overflow:hidden;
  min-height:104px;
  padding:11px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--background);
}
.v437j-action-grid article:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:3px;
}
.v437j-action-grid article.danger:after{background:#dc2626}
.v437j-action-grid article.warning:after{background:#f59e0b}
.v437j-action-grid article.growth:after{background:#16a34a}
.v437j-action-grid article.slow:after{background:#64748b}
.v437j-action-grid article.customer:after{background:#7c3aed}
.v437j-action-grid b{
  display:block;
  font-size:21px;
  line-height:1;
  font-weight:850;
  font-variant-numeric:tabular-nums;
}
.v437j-action-grid span{
  display:block;
  margin-top:8px;
  font-size:9.5px;
  line-height:1.3;
  font-weight:700;
}
.v437j-action-grid small{
  display:block;
  margin-top:5px;
  font-size:8px;
  line-height:1.35;
  color:var(--muted-foreground);
}

.v437j-chart-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,2.25fr) minmax(260px,.75fr);
  gap:10px;
}
.v437j-chart-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:10px;
}
.v437j-chart-card,
.v437j-forecast-card{
  min-width:0;
  padding:12px;
  border:1px solid var(--border);
  border-radius:10px;
  background:var(--background);
}
.v437j-chart-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  min-height:42px;
  margin-bottom:5px;
}
.v437j-chart-head h4{
  margin:0;
  font-size:11px;
  line-height:1.3;
}
.v437j-chart-head p{
  margin:3px 0 0;
  font-size:8.5px;
  line-height:1.35;
  color:var(--muted-foreground);
}
.v437j-legend{
  display:flex;
  align-items:center;
  gap:8px;
  flex:none;
}
.v437j-legend span{
  display:flex;
  align-items:center;
  gap:4px;
  font-size:8px;
  color:var(--muted-foreground);
}
.v437j-legend i{
  width:13px;
  height:3px;
  border-radius:99px;
}
.v437j-legend i.actual{background:#2563eb}
.v437j-legend i.forecast{background:#8b5cf6}

.v437j-forecast-card{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.v437j-forecast-card>span{
  font-size:8.5px;
  font-weight:800;
  letter-spacing:.08em;
  color:var(--muted-foreground);
}
.v437j-forecast-card>div:not(.v437j-confidence){
  padding:8px 0;
  border-bottom:1px solid var(--border);
}
.v437j-forecast-card>div:not(.v437j-confidence) small{
  display:block;
  font-size:8.5px;
  color:var(--muted-foreground);
}
.v437j-forecast-card>div:not(.v437j-confidence) strong{
  display:block;
  margin-top:3px;
  font-size:16px;
  line-height:1.2;
  font-weight:800;
  font-variant-numeric:tabular-nums;
}
.v437j-confidence{
  margin-top:auto;
  padding-top:4px;
}
.v437j-confidence>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.v437j-confidence span,
.v437j-confidence>b{
  font-size:8.5px;
}
.v437j-confidence>b{
  font-weight:800;
}
.v437j-confidence>i{
  display:block;
  height:6px;
  margin-top:6px;
  border-radius:999px;
  overflow:hidden;
  background:var(--muted);
}
.v437j-confidence>i>b{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#2563eb,#8b5cf6);
}
.v437j-confidence>small{
  display:block;
  margin-top:5px;
  font-size:7.8px;
  color:var(--muted-foreground);
}

@media(max-width:1200px){
  .v437j-action-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .v437j-chart-hero-grid{
    grid-template-columns:1.6fr .8fr;
  }
}
@media(max-width:900px){
  .v437j-action-grid{
    grid-template-columns:1fr 1fr;
  }
  .v437j-chart-hero-grid,
  .v437j-chart-grid{
    grid-template-columns:1fr;
  }
  .v437j-forecast-card{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
  }
  .v437j-forecast-card>span,
  .v437j-confidence{
    grid-column:1/-1;
  }
  .v437j-forecast-card>div:not(.v437j-confidence){
    border:1px solid var(--border);
    border-radius:8px;
    padding:9px;
  }
}
@media(max-width:640px){
  .v437j-action-center,
  .v437j-chart-section{
    margin-top:9px;
    padding:10px;
    border-radius:10px;
  }
  .v437j-section-head{
    align-items:flex-start;
    flex-direction:column;
    gap:4px;
  }
  .v437j-section-head>small{
    text-align:left;
    font-size:8px;
  }
  .v437j-action-grid{
    grid-template-columns:1fr 1fr;
    gap:7px;
  }
  .v437j-action-grid article{
    min-height:92px;
    padding:9px;
  }
  .v437j-action-grid b{
    font-size:17px;
  }
  .v437j-action-grid span{
    font-size:8.4px;
  }
  .v437j-action-grid small{
    font-size:7.3px;
  }
  .v437j-chart-card,
  .v437j-forecast-card{
    padding:9px;
    border-radius:9px;
  }
  .v437j-chart-head{
    min-height:auto;
    margin-bottom:2px;
  }
  .v437j-chart-head h4{font-size:9.5px}
  .v437j-chart-head p{font-size:7.7px}
  .v437j-legend{display:none}
  .v437j-chart-card .recharts-responsive-container{
    height:225px!important;
    min-height:225px!important;
  }
  .v437j-chart-card.wide .recharts-responsive-container{
    height:235px!important;
    min-height:235px!important;
  }
  .v437j-forecast-card{
    grid-template-columns:1fr 1fr;
  }
  .v437j-forecast-card>div:not(.v437j-confidence):nth-of-type(3){
    grid-column:1/-1;
  }
  .v437j-forecast-card>div:not(.v437j-confidence) strong{
    font-size:13px;
  }
}
@media(max-width:390px){
  .v437j-action-grid{
    grid-template-columns:1fr;
  }
  .v437j-forecast-card{
    grid-template-columns:1fr;
  }
  .v437j-forecast-card>div:not(.v437j-confidence){
    grid-column:auto!important;
  }
}


/* ===== V477 SOURCE 224: v437k-notification-guard.css ===== */

.v437k-menu-icon-fallback{
  display:flex!important;
  align-items:center;
  justify-content:center;
  font-size:14px;
  line-height:1;
}


/* ===== V477 SOURCE 225: v437m-notification-avatar.css ===== */

/* V437M - one account avatar per system notification */
.v437m-notification-avatar{
  position:relative;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  flex:0 0 34px!important;
  overflow:hidden;
  border-radius:50%;
  border:1px solid var(--border);
  background:var(--muted);
}
.v437m-notification-avatar img,
.v437m-notification-avatar .v437m-avatar-fallback{
  width:100%!important;
  height:100%!important;
  border-radius:50%;
}
.v437m-notification-avatar img{
  display:block;
  object-fit:cover;
  object-position:center;
}
.v437m-avatar-fallback{
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:800;
  line-height:1;
  color:var(--muted-foreground);
  background:var(--muted);
}
@media(max-width:640px){
  .v437m-notification-avatar{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    flex-basis:30px!important;
  }
  .v437m-avatar-fallback{font-size:10px}
}


/* ===== V477 SOURCE 226: v437n-compact-activity.css ===== */

/* V437N - Compact activity header in Admin notification center */
.v437n-active-compact{
  position:relative;
  border-bottom:1px solid var(--border);
  background:color-mix(in srgb,var(--muted) 24%,var(--background));
}
.v437n-active-toggle{
  width:100%;
  min-height:54px;
  display:grid;
  grid-template-columns:36px minmax(0,1fr) 20px;
  align-items:center;
  gap:9px;
  padding:8px 11px;
  border:0;
  background:transparent;
  color:var(--foreground);
  text-align:left;
  cursor:pointer;
}
.v437n-active-toggle:hover{
  background:color-mix(in srgb,var(--muted) 60%,transparent);
}
.v437n-active-avatar,
.v437n-row-avatar{
  position:relative;
  width:34px;
  height:34px;
  border-radius:50%;
  background:var(--muted);
}
.v437n-active-avatar img,
.v437n-active-avatar>span,
.v437n-row-avatar img,
.v437n-row-avatar>span{
  width:100%;
  height:100%;
  border-radius:50%;
}
.v437n-active-avatar img,
.v437n-row-avatar img{
  display:block;
  object-fit:cover;
}
.v437n-active-avatar>span,
.v437n-row-avatar>span{
  align-items:center;
  justify-content:center;
  font-size:10px;
  font-weight:800;
  color:var(--muted-foreground);
}
.v437n-active-avatar>i,
.v437n-row-avatar>i{
  position:absolute;
  right:-1px;
  bottom:-1px;
  width:9px;
  height:9px;
  border:2px solid var(--background);
  border-radius:50%;
  background:#16a34a;
}
.v437n-active-copy{
  min-width:0;
}
.v437n-active-copy strong{
  display:block;
  font-size:9.5px;
  line-height:1.25;
}
.v437n-active-copy small{
  display:block;
  margin-top:2px;
  font-size:7.8px;
  color:var(--muted-foreground);
}
.v437n-active-toggle>b{
  justify-self:end;
  font-size:13px;
  color:var(--muted-foreground);
}

.v437n-active-popover{
  max-height:245px;
  overflow:auto;
  padding:5px 8px 8px;
  border-top:1px solid var(--border);
  background:var(--background);
}
.v437n-active-row{
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  align-items:center;
  gap:8px;
  min-height:46px;
  padding:6px 4px;
  border-bottom:1px solid var(--border);
}
.v437n-active-row:last-child{
  border-bottom:0;
}
.v437n-active-row:not(.online){
  opacity:.66;
}
.v437n-row-avatar{
  width:30px;
  height:30px;
}
.v437n-row-avatar>i{
  width:8px;
  height:8px;
  background:#94a3b8;
}
.v437n-active-row.online .v437n-row-avatar>i{
  background:#16a34a;
}
.v437n-active-row>div:last-child{
  min-width:0;
}
.v437n-active-row strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:8.8px;
}
.v437n-active-row small{
  display:block;
  margin-top:2px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:7.5px;
  color:var(--muted-foreground);
}

/* hide legacy activity strip if any cached CSS/class remains */
.v437h-panel .v437i-active-strip{
  display:none!important;
}

@media(max-width:640px){
  .v437n-active-toggle{
    min-height:50px;
    grid-template-columns:32px minmax(0,1fr) 18px;
    padding:7px 9px;
  }
  .v437n-active-avatar{
    width:30px;
    height:30px;
  }
  .v437n-active-popover{
    max-height:220px;
  }
}


/* ===== V477 SOURCE 227: v437o-activity-single-avatar.css ===== */

/* V437O - force exactly one avatar in active-account list */
.v437n-active-compact .v437b-inline-avatar,
.v437n-active-popover .v437b-inline-avatar,
.v437n-active-row .v437b-inline-avatar,
.v437n-active-toggle .v437b-inline-avatar{
  display:none!important;
}
.v437n-active-row{
  grid-template-columns:32px minmax(0,1fr)!important;
}
.v437n-row-avatar{
  display:block!important;
  flex:none!important;
}


/* ===== V477 SOURCE 228: v437p-alert-intelligence.css ===== */

/* V437P - Alert Intelligence */
.v437p-alert-page{display:flex;flex-direction:column;gap:12px}
.v437p-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--card)}
.v437p-hero>div:first-child>span{font-size:8.5px;font-weight:800;letter-spacing:.08em;color:var(--muted-foreground)}
.v437p-hero h2{margin:4px 0 5px;font-size:18px}
.v437p-hero p{margin:0;max-width:760px;font-size:9.5px;line-height:1.5;color:var(--muted-foreground)}
.v437p-hero-total{min-width:150px;padding:12px;border:1px solid var(--border);border-radius:10px;text-align:right;background:var(--background)}
.v437p-hero-total span,.v437p-hero-total small{display:block;font-size:8px;color:var(--muted-foreground)}
.v437p-hero-total strong{display:block;margin:4px 0;font-size:24px;line-height:1;font-weight:850}

.v437p-action-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.v437p-action-kpis article{position:relative;overflow:hidden;min-height:100px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--card)}
.v437p-action-kpis article:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px}
.v437p-action-kpis .critical:after{background:#dc2626}.v437p-action-kpis .debt:after{background:#f97316}.v437p-action-kpis .stock:after{background:#f59e0b}.v437p-action-kpis .kpi:after{background:#8b5cf6}.v437p-action-kpis .security:after{background:#2563eb}
.v437p-action-kpis b{display:block;font-size:20px}.v437p-action-kpis span{display:block;margin-top:7px;font-size:9.5px;font-weight:700}.v437p-action-kpis small{display:block;margin-top:4px;font-size:8px;color:var(--muted-foreground)}

.v437p-chart-zone,.v437p-list-panel{padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--card)}
.v437p-section-head,.v437p-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:11px}
.v437p-section-head>div>span{display:block;font-size:8px;font-weight:800;letter-spacing:.08em;color:var(--muted-foreground)}
.v437p-section-head h3,.v437p-toolbar h3{margin:3px 0 0;font-size:12px}
.v437p-toolbar p{margin:3px 0 0;font-size:8.5px;color:var(--muted-foreground)}
.v437p-section-head>button{height:32px;padding:0 10px;border:1px solid var(--border);border-radius:7px;background:var(--background);font-size:9px}

.v437p-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.v437p-chart-card{min-width:0;padding:11px;border:1px solid var(--border);border-radius:9px;background:var(--background)}
.v437p-chart-card.wide{grid-column:1/-1}
.v437p-chart-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}
.v437p-chart-head h4{margin:0;font-size:10.5px}.v437p-chart-head small{font-size:8px;color:var(--muted-foreground)}

.v437p-tools{display:flex;align-items:center;gap:7px}
.v437p-tools input,.v437p-tools select{height:34px;border:1px solid var(--border);border-radius:7px;background:var(--background);padding:0 9px;font-size:9px}
.v437p-tools input{min-width:220px}

.v437p-alert-list{display:flex;flex-direction:column;gap:7px}
.v437p-alert-row{display:grid;grid-template-columns:34px minmax(0,1fr) minmax(210px,auto);align-items:start;gap:10px;padding:10px;border:1px solid var(--border);border-radius:9px;background:var(--background)}
.v437p-alert-row.resolved{opacity:.72}.v437p-alert-row.dismissed{opacity:.55}
.v437p-sev-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:850}
.v437p-sev-icon.critical{background:#fee2e2;color:#b91c1c}.v437p-sev-icon.high{background:#ffedd5;color:#c2410c}.v437p-sev-icon.medium{background:#fef3c7;color:#a16207}.v437p-sev-icon.watch{background:#e2e8f0;color:#475569}
.v437p-alert-main{min-width:0}
.v437p-alert-title{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.v437p-alert-title strong{font-size:10px}
.v437p-badge,.v437p-group{display:inline-flex;align-items:center;min-height:20px;padding:0 6px;border-radius:999px;font-size:7.5px;font-weight:700}
.v437p-badge.critical{background:#fee2e2;color:#b91c1c}.v437p-badge.high{background:#ffedd5;color:#c2410c}.v437p-badge.medium{background:#fef3c7;color:#a16207}.v437p-badge.watch{background:#e2e8f0;color:#475569}
.v437p-group{background:var(--muted);color:var(--muted-foreground)}
.v437p-alert-main p{margin:5px 0 0;font-size:9px;line-height:1.45;color:var(--foreground)}
.v437p-alert-meta{display:flex;gap:9px;flex-wrap:wrap;margin-top:6px}.v437p-alert-meta span{font-size:7.8px;color:var(--muted-foreground)}
.v437p-alert-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}
.v437p-alert-actions>a,.v437p-alert-actions button,.v437p-alert-actions select{height:29px;border:1px solid var(--border);border-radius:7px;background:var(--background);padding:0 7px;font-size:8px;color:var(--foreground);text-decoration:none!important}
.v437p-alert-actions>a,.v437p-alert-actions button{display:inline-flex;align-items:center;justify-content:center;font-weight:650}
.v437p-alert-actions .resolve{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.v437p-alert-actions .dismiss{background:#f8fafc;color:#64748b}.v437p-alert-actions .reopen{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}

.v437p-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:9px;border-top:1px solid var(--border)}
.v437p-pagination>span{font-size:8.5px;color:var(--muted-foreground)}
.v437p-pagination>div{display:flex;align-items:center;gap:5px}
.v437p-pagination select,.v437p-pagination button{height:29px;border:1px solid var(--border);border-radius:7px;background:var(--background);padding:0 7px;font-size:8px}
.v437p-pagination button{width:29px;padding:0;font-size:13px}
.v437p-empty{padding:26px;text-align:center;font-size:9.5px;color:var(--muted-foreground)}

@media(max-width:1100px){
 .v437p-action-kpis{grid-template-columns:repeat(3,1fr)}
 .v437p-alert-row{grid-template-columns:32px minmax(0,1fr)}
 .v437p-alert-actions{grid-column:2;justify-content:flex-start}
}
@media(max-width:760px){
 .v437p-alert-page{gap:9px}
 .v437p-hero{align-items:flex-start;flex-direction:column;padding:11px}
 .v437p-hero-total{width:100%;text-align:left}
 .v437p-action-kpis{grid-template-columns:1fr 1fr;gap:7px}
 .v437p-action-kpis article{min-height:88px;padding:9px}
 .v437p-action-kpis b{font-size:16px}
 .v437p-chart-zone,.v437p-list-panel{padding:10px;border-radius:10px}
 .v437p-chart-grid{grid-template-columns:1fr}
 .v437p-chart-card.wide{grid-column:auto}
 .v437p-chart-card .recharts-responsive-container{height:220px!important;min-height:220px!important}
 .v437p-section-head,.v437p-toolbar{align-items:flex-start;flex-direction:column}
 .v437p-tools{width:100%;display:grid;grid-template-columns:1fr 1fr}
 .v437p-tools input{grid-column:1/-1;min-width:0;width:100%}
 .v437p-alert-row{grid-template-columns:30px minmax(0,1fr);padding:8px}
 .v437p-alert-actions{grid-column:1/-1;justify-content:flex-start;padding-top:3px}
 .v437p-alert-actions select{max-width:150px}
 .v437p-pagination{align-items:stretch;flex-direction:column}
 .v437p-pagination>div{justify-content:space-between}
}
@media(max-width:390px){
 .v437p-action-kpis{grid-template-columns:1fr}
 .v437p-tools{grid-template-columns:1fr}
 .v437p-tools input{grid-column:auto}
}


/* ===== V477 SOURCE 229: v437q-alert-mobile.css ===== */

/* V437Q - Mobile polish for Alert Intelligence */
@media(max-width:760px){
  .v437p-alert-page{
    gap:8px!important;
    overflow-x:hidden;
  }

  .v437p-hero{
    padding:10px!important;
    border-radius:10px!important;
    gap:9px!important;
  }
  .v437p-hero h2{
    font-size:15px!important;
    line-height:1.25!important;
    margin:3px 0 4px!important;
  }
  .v437p-hero p{
    font-size:8.5px!important;
    line-height:1.45!important;
  }
  .v437p-hero-total{
    min-width:0!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    align-items:center!important;
    gap:3px 10px!important;
    padding:9px 10px!important;
    text-align:left!important;
  }
  .v437p-hero-total span{grid-column:1;grid-row:1;font-size:7.5px!important}
  .v437p-hero-total strong{
    grid-column:2;grid-row:1/3;
    margin:0!important;
    font-size:22px!important;
    text-align:right!important;
  }
  .v437p-hero-total small{grid-column:1;grid-row:2;font-size:7.5px!important}

  .v437p-action-kpis{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .v437p-action-kpis article{
    min-height:82px!important;
    padding:9px!important;
    border-radius:9px!important;
  }
  .v437p-action-kpis b{font-size:17px!important}
  .v437p-action-kpis span{margin-top:5px!important;font-size:8.4px!important}
  .v437p-action-kpis small{margin-top:3px!important;font-size:7.2px!important}
  .v437p-action-kpis article:last-child:nth-child(odd){
    grid-column:1/-1!important;
  }

  .v437p-chart-zone,
  .v437p-list-panel{
    padding:9px!important;
    border-radius:10px!important;
  }
  .v437p-section-head{
    flex-direction:row!important;
    align-items:center!important;
    gap:8px!important;
    margin-bottom:8px!important;
  }
  .v437p-section-head>div{min-width:0}
  .v437p-section-head>div>span{font-size:7.2px!important}
  .v437p-section-head h3{
    font-size:10.5px!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .v437p-section-head>button{
    flex:none;
    height:30px!important;
    font-size:8px!important;
    padding:0 8px!important;
  }

  .v437p-chart-grid{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .v437p-chart-card{
    padding:8px!important;
    border-radius:9px!important;
  }
  .v437p-chart-head{
    margin-bottom:2px!important;
  }
  .v437p-chart-head h4{font-size:9.4px!important}
  .v437p-chart-head small{font-size:7.2px!important}
  .v437p-chart-card .recharts-responsive-container{
    height:205px!important;
    min-height:205px!important;
  }
  .v437p-chart-card.wide .recharts-responsive-container{
    height:215px!important;
    min-height:215px!important;
  }

  .v437p-toolbar{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
    margin-bottom:8px!important;
  }
  .v437p-toolbar h3{font-size:10.5px!important}
  .v437p-toolbar p{font-size:7.5px!important}
  .v437p-tools{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .v437p-tools input{
    grid-column:1/-1!important;
    width:100%!important;
    min-width:0!important;
  }
  .v437p-tools input,
  .v437p-tools select{
    height:36px!important;
    min-width:0!important;
    width:100%!important;
    font-size:8.5px!important;
    padding:0 8px!important;
  }

  /* Card list instead of cramped desktop row */
  .v437p-alert-list{
    gap:7px!important;
  }
  .v437p-alert-row{
    display:grid!important;
    grid-template-columns:32px minmax(0,1fr)!important;
    gap:8px!important;
    padding:9px!important;
    border-radius:9px!important;
  }
  .v437p-sev-icon{
    width:30px!important;
    height:30px!important;
    border-radius:8px!important;
    font-size:11px!important;
  }
  .v437p-alert-main{
    min-width:0!important;
  }
  .v437p-alert-title{
    gap:4px!important;
  }
  .v437p-alert-title strong{
    flex-basis:100%!important;
    font-size:9.5px!important;
    line-height:1.35!important;
  }
  .v437p-badge,
  .v437p-group{
    min-height:18px!important;
    padding:0 5px!important;
    font-size:7px!important;
  }
  .v437p-alert-main p{
    margin-top:5px!important;
    font-size:8.3px!important;
    line-height:1.45!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .v437p-alert-meta{
    gap:4px 8px!important;
    margin-top:5px!important;
  }
  .v437p-alert-meta span{
    font-size:7.2px!important;
    line-height:1.35!important;
  }

  .v437p-alert-actions{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
    padding-top:7px!important;
    margin-top:2px!important;
    border-top:1px solid var(--border)!important;
  }
  .v437p-alert-actions>a,
  .v437p-alert-actions button,
  .v437p-alert-actions select{
    width:100%!important;
    max-width:none!important;
    height:34px!important;
    font-size:8px!important;
    border-radius:7px!important;
  }
  .v437p-alert-actions select{
    grid-column:1/-1!important;
  }
  .v437p-alert-actions>a{
    grid-column:1/-1!important;
  }

  .v437p-pagination{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:7px!important;
    margin-top:8px!important;
    padding-top:8px!important;
  }
  .v437p-pagination>span{
    text-align:center!important;
    font-size:7.8px!important;
  }
  .v437p-pagination>div{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr 38px 38px!important;
    gap:6px!important;
  }
  .v437p-pagination select,
  .v437p-pagination button{
    width:100%!important;
    height:34px!important;
    font-size:8px!important;
  }
  .v437p-pagination button{font-size:13px!important}

  .v437p-empty{
    padding:20px 10px!important;
    font-size:8.5px!important;
  }
}

@media(max-width:390px){
  .v437p-action-kpis{
    grid-template-columns:1fr!important;
  }
  .v437p-action-kpis article:last-child:nth-child(odd){
    grid-column:auto!important;
  }
  .v437p-tools{
    grid-template-columns:1fr!important;
  }
  .v437p-tools input{
    grid-column:auto!important;
  }
  .v437p-alert-actions{
    grid-template-columns:1fr!important;
  }
  .v437p-alert-actions>a,
  .v437p-alert-actions select{
    grid-column:auto!important;
  }
}


/* ===== V477 SOURCE 230: v437r-quick-quote-pro.css ===== */

/* V437R - Quick Quote Pro */
.v437r-quote-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin:10px 0 12px;
}
.v437r-quote-kpis article{
  padding:11px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--background);
}
.v437r-quote-kpis span{
  display:block;
  font-size:8px;
  font-weight:800;
  letter-spacing:.05em;
  color:var(--muted-foreground);
}
.v437r-quote-kpis strong{
  display:block;
  margin-top:5px;
  font-size:18px;
  line-height:1;
}
.v437r-quote-kpis small{
  display:block;
  margin-top:5px;
  font-size:7.5px;
  color:var(--muted-foreground);
}

.v437r-last-price{
  display:block;
  margin-top:3px;
  font-style:normal;
  font-size:7.5px;
  color:#2563eb;
}
.v437r-price-warning{
  border-color:#f59e0b!important;
  background:#fffbeb!important;
}
.v437r-adjust-line{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:32px;
}
.v437r-adjust-line>span{
  margin:0!important;
  font-size:8.5px!important;
  color:var(--muted-foreground)!important;
}
.v437r-adjust-line input{
  width:120px;
  height:30px;
  border:1px solid var(--border);
  border-radius:6px;
  background:var(--background);
  padding:0 7px;
  text-align:right;
  font-size:9px;
}
.v437r-status-select{
  height:30px;
  border:1px solid var(--border);
  border-radius:7px;
  background:var(--background);
  color:var(--foreground);
  padding:0 7px;
  font-size:8px;
}
.v437r-history-code{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}
.v437r-status{
  display:inline-flex;
  align-items:center;
  min-height:19px;
  padding:0 6px;
  border-radius:999px;
  font-style:normal;
  font-size:7px;
  font-weight:700;
}
.v437r-status.draft{background:#f1f5f9;color:#475569}
.v437r-status.sent{background:#dbeafe;color:#1d4ed8}
.v437r-status.accepted{background:#dcfce7;color:#15803d}
.v437r-status.rejected{background:#fee2e2;color:#b91c1c}
.v437r-status.expired{background:#fef3c7;color:#a16207}

.v437r-mobile-sticky{
  display:none;
}

@media(max-width:760px){
  .v437r-quote-kpis{
    grid-template-columns:1fr 1fr;
    gap:6px;
    margin:8px 0 10px;
  }
  .v437r-quote-kpis article{
    padding:9px;
  }
  .v437r-quote-kpis strong{
    font-size:15px;
  }

  .v370-lines-table .v437r-last-price{
    font-size:7px;
    line-height:1.35;
  }

  .v437r-mobile-sticky{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:65;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    align-items:center;
    gap:6px;
    min-height:58px;
    padding:7px 9px calc(7px + env(safe-area-inset-bottom,0px));
    border-top:1px solid var(--border);
    background:rgba(255,255,255,.97);
    box-shadow:0 -8px 24px rgba(15,23,42,.08);
    backdrop-filter:blur(14px);
  }
  .v437r-mobile-sticky>div{
    min-width:0;
  }
  .v437r-mobile-sticky span{
    display:block;
    font-size:7px;
    color:#64748b;
  }
  .v437r-mobile-sticky strong{
    display:block;
    margin-top:2px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:11px;
  }
  .v437r-mobile-sticky button{
    height:34px;
    border:1px solid var(--border);
    border-radius:8px;
    padding:0 9px;
    background:#fff;
    font-size:8px;
    font-weight:700;
  }
  .v437r-mobile-sticky button.preview{
    background:#111827;
    color:#fff;
    border-color:#111827;
  }

  .v370-quote-page{
    padding-bottom:72px!important;
  }
}

@media(max-width:390px){
  .v437r-quote-kpis{
    grid-template-columns:1fr 1fr;
  }
  .v437r-mobile-sticky{
    grid-template-columns:minmax(0,1fr) auto;
  }
  .v437r-mobile-sticky button:first-of-type{
    display:none;
  }
}


/* ===== V477 SOURCE 231: v437s-orders-control.css ===== */

/* V437S - Orders control enhancements */
.v437s-order-alerts{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin:0 0 12px;
}
.v437s-order-alerts article{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:9px 11px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--card);
}
.v437s-order-alerts b{
  font-size:16px;
  line-height:1;
  font-variant-numeric:tabular-nums;
}
.v437s-order-alerts span{
  font-size:8.5px;
  color:var(--muted-foreground);
}
.v437s-customer-cell{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
}
.v437s-quote-link,.v437s-mobile-quote-link{
  display:inline-flex;
  align-items:center;
  min-height:18px;
  padding:0 5px;
  border-radius:999px;
  background:#eff6ff;
  color:#1d4ed8!important;
  font-size:7px;
  font-weight:700;
  text-decoration:none!important;
}
.v437s-mobile-quote-link{margin-top:4px}
.v437s-history-btn{
  color:var(--muted-foreground)!important;
}
.v437s-quick-deliver{
  border-color:#bfdbfe!important;
  color:#1d4ed8!important;
}
.v437s-quick-paid{
  border-color:#bbf7d0!important;
  color:#15803d!important;
}
@media(max-width:760px){
  .v437s-order-alerts{
    grid-template-columns:1fr 1fr;
    gap:6px;
  }
  .v437s-order-alerts article{
    min-height:40px;
    padding:8px 9px;
  }
  .v437s-order-alerts b{font-size:14px}
  .v437s-order-alerts span{font-size:7.8px}
  .v437s-mobile-quote-link{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media(max-width:390px){
  .v437s-order-alerts{grid-template-columns:1fr}
}


/* ===== V477 SOURCE 232: v437t-customer-analytics.css ===== */

/* V437T - Customer Analytics */
.v437t-customer-overview,
.v437t-care,
.v437t-charts{
  margin-bottom:12px;
  padding:14px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--card);
}
.v437t-overview-head,
.v437t-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:11px;
}
.v437t-overview-head>div>span,
.v437t-section-head>div>span{
  display:block;
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em;
  color:var(--muted-foreground);
}
.v437t-overview-head h2,
.v437t-section-head h3{
  margin:3px 0 0;
  font-size:13px;
}
.v437t-overview-head>small,
.v437t-section-head>small{
  max-width:420px;
  text-align:right;
  font-size:8.5px;
  color:var(--muted-foreground);
}
.v437t-kpis{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}
.v437t-kpis article,
.v437t-care-grid article{
  min-height:94px;
  padding:11px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--background);
}
.v437t-kpis span,
.v437t-care-grid span{
  display:block;
  font-size:8px;
  font-weight:750;
  color:var(--muted-foreground);
}
.v437t-kpis b,
.v437t-care-grid b{
  display:block;
  margin-top:6px;
  font-size:19px;
  line-height:1;
  font-variant-numeric:tabular-nums;
}
.v437t-kpis small,
.v437t-care-grid small{
  display:block;
  margin-top:6px;
  font-size:7.5px;
  line-height:1.35;
  color:var(--muted-foreground);
}
.v437t-care-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.v437t-care-grid article{
  position:relative;
  overflow:hidden;
}
.v437t-care-grid article:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:3px;
}
.v437t-care-grid .warning:after{background:#f59e0b}
.v437t-care-grid .danger:after{background:#dc2626}
.v437t-care-grid .growth:after{background:#16a34a}
.v437t-care-grid .debt:after{background:#7c3aed}

.v437t-chart-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.v437t-chart-card{
  min-width:0;
  padding:11px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--background);
}
.v437t-chart-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:5px;
}
.v437t-chart-head h4{
  margin:0;
  font-size:10.5px;
}
.v437t-chart-head small{
  font-size:7.8px;
  color:var(--muted-foreground);
}

@media(max-width:1100px){
  .v437t-kpis{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .v437t-care-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:760px){
  .v437t-customer-overview,
  .v437t-care,
  .v437t-charts{
    margin-bottom:9px;
    padding:10px;
    border-radius:10px;
  }
  .v437t-overview-head,
  .v437t-section-head{
    align-items:flex-start;
    flex-direction:column;
    gap:4px;
    margin-bottom:8px;
  }
  .v437t-overview-head>small,
  .v437t-section-head>small{
    text-align:left;
    font-size:7.5px;
  }
  .v437t-overview-head h2,
  .v437t-section-head h3{
    font-size:11px;
  }
  .v437t-kpis{
    grid-template-columns:1fr 1fr;
    gap:6px;
  }
  .v437t-kpis article{
    min-height:82px;
    padding:9px;
  }
  .v437t-kpis article:last-child:nth-child(odd){
    grid-column:1/-1;
  }
  .v437t-kpis b,
  .v437t-care-grid b{
    font-size:16px;
  }
  .v437t-care-grid{
    grid-template-columns:1fr 1fr;
    gap:6px;
  }
  .v437t-care-grid article{
    min-height:86px;
    padding:9px;
  }
  .v437t-chart-grid{
    grid-template-columns:1fr;
    gap:7px;
  }
  .v437t-chart-card{
    padding:8px;
  }
  .v437t-chart-head h4{font-size:9.5px}
  .v437t-chart-head small{font-size:7px}
  .v437t-chart-card .recharts-responsive-container{
    height:215px!important;
    min-height:215px!important;
  }
}
@media(max-width:390px){
  .v437t-kpis,
  .v437t-care-grid{
    grid-template-columns:1fr;
  }
  .v437t-kpis article:last-child:nth-child(odd){
    grid-column:auto;
  }
}


/* ===== V477 SOURCE 233: v437u-vat-analytics.css ===== */

/* V437U - VAT Analytics */
.v437u-vat-overview,
.v437u-action-center,
.v437u-charts{
  margin-top:12px;
  padding:14px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--card);
}
.v437u-overview-head,
.v437u-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:11px;
}
.v437u-overview-head>div>span,
.v437u-section-head>div>span{
  display:block;
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em;
  color:var(--muted-foreground);
}
.v437u-overview-head h2,
.v437u-section-head h3{
  margin:3px 0 0;
  font-size:13px;
}
.v437u-overview-head>small,
.v437u-section-head>small{
  max-width:420px;
  text-align:right;
  font-size:8.5px;
  color:var(--muted-foreground);
}
.v437u-kpis{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}
.v437u-kpis article,
.v437u-action-grid article{
  min-height:94px;
  padding:11px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--background);
}
.v437u-kpis span,
.v437u-action-grid span{
  display:block;
  font-size:8px;
  font-weight:750;
  color:var(--muted-foreground);
}
.v437u-kpis b,
.v437u-action-grid b{
  display:block;
  margin-top:6px;
  font-size:19px;
  line-height:1;
  font-variant-numeric:tabular-nums;
}
.v437u-kpis small,
.v437u-action-grid small{
  display:block;
  margin-top:6px;
  font-size:7.5px;
  line-height:1.35;
  color:var(--muted-foreground);
}
.v437u-action-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.v437u-action-grid article{
  position:relative;
  overflow:hidden;
}
.v437u-action-grid article:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:3px;
}
.v437u-action-grid .warning:after{background:#f59e0b}
.v437u-action-grid .danger:after{background:#dc2626}
.v437u-action-grid .success:after{background:#16a34a}
.v437u-action-grid .money:after{background:#7c3aed}

.v437u-chart-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.v437u-chart-card{
  min-width:0;
  padding:11px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--background);
}
.v437u-chart-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:5px;
}
.v437u-chart-head h4{
  margin:0;
  font-size:10.5px;
}
.v437u-chart-head small{
  font-size:7.8px;
  color:var(--muted-foreground);
}

@media(max-width:1100px){
  .v437u-kpis{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .v437u-action-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:760px){
  .v437u-vat-overview,
  .v437u-action-center,
  .v437u-charts{
    margin-top:9px;
    padding:10px;
    border-radius:10px;
  }
  .v437u-overview-head,
  .v437u-section-head{
    align-items:flex-start;
    flex-direction:column;
    gap:4px;
    margin-bottom:8px;
  }
  .v437u-overview-head>small,
  .v437u-section-head>small{
    text-align:left;
    font-size:7.5px;
  }
  .v437u-overview-head h2,
  .v437u-section-head h3{
    font-size:11px;
  }
  .v437u-kpis{
    grid-template-columns:1fr 1fr;
    gap:6px;
  }
  .v437u-kpis article{
    min-height:82px;
    padding:9px;
  }
  .v437u-kpis article:last-child:nth-child(odd){
    grid-column:1/-1;
  }
  .v437u-kpis b,
  .v437u-action-grid b{
    font-size:16px;
  }
  .v437u-action-grid{
    grid-template-columns:1fr 1fr;
    gap:6px;
  }
  .v437u-action-grid article{
    min-height:86px;
    padding:9px;
  }
  .v437u-chart-grid{
    grid-template-columns:1fr;
    gap:7px;
  }
  .v437u-chart-card{
    padding:8px;
  }
  .v437u-chart-head h4{font-size:9.5px}
  .v437u-chart-head small{font-size:7px}
  .v437u-chart-card .recharts-responsive-container{
    height:215px!important;
    min-height:215px!important;
  }
}
@media(max-width:390px){
  .v437u-kpis,
  .v437u-action-grid{
    grid-template-columns:1fr;
  }
  .v437u-kpis article:last-child:nth-child(odd){
    grid-column:auto;
  }
}


/* ===== V477 SOURCE 234: v437u1-vat-request-count-fix.css ===== */

/* V437U1 - VAT request count text visibility fix */
.v216-vat-request-count{
  width:auto!important;
  max-width:100%!important;
  min-width:max-content;
  overflow:visible!important;
  white-space:normal!important;
}
.v216-vat-request-count span{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
@media(max-width:640px){
  .v139-vat-header .v216-vat-request-count{
    width:100%!important;
    min-width:0!important;
    justify-content:flex-start;
  }
  .v139-vat-header .v216-vat-request-count span{
    min-width:0;
    white-space:normal!important;
    line-height:1.35;
  }
}


/* ===== V477 SOURCE 235: v437v-product-analytics.css ===== */

/* V437V - Product Analytics */
.v437v-product-overview,
.v437v-action-center,
.v437v-charts{
  margin-bottom:12px;
  padding:14px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--card);
}
.v437v-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:11px;
}
.v437v-section-head>div>span{
  display:block;
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em;
  color:var(--muted-foreground);
}
.v437v-section-head h2,
.v437v-section-head h3{
  margin:3px 0 0;
  font-size:13px;
}
.v437v-section-head>small{
  max-width:420px;
  text-align:right;
  font-size:8.5px;
  color:var(--muted-foreground);
}
.v437v-kpis{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}
.v437v-kpis article,
.v437v-action-grid article{
  min-height:94px;
  padding:11px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--background);
}
.v437v-kpis span,
.v437v-action-grid span{
  display:block;
  font-size:8px;
  font-weight:750;
  color:var(--muted-foreground);
}
.v437v-kpis b,
.v437v-action-grid b{
  display:block;
  margin-top:6px;
  font-size:19px;
  line-height:1;
  font-variant-numeric:tabular-nums;
}
.v437v-kpis small,
.v437v-action-grid small{
  display:block;
  margin-top:6px;
  font-size:7.5px;
  line-height:1.35;
  color:var(--muted-foreground);
}
.v437v-action-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.v437v-action-grid article{
  position:relative;
  overflow:hidden;
}
.v437v-action-grid article:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:3px;
}
.v437v-action-grid .danger:after{background:#dc2626}
.v437v-action-grid .warning:after{background:#f59e0b}
.v437v-action-grid .slow:after{background:#64748b}
.v437v-action-grid .meta:after{background:#7c3aed}

.v437v-chart-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.v437v-chart-card{
  min-width:0;
  padding:11px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--background);
}
.v437v-chart-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:5px;
}
.v437v-chart-head h4{
  margin:0;
  font-size:10.5px;
}
.v437v-chart-head small{
  font-size:7.8px;
  color:var(--muted-foreground);
}
.v437v-product-filters{
  width:100%;
  display:grid;
  grid-template-columns:repeat(3,minmax(130px,1fr));
  gap:6px;
  margin-top:7px;
}
.v437v-product-filters select{
  height:34px;
  min-width:0;
  border:1px solid var(--border);
  border-radius:7px;
  background:var(--background);
  color:var(--foreground);
  padding:0 8px;
  font-size:8.5px;
}
.v271-products-search{
  min-width:min(100%,280px);
}

@media(max-width:1100px){
  .v437v-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .v437v-action-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .v437v-product-overview,
  .v437v-action-center,
  .v437v-charts{
    margin-bottom:9px;
    padding:10px;
    border-radius:10px;
  }
  .v437v-section-head{
    align-items:flex-start;
    flex-direction:column;
    gap:4px;
    margin-bottom:8px;
  }
  .v437v-section-head>small{
    text-align:left;
    font-size:7.5px;
  }
  .v437v-section-head h2,
  .v437v-section-head h3{
    font-size:11px;
  }
  .v437v-kpis{
    grid-template-columns:1fr 1fr;
    gap:6px;
  }
  .v437v-kpis article{
    min-height:82px;
    padding:9px;
  }
  .v437v-kpis article:last-child:nth-child(odd){
    grid-column:1/-1;
  }
  .v437v-kpis b,
  .v437v-action-grid b{
    font-size:16px;
  }
  .v437v-action-grid{
    grid-template-columns:1fr 1fr;
    gap:6px;
  }
  .v437v-action-grid article{
    min-height:86px;
    padding:9px;
  }
  .v437v-chart-grid{
    grid-template-columns:1fr;
    gap:7px;
  }
  .v437v-chart-card{
    padding:8px;
  }
  .v437v-chart-head h4{font-size:9.5px}
  .v437v-chart-head small{font-size:7px}
  .v437v-chart-card .recharts-responsive-container{
    height:215px!important;
    min-height:215px!important;
  }
  .v437v-product-filters{
    grid-template-columns:1fr;
  }
}
@media(max-width:390px){
  .v437v-kpis,
  .v437v-action-grid{
    grid-template-columns:1fr;
  }
  .v437v-kpis article:last-child:nth-child(odd){
    grid-column:auto;
  }
}


/* ===== V477 SOURCE 236: v437w-orders-responsive-fix.css ===== */

/* V437W - Orders UI repair, desktop + mobile only */

/* ---------- Desktop ---------- */
.v437w-orders-desktop{
  width:100%;
  max-width:100%;
  overflow:hidden;
}
.v437w-order-table-scroll{
  width:100%;
  max-width:100%;
  overflow-x:auto!important;
  overflow-y:visible;
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter:stable;
}
.v437w-order-table-scroll table{
  width:100%;
  min-width:1180px;
  table-layout:auto;
}
.v437w-order-table-scroll th,
.v437w-order-table-scroll td{
  vertical-align:middle;
}
.v437w-order-table-scroll th{
  white-space:nowrap;
  font-size:10px;
}
.v437w-order-table-scroll td{
  font-size:11.5px;
}
.v437w-order-table-scroll td:nth-child(1),
.v437w-order-table-scroll td:nth-child(2),
.v437w-order-table-scroll td:nth-child(6),
.v437w-order-table-scroll td:nth-child(7){
  white-space:nowrap;
}
.v437w-order-table-scroll td:nth-last-child(2),
.v437w-order-table-scroll td:last-child{
  white-space:nowrap;
}
.v437w-orders-desktop .v192-order-list-actions{
  flex-wrap:nowrap!important;
  min-width:max-content;
  gap:3px!important;
}
.v437w-orders-desktop .v192-order-list-actions button{
  flex:none;
}
.v437w-orders-desktop .v437s-history-btn,
.v437w-orders-desktop .v192-order-print{
  height:30px!important;
  padding-left:7px!important;
  padding-right:7px!important;
  font-size:9px!important;
}
.v437w-orders-desktop .v437s-customer-cell{
  min-width:128px;
  max-width:190px;
}
.v437w-orders-desktop .v437s-customer-cell>span{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width:100%;
}
.v437w-orders-desktop .v437s-quote-link{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* Keep the new order alert row visually aligned. */
.v437s-order-alerts{
  width:100%;
}
.v437s-order-alerts article{
  min-width:0;
}
.v437s-order-alerts span{
  line-height:1.3;
}

/* ---------- Tablet / small desktop ---------- */
@media (min-width:768px) and (max-width:1199px){
  .v437w-orders-desktop{
    padding:12px!important;
  }
  .v437w-order-table-scroll table{
    min-width:1080px;
  }
  .v437w-order-table-scroll th{
    font-size:9px;
    padding-left:8px!important;
    padding-right:8px!important;
  }
  .v437w-order-table-scroll td{
    font-size:10.5px;
    padding-left:8px!important;
    padding-right:8px!important;
  }
}

/* ---------- Mobile ---------- */
@media(max-width:767px){
  /* No accidental horizontal page scroll */
  .v437w-orders-mobile,
  .v437w-order-card{
    width:100%;
    max-width:100%;
    min-width:0;
  }
  .v437w-orders-mobile{
    overflow-x:hidden;
    margin-bottom:22px!important;
  }
  .v437w-order-card{
    border-radius:10px;
  }

  /* Header: customer text can wrap instead of colliding with status */
  .v437w-order-card [data-loc="client/src/pages/Orders.tsx:712"]{
    align-items:flex-start!important;
    gap:8px!important;
    padding:10px!important;
  }
  .v437w-order-card [data-loc="client/src/pages/Orders.tsx:713"]{
    min-width:0!important;
    flex:1 1 auto;
  }
  .v437w-order-card [data-loc="client/src/pages/Orders.tsx:714"]{
    width:100%;
    min-width:0;
  }
  .v437w-order-card [data-loc="client/src/pages/Orders.tsx:717"]{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    line-height:1.3;
    font-size:13px!important;
  }
  .v437w-order-card [data-loc="client/src/pages/Orders.tsx:719"]{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    line-height:1.35;
    font-size:10px!important;
  }
  .v437w-order-card [data-loc="client/src/pages/Orders.tsx:721"]{
    flex:none;
    max-width:46%;
  }

  /* Financial cells */
  .v437w-order-card [data-loc="client/src/pages/Orders.tsx:724"]{
    grid-template-columns:1fr 1fr!important;
  }
  .v437w-order-card [data-loc="client/src/pages/Orders.tsx:725"],
  .v437w-order-card [data-loc="client/src/pages/Orders.tsx:729"]{
    padding:9px 10px!important;
  }
  .v437w-order-card [data-loc="client/src/pages/Orders.tsx:727"],
  .v437w-order-card [data-loc="client/src/pages/Orders.tsx:731"]{
    font-size:12.5px!important;
    overflow-wrap:anywhere;
  }

  /* Main fix: dynamic quick buttons always form a clean 2-column grid.
     Previous grid-cols-2/grid-cols-3 was calculated before extra "Đã giao/Thu tiền"
     buttons were added, which made cards look broken. */
  .v437w-mobile-order-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    padding:8px!important;
  }
  .v437w-mobile-order-actions>button,
  .v437w-mobile-order-actions>a{
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    margin:0!important;
    padding:0 7px!important;
    justify-content:center!important;
    font-size:8.5px!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .v437s-mobile-quote-link{
    margin-top:4px;
    max-width:100%;
    width:max-content;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  /* Alert tiles: predictable 2 columns; labels may wrap */
  .v437s-order-alerts{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    margin-bottom:9px!important;
  }
  .v437s-order-alerts article{
    min-height:48px!important;
    padding:8px!important;
    gap:7px!important;
  }
  .v437s-order-alerts b{
    flex:none;
    font-size:14px!important;
  }
  .v437s-order-alerts span{
    white-space:normal!important;
    overflow-wrap:anywhere;
    font-size:7.5px!important;
  }
}

/* very narrow phones */
@media(max-width:390px){
  .v437w-mobile-order-actions{
    grid-template-columns:1fr!important;
  }
  .v437s-order-alerts{
    grid-template-columns:1fr 1fr!important;
  }
}

/* protect page from any new table/button width leaking into viewport */
@media(max-width:767px){
  body{
    overflow-x:hidden;
  }
}


/* ===== V477 SOURCE 237: v437x-product-table-fix.css ===== */

/* V437X - Products desktop table overlap fix */

/* Keep horizontal scrolling inside the product panel only when truly needed. */
.v271-products-page .v271-products-table-wrap{
  width:100%;
  max-width:100%;
  overflow-x:auto!important;
  overflow-y:visible;
  -webkit-overflow-scrolling:touch;
}

/* Stable desktop column geometry.
   The old 760px minimum became too narrow after "Lịch sử giá" was added. */
.v271-products-page .v437x-products-table{
  width:100%;
  min-width:1120px!important;
  table-layout:fixed!important;
  border-collapse:collapse;
}

/* Mã */
.v437x-products-table th:nth-child(1),
.v437x-products-table td:nth-child(1){width:10%!important}
/* Sản phẩm */
.v437x-products-table th:nth-child(2),
.v437x-products-table td:nth-child(2){width:29%!important}
/* Danh mục */
.v437x-products-table th:nth-child(3),
.v437x-products-table td:nth-child(3){width:16%!important}
/* ĐVT */
.v437x-products-table th:nth-child(4),
.v437x-products-table td:nth-child(4){width:7%!important}
/* Giá nhập */
.v437x-products-table th:nth-child(5),
.v437x-products-table td:nth-child(5){width:11%!important}
/* VAT nhập */
.v437x-products-table th:nth-child(6),
.v437x-products-table td:nth-child(6){width:8%!important}
/* Giá bán */
.v437x-products-table th:nth-child(7),
.v437x-products-table td:nth-child(7){width:10%!important}
/* Thao tác */
.v437x-products-table th:nth-child(8),
.v437x-products-table td:nth-child(8){width:19%!important}

.v437x-products-table th,
.v437x-products-table td{
  box-sizing:border-box;
  vertical-align:middle!important;
}

/* Never allow the action group to visually spill into the selling-price cell. */
.v437x-product-price{
  position:relative;
  z-index:1;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis;
}
.v437x-product-actions{
  position:relative;
  z-index:2;
  overflow:hidden!important;
  white-space:nowrap!important;
}
.v437x-product-actions-inner{
  width:100%;
  min-width:0;
  flex-wrap:nowrap!important;
  align-items:center;
}
.v437x-product-actions-inner button{
  flex:0 0 auto;
  min-width:0;
}
.v437x-history-btn{
  padding-left:6px!important;
  padding-right:6px!important;
  font-size:10px!important;
}

/* Keep long names/SKUs from pushing neighbouring columns. */
.v437x-products-table td:nth-child(1),
.v437x-products-table td:nth-child(2),
.v437x-products-table td:nth-child(3){
  overflow:hidden;
  text-overflow:ellipsis;
}
.v437x-products-table td:nth-child(1){
  white-space:nowrap;
}
.v437x-products-table td:nth-child(2),
.v437x-products-table td:nth-child(3){
  white-space:normal;
  overflow-wrap:anywhere;
}

/* 12–15 inch desktop/laptop */
@media(min-width:768px) and (max-width:1366px){
  .v271-products-page .v437x-products-table{
    min-width:1080px!important;
  }
  .v437x-products-table th,
  .v437x-products-table td{
    padding-left:8px!important;
    padding-right:8px!important;
    font-size:10.5px!important;
  }
  .v437x-history-btn{
    font-size:9px!important;
    padding-left:5px!important;
    padding-right:5px!important;
  }
  .v437x-product-actions-inner{
    gap:2px!important;
  }
  .v437x-product-actions-inner button{
    padding-left:5px!important;
    padding-right:5px!important;
  }
}

/* Mobile uses product cards, not this desktop table.
   Keep card controls compact and never let them overflow. */
@media(max-width:767px){
  .v271-products-page{
    overflow-x:hidden;
  }
  .v271-products-page article{
    max-width:100%;
  }
  .v271-products-page article button{
    max-width:100%;
  }
}


/* ===== V477 SOURCE 238: v437y-inventory-intelligence.css ===== */

/* V437Y - Inventory Intelligence */
.v437y-inventory-health,
.v437y-action-center,
.v437y-charts,
.v437y-forecast{
  margin-bottom:12px;
  padding:14px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--card);
}
.v437y-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:11px;
}
.v437y-section-head>div>span{
  display:block;
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em;
  color:var(--muted-foreground);
}
.v437y-section-head h2,
.v437y-section-head h3{
  margin:3px 0 0;
  font-size:13px;
}
.v437y-section-head>small{
  max-width:420px;
  text-align:right;
  font-size:8.5px;
  color:var(--muted-foreground);
}
.v437y-health-kpis{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}
.v437y-health-kpis article,
.v437y-action-grid article{
  min-height:94px;
  padding:11px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--background);
}
.v437y-health-kpis span,
.v437y-action-grid span{
  display:block;
  font-size:8px;
  font-weight:750;
  color:var(--muted-foreground);
}
.v437y-health-kpis b,
.v437y-action-grid b{
  display:block;
  margin-top:6px;
  font-size:18px;
  line-height:1.05;
  font-variant-numeric:tabular-nums;
}
.v437y-health-kpis small,
.v437y-action-grid small{
  display:block;
  margin-top:6px;
  font-size:7.5px;
  line-height:1.35;
  color:var(--muted-foreground);
}
.v437y-action-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}
.v437y-action-grid article{
  position:relative;
  overflow:hidden;
}
.v437y-action-grid article:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:3px;
}
.v437y-action-grid .danger:after{background:#dc2626}
.v437y-action-grid .warning:after{background:#f59e0b}
.v437y-action-grid .slow:after{background:#64748b}
.v437y-action-grid .high:after{background:#7c3aed}
.v437y-action-grid .audit:after{background:#2563eb}

.v437y-chart-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.v437y-chart-card{
  min-width:0;
  padding:11px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--background);
}
.v437y-chart-card.wide{
  grid-column:1/-1;
}
.v437y-chart-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:5px;
}
.v437y-chart-head h4{
  margin:0;
  font-size:10.5px;
}
.v437y-chart-head small{
  font-size:7.8px;
  color:var(--muted-foreground);
}

.v437y-forecast-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.v437y-forecast-grid>article{
  min-width:0;
  padding:11px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--background);
}
.v437y-forecast-grid h4{
  margin:0 0 8px;
  font-size:10.5px;
}
.v437y-forecast-list{
  display:flex;
  flex-direction:column;
}
.v437y-forecast-list>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:44px;
  padding:7px 0;
  border-bottom:1px solid var(--border);
}
.v437y-forecast-list>div:last-child{
  border-bottom:0;
}
.v437y-forecast-list>div>div{
  min-width:0;
}
.v437y-forecast-list strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:8.8px;
}
.v437y-forecast-list small{
  display:block;
  margin-top:2px;
  font-size:7.4px;
  color:var(--muted-foreground);
}
.v437y-forecast-list b{
  flex:none;
  font-size:9px;
  font-variant-numeric:tabular-nums;
}
.v437y-empty{
  margin:0;
  padding:12px 0;
  font-size:8.5px;
  color:var(--muted-foreground);
}

@media(max-width:1100px){
  .v437y-health-kpis,
  .v437y-action-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:760px){
  .v437y-inventory-health,
  .v437y-action-center,
  .v437y-charts,
  .v437y-forecast{
    margin-bottom:9px;
    padding:10px;
    border-radius:10px;
  }
  .v437y-section-head{
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
    margin-bottom:8px;
  }
  .v437y-section-head>small{
    text-align:left;
    font-size:7.5px;
  }
  .v437y-section-head h2,
  .v437y-section-head h3{
    font-size:11px;
  }
  .v437y-health-kpis,
  .v437y-action-grid{
    grid-template-columns:1fr 1fr;
    gap:6px;
  }
  .v437y-health-kpis article,
  .v437y-action-grid article{
    min-height:84px;
    padding:9px;
  }
  .v437y-health-kpis article:last-child:nth-child(odd),
  .v437y-action-grid article:last-child:nth-child(odd){
    grid-column:1/-1;
  }
  .v437y-health-kpis b,
  .v437y-action-grid b{
    font-size:15px;
  }
  .v437y-chart-grid,
  .v437y-forecast-grid{
    grid-template-columns:1fr;
    gap:7px;
  }
  .v437y-chart-card.wide{
    grid-column:auto;
  }
  .v437y-chart-card{
    padding:8px;
  }
  .v437y-chart-head h4{font-size:9.5px}
  .v437y-chart-head small{font-size:7px}
  .v437y-chart-card .recharts-responsive-container{
    height:215px!important;
    min-height:215px!important;
  }
  .v437y-forecast-grid>article{
    padding:9px;
  }
}
@media(max-width:390px){
  .v437y-health-kpis,
  .v437y-action-grid{
    grid-template-columns:1fr;
  }
  .v437y-health-kpis article:last-child:nth-child(odd),
  .v437y-action-grid article:last-child:nth-child(odd){
    grid-column:auto;
  }
}


/* ===== V477 SOURCE 239: v437z-inventory-aging.css ===== */

/* V437Z - Inventory aging chart */
.v437y-chart-card .recharts-wrapper{
  max-width:100%;
}


/* ===== V477 SOURCE 240: v438a-supplier-analytics.css ===== */

/* V438A - Supplier Analytics */
.v438a-supplier-overview,
.v438a-action-center,
.v438a-charts,
.v438a-price-intel{
  margin-bottom:12px;
  padding:14px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--card);
}
.v438a-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:11px;
}
.v438a-section-head>div>span{
  display:block;
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em;
  color:var(--muted-foreground);
}
.v438a-section-head h2,
.v438a-section-head h3{
  margin:3px 0 0;
  font-size:13px;
}
.v438a-section-head>small{
  max-width:420px;
  text-align:right;
  font-size:8.5px;
  color:var(--muted-foreground);
}
.v438a-kpis{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}
.v438a-kpis article,
.v438a-action-grid article{
  min-height:94px;
  padding:11px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--background);
}
.v438a-kpis span,
.v438a-action-grid span{
  display:block;
  font-size:8px;
  font-weight:750;
  color:var(--muted-foreground);
}
.v438a-kpis b,
.v438a-action-grid b{
  display:block;
  margin-top:6px;
  font-size:18px;
  line-height:1.05;
  font-variant-numeric:tabular-nums;
}
.v438a-kpis small,
.v438a-action-grid small{
  display:block;
  margin-top:6px;
  font-size:7.5px;
  line-height:1.35;
  color:var(--muted-foreground);
}
.v438a-action-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.v438a-action-grid article{
  position:relative;
  overflow:hidden;
}
.v438a-action-grid article:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:3px;
}
.v438a-action-grid .danger:after{background:#dc2626}
.v438a-action-grid .warning:after{background:#f59e0b}
.v438a-action-grid .slow:after{background:#64748b}
.v438a-action-grid .price:after{background:#2563eb}

.v438a-chart-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.v438a-chart-card{
  min-width:0;
  padding:11px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--background);
}
.v438a-chart-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:5px;
}
.v438a-chart-head h4{margin:0;font-size:10.5px}
.v438a-chart-head small{font-size:7.8px;color:var(--muted-foreground)}

.v438a-price-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
.v438a-price-grid>article{
  min-width:0;
  padding:11px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--background);
}
.v438a-price-grid h4{
  margin:0 0 8px;
  font-size:10.5px;
}
.v438a-compare-list,
.v438a-price-list{
  display:flex;
  flex-direction:column;
}
.v438a-compare-list>div,
.v438a-price-list>div{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  padding:8px 0;
  border-bottom:1px solid var(--border);
}
.v438a-compare-list>div:last-child,
.v438a-price-list>div:last-child{
  border-bottom:0;
}
.v438a-compare-list strong,
.v438a-price-list strong{
  display:block;
  font-size:8.8px;
}
.v438a-compare-list small,
.v438a-price-list small{
  display:block;
  margin-top:2px;
  font-size:7.3px;
  color:var(--muted-foreground);
}
.v438a-offers{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:3px;
  min-width:150px;
}
.v438a-offers span{
  padding:3px 6px;
  border-radius:999px;
  background:var(--muted);
  font-size:7.4px;
  white-space:nowrap;
}
.v438a-offers span.best{
  background:#dcfce7;
  color:#15803d;
  font-weight:700;
}
.v438a-price-value{
  flex:none;
  text-align:right;
}
.v438a-price-value b{
  display:block;
  font-size:9px;
  font-variant-numeric:tabular-nums;
}
.v438a-empty{
  margin:0;
  padding:12px 0;
  font-size:8.5px;
  color:var(--muted-foreground);
}

@media(max-width:1100px){
  .v438a-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .v438a-action-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .v438a-supplier-overview,
  .v438a-action-center,
  .v438a-charts,
  .v438a-price-intel{
    margin-bottom:9px;
    padding:10px;
    border-radius:10px;
  }
  .v438a-section-head{
    align-items:flex-start;
    flex-direction:column;
    gap:4px;
    margin-bottom:8px;
  }
  .v438a-section-head>small{
    text-align:left;
    font-size:7.5px;
  }
  .v438a-section-head h2,
  .v438a-section-head h3{
    font-size:11px;
  }
  .v438a-kpis{
    grid-template-columns:1fr 1fr;
    gap:6px;
  }
  .v438a-kpis article{
    min-height:82px;
    padding:9px;
  }
  .v438a-kpis article:last-child:nth-child(odd){grid-column:1/-1}
  .v438a-kpis b,
  .v438a-action-grid b{font-size:15px}
  .v438a-action-grid{
    grid-template-columns:1fr 1fr;
    gap:6px;
  }
  .v438a-action-grid article{
    min-height:84px;
    padding:9px;
  }
  .v438a-chart-grid,
  .v438a-price-grid{
    grid-template-columns:1fr;
    gap:7px;
  }
  .v438a-chart-card{padding:8px}
  .v438a-chart-head h4{font-size:9.5px}
  .v438a-chart-head small{font-size:7px}
  .v438a-chart-card .recharts-responsive-container{
    height:215px!important;
    min-height:215px!important;
  }
  .v438a-price-grid>article{padding:9px}
  .v438a-offers{min-width:120px}
}
@media(max-width:390px){
  .v438a-kpis,
  .v438a-action-grid{grid-template-columns:1fr}
  .v438a-kpis article:last-child:nth-child(odd){grid-column:auto}
  .v438a-compare-list>div,
  .v438a-price-list>div{
    flex-direction:column;
  }
  .v438a-offers{
    align-items:flex-start;
    min-width:0;
  }
  .v438a-price-value{text-align:left}
}


/* ===== V477 SOURCE 241: v438b-supplier-mobile.css ===== */

/* V438B - Supplier mobile polish */
@media(max-width:760px){
  .v438a-supplier-overview,
  .v438a-action-center,
  .v438a-charts,
  .v438a-price-intel{
    margin-bottom:8px!important;
    padding:9px!important;
    border-radius:10px!important;
  }

  .v438a-section-head{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:3px!important;
    margin-bottom:8px!important;
  }
  .v438a-section-head>div>span{
    font-size:7px!important;
    letter-spacing:.07em!important;
  }
  .v438a-section-head h2,
  .v438a-section-head h3{
    margin-top:2px!important;
    font-size:11px!important;
    line-height:1.25!important;
  }
  .v438a-section-head>small{
    max-width:none!important;
    text-align:left!important;
    font-size:7.2px!important;
    line-height:1.35!important;
  }

  /* Overview KPI */
  .v438a-kpis{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .v438a-kpis article{
    min-height:80px!important;
    padding:8px!important;
    border-radius:8px!important;
  }
  .v438a-kpis article:last-child:nth-child(odd){
    grid-column:1/-1!important;
  }
  .v438a-kpis span{
    font-size:7.2px!important;
    line-height:1.3!important;
  }
  .v438a-kpis b{
    margin-top:5px!important;
    font-size:15px!important;
    line-height:1.05!important;
    overflow-wrap:anywhere!important;
  }
  .v438a-kpis small{
    margin-top:5px!important;
    font-size:6.9px!important;
    line-height:1.35!important;
  }

  /* Action cards */
  .v438a-action-grid{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .v438a-action-grid article{
    min-height:82px!important;
    padding:8px!important;
    border-radius:8px!important;
  }
  .v438a-action-grid b{
    font-size:15px!important;
  }
  .v438a-action-grid span{
    margin-top:4px!important;
    font-size:7.4px!important;
    line-height:1.3!important;
  }
  .v438a-action-grid small{
    margin-top:4px!important;
    font-size:6.9px!important;
    line-height:1.35!important;
  }

  /* Charts */
  .v438a-chart-grid{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .v438a-chart-card{
    padding:8px!important;
    border-radius:8px!important;
    overflow:hidden!important;
  }
  .v438a-chart-head{
    align-items:flex-start!important;
    gap:4px!important;
    margin-bottom:3px!important;
  }
  .v438a-chart-head h4{
    font-size:9.3px!important;
    line-height:1.25!important;
  }
  .v438a-chart-head small{
    max-width:46%!important;
    text-align:right!important;
    font-size:6.8px!important;
    line-height:1.3!important;
  }
  .v438a-chart-card .recharts-responsive-container{
    height:205px!important;
    min-height:205px!important;
  }
  .v438a-chart-card svg{
    max-width:100%!important;
  }

  /* Price compare */
  .v438a-price-grid{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .v438a-price-grid>article{
    padding:8px!important;
    border-radius:8px!important;
  }
  .v438a-price-grid h4{
    margin-bottom:6px!important;
    font-size:9.3px!important;
  }
  .v438a-compare-list>div,
  .v438a-price-list>div{
    gap:8px!important;
    padding:8px 0!important;
  }
  .v438a-compare-list>div>div:first-child,
  .v438a-price-list>div>div:first-child{
    min-width:0!important;
  }
  .v438a-compare-list strong,
  .v438a-price-list strong{
    font-size:8.5px!important;
    line-height:1.3!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .v438a-compare-list small,
  .v438a-price-list small{
    font-size:6.9px!important;
    line-height:1.3!important;
  }
  .v438a-offers{
    min-width:0!important;
    width:48%!important;
    align-items:flex-end!important;
  }
  .v438a-offers span{
    max-width:100%!important;
    font-size:6.9px!important;
    white-space:normal!important;
    text-align:right!important;
    line-height:1.25!important;
    overflow-wrap:anywhere!important;
  }
  .v438a-price-value b{
    font-size:8.5px!important;
  }
  .v438a-price-value small{
    font-size:6.8px!important;
  }

  /* Existing supplier list */
  .v285-supplier-toolbar{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
  }
  .v285-supplier-toolbar h3{
    font-size:13px!important;
  }
  .v285-supplier-toolbar p{
    font-size:8.5px!important;
    line-height:1.35!important;
  }
  .v285-supplier-tools{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr 110px!important;
    gap:6px!important;
  }
  .v285-supplier-tools>div{
    min-width:0!important;
    width:100%!important;
  }
  .v285-supplier-tools input,
  .v285-supplier-tools select{
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    font-size:8.5px!important;
  }

  .v285-supplier-card{
    padding:10px!important;
    border-radius:9px!important;
  }
  .v285-supplier-card>div:first-child{
    gap:8px!important;
  }
  .v285-supplier-card p{
    min-width:0!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .v285-supplier-card p.font-semibold{
    font-size:11px!important;
    line-height:1.3!important;
  }
  .v285-supplier-card .stamp{
    flex:none!important;
    font-size:7px!important;
    padding:3px 6px!important;
  }
  .v285-supplier-card .mt-3.flex{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .v285-supplier-card button{
    width:100%!important;
    min-width:0!important;
    height:34px!important;
    font-size:8px!important;
  }

  /* Pagination */
  .v285-pagination{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:7px!important;
  }
  .v285-pagination>div:first-child{
    text-align:center!important;
    font-size:7.5px!important;
  }
  .v285-pagination>div:last-child{
    display:grid!important;
    grid-template-columns:1fr auto 1fr!important;
    width:100%!important;
    gap:6px!important;
  }
  .v285-pagination button{
    width:100%!important;
    height:34px!important;
    font-size:8px!important;
  }
  .v285-pagination span{
    min-width:58px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:8px!important;
  }

  /* Modal */
  .fixed.inset-0.z-50 .max-w-2xl{
    max-height:92vh!important;
    overflow-y:auto!important;
    padding:12px!important;
    border-radius:14px 14px 0 0!important;
  }
  .fixed.inset-0.z-50 .max-w-2xl h3{
    font-size:14px!important;
  }
}

@media(max-width:390px){
  .v438a-kpis,
  .v438a-action-grid{
    grid-template-columns:1fr!important;
  }
  .v438a-kpis article:last-child:nth-child(odd){
    grid-column:auto!important;
  }
  .v438a-offers{
    width:100%!important;
    align-items:flex-start!important;
  }
  .v438a-compare-list>div,
  .v438a-price-list>div{
    flex-direction:column!important;
  }
  .v438a-offers span{
    text-align:left!important;
  }
  .v438a-price-value{
    text-align:left!important;
  }
  .v285-supplier-tools{
    grid-template-columns:1fr!important;
  }
}


/* ===== V477 SOURCE 242: v438c-revenue-intelligence.css ===== */

/* V438C - Revenue Intelligence */
.v438c-revenue-health,
.v438c-attention,
.v438c-comparison,
.v438c-trend,
.v438c-forecast{
  margin-bottom:12px;
  padding:14px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--card);
}
.v438c-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:11px;
}
.v438c-section-head>div>span{
  display:block;
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em;
  color:var(--muted-foreground);
}
.v438c-section-head h2,
.v438c-section-head h3{
  margin:3px 0 0;
  font-size:13px;
}
.v438c-section-head>small{
  max-width:420px;
  text-align:right;
  font-size:8.5px;
  color:var(--muted-foreground);
}
.v438c-health-grid,
.v438c-compare-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}
.v438c-health-grid article,
.v438c-attention-grid article,
.v438c-compare-grid article,
.v438c-forecast-grid article{
  min-height:94px;
  padding:11px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--background);
}
.v438c-health-grid span,
.v438c-attention-grid span,
.v438c-compare-grid span,
.v438c-forecast-grid span{
  display:block;
  font-size:8px;
  font-weight:750;
  color:var(--muted-foreground);
}
.v438c-health-grid b,
.v438c-attention-grid b,
.v438c-compare-grid b,
.v438c-forecast-grid b{
  display:block;
  margin-top:6px;
  font-size:18px;
  line-height:1.05;
  font-variant-numeric:tabular-nums;
}
.v438c-health-grid small,
.v438c-attention-grid small,
.v438c-compare-grid small,
.v438c-forecast-grid small{
  display:block;
  margin-top:6px;
  font-size:7.5px;
  line-height:1.35;
  color:var(--muted-foreground);
}
.v438c-health-grid small.up,
.v438c-compare-grid small.up{color:#15803d}
.v438c-health-grid small.down,
.v438c-compare-grid small.down{color:#b91c1c}

.v438c-attention-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.v438c-attention-grid article{
  position:relative;
  overflow:hidden;
}
.v438c-attention-grid article:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:3px;
}
.v438c-attention-grid .loss:after{background:#dc2626}
.v438c-attention-grid .margin:after{background:#f59e0b}
.v438c-attention-grid .debt:after{background:#7c3aed}
.v438c-attention-grid .forecast:after{background:#2563eb}

.v438c-chart-card{
  min-width:0;
  padding:10px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--background);
}
.v438c-forecast-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}

@media(max-width:1100px){
  .v438c-health-grid,
  .v438c-compare-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .v438c-attention-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:760px){
  .v438c-revenue-health,
  .v438c-attention,
  .v438c-comparison,
  .v438c-trend,
  .v438c-forecast{
    margin-bottom:9px;
    padding:10px;
    border-radius:10px;
  }
  .v438c-section-head{
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
    margin-bottom:8px;
  }
  .v438c-section-head>small{
    max-width:none;
    text-align:left;
    font-size:7.3px;
  }
  .v438c-section-head h2,
  .v438c-section-head h3{
    font-size:11px;
  }
  .v438c-health-grid,
  .v438c-compare-grid{
    grid-template-columns:1fr 1fr;
    gap:6px;
  }
  .v438c-health-grid article,
  .v438c-compare-grid article,
  .v438c-attention-grid article,
  .v438c-forecast-grid article{
    min-height:82px;
    padding:9px;
  }
  .v438c-health-grid article:last-child:nth-child(odd),
  .v438c-compare-grid article:last-child:nth-child(odd){
    grid-column:1/-1;
  }
  .v438c-health-grid b,
  .v438c-compare-grid b,
  .v438c-attention-grid b,
  .v438c-forecast-grid b{
    font-size:15px;
    overflow-wrap:anywhere;
  }
  .v438c-attention-grid{
    grid-template-columns:1fr 1fr;
    gap:6px;
  }
  .v438c-chart-card{
    padding:7px;
  }
  .v438c-chart-card .recharts-responsive-container{
    height:215px!important;
    min-height:215px!important;
  }
  .v438c-forecast-grid{
    grid-template-columns:1fr;
    gap:6px;
  }
}

@media(max-width:390px){
  .v438c-health-grid,
  .v438c-compare-grid,
  .v438c-attention-grid{
    grid-template-columns:1fr;
  }
  .v438c-health-grid article:last-child:nth-child(odd),
  .v438c-compare-grid article:last-child:nth-child(odd){
    grid-column:auto;
  }
}


/* ===== V477 SOURCE 243: v438d-revenue-dedupe.css ===== */

/* V438D - Revenue report deduplication */
.v438d-attention-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

@media(max-width:1100px){
  .v438d-attention-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media(max-width:760px){
  .v438d-attention-grid{
    grid-template-columns:1fr 1fr!important;
  }
  .v438d-attention-grid article:last-child:nth-child(odd){
    grid-column:1/-1;
  }
}

@media(max-width:390px){
  .v438d-attention-grid{
    grid-template-columns:1fr!important;
  }
  .v438d-attention-grid article:last-child:nth-child(odd){
    grid-column:auto;
  }
}


/* ===== V477 SOURCE 244: v438e-completed-kpis.css ===== */

/* V438E - completed order KPIs */
.v438c-health-grid{
  grid-template-columns:repeat(7,minmax(0,1fr));
}
.v438e-completed-card,
.v438e-completed-profit-card{
  position:relative;
  overflow:hidden;
}
.v438e-completed-card:after,
.v438e-completed-profit-card:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:3px;
}
.v438e-completed-card:after{background:#2563eb}
.v438e-completed-profit-card:after{background:#16a34a}
@media(max-width:1200px){
  .v438c-health-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:760px){
  .v438c-health-grid{grid-template-columns:1fr 1fr!important}
  .v438c-health-grid article:last-child:nth-child(odd){grid-column:1/-1}
}
@media(max-width:390px){
  .v438c-health-grid{grid-template-columns:1fr!important}
  .v438c-health-grid article:last-child:nth-child(odd){grid-column:auto}
}


/* ===== V477 SOURCE 245: v438f-completed-period.css ===== */

/* V438F - Completed KPIs follow applied report period */
.v438f-completed-card small,
.v438f-completed-profit-card small{
  line-height:1.35;
}
@media(max-width:760px){
  .v438f-completed-card,
  .v438f-completed-profit-card{
    min-height:88px!important;
  }
}


/* ===== V477 SOURCE 246: v438g-revenue-period-labels.css ===== */

/* V438G - Period labels inside Revenue Health KPI cards */
.v438g-period-badge{
  display:inline-flex!important;
  width:max-content;
  max-width:100%;
  margin-top:6px!important;
  padding:2px 6px;
  border-radius:999px;
  background:var(--muted);
  color:var(--foreground)!important;
  font-size:7px!important;
  font-weight:700!important;
  line-height:1.25!important;
  white-space:normal!important;
}
@media(max-width:760px){
  .v438g-period-badge{
    font-size:6.7px!important;
    padding:2px 5px;
  }
}


/* ===== V477 SOURCE 247: v438h-revenue-mobile-pro.css ===== */

/* V438H - Revenue Report Mobile Professional UI */
@media(max-width:760px){

  /* Page rhythm */
  .v197-revenue-report{
    overflow-x:hidden;
  }
  .v197-revenue-report > *{
    max-width:100%;
  }

  /* Applied-result strip */
  .v197-revenue-report [data-loc="client/src/pages/Reports.tsx:513"]{
    margin-bottom:9px!important;
    padding:10px!important;
    border-radius:10px!important;
    align-items:flex-start!important;
  }
  .v197-revenue-report [data-loc="client/src/pages/Reports.tsx:518"]{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .v197-revenue-report [data-loc="client/src/pages/Reports.tsx:519"]{
    grid-column:1/-1!important;
    font-size:8px!important;
    line-height:1.35!important;
  }
  .v197-revenue-report [data-loc="client/src/pages/Reports.tsx:518"] button{
    width:100%!important;
    min-width:0!important;
    height:34px!important;
    padding:0 8px!important;
    font-size:8px!important;
  }

  /* Revenue intelligence sections */
  .v438c-revenue-health,
  .v438c-attention,
  .v438c-comparison,
  .v438c-trend,
  .v438c-forecast{
    margin-bottom:8px!important;
    padding:9px!important;
    border-radius:10px!important;
  }

  .v438c-section-head{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:3px!important;
    margin-bottom:8px!important;
  }
  .v438c-section-head>div>span{
    font-size:6.8px!important;
    letter-spacing:.075em!important;
  }
  .v438c-section-head h2,
  .v438c-section-head h3{
    margin-top:2px!important;
    font-size:11px!important;
    line-height:1.25!important;
  }
  .v438c-section-head>small{
    max-width:none!important;
    text-align:left!important;
    font-size:7px!important;
    line-height:1.35!important;
  }

  /* Revenue health cards */
  .v438c-health-grid{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .v438c-health-grid article{
    min-height:104px!important;
    padding:9px!important;
    border-radius:9px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
  }
  .v438c-health-grid article:last-child:nth-child(odd){
    grid-column:1/-1!important;
  }
  .v438c-health-grid span{
    font-size:6.9px!important;
    line-height:1.28!important;
    letter-spacing:.01em!important;
  }
  .v438c-health-grid b{
    margin-top:6px!important;
    font-size:15px!important;
    line-height:1.05!important;
    overflow-wrap:anywhere!important;
  }
  .v438c-health-grid small{
    margin-top:5px!important;
    font-size:6.7px!important;
    line-height:1.3!important;
  }
  .v438g-period-badge{
    margin-top:6px!important;
    padding:3px 6px!important;
    border-radius:999px!important;
    font-size:6.6px!important;
    font-weight:700!important;
    line-height:1.2!important;
  }

  /* Strong visual distinction for completed KPIs */
  .v438f-completed-card,
  .v438f-completed-profit-card{
    min-height:108px!important;
  }
  .v438f-completed-card{
    box-shadow:inset 0 -3px 0 #2563eb;
  }
  .v438f-completed-profit-card{
    box-shadow:inset 0 -3px 0 #16a34a;
  }

  /* Attention */
  .v438d-attention-grid{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .v438d-attention-grid article{
    min-height:88px!important;
    padding:9px!important;
    border-radius:9px!important;
  }
  .v438d-attention-grid article:last-child:nth-child(odd){
    grid-column:1/-1!important;
  }
  .v438d-attention-grid b{
    font-size:15px!important;
    line-height:1.05!important;
    overflow-wrap:anywhere!important;
  }
  .v438d-attention-grid span{
    margin-top:4px!important;
    font-size:7.2px!important;
    line-height:1.3!important;
  }
  .v438d-attention-grid small{
    margin-top:4px!important;
    font-size:6.7px!important;
    line-height:1.35!important;
  }

  /* Comparison */
  .v438c-compare-grid{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .v438c-compare-grid article{
    min-height:88px!important;
    padding:9px!important;
    border-radius:9px!important;
  }
  .v438c-compare-grid article:last-child:nth-child(odd){
    grid-column:1/-1!important;
  }
  .v438c-compare-grid span{
    font-size:6.9px!important;
    line-height:1.3!important;
  }
  .v438c-compare-grid b{
    margin-top:5px!important;
    font-size:14px!important;
    line-height:1.05!important;
    overflow-wrap:anywhere!important;
  }
  .v438c-compare-grid small{
    margin-top:4px!important;
    font-size:6.7px!important;
  }

  /* Trend chart */
  .v438c-chart-card{
    padding:7px!important;
    border-radius:9px!important;
    overflow:hidden!important;
  }
  .v438c-chart-card .recharts-responsive-container{
    height:205px!important;
    min-height:205px!important;
  }
  .v438c-chart-card svg{
    max-width:100%!important;
  }

  /* Forecast */
  .v438c-forecast-grid{
    grid-template-columns:1fr!important;
    gap:6px!important;
  }
  .v438c-forecast-grid article{
    min-height:78px!important;
    padding:9px!important;
    border-radius:9px!important;
  }
  .v438c-forecast-grid span{
    font-size:7px!important;
  }
  .v438c-forecast-grid b{
    margin-top:5px!important;
    font-size:14px!important;
  }
  .v438c-forecast-grid small{
    font-size:6.8px!important;
  }

  /* Orders section */
  .v197-revenue-report [data-loc="client/src/pages/Reports.tsx:542"]{
    margin-bottom:9px!important;
    padding:9px!important;
    border-radius:10px!important;
  }
  .v197-revenue-report [data-loc="client/src/pages/Reports.tsx:545"]{
    font-size:11px!important;
    line-height:1.3!important;
  }
  .v197-revenue-report [data-loc="client/src/pages/Reports.tsx:546"]{
    margin-top:4px!important;
    font-size:7.2px!important;
    line-height:1.4!important;
  }

  .v199-report-orders-mobile{
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
  }
  .v199-report-order-card{
    border-radius:10px!important;
    overflow:hidden!important;
  }
  .v199-report-order-head{
    padding:9px!important;
    gap:7px!important;
    align-items:flex-start!important;
  }
  .v199-report-order-head .stamp{
    flex:none!important;
    max-width:44%!important;
    font-size:6.8px!important;
    padding:3px 6px!important;
    white-space:normal!important;
    text-align:center!important;
    line-height:1.2!important;
  }
  .v199-report-order-grid{
    grid-template-columns:1fr 1fr!important;
    gap:0!important;
  }
  .v199-report-order-grid>div{
    min-width:0!important;
    padding:8px!important;
  }
  .v199-report-order-grid span{
    font-size:6.8px!important;
    line-height:1.3!important;
  }
  .v199-report-order-grid strong{
    margin-top:3px!important;
    font-size:8.8px!important;
    line-height:1.35!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .v199-report-order-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
    padding:8px!important;
  }
  .v199-report-order-actions button{
    width:100%!important;
    height:34px!important;
    min-width:0!important;
    font-size:8px!important;
  }

  /* Tabs */
  .v197-revenue-report [role="tablist"]{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:5px!important;
    height:auto!important;
    padding:5px!important;
    border-radius:10px!important;
  }
  .v197-revenue-report [role="tab"]{
    width:100%!important;
    min-width:0!important;
    min-height:34px!important;
    padding:6px 7px!important;
    font-size:7.6px!important;
    line-height:1.2!important;
    white-space:normal!important;
    text-align:center!important;
    border-radius:7px!important;
  }

  /* Product/detail cards */
  .v200-product-card{
    border-radius:10px!important;
  }
  .v200-product-head{
    padding:9px!important;
    gap:7px!important;
  }
  .v200-product-meta{
    grid-template-columns:1fr 1fr!important;
  }
  .v200-product-meta>div{
    padding:8px!important;
  }
  .v200-product-meta span{
    font-size:6.8px!important;
  }
  .v200-product-meta strong{
    font-size:8.5px!important;
    line-height:1.3!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  /* Generic pager inside report */
  .v197-revenue-report .v296-pager,
  .v197-revenue-report .v299-detail-pager{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
  }

  /* Avoid accidental horizontal overflow from old report tables/charts */
  .v197-revenue-report .ledger-cell{
    max-width:100%;
  }
}

@media(max-width:390px){
  .v438c-health-grid,
  .v438d-attention-grid,
  .v438c-compare-grid{
    grid-template-columns:1fr!important;
  }
  .v438c-health-grid article:last-child:nth-child(odd),
  .v438d-attention-grid article:last-child:nth-child(odd),
  .v438c-compare-grid article:last-child:nth-child(odd){
    grid-column:auto!important;
  }
  .v197-revenue-report [data-loc="client/src/pages/Reports.tsx:518"],
  .v199-report-order-actions,
  .v197-revenue-report [role="tablist"]{
    grid-template-columns:1fr!important;
  }
  .v199-report-order-grid,
  .v200-product-meta{
    grid-template-columns:1fr!important;
  }
}


/* ===== V477 SOURCE 248: v438i-profit-intelligence.css ===== */

/* V438I - Profit Intelligence */
.v438i-profit-health,
.v438i-attention,
.v438i-bridge,
.v438i-forecast{
  margin-bottom:12px;
  padding:14px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--card);
}
.v438i-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:11px;
}
.v438i-section-head>div>span{
  display:block;
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em;
  color:var(--muted-foreground);
}
.v438i-section-head h2,
.v438i-section-head h3{
  margin:3px 0 0;
  font-size:13px;
}
.v438i-section-head>small{
  max-width:420px;
  text-align:right;
  font-size:8.5px;
  color:var(--muted-foreground);
}
.v438i-health-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:8px;
}
.v438i-health-grid article,
.v438i-attention-grid article,
.v438i-forecast-grid article{
  min-height:94px;
  padding:11px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--background);
}
.v438i-health-grid span,
.v438i-attention-grid span,
.v438i-forecast-grid span{
  display:block;
  font-size:8px;
  font-weight:750;
  color:var(--muted-foreground);
}
.v438i-health-grid b,
.v438i-attention-grid b,
.v438i-forecast-grid b{
  display:block;
  margin-top:6px;
  font-size:17px;
  line-height:1.05;
  font-variant-numeric:tabular-nums;
}
.v438i-health-grid small,
.v438i-attention-grid small,
.v438i-forecast-grid small{
  display:block;
  margin-top:6px;
  font-size:7.4px;
  line-height:1.35;
  color:var(--muted-foreground);
}
.v438i-health-grid small.up,
.v438i-compare-list .up{color:#15803d}
.v438i-health-grid small.down,
.v438i-compare-list .down{color:#b91c1c}
.v438i-net-card,
.v438i-debt-card{
  position:relative;
  overflow:hidden;
}
.v438i-net-card:after,
.v438i-debt-card:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:3px;
}
.v438i-net-card:after{background:#16a34a}
.v438i-debt-card:after{background:#7c3aed}

.v438i-attention-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.v438i-attention-grid article{
  position:relative;
  overflow:hidden;
}
.v438i-attention-grid article:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:3px;
}
.v438i-attention-grid .loss:after{background:#dc2626}
.v438i-attention-grid .margin:after{background:#f59e0b}
.v438i-attention-grid .operating:after{background:#ea580c}
.v438i-attention-grid .supplier:after{background:#7c3aed}

.v438i-bridge-flow{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr) auto) minmax(0,1fr);
  align-items:center;
  gap:7px;
}
.v438i-bridge-flow article{
  min-width:0;
  padding:10px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--background);
}
.v438i-bridge-flow article span{
  display:block;
  font-size:7.5px;
  color:var(--muted-foreground);
}
.v438i-bridge-flow article b{
  display:block;
  margin-top:5px;
  font-size:12px;
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}
.v438i-bridge-flow i{
  font-style:normal;
  font-size:16px;
  font-weight:700;
  color:var(--muted-foreground);
}
.v438i-bridge-flow .positive b{color:#15803d}
.v438i-bridge-flow .result{
  border-color:#86efac;
  background:#f0fdf4;
}
.v438i-bridge-flow .result b{color:#15803d}

.v438i-analytics-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-bottom:12px;
}
.v438i-chart-card,
.v438i-compare-card{
  min-width:0;
  padding:11px;
  border:1px solid var(--border);
  border-radius:10px;
  background:var(--card);
}
.v438i-chart-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:5px;
}
.v438i-chart-head h4{
  margin:0;
  font-size:10.5px;
}
.v438i-chart-head small{
  font-size:7.6px;
  color:var(--muted-foreground);
}
.v438i-compare-list{
  display:flex;
  flex-direction:column;
}
.v438i-compare-list>div{
  display:grid;
  grid-template-columns:1fr auto auto;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:7px 0;
  border-bottom:1px solid var(--border);
}
.v438i-compare-list>div:last-child{border-bottom:0}
.v438i-compare-list span{font-size:8px;color:var(--muted-foreground)}
.v438i-compare-list b{font-size:9px;font-variant-numeric:tabular-nums}
.v438i-compare-list em{
  min-width:52px;
  text-align:right;
  font-style:normal;
  font-size:8px;
  font-weight:700;
}

.v438i-forecast-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}

@media(max-width:1200px){
  .v438i-health-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .v438i-bridge-flow{
    grid-template-columns:1fr auto 1fr auto 1fr;
  }
  .v438i-bridge-flow article:nth-of-type(n+4),
  .v438i-bridge-flow i:nth-of-type(n+4){
    margin-top:7px;
  }
}

@media(max-width:760px){
  .v438i-profit-health,
  .v438i-attention,
  .v438i-bridge,
  .v438i-forecast{
    margin-bottom:9px;
    padding:10px;
    border-radius:10px;
  }
  .v438i-section-head{
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
    margin-bottom:8px;
  }
  .v438i-section-head>small{
    max-width:none;
    text-align:left;
    font-size:7px;
  }
  .v438i-section-head h2,
  .v438i-section-head h3{font-size:11px}

  .v438i-health-grid{
    grid-template-columns:1fr 1fr!important;
    gap:6px;
  }
  .v438i-health-grid article{
    min-height:88px;
    padding:9px;
  }
  .v438i-health-grid article:last-child:nth-child(odd){
    grid-column:1/-1;
  }
  .v438i-health-grid b,
  .v438i-attention-grid b,
  .v438i-forecast-grid b{
    font-size:14px;
    overflow-wrap:anywhere;
  }

  .v438i-attention-grid{
    grid-template-columns:1fr 1fr;
    gap:6px;
  }
  .v438i-attention-grid article{
    min-height:84px;
    padding:9px;
  }

  .v438i-bridge-flow{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:5px;
  }
  .v438i-bridge-flow article{
    padding:9px;
  }
  .v438i-bridge-flow i{
    align-self:center;
    transform:rotate(90deg);
    font-size:13px;
  }

  .v438i-analytics-grid{
    grid-template-columns:1fr;
    gap:7px;
    margin-bottom:9px;
  }
  .v438i-chart-card,
  .v438i-compare-card{
    padding:8px;
  }
  .v438i-chart-card .recharts-responsive-container{
    height:210px!important;
    min-height:210px!important;
  }
  .v438i-chart-head h4{font-size:9.5px}
  .v438i-chart-head small{font-size:6.9px}

  .v438i-forecast-grid{
    grid-template-columns:1fr;
    gap:6px;
  }
  .v438i-forecast-grid article{
    min-height:76px;
    padding:9px;
  }
}

@media(max-width:390px){
  .v438i-health-grid,
  .v438i-attention-grid{
    grid-template-columns:1fr!important;
  }
  .v438i-health-grid article:last-child:nth-child(odd){
    grid-column:auto;
  }
}


/* ===== V477 SOURCE 249: v438j-profit-mobile-pro.css ===== */

/* V438J - Profit & Cost Mobile Professional UI */
@media(max-width:760px){

  /* Page safety */
  .v177-finance-mobile{
    overflow-x:hidden;
  }
  .v177-finance-mobile > *{
    max-width:100%;
  }

  /* Header actions / filters */
  .v177-finance-mobile [data-loc="client/src/pages/Finance.tsx:224"]{
    margin-bottom:8px!important;
  }
  .v177-finance-mobile [data-loc="client/src/pages/Finance.tsx:224"] [class*="actions"],
  .v177-finance-mobile [data-loc="client/src/pages/Finance.tsx:224"] .flex.flex-wrap.items-center.gap-2{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .v177-finance-mobile [data-loc="client/src/pages/Finance.tsx:224"] .flex.flex-wrap.items-center.gap-2 > span{
    grid-column:1/-1!important;
    font-size:7px!important;
    margin-bottom:1px!important;
  }
  .v177-finance-mobile [data-loc="client/src/pages/Finance.tsx:224"] button,
  .v177-finance-mobile [data-loc="client/src/pages/Finance.tsx:224"] input,
  .v177-finance-mobile [data-loc="client/src/pages/Finance.tsx:224"] [role="combobox"]{
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    font-size:8.2px!important;
  }

  /* Old cashflow KPI strip */
  .v177-finance-mobile [data-loc="client/src/pages/Finance.tsx:250"]{
    grid-template-columns:1fr!important;
    gap:6px!important;
    background:transparent!important;
    overflow:visible!important;
    margin-bottom:9px!important;
  }
  .v177-finance-mobile [data-loc="client/src/pages/Finance.tsx:250"] > *{
    border:1px solid var(--border)!important;
    border-radius:9px!important;
    min-height:80px!important;
  }

  /* Main intelligence sections */
  .v438i-profit-health,
  .v438i-attention,
  .v438i-bridge,
  .v438i-forecast{
    margin-bottom:8px!important;
    padding:9px!important;
    border-radius:10px!important;
  }

  .v438i-section-head{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:3px!important;
    margin-bottom:8px!important;
  }
  .v438i-section-head>div>span{
    font-size:6.8px!important;
    letter-spacing:.075em!important;
  }
  .v438i-section-head h2,
  .v438i-section-head h3{
    margin-top:2px!important;
    font-size:11px!important;
    line-height:1.25!important;
  }
  .v438i-section-head>small{
    max-width:none!important;
    text-align:left!important;
    font-size:7px!important;
    line-height:1.35!important;
  }

  /* Profit health */
  .v438i-health-grid{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .v438i-health-grid article{
    min-height:100px!important;
    padding:9px!important;
    border-radius:9px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
  }
  .v438i-health-grid article:last-child:nth-child(odd){
    grid-column:1/-1!important;
  }
  .v438i-health-grid span{
    font-size:6.9px!important;
    line-height:1.28!important;
  }
  .v438i-health-grid b{
    margin-top:6px!important;
    font-size:14.5px!important;
    line-height:1.05!important;
    overflow-wrap:anywhere!important;
  }
  .v438i-health-grid small{
    margin-top:5px!important;
    font-size:6.7px!important;
    line-height:1.35!important;
  }
  .v438i-net-card{
    box-shadow:inset 0 -3px 0 #16a34a;
  }
  .v438i-debt-card{
    box-shadow:inset 0 -3px 0 #7c3aed;
  }

  /* Attention */
  .v438i-attention-grid{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .v438i-attention-grid article{
    min-height:86px!important;
    padding:9px!important;
    border-radius:9px!important;
  }
  .v438i-attention-grid b{
    font-size:14px!important;
    line-height:1.05!important;
    overflow-wrap:anywhere!important;
  }
  .v438i-attention-grid span{
    margin-top:4px!important;
    font-size:7px!important;
    line-height:1.3!important;
  }
  .v438i-attention-grid small{
    margin-top:4px!important;
    font-size:6.7px!important;
    line-height:1.35!important;
  }

  /* Profit bridge becomes a clean vertical flow */
  .v438i-bridge-flow{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:4px!important;
  }
  .v438i-bridge-flow article{
    min-height:58px!important;
    padding:9px 10px!important;
    border-radius:9px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
  }
  .v438i-bridge-flow article span{
    font-size:7px!important;
    line-height:1.25!important;
  }
  .v438i-bridge-flow article b{
    margin-top:0!important;
    font-size:11px!important;
    text-align:right!important;
    white-space:nowrap!important;
  }
  .v438i-bridge-flow i{
    align-self:center!important;
    transform:none!important;
    width:22px!important;
    height:22px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    background:var(--muted)!important;
    font-size:11px!important;
  }

  /* Analytics cards */
  .v438i-analytics-grid{
    grid-template-columns:1fr!important;
    gap:7px!important;
    margin-bottom:8px!important;
  }
  .v438i-chart-card,
  .v438i-compare-card{
    padding:8px!important;
    border-radius:9px!important;
  }
  .v438i-chart-head{
    align-items:flex-start!important;
    gap:5px!important;
    margin-bottom:4px!important;
  }
  .v438i-chart-head h4{
    font-size:9.4px!important;
    line-height:1.25!important;
  }
  .v438i-chart-head small{
    max-width:48%!important;
    text-align:right!important;
    font-size:6.8px!important;
    line-height:1.3!important;
  }
  .v438i-chart-card .recharts-responsive-container{
    height:205px!important;
    min-height:205px!important;
  }
  .v438i-chart-card svg{
    max-width:100%!important;
  }

  /* Compare list */
  .v438i-compare-list>div{
    grid-template-columns:1fr auto!important;
    grid-template-areas:
      "label value"
      "label delta"!important;
    gap:3px 8px!important;
    min-height:48px!important;
    padding:7px 0!important;
  }
  .v438i-compare-list span{
    grid-area:label!important;
    align-self:center!important;
    font-size:7px!important;
  }
  .v438i-compare-list b{
    grid-area:value!important;
    text-align:right!important;
    font-size:8.5px!important;
  }
  .v438i-compare-list em{
    grid-area:delta!important;
    min-width:0!important;
    text-align:right!important;
    font-size:7px!important;
  }

  /* Forecast */
  .v438i-forecast-grid{
    grid-template-columns:1fr!important;
    gap:6px!important;
  }
  .v438i-forecast-grid article{
    min-height:76px!important;
    padding:9px!important;
    border-radius:9px!important;
  }
  .v438i-forecast-grid span{
    font-size:7px!important;
  }
  .v438i-forecast-grid b{
    margin-top:5px!important;
    font-size:14px!important;
    overflow-wrap:anywhere!important;
  }
  .v438i-forecast-grid small{
    font-size:6.8px!important;
  }

  /* Manual income/expense section */
  .v177-finance-mobile [data-loc="client/src/pages/Finance.tsx:276"]{
    margin-bottom:9px!important;
    padding:9px!important;
    border-radius:10px!important;
  }
  .v177-finance-mobile [data-loc="client/src/pages/Finance.tsx:277"]{
    align-items:flex-start!important;
    gap:8px!important;
  }
  .v177-finance-mobile [data-loc="client/src/pages/Finance.tsx:279"]{
    font-size:11px!important;
  }
  .v177-finance-mobile [data-loc="client/src/pages/Finance.tsx:280"]{
    font-size:7.2px!important;
    line-height:1.4!important;
  }
  .v177-finance-mobile [data-loc="client/src/pages/Finance.tsx:286"]{
    width:100%!important;
    min-width:0!important;
    height:34px!important;
    font-size:8px!important;
  }

  /* Existing P&L chart / formula / report */
  .v177-finance-mobile [data-loc="client/src/pages/Finance.tsx:344"],
  .v177-finance-mobile [data-loc="client/src/pages/Finance.tsx:360"] > div{
    padding:9px!important;
    border-radius:10px!important;
  }
  .v177-finance-mobile [data-loc="client/src/pages/Finance.tsx:344"] .recharts-responsive-container{
    height:210px!important;
    min-height:210px!important;
  }
  .v177-finance-mobile [data-loc="client/src/pages/Finance.tsx:360"]{
    grid-template-columns:1fr!important;
    gap:7px!important;
    margin-bottom:9px!important;
  }
  .v177-finance-mobile [data-loc="client/src/pages/Finance.tsx:363"]{
    font-size:14px!important;
    line-height:1.35!important;
  }
  .v177-finance-mobile [data-loc="client/src/pages/Finance.tsx:364"]{
    font-size:7.2px!important;
    line-height:1.4!important;
  }

  /* Generic P&L value rows */
  .v177-finance-mobile [data-loc^="client/src/pages/Finance.tsx:37"],
  .v177-finance-mobile [data-loc^="client/src/pages/Finance.tsx:38"],
  .v177-finance-mobile [data-loc^="client/src/pages/Finance.tsx:39"],
  .v177-finance-mobile [data-loc^="client/src/pages/Finance.tsx:40"]{
    min-width:0;
  }

  /* Keep long money values inside viewport */
  .v177-finance-mobile .tabular,
  .v177-finance-mobile .stat-figure{
    overflow-wrap:anywhere;
  }

  /* Any horizontal table should scroll only inside its own card */
  .v177-finance-mobile .overflow-x-auto{
    -webkit-overflow-scrolling:touch;
    scrollbar-gutter:stable;
  }

  /* Dialog */
  .v177-finance-mobile .fixed.inset-0.z-50 .max-w-2xl,
  .v177-finance-mobile .fixed.inset-0.z-50 .max-w-lg{
    width:calc(100vw - 16px)!important;
    max-height:92vh!important;
    overflow-y:auto!important;
    padding:12px!important;
    border-radius:14px!important;
  }
}

@media(max-width:390px){
  .v438i-health-grid,
  .v438i-attention-grid{
    grid-template-columns:1fr!important;
  }
  .v438i-health-grid article:last-child:nth-child(odd){
    grid-column:auto!important;
  }

  .v177-finance-mobile [data-loc="client/src/pages/Finance.tsx:224"] .flex.flex-wrap.items-center.gap-2{
    grid-template-columns:1fr!important;
  }

  .v438i-bridge-flow article{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .v438i-bridge-flow article b{
    text-align:left!important;
    white-space:normal!important;
  }
}


/* ===== V477 SOURCE 250: v438k-profit-dedupe.css ===== */

/* V438K - Profit report deduplication */
.v438k-attention-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
@media(max-width:760px){
  .v438k-attention-grid{
    grid-template-columns:1fr 1fr!important;
  }
  .v438k-attention-grid article:last-child:nth-child(odd){
    grid-column:1/-1;
  }
}
@media(max-width:390px){
  .v438k-attention-grid{
    grid-template-columns:1fr!important;
  }
  .v438k-attention-grid article:last-child:nth-child(odd){
    grid-column:auto;
  }
}


/* ===== V477 SOURCE 251: v438l-customer-debt-summary.css ===== */

/* V438L - Customer debt summary */
.v438l-customer-debt-summary{
  border-radius:12px;
}
.v438l-summary-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}
.v438l-summary-total{
  flex:none;
  text-align:right;
}
.v438l-summary-total span{
  display:block;
  font-size:8px;
  color:var(--muted-foreground);
}
.v438l-summary-total strong{
  display:block;
  margin-top:3px;
  font-size:18px;
  font-variant-numeric:tabular-nums;
}
.v438l-tools{
  display:grid;
  grid-template-columns:minmax(240px,1fr) 180px 120px;
  gap:8px;
  margin-bottom:10px;
}
.v438l-search,
.v438l-select{
  height:34px;
  min-width:0;
  border:1px solid var(--border);
  border-radius:7px;
  background:var(--background);
  color:var(--foreground);
  padding:0 9px;
  font-size:8.5px;
}
.v438l-table-wrap{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.v438l-table{
  width:100%;
  min-width:1080px;
  border-collapse:collapse;
}
.v438l-table th,
.v438l-table td{
  padding:9px 8px;
  border-bottom:1px solid var(--border);
  text-align:left;
  vertical-align:middle;
  font-size:9px;
}
.v438l-table th{
  color:var(--muted-foreground);
  font-size:7.8px;
  font-weight:700;
  white-space:nowrap;
}
.v438l-table .num,
.v438l-table .money{
  text-align:right;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.v438l-table .paid{
  color:#15803d;
}
.v438l-table .debt{
  color:#b91c1c;
  font-weight:800;
}
.v438l-customer-name strong{
  display:block;
  font-size:9px;
}
.v438l-customer-name small{
  display:block;
  margin-top:2px;
  color:var(--muted-foreground);
  font-size:7px;
}
.v438l-age{
  display:inline-flex;
  align-items:center;
  min-height:20px;
  padding:2px 6px;
  border-radius:999px;
  background:var(--muted);
  font-size:7px;
  font-weight:700;
  white-space:nowrap;
}
.v438l-age.warning{
  background:#fef3c7;
  color:#b45309;
}
.v438l-age.danger{
  background:#fee2e2;
  color:#b91c1c;
}
.v438l-detail-btn{
  height:30px!important;
  padding:0 8px!important;
  font-size:8px!important;
}
.v438l-mobile-list{
  display:none;
}
.v438l-pagination{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:10px;
}
.v438l-pagination>span{
  font-size:7.8px;
  color:var(--muted-foreground);
}
.v438l-pagination>div{
  display:flex;
  align-items:center;
  gap:6px;
}
.v438l-pagination strong{
  min-width:48px;
  text-align:center;
  font-size:8px;
}
.v438l-pagination button{
  height:30px!important;
  font-size:8px!important;
}
.v438l-empty{
  padding:20px 10px;
  border:1px dashed var(--border);
  border-radius:8px;
  text-align:center;
  color:var(--muted-foreground);
  font-size:8.5px;
}

@media(max-width:760px){
  .v438l-customer-debt-summary{
    padding:10px!important;
    border-radius:10px;
  }
  .v438l-summary-head{
    align-items:flex-start;
    flex-direction:column;
    gap:6px;
    margin-bottom:9px;
  }
  .v438l-summary-head h3{
    font-size:11px!important;
  }
  .v438l-summary-head p{
    font-size:7.2px!important;
    line-height:1.4!important;
  }
  .v438l-summary-total{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    text-align:left;
    padding:8px 9px;
    border:1px solid var(--border);
    border-radius:8px;
    background:var(--background);
  }
  .v438l-summary-total strong{
    margin:0;
    font-size:14px;
  }
  .v438l-tools{
    grid-template-columns:1fr 1fr;
    gap:6px;
  }
  .v438l-search{
    grid-column:1/-1;
  }
  .v438l-search,
  .v438l-select{
    width:100%;
    height:36px;
    font-size:8px;
  }
  .v438l-table-wrap{
    display:none;
  }
  .v438l-mobile-list{
    display:flex;
    flex-direction:column;
    gap:7px;
  }
  .v438l-card{
    padding:10px;
    border:1px solid var(--border);
    border-radius:10px;
    background:var(--background);
  }
  .v438l-card-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:8px;
    padding-bottom:8px;
    border-bottom:1px solid var(--border);
  }
  .v438l-card-head>div{
    min-width:0;
  }
  .v438l-card-head strong{
    display:block;
    font-size:10px;
    line-height:1.3;
    overflow-wrap:anywhere;
  }
  .v438l-card-head small{
    display:block;
    margin-top:2px;
    color:var(--muted-foreground);
    font-size:7px;
    line-height:1.3;
  }
  .v438l-card-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    margin-top:8px;
    border:1px solid var(--border);
    border-radius:8px;
    overflow:hidden;
  }
  .v438l-card-grid>div{
    min-width:0;
    padding:8px;
    border-right:1px solid var(--border);
    border-bottom:1px solid var(--border);
  }
  .v438l-card-grid>div:nth-child(2n){
    border-right:0;
  }
  .v438l-card-grid>div:nth-last-child(-n+2){
    border-bottom:0;
  }
  .v438l-card-grid span{
    display:block;
    font-size:6.7px;
    color:var(--muted-foreground);
  }
  .v438l-card-grid b{
    display:block;
    margin-top:4px;
    font-size:9px;
    line-height:1.25;
    font-variant-numeric:tabular-nums;
    overflow-wrap:anywhere;
  }
  .v438l-card-grid .debt b{
    color:#b91c1c;
    font-size:10px;
  }
  .v438l-card-button{
    width:100%!important;
    height:34px!important;
    margin-top:8px;
    font-size:8px!important;
  }
  .v438l-pagination{
    flex-direction:column;
    align-items:stretch;
    gap:7px;
  }
  .v438l-pagination>span{
    text-align:center;
    font-size:7.2px;
  }
  .v438l-pagination>div{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    width:100%;
  }
  .v438l-pagination button{
    width:100%!important;
    height:34px!important;
  }
}

@media(max-width:390px){
  .v438l-tools{
    grid-template-columns:1fr;
  }
  .v438l-search{
    grid-column:auto;
  }
  .v438l-card-grid{
    grid-template-columns:1fr;
  }
  .v438l-card-grid>div{
    border-right:0!important;
    border-bottom:1px solid var(--border)!important;
  }
  .v438l-card-grid>div:last-child{
    border-bottom:0!important;
  }
}


/* ===== V477 SOURCE 252: v438m-debt-mobile-pro.css ===== */

/* V438M - Debt dedupe + mobile polish */

/* Remove duplicated explanation panel; the compact note at top already explains the rule. */
.v438m-sale-grid > :last-child{
  display:none!important;
}

/* ---------- Mobile ---------- */
@media(max-width:760px){
  .v177-debts-mobile{
    overflow-x:hidden;
  }
  .v177-debts-mobile > *{
    max-width:100%;
  }

  /* Header + area filter */
  .v177-debts-mobile [data-loc="client/src/pages/Debts.tsx:DEBT_DELIVERED"]{
    max-width:100%;
  }
  .v177-debts-mobile [role="combobox"]{
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    font-size:8.2px!important;
  }

  /* Compact rule note */
  .v438m-debt-note{
    margin-bottom:8px!important;
    padding:9px 10px!important;
    border-radius:9px!important;
    font-size:7.3px!important;
    line-height:1.45!important;
  }

  /* Top debt KPI */
  .v438m-debt-kpis{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
    background:transparent!important;
    overflow:visible!important;
    margin-bottom:9px!important;
  }
  .v438m-debt-kpis > *{
    min-height:86px!important;
    border:1px solid var(--border)!important;
    border-radius:9px!important;
  }
  .v438m-debt-kpis > *:last-child:nth-child(odd){
    grid-column:1/-1!important;
  }

  /* Customer debt summary */
  .v438l-customer-debt-summary{
    margin-bottom:9px!important;
    padding:9px!important;
    border-radius:10px!important;
  }
  .v438l-summary-head{
    gap:5px!important;
  }
  .v438l-summary-head .eyebrow{
    font-size:6.8px!important;
  }
  .v438l-summary-head h3{
    font-size:11px!important;
    line-height:1.25!important;
  }
  .v438l-summary-head p{
    font-size:7px!important;
    line-height:1.4!important;
  }
  .v438l-summary-total{
    padding:8px 9px!important;
  }
  .v438l-summary-total span{
    font-size:6.8px!important;
  }
  .v438l-summary-total strong{
    font-size:14px!important;
    overflow-wrap:anywhere;
  }
  .v438l-tools{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .v438l-search{
    grid-column:1/-1!important;
  }
  .v438l-search,
  .v438l-select{
    height:36px!important;
    font-size:8px!important;
  }

  .v438l-mobile-list{
    gap:7px!important;
  }
  .v438l-card{
    padding:9px!important;
    border-radius:10px!important;
  }
  .v438l-card-head{
    padding-bottom:7px!important;
  }
  .v438l-card-head strong{
    font-size:10.5px!important;
  }
  .v438l-card-head small{
    font-size:6.9px!important;
  }
  .v438l-age{
    min-height:21px!important;
    font-size:6.8px!important;
  }
  .v438l-card-grid{
    margin-top:7px!important;
  }
  .v438l-card-grid>div{
    padding:8px!important;
  }
  .v438l-card-grid span{
    font-size:6.7px!important;
  }
  .v438l-card-grid b{
    font-size:9px!important;
  }
  .v438l-card-grid .debt b{
    font-size:10.5px!important;
  }
  .v438l-card-button{
    height:36px!important;
    font-size:8px!important;
  }

  /* Supplier debt section */
  .v438m-supplier-debt{
    margin-bottom:9px!important;
    padding:9px!important;
    border-radius:10px!important;
  }
  .v438m-supplier-debt > div:first-child{
    align-items:flex-start!important;
    gap:8px!important;
  }
  .v438m-supplier-debt h3{
    font-size:11px!important;
    line-height:1.25!important;
  }
  .v438m-supplier-debt p{
    font-size:7px!important;
    line-height:1.4!important;
  }
  .v438m-supplier-debt .stat-figure{
    font-size:14px!important;
    overflow-wrap:anywhere;
  }
  .v287-ncc-filterbar{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .v287-ncc-filter-field:first-child,
  .v287-ncc-filter-summary,
  .v288-export-actions{
    grid-column:1/-1!important;
  }
  .v287-ncc-filter-control,
  .v289-ncc-page-size,
  .v287-ncc-filter-reset{
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    font-size:8px!important;
  }
  .v288-export-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .v288-export-btn{
    width:100%!important;
    min-width:0!important;
    height:34px!important;
    font-size:8px!important;
  }

  .v275-supplier-debt-row{
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:9px!important;
    border-radius:9px!important;
  }
  .v275-supplier-debt-meta p{
    font-size:7px!important;
    line-height:1.4!important;
  }
  .v275-supplier-debt-actions{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    width:100%!important;
    gap:7px!important;
  }
  .v275-supplier-debt-amount{
    align-self:center!important;
    font-size:11px!important;
    overflow-wrap:anywhere!important;
  }
  .v275-supplier-debt-actions button{
    height:34px!important;
    font-size:8px!important;
  }

  .v289-ncc-pagination{
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
  }
  .v289-ncc-page-info{
    text-align:center!important;
    font-size:7px!important;
    line-height:1.4!important;
  }
  .v289-ncc-page-actions{
    display:grid!important;
    grid-template-columns:1fr auto 1fr!important;
    gap:6px!important;
  }
  .v289-ncc-page-actions button{
    width:100%!important;
    height:34px!important;
    font-size:8px!important;
  }

  /* Debt structure */
  .v438m-debt-structure{
    margin-bottom:9px!important;
    padding:9px!important;
    border-radius:10px!important;
  }
  .v438m-debt-structure h3{
    font-size:11px!important;
  }
  .v438m-debt-structure p{
    font-size:7px!important;
    line-height:1.4!important;
  }
  .v438m-debt-structure .flex.h-6{
    height:22px!important;
  }
  .v438m-debt-structure .mt-3{
    gap:6px 10px!important;
    font-size:7px!important;
  }

  /* Sale summary */
  .v438m-sale-grid{
    grid-template-columns:1fr!important;
    gap:7px!important;
    margin-bottom:10px!important;
  }
  .v438m-sale-grid > :first-child{
    padding:9px!important;
    border-radius:10px!important;
  }
  .v438m-sale-grid h3{
    font-size:11px!important;
  }
  .v438m-sale-grid p{
    font-size:7px!important;
    line-height:1.4!important;
  }
  .v438m-sale-grid .space-y-3{
    display:flex!important;
    flex-direction:column!important;
    gap:6px!important;
  }
  .v438m-sale-grid .space-y-3 > div{
    padding:9px!important;
    border-radius:9px!important;
  }
  .v438m-sale-grid .space-y-3 > div span{
    font-size:7px!important;
  }
  .v438m-sale-grid .space-y-3 > div span.font-bold,
  .v438m-sale-grid .space-y-3 > div .font-bold{
    font-size:11px!important;
  }

  /* Generic safety */
  .v177-debts-mobile .ledger-cell{
    max-width:100%;
  }
  .v177-debts-mobile .tabular,
  .v177-debts-mobile .stat-figure{
    overflow-wrap:anywhere;
  }
}

@media(max-width:390px){
  .v438m-debt-kpis,
  .v438l-tools,
  .v287-ncc-filterbar,
  .v288-export-actions{
    grid-template-columns:1fr!important;
  }
  .v438m-debt-kpis > *:last-child:nth-child(odd){
    grid-column:auto!important;
  }
  .v438l-search,
  .v287-ncc-filter-field:first-child,
  .v287-ncc-filter-summary,
  .v288-export-actions{
    grid-column:auto!important;
  }
  .v275-supplier-debt-actions{
    grid-template-columns:1fr!important;
  }
}


/* ===== V477 SOURCE 253: v438n-debt-customer-expand.css ===== */

.v438n-customer-toggle,.v438n-mobile-customer{background:transparent;border:0;padding:0;text-align:left;color:inherit;cursor:pointer;width:100%}
.v438n-chevron{display:inline-block;width:14px;color:var(--brand-green);font-weight:800}
.v438n-expanded-row td{padding:0!important;background:color-mix(in srgb,var(--brand-green) 4%,var(--background))}
.v438n-orders-panel{padding:10px 12px;border-bottom:1px solid var(--border)}
.v438n-orders-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.v438n-order-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:9px 10px;border:1px solid var(--border);border-radius:8px;background:var(--background);text-decoration:none;color:inherit}
.v438n-order-item:hover{border-color:color-mix(in srgb,var(--brand-green) 45%,var(--border));background:color-mix(in srgb,var(--brand-green) 4%,var(--background))}
.v438n-order-item strong{display:block;font-size:9px;color:var(--brand-green)}
.v438n-order-item small{display:block;margin-top:2px;font-size:7px;color:var(--muted-foreground)}
.v438n-order-money{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:7px;white-space:nowrap}
.v438n-order-money b{font-size:8px;color:#b91c1c}
.v438n-order-item em{font-style:normal;font-size:7px;color:var(--brand-green);white-space:nowrap}
.v438n-mobile-orders{display:none}

@media(max-width:760px){
 .v438n-orders-panel{display:none}
 .v438n-mobile-customer{min-width:0}
 .v438n-mobile-customer strong{display:block;font-size:10.5px;line-height:1.3}
 .v438n-mobile-customer small{display:block;margin-top:2px;font-size:6.9px;color:var(--muted-foreground)}
 .v438n-mobile-orders{display:flex;flex-direction:column;gap:6px;margin-top:7px;padding-top:7px;border-top:1px solid var(--border)}
 .v438n-mobile-order{display:block;padding:8px;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--brand-green) 3%,var(--background));text-decoration:none;color:inherit}
 .v438n-mobile-order-head,.v438n-mobile-order-meta,.v438n-mobile-order-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}
 .v438n-mobile-order-head strong{font-size:9px;color:var(--brand-green)}
 .v438n-mobile-order-head span{font-size:6.8px;color:var(--muted-foreground)}
 .v438n-mobile-order-meta{margin-top:5px;font-size:6.8px;color:var(--muted-foreground)}
 .v438n-mobile-order-bottom{margin-top:5px;font-size:7px}
 .v438n-mobile-order-bottom b{font-size:8.5px;color:#b91c1c}
 .v438n-mobile-order em{display:block;margin-top:6px;font-style:normal;font-size:7px;font-weight:700;color:var(--brand-green)}
}


/* ===== V477 SOURCE 254: v438o-debt-health.css ===== */

/* V438O - Debt Health professional */
.v438o-debt-health{
  margin-bottom:12px;
  padding:14px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--card);
}
.v438o-health-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:11px;
}
.v438o-health-head>div>span{
  display:block;
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em;
  color:var(--muted-foreground);
}
.v438o-health-head h2{
  margin:3px 0 0;
  font-size:13px;
}
.v438o-health-head>small{
  max-width:420px;
  text-align:right;
  font-size:8px;
  color:var(--muted-foreground);
}
.v438o-health-layout{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);
  gap:10px;
}
.v438o-health-kpis{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
}
.v438o-health-kpis article{
  position:relative;
  min-height:104px;
  padding:11px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--background);
  overflow:hidden;
}
.v438o-health-kpis article.total{
  grid-column:span 2;
}
.v438o-health-kpis article.warning,
.v438o-health-kpis article.danger,
.v438o-health-kpis article.ratio,
.v438o-health-kpis article.customers{
  grid-column:span 2;
}
.v438o-health-kpis article:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:3px;
}
.v438o-health-kpis .total:after{background:#2563eb}
.v438o-health-kpis .warning:after{background:#f59e0b}
.v438o-health-kpis .danger:after{background:#dc2626}
.v438o-health-kpis .ratio:after{background:#7c3aed}
.v438o-health-kpis .customers:after{background:#16a34a}
.v438o-health-kpis span{
  display:block;
  font-size:7.5px;
  font-weight:750;
  color:var(--muted-foreground);
}
.v438o-health-kpis b{
  display:block;
  margin-top:7px;
  font-size:18px;
  line-height:1.05;
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}
.v438o-health-kpis small{
  display:block;
  margin-top:7px;
  font-size:7px;
  line-height:1.35;
  color:var(--muted-foreground);
}
.v438o-age-chart{
  min-width:0;
  padding:11px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--background);
}
.v438o-chart-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
  margin-bottom:5px;
}
.v438o-chart-head h3{
  margin:0;
  font-size:10.5px;
}
.v438o-chart-head small{
  display:block;
  margin-top:2px;
  font-size:7px;
  color:var(--muted-foreground);
}
.v438o-chart-head strong{
  font-size:10px;
  font-variant-numeric:tabular-nums;
}

@media(max-width:1180px){
  .v438o-health-layout{
    grid-template-columns:1fr;
  }
  .v438o-health-kpis{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .v438o-health-kpis article.total,
  .v438o-health-kpis article.warning,
  .v438o-health-kpis article.danger,
  .v438o-health-kpis article.ratio,
  .v438o-health-kpis article.customers{
    grid-column:span 2;
  }
}

@media(max-width:760px){
  .v438o-debt-health{
    margin-bottom:8px;
    padding:9px;
    border-radius:10px;
  }
  .v438o-health-head{
    flex-direction:column;
    align-items:flex-start;
    gap:3px;
    margin-bottom:8px;
  }
  .v438o-health-head h2{
    font-size:11px;
  }
  .v438o-health-head>small{
    max-width:none;
    text-align:left;
    font-size:7px;
    line-height:1.35;
  }
  .v438o-health-layout{
    grid-template-columns:1fr;
    gap:7px;
  }
  .v438o-health-kpis{
    grid-template-columns:1fr 1fr;
    gap:6px;
  }
  .v438o-health-kpis article,
  .v438o-health-kpis article.total,
  .v438o-health-kpis article.warning,
  .v438o-health-kpis article.danger,
  .v438o-health-kpis article.ratio,
  .v438o-health-kpis article.customers{
    grid-column:auto;
    min-height:92px;
    padding:9px;
    border-radius:9px;
  }
  .v438o-health-kpis article.total{
    grid-column:1/-1;
  }
  .v438o-health-kpis span{
    font-size:6.8px;
    line-height:1.3;
  }
  .v438o-health-kpis b{
    margin-top:6px;
    font-size:15px;
  }
  .v438o-health-kpis small{
    margin-top:5px;
    font-size:6.6px;
  }
  .v438o-age-chart{
    padding:8px;
    border-radius:9px;
  }
  .v438o-chart-head h3{
    font-size:9.5px;
  }
  .v438o-chart-head strong{
    font-size:9px;
  }
  .v438o-age-chart .recharts-responsive-container{
    height:205px!important;
    min-height:205px!important;
  }
}

@media(max-width:390px){
  .v438o-health-kpis{
    grid-template-columns:1fr;
  }
  .v438o-health-kpis article.total{
    grid-column:auto;
  }
}


/* ===== V477 SOURCE 255: v438p-tax-accounting-pro.css ===== */

/* V438P - Tax Accounting Professional */
.v438p-tax-health,
.v438p-reconcile-flow{
  margin-bottom:12px;
  padding:14px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--card);
}
.v438p-health-head,
.v438p-flow-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:11px;
}
.v438p-health-head>div:first-child>span,
.v438p-flow-head>div>span{
  display:block;
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em;
  color:var(--muted-foreground);
}
.v438p-health-head h2,
.v438p-flow-head h3{
  margin:3px 0 0;
  font-size:13px;
}
.v438p-period{
  text-align:right;
}
.v438p-period strong{
  display:block;
  font-size:10px;
}
.v438p-period small,
.v438p-flow-head>small{
  display:block;
  margin-top:2px;
  font-size:7.5px;
  color:var(--muted-foreground);
}
.v438p-kpis{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:8px;
}
.v438p-kpis article{
  position:relative;
  min-height:98px;
  padding:11px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--background);
  overflow:hidden;
}
.v438p-kpis article:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:3px;
  background:#64748b;
}
.v438p-kpis article.payable:after{background:#f59e0b}
.v438p-kpis article.total:after{background:#2563eb}
.v438p-kpis span{
  display:block;
  font-size:7.3px;
  font-weight:750;
  color:var(--muted-foreground);
}
.v438p-kpis b{
  display:block;
  margin-top:6px;
  font-size:16px;
  line-height:1.05;
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}
.v438p-kpis small{
  display:block;
  margin-top:6px;
  font-size:6.8px;
  line-height:1.35;
  color:var(--muted-foreground);
}

.v438p-flow{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;
  align-items:center;
  gap:6px;
}
.v438p-flow button{
  min-width:0;
  min-height:76px;
  padding:9px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--background);
  color:var(--foreground);
  text-align:left;
  cursor:pointer;
}
.v438p-flow button:hover{
  border-color:color-mix(in srgb,var(--brand-green) 45%,var(--border));
}
.v438p-flow button>div>span{
  display:flex;
  align-items:center;
  justify-content:center;
  width:20px;height:20px;
  border-radius:999px;
  background:var(--muted);
  font-size:7px;
  font-weight:800;
}
.v438p-flow button strong{
  display:block;
  margin-top:6px;
  font-size:8.5px;
}
.v438p-flow button small{
  display:block;
  margin-top:3px;
  font-size:7px;
  color:var(--muted-foreground);
}
.v438p-flow button.done{
  border-color:#86efac;
  background:#f0fdf4;
}
.v438p-flow i{
  font-style:normal;
  color:var(--muted-foreground);
  font-size:14px;
}
.v438p-alert-btn{
  width:100%;
  border:0;
  cursor:pointer;
  text-align:left;
}
.v438p-alert-status{
  gap:10px!important;
}

@media(max-width:1180px){
  .v438p-kpis{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .v438p-kpis article.total{
    grid-column:span 2;
  }
}

@media(max-width:760px){
  .v409-tax-page{
    overflow-x:hidden;
  }
  .v438p-tax-health,
  .v438p-reconcile-flow{
    margin-bottom:8px;
    padding:9px;
    border-radius:10px;
  }
  .v438p-health-head,
  .v438p-flow-head{
    flex-direction:column;
    align-items:flex-start;
    gap:3px;
    margin-bottom:8px;
  }
  .v438p-health-head h2,
  .v438p-flow-head h3{
    font-size:11px;
  }
  .v438p-period{
    text-align:left;
  }
  .v438p-period strong{
    font-size:9px;
  }
  .v438p-period small,
  .v438p-flow-head>small{
    font-size:6.8px;
  }
  .v438p-kpis{
    grid-template-columns:1fr 1fr;
    gap:6px;
  }
  .v438p-kpis article{
    min-height:90px;
    padding:9px;
  }
  .v438p-kpis article.total{
    grid-column:1/-1;
  }
  .v438p-kpis span{
    font-size:6.7px;
  }
  .v438p-kpis b{
    font-size:14px;
  }
  .v438p-kpis small{
    font-size:6.5px;
  }

  .v438p-flow{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:4px;
  }
  .v438p-flow button{
    min-height:58px;
    padding:8px 9px;
  }
  .v438p-flow button>div{
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:8px;
  }
  .v438p-flow button strong,
  .v438p-flow button small{
    margin-top:0;
  }
  .v438p-flow button strong{
    font-size:8px;
  }
  .v438p-flow button small{
    text-align:right;
    font-size:6.8px;
  }
  .v438p-flow i{
    align-self:center;
    transform:rotate(90deg);
    font-size:11px;
  }

  .v411-chart-grid{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .v411-chart-card{
    padding:8px!important;
    border-radius:9px!important;
  }
  .v411-chart-card .recharts-responsive-container{
    height:205px!important;
    min-height:205px!important;
  }
  .v438p-alert-status{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .v438p-alert-status>section{
    padding:9px!important;
    border-radius:9px!important;
  }

  /* Tabs & tables */
  .v436-tax-tabs{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:5px!important;
    overflow:visible!important;
  }
  .v436-tax-tabs button{
    width:100%!important;
    min-width:0!important;
    min-height:34px!important;
    font-size:7.4px!important;
    white-space:normal!important;
  }
  .v409-table-wrap{
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
  }
  .v409-tax-head{
    gap:8px!important;
  }
  .v409-month{
    min-width:0!important;
    width:145px!important;
  }
}

@media(max-width:390px){
  .v438p-kpis,
  .v436-tax-tabs{
    grid-template-columns:1fr!important;
  }
  .v438p-kpis article.total{
    grid-column:auto;
  }
}


/* ===== V477 SOURCE 256: v438q-tax-mobile-pro.css ===== */

/* V438Q - Tax Accounting Mobile Professional UI */
@media(max-width:760px){
  .v409-tax-page{
    overflow-x:hidden;
  }
  .v409-tax-page > *{
    max-width:100%;
  }

  /* Header */
  .v409-tax-head{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
    margin-bottom:8px!important;
  }
  .v409-tax-head h1{
    font-size:16px!important;
    line-height:1.2!important;
  }
  .v409-tax-head p{
    margin-top:3px!important;
    font-size:7.5px!important;
    line-height:1.4!important;
  }
  .v409-month{
    width:100%!important;
    min-width:0!important;
    height:38px!important;
    font-size:8.5px!important;
    border-radius:9px!important;
  }

  /* Tabs */
  .v436-tax-tabs{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:5px!important;
    padding:5px!important;
    border-radius:10px!important;
    overflow:visible!important;
    margin-bottom:8px!important;
  }
  .v436-tax-tabs button{
    width:100%!important;
    min-width:0!important;
    min-height:36px!important;
    padding:6px 7px!important;
    font-size:7.4px!important;
    line-height:1.2!important;
    white-space:normal!important;
    text-align:center!important;
    border-radius:7px!important;
  }

  /* Tax health */
  .v438p-tax-health,
  .v438p-reconcile-flow{
    margin-bottom:8px!important;
    padding:9px!important;
    border-radius:10px!important;
  }
  .v438p-health-head,
  .v438p-flow-head{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:3px!important;
    margin-bottom:8px!important;
  }
  .v438p-health-head>div:first-child>span,
  .v438p-flow-head>div>span{
    font-size:6.7px!important;
    letter-spacing:.075em!important;
  }
  .v438p-health-head h2,
  .v438p-flow-head h3{
    margin-top:2px!important;
    font-size:11px!important;
    line-height:1.25!important;
  }
  .v438p-period{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    padding:7px 8px!important;
    border:1px solid var(--border)!important;
    border-radius:8px!important;
    background:var(--background)!important;
    text-align:left!important;
  }
  .v438p-period strong{
    font-size:8.5px!important;
  }
  .v438p-period small{
    margin:0!important;
    text-align:right!important;
    font-size:6.7px!important;
  }

  .v438p-kpis{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .v438p-kpis article{
    min-height:96px!important;
    padding:9px!important;
    border-radius:9px!important;
  }
  .v438p-kpis article.total{
    grid-column:1/-1!important;
    min-height:88px!important;
  }
  .v438p-kpis span{
    font-size:6.7px!important;
    line-height:1.3!important;
  }
  .v438p-kpis b{
    margin-top:6px!important;
    font-size:14px!important;
    line-height:1.05!important;
    overflow-wrap:anywhere!important;
  }
  .v438p-kpis small{
    margin-top:5px!important;
    font-size:6.5px!important;
    line-height:1.35!important;
  }

  /* Charts */
  .v411-chart-grid{
    grid-template-columns:1fr!important;
    gap:7px!important;
    margin-bottom:8px!important;
  }
  .v411-chart-card{
    padding:8px!important;
    border-radius:9px!important;
    overflow:hidden!important;
  }
  .v411-chart-head{
    align-items:flex-start!important;
    gap:5px!important;
  }
  .v411-chart-head h3{
    font-size:9.5px!important;
    line-height:1.25!important;
  }
  .v411-chart-head p{
    margin-top:2px!important;
    font-size:6.8px!important;
    line-height:1.3!important;
  }
  .v411-chart-head>span{
    font-size:6.8px!important;
  }
  .v411-chart-card .recharts-responsive-container{
    height:205px!important;
    min-height:205px!important;
  }
  .v411-chart-card svg{
    max-width:100%!important;
  }

  /* Reconcile flow */
  .v438p-flow{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:4px!important;
  }
  .v438p-flow button{
    min-height:58px!important;
    padding:8px 9px!important;
    border-radius:9px!important;
  }
  .v438p-flow button>div{
    display:grid!important;
    grid-template-columns:auto 1fr auto!important;
    align-items:center!important;
    gap:8px!important;
  }
  .v438p-flow button>div>span{
    width:20px!important;
    height:20px!important;
    font-size:6.8px!important;
  }
  .v438p-flow button strong{
    margin:0!important;
    font-size:7.8px!important;
    line-height:1.25!important;
  }
  .v438p-flow button small{
    margin:0!important;
    text-align:right!important;
    font-size:6.7px!important;
    line-height:1.25!important;
  }
  .v438p-flow i{
    align-self:center!important;
    transform:rotate(90deg)!important;
    font-size:11px!important;
  }

  /* Alerts/status */
  .v438p-alert-status,
  .v409-two{
    grid-template-columns:1fr!important;
    gap:7px!important;
    margin-bottom:8px!important;
  }
  .v438p-alert-status>section,
  .v409-two>section{
    padding:9px!important;
    border-radius:9px!important;
  }
  .v438p-alert-status h3,
  .v409-two h3{
    font-size:10px!important;
  }
  .v431-alert-list{
    display:flex!important;
    flex-direction:column!important;
    gap:6px!important;
  }
  .v438p-alert-btn{
    min-height:44px!important;
    padding:8px!important;
    border-radius:8px!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    align-items:center!important;
    gap:8px!important;
  }
  .v438p-alert-btn span{
    font-size:7px!important;
    line-height:1.35!important;
  }
  .v438p-alert-btn strong{
    min-width:28px!important;
    text-align:center!important;
    font-size:10px!important;
  }
  .v409-period-badge{
    display:inline-flex!important;
    padding:4px 7px!important;
    border-radius:999px!important;
    font-size:7px!important;
  }
  .v431-snapshot-note,
  .v409-note{
    font-size:7px!important;
    line-height:1.4!important;
  }

  /* Section heads */
  .v409-section-head{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:6px!important;
    margin-bottom:8px!important;
  }
  .v409-section-head h3{
    font-size:10.5px!important;
    line-height:1.25!important;
  }
  .v409-section-head>span,
  .v409-section-head>strong{
    font-size:8px!important;
  }
  .v409-section-head button{
    width:100%!important;
    height:36px!important;
    font-size:8px!important;
  }

  /* Input forms */
  .v409-form{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    padding:9px!important;
    border-radius:9px!important;
  }
  .v409-form input,
  .v409-form select,
  .v409-form button{
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    font-size:8px!important;
  }

  /* Control tools */
  .v437-control-tools{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
    margin-bottom:8px!important;
  }
  .v437-control-tools input{
    grid-column:1/-1!important;
  }
  .v437-control-tools input,
  .v437-control-tools select,
  .v437-export-btn{
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    font-size:8px!important;
  }

  /* Summary boxes */
  .v431-control-summary,
  .v431-pit-summary,
  .v410-cit-summary{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .v431-control-summary>div,
  .v431-pit-summary>div,
  .v410-cit-summary>div{
    min-height:82px!important;
    padding:9px!important;
    border-radius:8px!important;
  }
  .v431-control-summary span,
  .v431-pit-summary span,
  .v410-cit-summary span{
    font-size:6.8px!important;
  }
  .v431-control-summary strong,
  .v431-pit-summary strong,
  .v410-cit-summary strong{
    font-size:12px!important;
    overflow-wrap:anywhere!important;
  }
  .v433-summary-sub{
    font-size:6.5px!important;
    line-height:1.3!important;
  }

  /* Tables */
  .v409-table-wrap{
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-gutter:stable!important;
    border-radius:8px!important;
  }
  .v434-tax-table{
    min-width:720px!important;
  }
  .v434-tax-table th{
    font-size:7px!important;
    white-space:nowrap!important;
  }
  .v434-tax-table td{
    font-size:7.5px!important;
    line-height:1.35!important;
  }
  .v437-doc-cell{
    min-width:120px!important;
  }
  .v437-upload-label{
    min-height:30px!important;
    font-size:7px!important;
  }

  /* Reconcile card */
  .v409-reconcile{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
  }
  .v409-reconcile>div{
    min-height:70px!important;
    padding:9px!important;
    border-radius:8px!important;
  }
  .v409-reconcile>b{
    transform:rotate(90deg);
    justify-self:center;
    font-size:11px!important;
  }

  /* CIT controls */
  .v412-cit-rate-panel{
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
    padding:9px!important;
    border-radius:9px!important;
  }
  .v412-cit-rate-copy strong{
    font-size:9px!important;
  }
  .v412-cit-rate-copy span{
    font-size:7px!important;
    line-height:1.35!important;
  }
  .v412-cit-rate-control{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr auto auto!important;
    gap:6px!important;
  }
  .v412-cit-rate-control input,
  .v412-cit-rate-control button{
    min-width:0!important;
    height:36px!important;
    font-size:8px!important;
  }
  .v410-cit-form{
    grid-template-columns:1fr!important;
    gap:6px!important;
  }
  .v410-cit-form input,
  .v410-cit-form button{
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    font-size:8px!important;
  }

  /* Pagination */
  .v432-pagination,
  .v436-pagination{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:7px!important;
    margin-top:8px!important;
  }
  .v432-page-size,
  .v436-page-size{
    justify-content:center!important;
    font-size:7px!important;
  }
  .v432-page-controls,
  .v436-page-controls{
    display:grid!important;
    grid-template-columns:auto auto 1fr auto auto!important;
    gap:5px!important;
    width:100%!important;
  }
  .v432-page-controls button,
  .v436-page-controls button{
    width:100%!important;
    min-width:34px!important;
    height:34px!important;
    font-size:8px!important;
  }
  .v432-page-controls span,
  .v436-page-controls span{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:7px!important;
  }

  /* Generic cards */
  .v409-tax-page .ledger-cell{
    max-width:100%;
  }
}

@media(max-width:390px){
  .v436-tax-tabs,
  .v438p-kpis,
  .v431-control-summary,
  .v431-pit-summary,
  .v410-cit-summary,
  .v437-control-tools{
    grid-template-columns:1fr!important;
  }
  .v438p-kpis article.total,
  .v437-control-tools input{
    grid-column:auto!important;
  }
  .v432-page-controls,
  .v436-page-controls{
    grid-template-columns:1fr 1fr!important;
  }
  .v432-page-controls span,
  .v436-page-controls span{
    grid-column:1/-1!important;
    min-height:28px!important;
  }
}


/* ===== V477 SOURCE 257: v438s-export-center.css ===== */

/* V438S - Export Center */
.v438s-export-center,
.v438s-columns,
.v438s-history{
  margin-bottom:12px;
  padding:14px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--card);
}
.v438s-center-head,
.v438s-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:11px;
}
.v438s-center-head>div>span,
.v438s-section-head>div>span{
  display:block;
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em;
  color:var(--muted-foreground);
}
.v438s-center-head h2,
.v438s-section-head h3{
  margin:3px 0 0;
  font-size:13px;
}
.v438s-center-head>small,
.v438s-section-head>small{
  font-size:8px;
  color:var(--muted-foreground);
}
.v438s-stepbar{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:6px;
  margin-bottom:10px;
}
.v438s-stepbar>div{
  display:flex;
  align-items:center;
  gap:6px;
  min-height:38px;
  padding:7px 8px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--background);
}
.v438s-stepbar b{
  display:flex;
  align-items:center;
  justify-content:center;
  width:20px;height:20px;
  border-radius:999px;
  background:var(--muted);
  font-size:7px;
}
.v438s-stepbar span{
  font-size:7.5px;
}
.v438s-presets{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:6px;
}
.v438s-presets button{
  min-height:34px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--background);
  font-size:8px;
  cursor:pointer;
}
.v438s-presets button.active{
  border-color:color-mix(in srgb,var(--brand-green) 48%,var(--border));
  background:color-mix(in srgb,var(--brand-green) 7%,var(--background));
  color:var(--brand-green);
  font-weight:700;
}
.v438s-column-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
}
.v438s-column-grid label{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:36px;
  padding:7px 9px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--background);
  font-size:8px;
}
.v438s-column-grid label.disabled{
  opacity:.5;
}
.v438s-column-grid input{
  width:14px;height:14px;
}
.v438s-warnings{
  margin-top:9px;
  padding:9px 10px;
  border:1px solid #f59e0b55;
  border-radius:8px;
  background:#fffbeb;
}
.v438s-warnings strong{
  display:block;
  font-size:8px;
}
.v438s-warnings div{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:5px;
}
.v438s-warnings span{
  padding:3px 6px;
  border-radius:999px;
  background:#fef3c7;
  color:#92400e;
  font-size:7px;
}
.v438s-history-list{
  display:flex;
  flex-direction:column;
}
.v438s-history-list>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:8px 0;
  border-bottom:1px solid var(--border);
}
.v438s-history-list>div:last-child{
  border-bottom:0;
}
.v438s-history-list strong,
.v438s-history-list b{
  display:block;
  font-size:8.5px;
}
.v438s-history-list small{
  display:block;
  margin-top:2px;
  font-size:7px;
  color:var(--muted-foreground);
}
.v438s-history-list>div>div:last-child{
  text-align:right;
}

@media(max-width:760px){
  .v438s-export-center,
  .v438s-columns,
  .v438s-history{
    margin-bottom:8px;
    padding:9px;
    border-radius:10px;
  }
  .v438s-center-head,
  .v438s-section-head{
    flex-direction:column;
    align-items:flex-start;
    gap:3px;
    margin-bottom:8px;
  }
  .v438s-center-head h2,
  .v438s-section-head h3{
    font-size:11px;
  }
  .v438s-center-head>small,
  .v438s-section-head>small{
    font-size:6.9px;
    line-height:1.35;
  }
  .v438s-stepbar{
    grid-template-columns:1fr;
    gap:4px;
  }
  .v438s-stepbar>div{
    min-height:34px;
    padding:6px 7px;
  }
  .v438s-stepbar span{
    font-size:7px;
  }
  .v438s-presets{
    grid-template-columns:1fr 1fr;
    gap:5px;
  }
  .v438s-presets button{
    min-height:36px;
    font-size:7.5px;
  }
  .v438s-column-grid{
    grid-template-columns:1fr 1fr;
    gap:5px;
  }
  .v438s-column-grid label{
    min-height:36px;
    font-size:7.5px;
  }
  .v438s-warnings{
    padding:8px;
  }
  .v438s-history-list>div{
    align-items:flex-start;
    padding:7px 0;
  }
}

@media(max-width:390px){
  .v438s-presets,
  .v438s-column-grid{
    grid-template-columns:1fr;
  }
  .v438s-history-list>div{
    flex-direction:column;
  }
  .v438s-history-list>div>div:last-child{
    text-align:left;
  }
}


/* ===== V477 SOURCE 258: v438t-export-dedupe-mobile.css ===== */

/* V438T - Export Center dedupe + mobile pro */
.v438t-preset-wrap{
  display:flex;
  flex-direction:column;
  gap:7px;
}
.v438t-preset-label{
  font-size:7.8px;
  font-weight:750;
  color:var(--muted-foreground);
}
.v438t-export-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
  margin-bottom:10px;
}
.v438t-export-summary>div{
  min-width:0;
  padding:9px 10px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--card);
}
.v438t-export-summary span{
  display:block;
  font-size:7px;
  font-weight:700;
  color:var(--muted-foreground);
}
.v438t-export-summary strong{
  display:block;
  margin-top:4px;
  font-size:9px;
  line-height:1.3;
  overflow-wrap:anywhere;
}

@media(max-width:760px){
  /* compact overall page */
  [data-loc="client/src/pages/Export.tsx:259"]{
    overflow-x:hidden;
  }

  .v438s-export-center,
  .v438s-history{
    margin-bottom:8px!important;
    padding:9px!important;
    border-radius:10px!important;
  }

  .v438s-center-head,
  .v438s-section-head{
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:3px!important;
    margin-bottom:8px!important;
  }
  .v438s-center-head h2,
  .v438s-section-head h3{
    font-size:11px!important;
    line-height:1.25!important;
  }
  .v438s-center-head>small,
  .v438s-section-head>small{
    font-size:6.9px!important;
    line-height:1.4!important;
  }

  .v438t-preset-label{
    font-size:6.9px;
  }
  .v438s-presets{
    grid-template-columns:1fr 1fr!important;
    gap:5px!important;
  }
  .v438s-presets button{
    min-height:38px!important;
    padding:7px 8px!important;
    font-size:7.7px!important;
    line-height:1.2!important;
  }

  /* readiness summary */
  .v438t-export-summary{
    grid-template-columns:1fr 1fr;
    gap:6px;
    margin-bottom:8px;
  }
  .v438t-export-summary>div{
    min-height:64px;
    padding:8px;
    border-radius:8px;
  }
  .v438t-export-summary span{
    font-size:6.6px;
  }
  .v438t-export-summary strong{
    font-size:8px;
  }

  /* existing scope card */
  [data-loc="client/src/pages/Export.tsx:266"]{
    margin-bottom:8px!important;
    padding:9px!important;
    border-radius:10px!important;
  }
  [data-loc="client/src/pages/Export.tsx:267"]{
    font-size:6.8px!important;
  }
  [data-loc="client/src/pages/Export.tsx:268"]{
    font-size:7.2px!important;
    line-height:1.4!important;
  }
  [data-loc="client/src/pages/Export.tsx:269"]{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
    margin-top:7px!important;
  }
  [data-loc="client/src/pages/Export.tsx:269"] p{
    min-width:0!important;
    padding:7px 8px!important;
    border:1px solid var(--border)!important;
    border-radius:8px!important;
    background:var(--background)!important;
    font-size:7px!important;
    line-height:1.35!important;
  }

  /* filter block */
  [data-loc="client/src/pages/Export.tsx:276"]{
    margin-bottom:8px!important;
    padding:9px!important;
    border-radius:10px!important;
  }
  [data-loc="client/src/pages/Export.tsx:277"]{
    margin-bottom:8px!important;
    font-size:10.5px!important;
  }
  [data-loc="client/src/pages/Export.tsx:278"]{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  [data-loc="client/src/pages/Export.tsx:280"],
  [data-loc="client/src/pages/Export.tsx:287"]{
    font-size:7px!important;
  }
  .v353-export-month-range{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  [data-loc="client/src/pages/Export.tsx:282"],
  [data-loc="client/src/pages/Export.tsx:289"],
  .v353-export-month-range button{
    min-height:38px!important;
    font-size:8px!important;
  }
  [data-loc="client/src/pages/Export.tsx:307"]{
    margin-top:8px!important;
    padding:9px!important;
    gap:8px!important;
    border-radius:9px!important;
    font-size:7px!important;
  }

  /* export format */
  [data-loc="client/src/pages/Export.tsx:313"]{
    margin-bottom:8px!important;
    padding:9px!important;
    border-radius:10px!important;
  }
  [data-loc="client/src/pages/Export.tsx:314"]{
    margin-bottom:8px!important;
    font-size:10.5px!important;
  }
  [data-loc="client/src/pages/Export.tsx:315"]{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  [data-loc="client/src/pages/Export.tsx:316"],
  [data-loc="client/src/pages/Export.tsx:335"]{
    min-height:88px!important;
    padding:10px!important;
    gap:9px!important;
    border-radius:10px!important;
  }
  [data-loc="client/src/pages/Export.tsx:321"],
  [data-loc="client/src/pages/Export.tsx:340"]{
    width:38px!important;
    height:38px!important;
  }
  [data-loc="client/src/pages/Export.tsx:325"],
  [data-loc="client/src/pages/Export.tsx:344"]{
    font-size:10px!important;
  }
  [data-loc="client/src/pages/Export.tsx:326"],
  [data-loc="client/src/pages/Export.tsx:345"]{
    font-size:7px!important;
    line-height:1.35!important;
  }
  [data-loc="client/src/pages/Export.tsx:329"],
  [data-loc="client/src/pages/Export.tsx:348"]{
    font-size:7px!important;
  }

  /* history */
  .v438s-history-list>div{
    align-items:flex-start!important;
    gap:8px!important;
    padding:7px 0!important;
  }
  .v438s-history-list strong,
  .v438s-history-list b{
    font-size:7.8px!important;
  }
  .v438s-history-list small{
    font-size:6.7px!important;
    line-height:1.35!important;
  }

  /* preview */
  [data-loc="client/src/pages/Export.tsx:358"]{
    padding:9px!important;
    margin-bottom:10px!important;
    border-radius:10px!important;
  }
  [data-loc="client/src/pages/Export.tsx:359"]{
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin-bottom:8px!important;
    padding-bottom:8px!important;
  }
  [data-loc="client/src/pages/Export.tsx:362"]{
    font-size:10.5px!important;
  }
  [data-loc="client/src/pages/Export.tsx:363"]{
    font-size:7px!important;
    line-height:1.4!important;
  }
  [data-loc="client/src/pages/Export.tsx:367"]{
    width:100%!important;
    padding:8px!important;
    border-radius:8px!important;
  }
  [data-loc="client/src/pages/Export.tsx:375"]{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
    margin-bottom:8px!important;
  }

  /* order preview cards/table safety */
  .v176-export-mobile,
  .v199-report-orders-mobile{
    max-width:100%;
  }
  .overflow-x-auto{
    -webkit-overflow-scrolling:touch;
  }
}

@media(max-width:390px){
  .v438s-presets,
  .v438t-export-summary,
  [data-loc="client/src/pages/Export.tsx:269"],
  .v353-export-month-range,
  [data-loc="client/src/pages/Export.tsx:375"]{
    grid-template-columns:1fr!important;
  }
  .v438s-history-list>div{
    flex-direction:column!important;
  }
  .v438s-history-list>div>div:last-child{
    text-align:left!important;
  }
}


/* ===== V477 SOURCE 259: v438u-users-pro.css ===== */

/* V438U - Users & permissions professional */
.v438u-user-overview{
  margin-top:12px;
  padding:14px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--card);
}
.v438u-overview-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.v438u-overview-head>div>span{
  display:block;
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em;
  color:var(--muted-foreground);
}
.v438u-overview-head h2{
  margin:3px 0 0;
  font-size:13px;
}
.v438u-overview-head>small{
  font-size:8px;
  color:var(--muted-foreground);
}
.v438u-user-kpis{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:7px;
}
.v438u-user-kpis article{
  position:relative;
  min-height:88px;
  padding:10px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--background);
  overflow:hidden;
}
.v438u-user-kpis article:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:3px;
  background:#64748b;
}
.v438u-user-kpis article:nth-child(2):after{background:#16a34a}
.v438u-user-kpis article:nth-child(5):after{background:#dc2626}
.v438u-user-kpis span{
  display:block;
  font-size:7.3px;
  font-weight:750;
  color:var(--muted-foreground);
}
.v438u-user-kpis b{
  display:block;
  margin-top:5px;
  font-size:20px;
  line-height:1;
}
.v438u-user-kpis small{
  display:block;
  margin-top:6px;
  font-size:6.8px;
  color:var(--muted-foreground);
}
.v438u-user-tools{
  display:grid;
  grid-template-columns:minmax(260px,1fr) 180px 180px auto;
  gap:7px;
  align-items:center;
  margin-top:10px;
  padding:9px;
  border:1px solid var(--border);
  border-radius:10px;
  background:var(--card);
}
.v438u-user-tools input,
.v438u-user-tools select{
  width:100%;
  min-width:0;
  height:36px;
  padding:0 9px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--background);
  color:var(--foreground);
  font-size:8px;
}
.v438u-user-tools>span{
  white-space:nowrap;
  font-size:7.5px;
  color:var(--muted-foreground);
}
.v438u-copy-perms{
  display:grid;
  grid-template-columns:1fr minmax(260px,.8fr);
  gap:10px;
  align-items:center;
  padding:10px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--muted)/20;
}
.v438u-copy-perms strong{display:block;font-size:9px}
.v438u-copy-perms small{display:block;margin-top:2px;font-size:7px;color:var(--muted-foreground)}
.v438u-copy-perms>div:last-child{display:grid;grid-template-columns:1fr auto;gap:6px}
.v438u-copy-perms select,.v438u-copy-perms button{height:34px;border:1px solid var(--border);border-radius:7px;background:var(--background);font-size:8px;padding:0 8px}
.v438u-copy-perms button{cursor:pointer}

@media(max-width:760px){
  .v438u-user-overview{
    margin-top:8px;
    padding:9px;
    border-radius:10px;
  }
  .v438u-overview-head{
    flex-direction:column;
    align-items:flex-start;
    gap:3px;
    margin-bottom:8px;
  }
  .v438u-overview-head h2{font-size:11px}
  .v438u-overview-head>small{font-size:6.8px;line-height:1.35}
  .v438u-user-kpis{
    grid-template-columns:1fr 1fr;
    gap:6px;
  }
  .v438u-user-kpis article{
    min-height:78px;
    padding:8px;
  }
  .v438u-user-kpis article:first-child{
    grid-column:1/-1;
  }
  .v438u-user-kpis span{font-size:6.7px}
  .v438u-user-kpis b{font-size:17px}
  .v438u-user-kpis small{font-size:6.4px}

  .v438u-user-tools{
    grid-template-columns:1fr 1fr;
    gap:6px;
    margin-top:8px;
    padding:8px;
  }
  .v438u-user-tools input{
    grid-column:1/-1;
  }
  .v438u-user-tools input,
  .v438u-user-tools select{
    height:38px;
    font-size:7.5px;
  }
  .v438u-user-tools>span{
    grid-column:1/-1;
    text-align:right;
    font-size:6.8px;
  }

  /* Admin rights package: compact on phones */
  [data-loc="client/src/pages/Users.tsx:438"]{
    margin-top:8px!important;
    border-radius:10px!important;
  }
  [data-loc="client/src/pages/Users.tsx:442"]{
    padding:9px!important;
    gap:7px!important;
  }
  [data-loc="client/src/pages/Users.tsx:444"]{
    width:30px!important;height:30px!important;
  }
  [data-loc="client/src/pages/Users.tsx:448"]{font-size:6.8px!important}
  [data-loc="client/src/pages/Users.tsx:451"]{font-size:12px!important}
  [data-loc="client/src/pages/Users.tsx:454"]{font-size:7px!important;line-height:1.4!important}
  [data-loc="client/src/pages/Users.tsx:459"]{font-size:6.8px!important}
  [data-loc="client/src/pages/Users.tsx:464"]{
    grid-template-columns:1fr 1fr!important;
  }
  [data-loc="client/src/pages/Users.tsx:471"]{
    padding:8px!important;
  }
  [data-loc="client/src/pages/Users.tsx:472"]{font-size:6.6px!important}
  [data-loc="client/src/pages/Users.tsx:473"]{font-size:17px!important}
  [data-loc="client/src/pages/Users.tsx:478"]{
    grid-template-columns:1fr!important;
    gap:7px!important;
    padding:9px!important;
  }
  [data-loc="client/src/pages/Users.tsx:480"],
  [data-loc="client/src/pages/Users.tsx:506"]{font-size:7px!important}
  [data-loc="client/src/pages/Users.tsx:483"]{
    grid-template-columns:1fr 1fr!important;
    gap:5px!important;
  }
  [data-loc="client/src/pages/Users.tsx:487"]{padding:7px!important}
  [data-loc="client/src/pages/Users.tsx:490"]{font-size:7.5px!important}
  [data-loc="client/src/pages/Users.tsx:494"]{font-size:6.3px!important}
  [data-loc="client/src/pages/Users.tsx:505"]{padding:8px!important}
  [data-loc="client/src/pages/Users.tsx:512"]{font-size:7.5px!important}
  [data-loc="client/src/pages/Users.tsx:515"]{font-size:6.6px!important}

  [data-loc="client/src/pages/Users.tsx:523"]{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:7px!important;
    margin-top:8px!important;
  }
  [data-loc="client/src/pages/Users.tsx:524"]{
    font-size:7px!important;
  }
  [data-loc="client/src/pages/Users.tsx:531"]{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  [data-loc="client/src/pages/Users.tsx:531"] button{
    width:100%!important;
    min-height:36px!important;
    font-size:7.5px!important;
  }

  /* Convert user table into cards */
  .management-user-table{
    margin-top:8px!important;
    overflow:visible!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .management-user-table table,
  .management-user-table tbody{
    display:block!important;
    width:100%!important;
  }
  .management-user-table thead{
    display:none!important;
  }
  .management-user-table .v438u-user-row{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:0!important;
    margin-bottom:7px!important;
    border:1px solid var(--border)!important;
    border-radius:10px!important;
    background:var(--card)!important;
    overflow:hidden!important;
  }
  .management-user-table .v438u-user-row>td{
    display:block!important;
    width:auto!important;
    padding:8px!important;
    border:0!important;
  }
  .management-user-table .v438u-user-row>td:nth-child(1){
    grid-column:1/2;
  }
  .management-user-table .v438u-user-row>td:nth-child(2){
    grid-column:1/2;
    padding-top:0!important;
  }
  .management-user-table .v438u-user-row>td:nth-child(3){
    display:none!important;
  }
  .management-user-table .v438u-user-row>td:nth-child(4){
    grid-column:1/-1;
    border-top:1px solid var(--border)!important;
    padding-top:7px!important;
  }
  .management-user-table .v438u-user-row>td:nth-child(5){
    grid-column:2/3;
    grid-row:1/3;
    align-self:start;
    justify-self:end;
  }
  .management-user-table .v438u-user-row>td:nth-child(6){
    grid-column:1/-1;
    border-top:1px solid var(--border)!important;
  }
  .management-user-table .v438u-user-row>td:nth-child(6)>div{
    justify-content:stretch!important;
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:5px!important;
  }
  .management-user-table .v438u-user-row>td:nth-child(6) button{
    width:100%!important;
    height:34px!important;
  }
  .management-user-table .v438u-user-row [class*="text-[10.5px]"]{
    font-size:6.7px!important;
  }
  .management-user-table .v438u-user-row [class*="text-[12px]"]{
    font-size:7.5px!important;
  }

  /* dialog */
  [data-loc="client/src/pages/Users.tsx:687"]{
    width:calc(100vw - 12px)!important;
    max-height:94vh!important;
    padding:10px!important;
    border-radius:11px!important;
  }
  [data-loc="client/src/pages/Users.tsx:691"]{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .v438u-copy-perms{
    grid-template-columns:1fr;
    gap:7px;
    padding:8px;
  }
}

@media(max-width:390px){
  .v438u-user-kpis,
  .v438u-user-tools,
  [data-loc="client/src/pages/Users.tsx:464"],
  [data-loc="client/src/pages/Users.tsx:483"],
  [data-loc="client/src/pages/Users.tsx:531"]{
    grid-template-columns:1fr!important;
  }
  .v438u-user-kpis article:first-child,
  .v438u-user-tools input,
  .v438u-user-tools>span{
    grid-column:auto!important;
  }
}


/* ===== V477 SOURCE 260: v438w-users-overview-all-14px.css ===== */

/* V438W - Toàn bộ khu Tổng quan tài khoản desktop = 14px */
@media(min-width:761px){
  /* toàn bộ chữ bên trong khu tổng quan */
  .v438u-user-overview,
  .v438u-user-overview *,
  .v438u-user-tools,
  .v438u-user-tools *{
    font-size:14px!important;
  }

  .v438u-overview-head>div>span,
  .v438u-overview-head h2,
  .v438u-overview-head>small,
  .v438u-user-kpis span,
  .v438u-user-kpis small,
  .v438u-user-tools input,
  .v438u-user-tools select,
  .v438u-user-tools>span{
    font-size:14px!important;
    line-height:1.45!important;
  }

  /* Số KPI cần lớn hơn chữ mô tả */
  .v438u-user-kpis b{
    font-size:24px!important;
    line-height:1.15!important;
  }

  /* tăng chiều cao để chữ 14px không bị chật */
  .v438u-user-overview{
    padding:16px!important;
  }
  .v438u-overview-head{
    margin-bottom:14px!important;
  }
  .v438u-user-kpis{
    gap:10px!important;
  }
  .v438u-user-kpis article{
    min-height:126px!important;
    padding:14px!important;
  }
  .v438u-user-kpis b{
    margin-top:8px!important;
  }
  .v438u-user-kpis small{
    margin-top:8px!important;
  }

  /* khu tìm kiếm / bộ lọc cùng 14px */
  .v438u-user-tools{
    padding:11px!important;
    gap:9px!important;
  }
  .v438u-user-tools input,
  .v438u-user-tools select{
    height:42px!important;
    padding:0 11px!important;
  }
}


/* ===== V477 SOURCE 261: v438x-user-delete-fixed.css ===== */

/* V438X - user actions */
.v438x-user-actions{flex-wrap:wrap}
.v438x-lock-btn,.v438x-unlock-btn,.v438x-delete-btn{
  height:28px!important;
  padding:0 8px!important;
  font-size:8px!important;
}
.v438x-lock-btn{border-color:#d97706!important;color:#b45309!important}
.v438x-unlock-btn{border-color:#16a34a!important;color:#15803d!important}
.v438x-delete-btn{border-color:#dc2626!important;color:#b91c1c!important}
.v438x-delete-btn.confirm{
  background:#dc2626!important;
  color:white!important;
  font-weight:800!important;
}
@media(max-width:760px){
  .management-user-table .v438u-user-row>td:nth-child(6)>div.v438x-user-actions{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .v438x-user-actions button{
    width:100%!important;
    min-height:40px!important;
    font-size:9px!important;
  }
}


/* ===== V477 SOURCE 262: v438y-user-edit-pro.css ===== */

/* V438Y - User Edit Professional */

.v438y-edit-summary{
  display:flex;
  align-items:center;
  gap:10px;
  margin:6px 0 12px;
  padding:10px 12px;
  border:1px solid var(--border);
  border-radius:10px;
  background:var(--card);
}
.v438y-edit-avatar{
  width:40px;
  height:40px;
  flex:none;
  border-radius:50%;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--border);
  background:var(--muted);
  font-weight:800;
  font-size:14px;
}
.v438y-edit-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.v438y-edit-copy{
  min-width:0;
  flex:1;
}
.v438y-edit-copy strong{
  display:block;
  font-size:13px;
  line-height:1.3;
  overflow-wrap:anywhere;
}
.v438y-edit-copy small{
  display:block;
  margin-top:2px;
  font-size:10px;
  color:var(--muted-foreground);
}
.v438y-edit-summary>span{
  flex:none;
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:3px 8px;
  border-radius:999px;
  font-size:9px;
  font-weight:700;
}
.v438y-edit-summary>span.active{
  background:#dcfce7;
  color:#15803d;
}
.v438y-edit-summary>span.locked{
  background:#fee2e2;
  color:#b91c1c;
}

.v438y-account-column,
.v438y-permission-panel{
  min-width:0;
}
.v438y-section-title{
  padding-bottom:8px;
  border-bottom:1px solid var(--border);
}
.v438y-section-title>span{
  display:block;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  color:var(--muted-foreground);
}
.v438y-section-title>small{
  display:block;
  margin-top:3px;
  font-size:8px;
  line-height:1.4;
  color:var(--muted-foreground);
}
.v438y-section-title.permission{
  margin-bottom:10px;
}

.v438y-change-notes{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.v438y-change-notes>div{
  padding:8px 9px;
  border:1px solid var(--border);
  border-radius:8px;
}
.v438y-change-notes>div.info{
  background:#eff6ff;
  border-color:#bfdbfe;
}
.v438y-change-notes>div.warn{
  background:#fffbeb;
  border-color:#fde68a;
}
.v438y-change-notes>div.danger{
  background:#fef2f2;
  border-color:#fecaca;
}
.v438y-change-notes strong{
  display:block;
  font-size:8.5px;
}
.v438y-change-notes small{
  display:block;
  margin-top:3px;
  font-size:7.5px;
  line-height:1.4;
  color:var(--muted-foreground);
}

.v438y-copy-perms{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);
  gap:10px;
  align-items:center;
  margin-bottom:10px;
  padding:10px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--background);
}
.v438y-copy-perms strong{
  display:block;
  font-size:9px;
}
.v438y-copy-perms small{
  display:block;
  margin-top:2px;
  font-size:7.5px;
  color:var(--muted-foreground);
}
.v438y-copy-perms>div:last-child{
  display:grid;
  grid-template-columns:1fr auto;
  gap:6px;
}
.v438y-copy-perms select,
.v438y-copy-perms button{
  min-width:0;
  height:34px;
  padding:0 8px;
  border:1px solid var(--border);
  border-radius:7px;
  background:var(--background);
  color:var(--foreground);
  font-size:8px;
}
.v438y-copy-perms button{
  cursor:pointer;
  font-weight:700;
}
.v438y-copy-perms button:disabled{
  opacity:.5;
  cursor:not-allowed;
}

.v438y-permission-panel{
  border-radius:10px!important;
}

@media(max-width:760px){
  [data-loc="client/src/pages/Users.tsx:687"]{
    width:calc(100vw - 10px)!important;
    max-height:96vh!important;
    padding:10px!important;
    border-radius:14px!important;
    overscroll-behavior:contain;
  }

  .v438y-edit-summary{
    margin:5px 0 10px;
    padding:9px;
    border-radius:11px;
    gap:8px;
  }
  .v438y-edit-avatar{
    width:38px;
    height:38px;
  }
  .v438y-edit-copy strong{
    font-size:11px;
  }
  .v438y-edit-copy small{
    font-size:8px;
  }
  .v438y-edit-summary>span{
    font-size:7.5px;
    padding:3px 6px;
  }

  [data-loc="client/src/pages/Users.tsx:691"]{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .v438y-account-column{
    gap:10px!important;
  }

  .v438y-section-title>span{
    font-size:8px;
  }
  .v438y-section-title>small{
    font-size:7px;
  }

  [data-loc="client/src/pages/Users.tsx:693"],
  [data-loc="client/src/pages/Users.tsx:704"],
  [data-loc="client/src/pages/Users.tsx:715"],
  [data-loc="client/src/pages/Users.tsx:728"],
  [data-loc="client/src/pages/Users.tsx:738"],
  [data-loc="client/src/pages/Users.tsx:750"],
  [data-loc="client/src/pages/Users.tsx:769"],
  [data-loc="client/src/pages/Users.tsx:783"]{
    gap:5px!important;
  }

  [data-loc="client/src/pages/Users.tsx:703"],
  [data-loc="client/src/pages/Users.tsx:727"],
  [data-loc="client/src/pages/Users.tsx:749"]{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  [data-loc="client/src/pages/Users.tsx:695"],
  [data-loc="client/src/pages/Users.tsx:706"],
  [data-loc="client/src/pages/Users.tsx:717"],
  [data-loc="client/src/pages/Users.tsx:730"],
  [data-loc="client/src/pages/Users.tsx:740"]{
    height:42px!important;
    font-size:10px!important;
    border-radius:9px!important;
  }

  [data-loc="client/src/pages/Users.tsx:756"],
  [data-loc="client/src/pages/Users.tsx:775"]{
    min-height:42px!important;
    border-radius:9px!important;
  }

  [data-loc="client/src/pages/Users.tsx:694"],
  [data-loc="client/src/pages/Users.tsx:705"],
  [data-loc="client/src/pages/Users.tsx:716"],
  [data-loc="client/src/pages/Users.tsx:729"],
  [data-loc="client/src/pages/Users.tsx:739"],
  [data-loc="client/src/pages/Users.tsx:751"],
  [data-loc="client/src/pages/Users.tsx:770"],
  [data-loc="client/src/pages/Users.tsx:784"]{
    font-size:9px!important;
  }

  [data-loc="client/src/pages/Users.tsx:781"]{
    font-size:7.5px!important;
    line-height:1.4!important;
  }
  [data-loc="client/src/pages/Users.tsx:785"]{
    min-height:38px!important;
    padding:7px 8px!important;
    border:1px solid var(--border)!important;
    border-radius:9px!important;
    background:var(--background)!important;
  }
  [data-loc="client/src/pages/Users.tsx:790"]{
    font-size:8.5px!important;
  }

  .v438y-change-notes>div{
    padding:8px;
    border-radius:9px;
  }
  .v438y-change-notes strong{
    font-size:8px;
  }
  .v438y-change-notes small{
    font-size:7px;
  }

  .v438y-permission-panel{
    padding:9px!important;
    border-radius:11px!important;
  }
  [data-loc="client/src/pages/Users.tsx:799"]{
    margin-bottom:6px!important;
  }
  [data-loc="client/src/pages/Users.tsx:801"]{
    font-size:10px!important;
  }
  [data-loc="client/src/pages/Users.tsx:802"]{
    font-size:7.5px!important;
    line-height:1.4!important;
  }

  .v438y-copy-perms{
    grid-template-columns:1fr;
    gap:7px;
    margin-bottom:8px;
    padding:8px;
  }
  .v438y-copy-perms strong{
    font-size:8px;
  }
  .v438y-copy-perms small{
    font-size:7px;
  }
  .v438y-copy-perms>div:last-child{
    grid-template-columns:1fr auto;
  }
  .v438y-copy-perms select,
  .v438y-copy-perms button{
    height:38px;
    font-size:7.5px;
  }

  /* mobile permission cards */
  [data-loc="client/src/pages/Users.tsx:808"]{
    margin-top:8px!important;
    gap:7px!important;
  }
  [data-loc="client/src/pages/Users.tsx:812"]{
    border-radius:9px!important;
  }
  [data-loc="client/src/pages/Users.tsx:813"]{
    padding:9px!important;
  }
  [data-loc="client/src/pages/Users.tsx:816"]{
    font-size:9px!important;
  }
  [data-loc="client/src/pages/Users.tsx:820"]{
    font-size:7px!important;
    line-height:1.35!important;
  }
  [data-loc="client/src/pages/Users.tsx:827"]{
    min-height:44px!important;
    padding:8px 9px!important;
    font-size:8.5px!important;
  }
  [data-loc="client/src/pages/Users.tsx:839"]{
    padding:8px!important;
  }
  [data-loc="client/src/pages/Users.tsx:840"]{
    font-size:7px!important;
  }
  [data-loc="client/src/pages/Users.tsx:843"],
  [data-loc="client/src/pages/Users.tsx:849"]{
    padding:8px!important;
    border-radius:8px!important;
    font-size:8px!important;
  }

  /* Sticky actions */
  .v438y-edit-footer{
    position:sticky!important;
    bottom:-10px!important;
    z-index:20!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    margin:0 -10px -10px!important;
    padding:9px 10px calc(9px + env(safe-area-inset-bottom))!important;
    border-top:1px solid var(--border)!important;
    background:color-mix(in srgb,var(--background) 96%,transparent)!important;
    backdrop-filter:blur(8px);
  }
  .v438y-edit-footer button{
    width:100%!important;
    min-height:42px!important;
    font-size:9px!important;
    border-radius:9px!important;
  }
}

@media(max-width:390px){
  .v438y-edit-summary{
    align-items:flex-start;
    flex-wrap:wrap;
  }
  .v438y-edit-summary>span{
    margin-left:46px;
    margin-top:-6px;
  }
  .v438y-copy-perms>div:last-child{
    grid-template-columns:1fr!important;
  }
}


/* ===== V477 SOURCE 263: v438z-permission-14px.css ===== */

/* V438Z - Khu PHÂN QUYỀN: chữ desktop 14px */
@media(min-width:761px){
  .v438y-permission-panel,
  .v438y-permission-panel *{
    font-size:14px!important;
  }
  .v438y-section-title.permission>span,
  .v438y-section-title.permission>small,
  .v438y-copy-perms strong,
  .v438y-copy-perms small,
  .v438y-copy-perms select,
  .v438y-copy-perms button{
    font-size:14px!important;
    line-height:1.45!important;
  }
  .v438y-section-title.permission{
    padding-bottom:12px!important;
    margin-bottom:12px!important;
  }
  .v438y-copy-perms{
    min-height:72px!important;
    padding:12px!important;
    gap:14px!important;
  }
  .v438y-copy-perms select,
  .v438y-copy-perms button{
    height:42px!important;
  }
  /* Giá trị mô tả/nhãn ma trận quyền cũng 14px */
  [data-loc="client/src/pages/Users.tsx:801"],
  [data-loc="client/src/pages/Users.tsx:802"],
  [data-loc="client/src/pages/Users.tsx:872"],
  [data-loc="client/src/pages/Users.tsx:876"],
  [data-loc="client/src/pages/Users.tsx:900"],
  [data-loc="client/src/pages/Users.tsx:904"],
  [data-loc="client/src/pages/Users.tsx:911"]{
    font-size:14px!important;
    line-height:1.45!important;
  }
}


/* ===== V477 SOURCE 264: v439a-agency-network-pro.css ===== */

/* V439A - Agency Network Pro */

/* ===== Desktop: minimum 14px in Agency areas ===== */
@media(min-width:761px){
  .v439-agency-health,
  .v439-agency-health *,
  .v439-agency-orders,
  .v439-agency-orders *,
  .v439-agency-directory,
  .v439-agency-directory *,
  .v439-agency-dialog,
  .v439-agency-dialog *,
  .v439-agency-management-fields,
  .v439-agency-management-fields *,
  .v328-agency-app,
  .v328-agency-app *{
    font-size:14px!important;
  }

  .v439-section-head h2{font-size:18px!important}
  .v439-section-head>div>span{font-size:14px!important}
  .v439-section-head>small{font-size:14px!important}
  .v439-agency-kpis b{font-size:26px!important}
  .v439-agency-performance b{font-size:20px!important}
  .v439-order-top>div>strong{font-size:16px!important}
  .v328-agency-app h1{font-size:26px!important}
  .v328-agency-app h2{font-size:20px!important}
  .v328-agency-app h3{font-size:17px!important}
}

/* ===== Internal Agency management ===== */
.v439-agency-health,
.v439-agency-orders,
.v439-agency-directory{
  margin-top:12px;
  padding:14px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--card);
}
.v439-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:11px;
}
.v439-section-head>div>span{
  display:block;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  color:var(--muted-foreground);
}
.v439-section-head h2{
  margin:3px 0 0;
  font-size:15px;
}
.v439-section-head>small{
  max-width:520px;
  text-align:right;
  font-size:9px;
  color:var(--muted-foreground);
}
.v439-section-head select{
  min-width:210px;
  height:38px;
  padding:0 9px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--background);
  color:var(--foreground);
}

.v439-agency-kpis{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}
.v439-agency-kpis article,
.v439-agency-performance article{
  min-width:0;
  position:relative;
  padding:11px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--background);
}
.v439-agency-kpis article{
  min-height:104px;
}
.v439-agency-kpis article:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:3px;
  background:#64748b;
}
.v439-agency-kpis article:nth-child(2):after{background:#16a34a}
.v439-agency-kpis article:nth-child(3):after{background:#f59e0b}
.v439-agency-kpis article:nth-child(4):after{background:#2563eb}
.v439-agency-kpis article:nth-child(5):after{background:#7c3aed}
.v439-agency-kpis span,
.v439-agency-performance>article>span{
  display:block;
  font-weight:750;
  color:var(--muted-foreground);
}
.v439-agency-kpis b{
  display:block;
  margin-top:7px;
  font-size:22px;
  line-height:1.05;
}
.v439-agency-kpis small,
.v439-agency-performance small{
  display:block;
  margin-top:6px;
  color:var(--muted-foreground);
  line-height:1.35;
}

.v439-agency-chart{
  margin-top:10px;
  padding:11px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--background);
}
.v439-agency-chart>div:first-child{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}
.v439-agency-chart>div:first-child small{color:var(--muted-foreground)}
.v439-bars{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}
.v439-bars>div>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
}
.v439-bars i{
  display:block;
  height:8px;
  margin-top:5px;
  border-radius:999px;
  overflow:hidden;
  background:var(--muted);
}
.v439-bars em{
  display:block;
  height:100%;
  min-width:0;
  border-radius:999px;
}
.v439-bars em.new{background:#64748b}
.v439-bars em.review{background:#f59e0b}
.v439-bars em.ready{background:#2563eb}
.v439-bars em.done{background:#16a34a}
.v439-bars em.reject{background:#dc2626}

.v439-agency-performance{
  display:grid;
  grid-template-columns:1fr 1fr 1.3fr;
  gap:8px;
  margin-top:10px;
}
.v439-agency-performance article{
  min-height:112px;
}
.v439-agency-performance b{
  display:block;
  margin-top:7px;
  font-variant-numeric:tabular-nums;
}
.v439-top-agencies>div{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin-top:6px;
}
.v439-top-agencies>div>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  border-top:1px solid var(--border);
  padding-top:4px;
}
.v439-top-agencies>div>div:first-child{border-top:0}
.v439-top-agencies small{margin:0}

.v439-order-list{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.v439-order-card{
  padding:11px;
  border:1px solid var(--border);
  border-radius:10px;
  background:var(--background);
}
.v439-order-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.v439-order-top>div>strong{
  display:block;
  font-size:14px;
}
.v439-order-top>div>small{
  display:block;
  margin-top:3px;
  color:var(--muted-foreground);
}
.v439-order-top .status{
  display:inline-flex;
  align-items:center;
  padding:4px 8px;
  border-radius:999px;
  font-weight:700;
  white-space:nowrap;
  background:var(--muted);
}
.v439-order-top .status.agency_new{color:#475569}
.v439-order-top .status.reviewing{background:#fef3c7;color:#b45309}
.v439-order-top .status.ready{background:#dbeafe;color:#1d4ed8}
.v439-order-top .status.converted{background:#dcfce7;color:#15803d}
.v439-order-top .status.rejected{background:#fee2e2;color:#b91c1c}

.v439-order-data{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
  margin-top:9px;
}
.v439-order-data>div{
  padding:8px;
  border:1px solid var(--border);
  border-radius:8px;
}
.v439-order-data span{
  display:block;
  color:var(--muted-foreground);
}
.v439-order-data b,
.v439-order-data a{
  display:block;
  margin-top:3px;
  font-weight:750;
}
.v439-order-lines{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5px 12px;
  margin-top:8px;
  padding:8px;
  border-radius:8px;
  background:color-mix(in srgb,var(--muted) 45%,transparent);
}
.v439-order-lines>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.v439-order-lines span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v439-order-lines b{white-space:nowrap}
.v439-order-actions{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:9px;
}
.v439-order-actions button,
.v439-official-link{
  min-height:34px;
}
.v439-official-link{
  display:inline-flex;
  align-items:center;
  padding:0 10px;
  border:1px solid #86efac;
  border-radius:7px;
  color:#15803d;
  text-decoration:none;
  font-weight:700;
}
.v439-empty{
  padding:24px 10px;
  text-align:center;
  color:var(--muted-foreground);
}

/* Directory */
.v439-agency-directory{
  padding:14px;
}
.v439-agency-directory>section{
  margin-top:0!important;
}
.v439-agency-table{
  min-width:1060px;
}
.v439-agency-table th,
.v439-agency-table td{
  font-size:14px!important;
}
.v439-agency-meta{
  display:block;
  margin-top:4px;
  font-size:14px!important;
  color:var(--muted-foreground);
  line-height:1.35;
}

/* Dialog */
.v439-agency-dialog{
  width:min(1080px,calc(100vw - 32px))!important;
  max-width:1080px!important;
  max-height:92vh!important;
  overflow-y:auto!important;
}
.v439-agency-dialog input,
.v439-agency-dialog select,
.v439-agency-dialog button{
  min-height:40px;
}
.v439-agency-management-fields{
  padding:11px;
  border:1px solid var(--border);
  border-radius:9px;
  background:color-mix(in srgb,var(--muted) 25%,transparent);
}
.v439-agency-management-fields label{
  display:flex;
  flex-direction:column;
  gap:5px;
}
.v439-agency-management-fields label>span{
  font-weight:650;
}
.v439-agency-management-fields select{
  width:100%;
  min-width:0;
  height:40px;
  padding:0 9px;
  border:1px solid var(--border);
  border-radius:7px;
  background:var(--background);
  color:var(--foreground);
}

/* Manual route protection */
.v439-forbidden{
  max-width:560px;
  margin:60px auto;
  padding:22px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--card);
  text-align:center;
}
.v439-forbidden h2{font-size:18px}
.v439-forbidden p{margin:8px 0 14px;color:var(--muted-foreground)}
.v439-forbidden a{font-weight:700;color:var(--brand-green)}

/* Agency portal staging status */
.v439-waiting-invoice{
  color:var(--muted-foreground);
  font-weight:650;
}
.v439-portal-status.agency_new{background:#f1f5f9;color:#475569}
.v439-portal-status.reviewing{background:#fef3c7;color:#b45309}
.v439-portal-status.ready{background:#dbeafe;color:#1d4ed8}
.v439-portal-status.converted{background:#dcfce7;color:#15803d}
.v439-portal-status.rejected{background:#fee2e2;color:#b91c1c}

/* ===== Mobile ===== */
@media(max-width:760px){
  .v439-agency-health,
  .v439-agency-orders,
  .v439-agency-directory{
    margin-top:8px;
    padding:10px;
    border-radius:12px;
  }
  .v439-section-head{
    flex-direction:column;
    align-items:stretch;
    gap:6px;
    margin-bottom:8px;
  }
  .v439-section-head>div>span{font-size:9px}
  .v439-section-head h2{font-size:15px}
  .v439-section-head>small{
    max-width:none;
    text-align:left;
    font-size:11px;
    line-height:1.4;
  }
  .v439-section-head select{
    width:100%;
    min-width:0;
    height:42px;
    font-size:12px;
  }

  .v439-agency-kpis{
    grid-template-columns:1fr 1fr;
    gap:7px;
  }
  .v439-agency-kpis article{
    min-height:92px;
    padding:9px;
    border-radius:10px;
  }
  .v439-agency-kpis article:first-child{
    grid-column:1/-1;
  }
  .v439-agency-kpis span{font-size:10px}
  .v439-agency-kpis b{font-size:21px}
  .v439-agency-kpis small{font-size:9px}

  .v439-agency-chart{
    padding:9px;
    border-radius:10px;
  }
  .v439-agency-chart>div:first-child{
    align-items:flex-start;
    flex-direction:column;
    gap:3px;
  }
  .v439-agency-chart strong{font-size:12px}
  .v439-agency-chart small{font-size:10px}
  .v439-bars{
    grid-template-columns:1fr;
    gap:7px;
  }
  .v439-bars>div>div{font-size:10px}
  .v439-bars i{height:7px}

  .v439-agency-performance{
    grid-template-columns:1fr;
    gap:7px;
  }
  .v439-agency-performance article{
    min-height:auto;
    padding:10px;
    border-radius:10px;
  }
  .v439-agency-performance>article>span{font-size:10px}
  .v439-agency-performance b{font-size:17px}
  .v439-agency-performance small{font-size:9px}
  .v439-top-agencies>div>div{
    align-items:flex-start;
  }

  .v439-order-card{
    padding:10px;
    border-radius:12px;
  }
  .v439-order-top{
    gap:8px;
  }
  .v439-order-top>div>strong{font-size:13px}
  .v439-order-top>div>small{font-size:10px;line-height:1.35}
  .v439-order-top .status{
    padding:4px 6px;
    font-size:9px;
  }
  .v439-order-data{
    grid-template-columns:1fr 1fr;
    gap:6px;
  }
  .v439-order-data>div{
    min-height:70px;
    padding:8px;
  }
  .v439-order-data span{font-size:9px}
  .v439-order-data b,
  .v439-order-data a{font-size:11px;overflow-wrap:anywhere}
  .v439-order-lines{
    grid-template-columns:1fr;
    gap:5px;
    padding:8px;
  }
  .v439-order-lines span,
  .v439-order-lines b{font-size:10px}
  .v439-order-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6px;
  }
  .v439-order-actions button,
  .v439-official-link{
    width:100%;
    min-height:42px!important;
    justify-content:center;
    font-size:10px!important;
  }

  /* Directory table -> mobile cards */
  .v439-agency-directory>section{
    border:0!important;
    background:transparent!important;
    overflow:visible!important;
  }
  .v439-agency-directory table,
  .v439-agency-directory tbody{
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }
  .v439-agency-directory thead{display:none!important}
  .v439-agency-directory tr{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:0!important;
    margin-bottom:8px;
    border:1px solid var(--border)!important;
    border-radius:12px;
    overflow:hidden;
    background:var(--background);
  }
  .v439-agency-directory td{
    display:block!important;
    padding:9px!important;
    font-size:11px!important;
  }
  .v439-agency-directory td:nth-child(1){grid-column:1/2}
  .v439-agency-directory td:nth-child(2){grid-column:1/2;padding-top:0!important}
  .v439-agency-directory td:nth-child(3){display:none!important}
  .v439-agency-directory td:nth-child(4){grid-column:1/-1;border-top:1px solid var(--border)}
  .v439-agency-directory td:nth-child(5){grid-column:2/3;grid-row:1/3}
  .v439-agency-directory td:nth-child(6){grid-column:1/-1;border-top:1px solid var(--border)}
  .v439-agency-directory td:nth-child(6)>div{
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:6px!important;
  }
  .v439-agency-directory td:nth-child(6) button{
    width:100%!important;
    min-height:40px!important;
    font-size:10px!important;
  }
  .v439-agency-meta{font-size:10px!important}

  .v439-agency-dialog{
    width:calc(100vw - 10px)!important;
    max-width:none!important;
    max-height:96vh!important;
    padding:10px!important;
    border-radius:14px!important;
  }
  .v439-agency-dialog input,
  .v439-agency-dialog select,
  .v439-agency-dialog button{
    min-height:42px!important;
    font-size:11px!important;
  }
  .v439-agency-dialog label,
  .v439-agency-dialog p,
  .v439-agency-dialog span{
    font-size:10px;
  }
  .v439-agency-management-fields{
    padding:9px;
    border-radius:10px;
  }
  .v439-agency-management-fields .grid{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  /* Agency portal */
  .v328-agency-app{
    padding:8px!important;
  }
  .v328-agency-header{
    border-radius:12px!important;
  }
  .v328-agency-header h1{font-size:19px!important}
  .v328-agency-header p{font-size:11px!important}
  .v331-agency-tabs{
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr!important;
    gap:5px!important;
  }
  .v331-agency-tabs button{
    min-height:42px!important;
    padding:6px!important;
    font-size:10px!important;
    white-space:normal!important;
  }
  .v328-order-card{
    border-radius:11px!important;
    padding:10px!important;
  }
  .v328-order-card strong{font-size:12px!important}
  .v328-order-card small{font-size:9px!important;line-height:1.4!important}
  .v331-order-statuses{
    flex-wrap:wrap!important;
    gap:5px!important;
  }
  .v331-order-statuses span{font-size:9px!important}
  .v331-order-money b{font-size:15px!important}
  .v331-order-money small{font-size:9px!important}
}

@media(max-width:390px){
  .v439-agency-kpis,
  .v439-order-data,
  .v439-order-actions{
    grid-template-columns:1fr!important;
  }
  .v439-agency-kpis article:first-child{
    grid-column:auto;
  }
  .v331-agency-tabs{
    grid-template-columns:1fr!important;
  }
}


/* ===== V477 SOURCE 265: v439b-agency-transfer.css ===== */

/* V439B - Admin transfer Agency ownership */
.v439b-transfer-panel{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  margin-bottom:10px;
  padding:11px;
  border:1px solid var(--border);
  border-radius:10px;
  background:color-mix(in srgb,var(--brand-green) 4%,var(--background));
}
.v439b-transfer-panel>div:first-child strong{
  display:block;
  font-size:14px;
}
.v439b-transfer-panel>div:first-child small{
  display:block;
  margin-top:3px;
  font-size:14px;
  line-height:1.4;
  color:var(--muted-foreground);
}
.v439b-transfer-controls{
  display:grid;
  grid-template-columns:auto minmax(220px,1fr) auto;
  gap:7px;
  align-items:center;
}
.v439b-transfer-controls select,
.v439b-select-all{
  height:40px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--background);
  color:var(--foreground);
  padding:0 9px;
  font-size:14px;
}
.v439b-select-all{cursor:pointer}
.v439b-transfer-controls button{
  min-height:40px;
  font-size:14px!important;
}
.v439b-selected-summary{
  grid-column:1/-1;
  font-size:14px;
  color:var(--brand-green);
}
.v439b-agency-row.selected{
  background:color-mix(in srgb,var(--brand-green) 7%,var(--background))!important;
}
.v439b-check-col{
  width:46px;
}
.v439b-check-col input{
  width:16px;
  height:16px;
  cursor:pointer;
}

@media(max-width:760px){
  .v439b-transfer-panel{
    grid-template-columns:1fr;
    gap:8px;
    padding:9px;
    border-radius:11px;
  }
  .v439b-transfer-panel>div:first-child strong{
    font-size:12px;
  }
  .v439b-transfer-panel>div:first-child small{
    font-size:10px;
  }
  .v439b-transfer-controls{
    grid-template-columns:1fr;
    gap:6px;
  }
  .v439b-transfer-controls select,
  .v439b-select-all,
  .v439b-transfer-controls button{
    width:100%;
    min-height:42px!important;
    font-size:11px!important;
  }
  .v439b-selected-summary{
    font-size:10px;
  }

  /* Account for new checkbox column in existing mobile agency cards */
  .v439-agency-directory tr{
    grid-template-columns:auto 1fr auto!important;
  }
  .v439-agency-directory td:nth-child(1){
    display:flex!important;
    grid-column:1/2!important;
    grid-row:1/3!important;
    align-items:flex-start;
    padding:12px 4px 0 9px!important;
  }
  .v439-agency-directory td:nth-child(2){
    grid-column:2/3!important;
    padding-top:9px!important;
  }
  .v439-agency-directory td:nth-child(3){
    grid-column:2/3!important;
    display:block!important;
    padding-top:0!important;
  }
  .v439-agency-directory td:nth-child(4){
    display:none!important;
  }
  .v439-agency-directory td:nth-child(5){
    grid-column:1/-1!important;
    grid-row:auto!important;
    border-top:1px solid var(--border);
  }
  .v439-agency-directory td:nth-child(6){
    grid-column:3/4!important;
    grid-row:1/3!important;
    border-top:0!important;
  }
  .v439-agency-directory td:nth-child(7){
    grid-column:1/-1!important;
    border-top:1px solid var(--border)!important;
  }
  .v439-agency-directory td:nth-child(7)>div{
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:6px!important;
  }
  .v439-agency-directory td:nth-child(7) button{
    width:100%!important;
    min-height:40px!important;
  }
}


/* ===== V477 SOURCE 266: v439c-agency-workflow-pro.css ===== */

/* V439C - Agency Workflow Pro */

/* Desktop minimum 14px */
@media(min-width:761px){
  .v439c-credit-warning,
  .v439c-credit-warning *,
  .v439c-care-center,
  .v439c-care-center *,
  .v439c-transfer-history,
  .v439c-transfer-history *,
  .v439c-modal,
  .v439c-modal *,
  .v439c-agency-name,
  .v439c-revision-banner,
  .v439c-revision-banner *,
  .v439c-revise-btn{
    font-size:14px!important;
  }
  .v439c-modal h3{font-size:18px!important}
  .v439c-modal-total b{font-size:20px!important}
}

/* Credit warnings */
.v439c-credit-warning{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:8px;
  padding:9px 10px;
  border:1px solid #bfdbfe;
  border-radius:8px;
  background:#eff6ff;
}
.v439c-credit-warning.danger{
  border-color:#fecaca;
  background:#fef2f2;
}
.v439c-credit-warning strong,
.v439c-credit-warning small{
  display:block;
}
.v439c-credit-warning small{
  margin-top:2px;
  color:var(--muted-foreground);
}
.v439c-credit-warning b{
  white-space:nowrap;
  color:#1d4ed8;
}
.v439c-credit-warning.danger b{color:#b91c1c}

/* Care center */
.v439c-care-center{
  margin-top:10px;
  padding:10px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--background);
}
.v439c-care-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.v439c-care-head strong{display:block}
.v439c-care-head small{
  display:block;
  margin-top:2px;
  color:var(--muted-foreground);
}
.v439c-care-head>span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:28px;
  height:28px;
  border-radius:999px;
  background:#fff7ed;
  color:#c2410c;
  font-weight:800;
}
.v439c-care-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
  margin-top:8px;
}
.v439c-care-list button{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:54px;
  padding:8px 9px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--card);
  color:var(--foreground);
  text-align:left;
  cursor:pointer;
}
.v439c-care-list button:hover{border-color:#94a3b8}
.v439c-care-list button>div strong,
.v439c-care-list button>div small{display:block}
.v439c-care-list button>div small{
  margin-top:2px;
  color:var(--muted-foreground);
}
.v439c-care-list button>span{
  text-align:right;
  font-weight:700;
}
.v439c-care-list .limit-danger{border-color:#fecaca;background:#fff7f7}
.v439c-care-list .limit{border-color:#fde68a;background:#fffbeb}
.v439c-care-list .decline{border-color:#fed7aa;background:#fff7ed}
.v439c-care-list .inactive{border-color:#cbd5e1;background:#f8fafc}

/* Transfer history */
.v439c-transfer-history{
  margin-bottom:10px;
  padding:10px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--background);
}
.v439c-transfer-history>div:first-child{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
}
.v439c-transfer-history>div:first-child small{color:var(--muted-foreground)}
.v439c-transfer-history>div:last-child{
  display:flex;
  flex-direction:column;
  margin-top:6px;
}
.v439c-transfer-history>div:last-child>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:6px 0;
  border-top:1px solid var(--border);
}
.v439c-transfer-history>div:last-child>div:first-child{border-top:0}
.v439c-transfer-history small{color:var(--muted-foreground)}

/* Agency name button */
.v439c-agency-name{
  border:0;
  padding:0;
  background:transparent;
  color:var(--foreground);
  font-weight:800;
  text-align:left;
  cursor:pointer;
}
.v439c-agency-name:hover{
  color:var(--brand-green);
  text-decoration:underline;
}

/* Modal */
.v439c-modal-backdrop{
  position:fixed;
  inset:0;
  z-index:1000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(15,23,42,.48);
  backdrop-filter:blur(3px);
}
.v439c-modal{
  width:min(980px,100%);
  max-height:92vh;
  overflow:auto;
  padding:14px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--background);
  box-shadow:0 18px 55px rgba(15,23,42,.22);
}
.v439c-modal.confirm{width:min(820px,100%)}
.v439c-modal.agency-detail{width:min(760px,100%)}
.v439c-modal-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-bottom:10px;
  border-bottom:1px solid var(--border);
}
.v439c-modal-head>div>span{
  display:block;
  font-weight:800;
  letter-spacing:.07em;
  color:var(--muted-foreground);
}
.v439c-modal-head h3{
  margin:3px 0 0;
}
.v439c-modal-head>button{
  width:34px;
  height:34px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--background);
  cursor:pointer;
  font-size:18px!important;
}
.v439c-edit-lines{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-top:10px;
}
.v439c-edit-lines>div{
  display:grid;
  grid-template-columns:minmax(180px,1fr) 150px 170px 150px;
  gap:8px;
  align-items:end;
  padding:8px;
  border:1px solid var(--border);
  border-radius:8px;
}
.v439c-edit-lines label,
.v439c-edit-contact label{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.v439c-edit-lines label span,
.v439c-edit-contact label span{
  color:var(--muted-foreground);
}
.v439c-edit-lines input,
.v439c-edit-contact input,
.v439c-edit-contact textarea{
  width:100%;
  min-width:0;
  border:1px solid var(--border);
  border-radius:7px;
  background:var(--background);
  color:var(--foreground);
  padding:0 8px;
}
.v439c-edit-lines input,
.v439c-edit-contact input{height:38px}
.v439c-edit-contact textarea{
  min-height:76px;
  padding-top:8px;
  resize:vertical;
}
.v439c-edit-lines>div>b{
  align-self:center;
  text-align:right;
  white-space:nowrap;
}
.v439c-edit-contact{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:10px;
}
.v439c-edit-contact .wide{grid-column:1/-1}
.v439c-modal-total{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:14px;
  margin-top:10px;
  padding:10px;
  border-radius:8px;
  background:var(--muted);
}
.v439c-modal-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:10px;
}
.v439c-modal-actions button{
  min-height:40px;
  padding:0 12px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--background);
  color:var(--foreground);
  cursor:pointer;
}
.v439c-modal-actions button.primary{
  border-color:var(--brand-green);
  background:var(--brand-green);
  color:white;
  font-weight:800;
}
.v439c-confirm-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-top:10px;
}
.v439c-confirm-grid>div{
  min-width:0;
  padding:9px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--card);
}
.v439c-confirm-grid span{
  display:block;
  color:var(--muted-foreground);
}
.v439c-confirm-grid b{
  display:block;
  margin-top:4px;
  overflow-wrap:anywhere;
}
.v439c-confirm-warning{
  margin-top:10px;
  padding:10px;
  border:1px solid #fecaca;
  border-radius:8px;
  background:#fef2f2;
}
.v439c-confirm-warning strong,
.v439c-confirm-warning small{display:block}
.v439c-confirm-warning strong{color:#b91c1c}
.v439c-confirm-warning small{margin-top:3px;color:#7f1d1d}
.v439c-agency-orders-mini{
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid var(--border);
}
.v439c-agency-orders-mini h4{margin:0 0 6px}
.v439c-agency-orders-mini>div{
  display:grid;
  grid-template-columns:1fr 1fr auto;
  gap:8px;
  align-items:center;
  padding:6px 0;
  border-top:1px solid var(--border);
}
.v439c-agency-orders-mini>div:first-of-type{border-top:0}

/* Portal revision */
.v439c-revision-banner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:9px;
  border:1px solid #fed7aa;
  border-radius:8px;
  background:#fff7ed;
}
.v439c-revision-banner strong,
.v439c-revision-banner small{display:block}
.v439c-revision-banner small{
  margin-top:2px;
  color:#9a3412;
}
.v439c-revision-banner button,
.v439c-revise-btn{
  min-height:36px;
  padding:0 9px;
  border:1px solid #fb923c;
  border-radius:7px;
  background:white;
  color:#c2410c;
  font-weight:700;
  cursor:pointer;
}
.v439-portal-status.needs_revision{
  background:#fff7ed!important;
  color:#c2410c!important;
}
.v439-bars em.revision{background:#ea580c}

/* Mobile */
@media(max-width:760px){
  .v439c-credit-warning{
    align-items:flex-start;
    flex-direction:column;
    gap:5px;
    padding:8px;
    border-radius:9px;
  }
  .v439c-credit-warning strong{font-size:10px}
  .v439c-credit-warning small{font-size:9px;line-height:1.4}
  .v439c-credit-warning b{font-size:11px}

  .v439c-care-center{
    padding:9px;
    border-radius:10px;
  }
  .v439c-care-head{
    align-items:flex-start;
  }
  .v439c-care-head strong{font-size:11px}
  .v439c-care-head small{font-size:9px;line-height:1.4}
  .v439c-care-list{
    grid-template-columns:1fr;
    gap:6px;
  }
  .v439c-care-list button{
    min-height:58px;
    padding:8px;
  }
  .v439c-care-list button strong{font-size:10px}
  .v439c-care-list button small,
  .v439c-care-list button>span{font-size:9px}

  .v439c-transfer-history{
    padding:9px;
  }
  .v439c-transfer-history>div:first-child{
    align-items:flex-start;
    flex-direction:column;
    gap:2px;
  }
  .v439c-transfer-history strong{font-size:10px}
  .v439c-transfer-history small{font-size:8.5px}
  .v439c-transfer-history>div:last-child>div{
    align-items:flex-start;
    flex-direction:column;
    gap:2px;
  }
  .v439c-transfer-history span{font-size:9px}

  .v439c-modal-backdrop{
    align-items:flex-end;
    padding:5px;
  }
  .v439c-modal{
    width:100%;
    max-height:95vh;
    padding:10px;
    border-radius:14px 14px 0 0;
  }
  .v439c-modal-head h3{font-size:14px}
  .v439c-modal-head>div>span{font-size:9px}
  .v439c-edit-lines>div{
    grid-template-columns:1fr 1fr;
    gap:6px;
    padding:8px;
  }
  .v439c-edit-lines>div>strong{
    grid-column:1/-1;
    font-size:10px;
  }
  .v439c-edit-lines label span{font-size:8.5px}
  .v439c-edit-lines input{
    height:42px;
    font-size:11px;
  }
  .v439c-edit-lines>div>b{
    grid-column:1/-1;
    text-align:right;
    font-size:11px;
  }
  .v439c-edit-contact{
    grid-template-columns:1fr;
  }
  .v439c-edit-contact .wide{grid-column:auto}
  .v439c-edit-contact label span{font-size:9px}
  .v439c-edit-contact input{height:42px;font-size:11px}
  .v439c-edit-contact textarea{font-size:11px}
  .v439c-modal-total{
    justify-content:space-between;
  }
  .v439c-modal-total span{font-size:10px}
  .v439c-modal-total b{font-size:14px}
  .v439c-modal-actions{
    position:sticky;
    bottom:-10px;
    display:grid;
    grid-template-columns:1fr 1fr;
    margin:10px -10px -10px;
    padding:9px 10px calc(9px + env(safe-area-inset-bottom));
    border-top:1px solid var(--border);
    background:var(--background);
  }
  .v439c-modal-actions button{
    width:100%;
    min-height:44px;
    font-size:10px;
  }
  .v439c-confirm-grid{
    grid-template-columns:1fr 1fr;
    gap:6px;
  }
  .v439c-confirm-grid>div{
    min-height:70px;
    padding:8px;
  }
  .v439c-confirm-grid span{font-size:8.5px}
  .v439c-confirm-grid b{font-size:10px}
  .v439c-confirm-warning strong{font-size:10px}
  .v439c-confirm-warning small{font-size:9px}
  .v439c-agency-orders-mini h4{font-size:11px}
  .v439c-agency-orders-mini>div{
    grid-template-columns:1fr auto;
  }
  .v439c-agency-orders-mini>div span{
    grid-column:1/-1;
    font-size:9px;
  }
  .v439c-agency-orders-mini strong,
  .v439c-agency-orders-mini b{font-size:10px}

  .v439c-revision-banner{
    flex-direction:column;
    align-items:stretch;
  }
  .v439c-revision-banner strong{font-size:10px}
  .v439c-revision-banner small{font-size:9px}
  .v439c-revision-banner button,
  .v439c-revise-btn{
    width:100%;
    min-height:42px;
    font-size:10px;
  }
}

@media(max-width:390px){
  .v439c-confirm-grid{
    grid-template-columns:1fr;
  }
  .v439c-modal-actions{
    grid-template-columns:1fr;
  }
}


/* ===== V477 SOURCE 267: v439d-agency-order-preview.css ===== */

/* V439D - Agency order preview like official order slip */
@media(min-width:761px){
  .v439d-order-preview,
  .v439d-order-preview *{
    font-size:14px!important;
  }
  .v439d-slip h2{font-size:20px!important}
  .v439d-company{font-size:16px!important}
  .v439d-slip-total b{font-size:20px!important}
}
.v439d-order-preview{
  width:min(980px,100%);
  max-height:94vh;
  overflow:auto;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--background);
  box-shadow:0 18px 55px rgba(15,23,42,.24);
}
.v439d-preview-toolbar{
  position:sticky;
  top:0;
  z-index:4;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:11px 14px;
  border-bottom:1px solid var(--border);
  background:color-mix(in srgb,var(--background) 96%,transparent);
  backdrop-filter:blur(8px);
}
.v439d-preview-toolbar span,
.v439d-preview-toolbar strong{display:block}
.v439d-preview-toolbar span{
  font-weight:800;
  letter-spacing:.07em;
  color:var(--muted-foreground);
}
.v439d-preview-toolbar strong{margin-top:2px}
.v439d-preview-toolbar>button{
  width:36px;height:36px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--background);
  cursor:pointer;
  font-size:20px!important;
}
.v439d-slip{
  margin:14px;
  padding:18px;
  border:1px solid #d7d7d7;
  border-radius:8px;
  background:#fff;
  color:#111;
  font-family:"Times New Roman",Times,serif;
}
.v439d-slip header{
  text-align:center;
  padding-bottom:12px;
  border-bottom:1px solid #aaa;
}
.v439d-company{font-weight:800}
.v439d-slip h2{
  margin:6px 0 2px;
  font-weight:800;
}
.v439d-slip header p{
  margin:0;
  font-style:italic;
}
.v439d-info-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px 12px;
  margin-top:12px;
}
.v439d-info-grid>div{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:8px;
  align-items:start;
}
.v439d-info-grid .wide{grid-column:1/-1}
.v439d-info-grid span{color:#555}
.v439d-slip-table{
  margin-top:14px;
  border:1px solid #999;
}
.v439d-slip-table>.head,
.v439d-slip-table>.row{
  display:grid;
  grid-template-columns:42px minmax(180px,1fr) 80px 90px 130px 150px;
  align-items:center;
}
.v439d-slip-table>.head{
  font-weight:800;
  background:#f4f4f4;
}
.v439d-slip-table>.head>*,
.v439d-slip-table>.row>*{
  padding:7px 8px;
  border-right:1px solid #aaa;
}
.v439d-slip-table>.head>*:last-child,
.v439d-slip-table>.row>*:last-child{border-right:0}
.v439d-slip-table>.row{
  border-top:1px solid #aaa;
}
.v439d-slip-table>.row span:nth-child(4),
.v439d-slip-table>.row span:nth-child(5),
.v439d-slip-table>.row b{
  text-align:right;
}
.v439d-slip-total{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:24px;
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid #aaa;
}
.v439d-note{
  margin-top:10px;
  padding:9px;
  border:1px dashed #aaa;
}
.v439d-note span{font-weight:800}
.v439d-note p{margin:4px 0 0}
.v439d-debt-check{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:6px;
  margin-top:10px;
  padding:9px;
  border:1px solid #93c5fd;
  border-radius:6px;
  background:#eff6ff;
  font-family:inherit;
}
.v439d-debt-check.danger{
  border-color:#fca5a5;
  background:#fef2f2;
}
.v439d-debt-check span,
.v439d-debt-check b{display:block}
.v439d-debt-check span{color:#555}
.v439d-debt-check b{margin-top:3px}
.v439d-preview-actions{
  position:sticky;
  bottom:0;
  z-index:4;
  display:flex;
  justify-content:flex-end;
  gap:7px;
  padding:10px 14px calc(10px + env(safe-area-inset-bottom));
  border-top:1px solid var(--border);
  background:color-mix(in srgb,var(--background) 96%,transparent);
  backdrop-filter:blur(8px);
}
.v439d-preview-actions button{
  min-height:40px;
  padding:0 11px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--background);
  color:var(--foreground);
  cursor:pointer;
}
.v439d-preview-actions .primary{
  border-color:var(--brand-green);
  background:var(--brand-green);
  color:#fff;
  font-weight:800;
}
@media(max-width:760px){
  .v439d-order-preview{
    width:100%;
    max-height:96vh;
    border-radius:14px 14px 0 0;
  }
  .v439d-preview-toolbar{
    padding:10px;
  }
  .v439d-preview-toolbar span{font-size:9px}
  .v439d-preview-toolbar strong{font-size:12px}
  .v439d-slip{
    margin:8px;
    padding:10px;
    border-radius:8px;
  }
  .v439d-company{font-size:12px}
  .v439d-slip h2{font-size:16px}
  .v439d-slip header p{font-size:9px}
  .v439d-info-grid{
    grid-template-columns:1fr;
    gap:5px;
  }
  .v439d-info-grid .wide{grid-column:auto}
  .v439d-info-grid>div{
    grid-template-columns:110px 1fr;
    gap:6px;
  }
  .v439d-info-grid span,
  .v439d-info-grid b{font-size:9px}
  .v439d-slip-table{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .v439d-slip-table>.head,
  .v439d-slip-table>.row{
    min-width:690px;
  }
  .v439d-slip-table>.head>*,
  .v439d-slip-table>.row>*{
    font-size:9px;
    padding:6px;
  }
  .v439d-slip-total{
    justify-content:space-between;
    gap:8px;
  }
  .v439d-slip-total span{font-size:10px}
  .v439d-slip-total b{font-size:14px}
  .v439d-debt-check{
    grid-template-columns:1fr;
  }
  .v439d-debt-check span{font-size:9px}
  .v439d-debt-check b{font-size:10px}
  .v439d-preview-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6px;
    padding:9px 8px calc(9px + env(safe-area-inset-bottom));
  }
  .v439d-preview-actions button{
    width:100%;
    min-height:44px;
    font-size:10px;
  }
  .v439d-preview-actions .primary{
    grid-column:1/-1;
  }
}
@media(max-width:390px){
  .v439d-preview-actions{
    grid-template-columns:1fr;
  }
  .v439d-preview-actions .primary{
    grid-column:auto;
  }
}


/* ===== V477 SOURCE 268: v439e-agency-review-polish.css ===== */

/* V439E - Agency review center polish */

@media(min-width:761px){
  .v439e-review-center,
  .v439e-review-center *,
  .v439e-preview-validation,
  .v439e-preview-validation *{
    font-size:14px!important;
  }
  .v439e-review-head h2{font-size:20px!important}
  .v439e-order-identity strong{font-size:18px!important}
  .v439e-card-summary .money b{font-size:20px!important}
}

.v439e-review-center{
  padding:16px!important;
  border-radius:14px!important;
}
.v439e-review-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:12px;
}
.v439e-review-head>div>span{
  display:block;
  font-weight:800;
  letter-spacing:.08em;
  color:var(--muted-foreground);
}
.v439e-review-head h2{
  margin:4px 0 0;
}
.v439e-review-head p{
  margin:5px 0 0;
  color:var(--muted-foreground);
}
.v439e-review-head select{
  min-width:220px;
  height:42px;
  padding:0 10px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--background);
  color:var(--foreground);
}

.v439e-workflow{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-bottom:12px;
}
.v439e-workflow>div{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:66px;
  padding:10px;
  border:1px solid var(--border);
  border-radius:10px;
  background:var(--background);
}
.v439e-workflow>div>b{
  display:flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  flex:none;
  border-radius:999px;
  background:color-mix(in srgb,var(--brand-green) 10%,var(--muted));
  color:var(--brand-green);
}
.v439e-workflow strong,
.v439e-workflow small{
  display:block;
}
.v439e-workflow small{
  margin-top:2px;
  color:var(--muted-foreground);
  line-height:1.35;
}

.v439e-order-list{
  gap:10px!important;
}
.v439e-order-card{
  position:relative;
  padding:0!important;
  border-radius:12px!important;
  overflow:hidden;
  box-shadow:0 3px 14px rgba(15,23,42,.045);
}
.v439e-order-card:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:#94a3b8;
}
.v439e-order-card.reviewing:before{background:#f59e0b}
.v439e-order-card.needs_revision:before{background:#ea580c}
.v439e-order-card.ready:before{background:#2563eb}
.v439e-order-card.converted:before{background:#16a34a}
.v439e-order-card.rejected:before{background:#dc2626}

.v439e-card-head{
  display:grid;
  grid-template-columns:minmax(180px,.8fr) minmax(240px,1.2fr) auto;
  gap:14px;
  align-items:center;
  padding:12px 14px;
  border-bottom:1px solid var(--border);
  background:color-mix(in srgb,var(--muted) 18%,var(--background));
}
.v439e-order-identity>span{
  display:block;
  font-weight:800;
  letter-spacing:.06em;
  color:var(--muted-foreground);
}
.v439e-order-identity>strong{
  display:block;
  margin-top:2px;
}
.v439e-order-identity>small,
.v439e-agency-owner>small{
  display:block;
  margin-top:3px;
  color:var(--muted-foreground);
}
.v439e-agency-owner strong{
  display:block;
}
.v439e-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:4px 9px;
  border-radius:999px;
  font-weight:800;
  white-space:nowrap;
  background:#f1f5f9;
  color:#475569;
}
.v439e-status.reviewing{background:#fef3c7;color:#b45309}
.v439e-status.needs_revision{background:#fff7ed;color:#c2410c}
.v439e-status.ready{background:#dbeafe;color:#1d4ed8}
.v439e-status.converted{background:#dcfce7;color:#15803d}
.v439e-status.rejected{background:#fee2e2;color:#b91c1c}

.v439e-card-summary{
  display:grid;
  grid-template-columns:1.05fr 1.35fr 1.2fr .8fr;
  gap:7px;
  padding:10px 14px;
}
.v439e-card-summary>div{
  min-width:0;
  padding:9px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--background);
}
.v439e-card-summary span,
.v439e-card-summary b,
.v439e-card-summary small{
  display:block;
}
.v439e-card-summary span{
  color:var(--muted-foreground);
}
.v439e-card-summary b{
  margin-top:4px;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.v439e-card-summary small{
  margin-top:3px;
  color:#1d4ed8;
}

.v439e-readiness{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin:0 14px 9px;
}
.v439e-readiness span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:4px 8px;
  border-radius:999px;
  font-weight:700;
}
.v439e-readiness.ready span{
  background:#ecfdf5;
  color:#15803d;
}
.v439e-readiness.warning span{
  background:#fef2f2;
  color:#b91c1c;
}

.v439e-line-preview{
  margin:0 14px!important;
  padding:8px!important;
  grid-template-columns:1fr 1fr!important;
  gap:6px 10px!important;
}
.v439e-line-preview>div{
  min-width:0;
}
.v439e-line-preview>div>div{
  min-width:0;
}
.v439e-line-preview strong,
.v439e-line-preview small{
  display:block;
}
.v439e-line-preview strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.v439e-line-preview small{
  margin-top:2px;
  color:var(--muted-foreground);
}
.v439e-more-lines{
  margin:5px 14px 0;
  color:var(--muted-foreground);
  font-weight:650;
}

.v439e-card-actions{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:6px!important;
  padding:10px 14px 12px;
  margin-top:0!important;
}
.v439e-card-actions button,
.v439e-card-actions a{
  width:100%;
  min-height:40px!important;
  justify-content:center;
}
.v439e-card-actions button:disabled{
  opacity:.45;
  cursor:not-allowed;
}

.v439e-preview-validation{
  margin-top:10px;
  padding:10px;
  border:1px solid var(--border);
  border-radius:8px;
}
.v439e-preview-validation strong,
.v439e-preview-validation small{
  display:block;
}
.v439e-preview-validation.ok{
  border-color:#bbf7d0;
  background:#f0fdf4;
  color:#166534;
}
.v439e-preview-validation.error{
  border-color:#fecaca;
  background:#fef2f2;
  color:#991b1b;
}
.v439e-preview-validation.error>div{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:6px;
}
.v439e-preview-validation.error span{
  padding:4px 7px;
  border-radius:999px;
  background:#fee2e2;
}
.v439d-preview-actions button:disabled{
  opacity:.45;
  cursor:not-allowed;
}

@media(max-width:1100px) and (min-width:761px){
  .v439e-card-summary{
    grid-template-columns:1fr 1fr;
  }
  .v439e-card-actions{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .v439e-workflow{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:760px){
  .v439e-review-center{
    padding:10px!important;
    border-radius:12px!important;
  }
  .v439e-review-head{
    flex-direction:column;
    align-items:stretch;
    gap:8px;
    margin-bottom:9px;
  }
  .v439e-review-head>div>span{
    font-size:9px;
  }
  .v439e-review-head h2{
    margin-top:3px;
    font-size:16px;
    line-height:1.25;
  }
  .v439e-review-head p{
    font-size:10px;
    line-height:1.4;
  }
  .v439e-review-head select{
    width:100%;
    min-width:0;
    height:44px;
    font-size:11px;
  }

  .v439e-workflow{
    grid-template-columns:1fr 1fr;
    gap:6px;
  }
  .v439e-workflow>div{
    min-height:70px;
    padding:8px;
    align-items:flex-start;
  }
  .v439e-workflow>div>b{
    width:26px;
    height:26px;
    font-size:9px;
  }
  .v439e-workflow strong{font-size:10px}
  .v439e-workflow small{font-size:8.5px}

  .v439e-order-card{
    border-radius:12px!important;
  }
  .v439e-card-head{
    grid-template-columns:1fr auto;
    gap:7px;
    padding:10px;
  }
  .v439e-order-identity{
    grid-column:1/2;
  }
  .v439e-agency-owner{
    grid-column:1/-1;
    grid-row:2;
    padding-top:7px;
    border-top:1px solid var(--border);
  }
  .v439e-status{
    grid-column:2/3;
    grid-row:1;
    font-size:9px;
    min-height:28px;
  }
  .v439e-order-identity>span{font-size:8px}
  .v439e-order-identity>strong{font-size:14px}
  .v439e-order-identity>small,
  .v439e-agency-owner>small{font-size:9px}
  .v439e-agency-owner strong{font-size:11px}

  .v439e-card-summary{
    grid-template-columns:1fr 1fr;
    gap:6px;
    padding:8px 10px;
  }
  .v439e-card-summary>div{
    min-height:72px;
    padding:8px;
  }
  .v439e-card-summary span{font-size:8.5px}
  .v439e-card-summary b{font-size:10px}
  .v439e-card-summary .money b{font-size:13px}
  .v439e-card-summary small{font-size:8px}

  .v439e-readiness{
    margin:0 10px 8px;
  }
  .v439e-readiness span{
    font-size:9px;
    min-height:26px;
  }

  .v439e-line-preview{
    margin:0 10px!important;
    grid-template-columns:1fr!important;
    padding:7px!important;
  }
  .v439e-line-preview strong{font-size:10px}
  .v439e-line-preview small{font-size:9px}
  .v439e-line-preview>div>b{font-size:10px}
  .v439e-more-lines{
    margin:5px 10px 0;
    font-size:9px;
  }

  .v439e-card-actions{
    grid-template-columns:1fr 1fr!important;
    padding:9px 10px 10px;
  }
  .v439e-card-actions button,
  .v439e-card-actions a{
    min-height:44px!important;
    font-size:10px!important;
  }
  .v439e-card-actions>*:first-child{
    grid-column:1/-1;
  }

  .v439e-preview-validation{
    padding:8px;
  }
  .v439e-preview-validation strong{font-size:10px}
  .v439e-preview-validation small,
  .v439e-preview-validation span{font-size:9px}
}

@media(max-width:390px){
  .v439e-workflow,
  .v439e-card-summary,
  .v439e-card-actions{
    grid-template-columns:1fr!important;
  }
  .v439e-card-actions>*:first-child{
    grid-column:auto;
  }
}


/* ===== V477 SOURCE 269: v439f-agency-customer-sync.css ===== */

/* V439F - Customer <-> Agency synchronization */

.v439f-customer-sync{
  padding:12px;
  border:1px solid var(--border);
  border-radius:10px;
  background:color-mix(in srgb,var(--brand-green) 3%,var(--background));
}
.v439f-sync-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  padding-bottom:9px;
  border-bottom:1px solid var(--border);
}
.v439f-sync-head>div>span{
  display:block;
  font-weight:800;
  letter-spacing:.07em;
  color:var(--muted-foreground);
}
.v439f-sync-head>div>strong{
  display:block;
  margin-top:3px;
}
.v439f-sync-head>small{
  color:var(--muted-foreground);
}

.v439f-match-alert{
  margin-top:9px;
  padding:9px 10px;
  border:1px solid #fed7aa;
  border-radius:8px;
  background:#fff7ed;
  color:#9a3412;
  font-weight:650;
  line-height:1.4;
}
.v439f-match-list{
  display:flex;
  flex-direction:column;
  gap:7px;
}
.v439f-match-list article{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:10px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--background);
}
.v439f-match-list article.selected{
  border-color:#86efac;
  background:#f0fdf4;
}
.v439f-match-list article strong,
.v439f-match-list article small{
  display:block;
}
.v439f-match-list article small{
  margin-top:3px;
  color:var(--muted-foreground);
  line-height:1.4;
}
.v439f-match-list article>button{
  min-height:38px;
  padding:0 10px;
  border:1px solid #22c55e;
  border-radius:8px;
  background:var(--background);
  color:#15803d;
  font-weight:750;
  cursor:pointer;
}
.v439f-match-list article.selected>button{
  background:#16a34a;
  color:#fff;
}
.v439f-reasons{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:6px;
}
.v439f-reasons span{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:3px 7px;
  border-radius:999px;
  background:#ffedd5;
  color:#c2410c;
  font-weight:700;
}

.v439f-sync-ok{
  margin-top:9px;
  padding:9px 10px;
  border:1px solid #bbf7d0;
  border-radius:8px;
  background:#f0fdf4;
}
.v439f-sync-ok strong,
.v439f-sync-ok small{
  display:block;
}
.v439f-sync-ok strong{
  color:#166534;
}
.v439f-sync-ok small{
  margin-top:3px;
  color:#15803d;
  line-height:1.4;
}

/* Desktop: user's standing requirement for Agency menu */
@media(min-width:761px){
  .v439f-customer-sync,
  .v439f-customer-sync *{
    font-size:14px!important;
  }
  .v439f-sync-head>div>strong{
    font-size:16px!important;
  }
}

/* Mobile */
@media(max-width:760px){
  .v439f-customer-sync{
    padding:9px;
    border-radius:11px;
  }
  .v439f-sync-head{
    align-items:flex-start;
    flex-direction:column;
    gap:3px;
    padding-bottom:8px;
  }
  .v439f-sync-head>div>span{
    font-size:9px;
  }
  .v439f-sync-head>div>strong{
    font-size:12px;
  }
  .v439f-sync-head>small{
    font-size:9px;
  }
  .v439f-match-alert{
    padding:8px;
    font-size:10px;
  }
  .v439f-match-list article{
    grid-template-columns:1fr;
    gap:8px;
    padding:9px;
    border-radius:10px;
  }
  .v439f-match-list article strong{
    font-size:11px;
  }
  .v439f-match-list article small{
    font-size:9px;
  }
  .v439f-reasons span{
    min-height:24px;
    font-size:9px;
  }
  .v439f-match-list article>button{
    width:100%;
    min-height:42px;
    font-size:10px;
  }
  .v439f-sync-ok{
    padding:8px;
  }
  .v439f-sync-ok strong{
    font-size:10px;
  }
  .v439f-sync-ok small{
    font-size:9px;
  }
}


/* ===== V477 SOURCE 270: v439g-employee-agencies.css ===== */

.v439g-agency-summary-btn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:145px;padding:7px 9px;border:1px solid var(--border);border-radius:8px;background:var(--background);cursor:pointer;text-align:left}
.v439g-agency-summary-btn:hover{border-color:var(--brand-green);background:color-mix(in srgb,var(--brand-green) 4%,var(--background))}
.v439g-agency-summary-btn strong{font-weight:800}.v439g-agency-summary-btn small{color:var(--muted-foreground);white-space:nowrap}
.v439g-employee-agencies-dialog{width:min(1050px,calc(100vw - 28px));max-width:1050px!important;max-height:92vh;overflow:auto}
.v439g-employee-agency-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}
.v439g-employee-agency-kpis article{padding:10px;border:1px solid var(--border);border-radius:9px;background:var(--background)}
.v439g-employee-agency-kpis span,.v439g-employee-agency-kpis b{display:block}.v439g-employee-agency-kpis span{color:var(--muted-foreground)}.v439g-employee-agency-kpis b{margin-top:4px}
.v439g-agency-list{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.v439g-agency-list>article{display:grid;grid-template-columns:24px minmax(190px,1.5fr) .55fr .8fr .8fr auto;gap:9px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:9px}
.v439g-agency-list .identity strong,.v439g-agency-list .identity small,.v439g-agency-list article>div>span,.v439g-agency-list article>div>b{display:block}
.v439g-agency-list .identity small,.v439g-agency-list article>div>span{color:var(--muted-foreground);margin-top:2px}
.v439g-agency-list article>span{padding:4px 7px;border-radius:999px;font-weight:700}.v439g-agency-list article>span.active{background:#dcfce7;color:#15803d}.v439g-agency-list article>span.locked{background:#fee2e2;color:#b91c1c}
.v439g-transfer-box{display:grid;grid-template-columns:minmax(250px,1fr) 250px auto;gap:8px;align-items:center;margin-top:12px;padding:10px;border:1px solid #bfdbfe;border-radius:9px;background:#eff6ff}
.v439g-transfer-box strong,.v439g-transfer-box small{display:block}.v439g-transfer-box small{margin-top:3px;color:#475569}.v439g-transfer-box select{height:40px;border:1px solid var(--border);border-radius:8px;background:var(--background);padding:0 8px}
.v439g-empty{padding:24px;text-align:center;color:var(--muted-foreground);border:1px dashed var(--border);border-radius:9px}
@media(min-width:761px){.v439g-agency-summary-btn,.v439g-agency-summary-btn *,.v439g-employee-agencies-dialog,.v439g-employee-agencies-dialog *{font-size:14px!important}.v439g-employee-agency-kpis b{font-size:18px!important}}
@media(max-width:760px){
 .v439g-agency-summary-btn{min-width:110px;padding:6px}.v439g-agency-summary-btn strong{font-size:10px}.v439g-agency-summary-btn small{font-size:8.5px;white-space:normal}
 .v439g-employee-agencies-dialog{width:calc(100vw - 12px);max-height:96vh;padding:12px}
 .v439g-employee-agency-kpis{grid-template-columns:1fr 1fr;gap:5px}.v439g-employee-agency-kpis article{padding:8px}.v439g-employee-agency-kpis span{font-size:8.5px}.v439g-employee-agency-kpis b{font-size:11px}
 .v439g-agency-list>article{grid-template-columns:22px 1fr 1fr;gap:7px;padding:9px}.v439g-agency-list .identity{grid-column:2/-1}.v439g-agency-list article>div>span{font-size:8.5px}.v439g-agency-list article>div>b,.v439g-agency-list .identity strong{font-size:10px}.v439g-agency-list .identity small{font-size:8.5px}.v439g-agency-list article>span{font-size:8.5px}
 .v439g-transfer-box{grid-template-columns:1fr;padding:9px}.v439g-transfer-box strong{font-size:10px}.v439g-transfer-box small{font-size:8.5px}.v439g-transfer-box select,.v439g-transfer-box button{width:100%;min-height:44px;font-size:10px}
}


/* ===== V477 SOURCE 271: v439h-agency-pending-cards.css ===== */

/* V439H - Professional Agency pending-order cards */

.v439h-status-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
  margin:0 0 14px;
}
.v439h-status-box{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:62px;
  padding:11px 13px;
  border:1px solid var(--border);
  border-radius:10px;
  background:var(--background);
  color:var(--foreground);
  cursor:pointer;
  text-align:left;
  overflow:hidden;
}
.v439h-status-box:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:#94a3b8;
}
.v439h-status-box.agency_new:before{background:#64748b}
.v439h-status-box.reviewing:before{background:#f59e0b}
.v439h-status-box.needs_revision:before{background:#ea580c}
.v439h-status-box.ready:before{background:#2563eb}
.v439h-status-box span{
  font-weight:750;
}
.v439h-status-box b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  height:34px;
  padding:0 8px;
  border-radius:999px;
  background:var(--muted);
  font-variant-numeric:tabular-nums;
}
.v439h-status-box.active{
  border-color:color-mix(in srgb,var(--brand-green) 65%,var(--border));
  box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-green) 12%,transparent);
}
.v439h-status-box:hover{
  transform:translateY(-1px);
  box-shadow:0 7px 18px rgba(15,23,42,.07);
}

.v439h-order-list{
  gap:14px!important;
}
.v439h-order-card{
  border:1px solid color-mix(in srgb,var(--border) 90%,#000)!important;
  border-radius:14px!important;
  background:var(--background)!important;
  box-shadow:0 5px 18px rgba(15,23,42,.055)!important;
}
.v439h-order-card:hover{
  box-shadow:0 9px 28px rgba(15,23,42,.085)!important;
}
.v439h-order-card .v439e-card-head{
  padding:14px 16px!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--muted) 38%,var(--background)),var(--background))!important;
}
.v439h-order-card .v439e-order-identity{
  padding:0;
}
.v439h-order-card .v439e-order-identity>span{
  font-weight:800!important;
  letter-spacing:.08em!important;
}
.v439h-order-card .v439e-agency-owner{
  padding-left:14px;
  border-left:1px solid var(--border);
}
.v439h-order-card .v439e-status{
  min-width:130px;
  min-height:34px;
  border:1px solid transparent;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);
}

.v439h-order-card .v439e-card-summary{
  padding:12px 16px!important;
  gap:9px!important;
  background:color-mix(in srgb,var(--muted) 10%,var(--background));
}
.v439h-order-card .v439e-card-summary>div{
  min-height:88px;
  padding:11px 12px!important;
  border:1px solid var(--border)!important;
  border-radius:10px!important;
  background:var(--background)!important;
  box-shadow:0 1px 2px rgba(15,23,42,.025);
}
.v439h-order-card .v439e-card-summary>div>span{
  font-weight:650;
}
.v439h-order-card .v439e-card-summary>div>b{
  margin-top:6px!important;
}
.v439h-order-card .v439e-card-summary .money{
  border-color:#bfdbfe!important;
  background:#f8fbff!important;
}

.v439h-order-card .v439e-readiness{
  margin:0 16px 10px!important;
  padding:9px 10px;
  border-radius:9px;
}
.v439h-order-card .v439e-readiness.ready{
  border:1px solid #bbf7d0;
  background:#f0fdf4;
}
.v439h-order-card .v439e-readiness.warning{
  border:1px solid #fecaca;
  background:#fef2f2;
}
.v439h-order-card .v439e-readiness span{
  background:transparent!important;
  padding:0!important;
}

.v439h-order-card .v439c-credit-warning{
  margin:0 16px 10px!important;
  border-radius:9px!important;
}

.v439h-order-card .v439e-line-preview{
  margin:0 16px!important;
  padding:10px!important;
  border:1px solid var(--border);
  border-radius:10px;
  background:color-mix(in srgb,var(--muted) 14%,var(--background));
}
.v439h-order-card .v439e-line-preview>div{
  padding:7px 8px;
  border:1px solid transparent;
  border-radius:8px;
}
.v439h-order-card .v439e-line-preview>div:hover{
  border-color:var(--border);
  background:var(--background);
}
.v439h-order-card .v439e-more-lines{
  margin:6px 16px 0!important;
}

.v439h-order-card .v439e-card-actions{
  margin-top:11px!important;
  padding:11px 16px 14px!important;
  border-top:1px solid var(--border);
  background:color-mix(in srgb,var(--muted) 16%,var(--background));
}
.v439h-order-card .v439e-card-actions button,
.v439h-order-card .v439e-card-actions a{
  min-height:42px!important;
  border-radius:8px!important;
  font-weight:700!important;
}
.v439h-order-card .v439e-card-actions button:hover,
.v439h-order-card .v439e-card-actions a:hover{
  transform:translateY(-1px);
}

/* Desktop minimum 14px */
@media(min-width:761px){
  .v439h-status-summary,
  .v439h-status-summary *,
  .v439h-order-card,
  .v439h-order-card *{
    font-size:14px!important;
  }
  .v439h-order-card .v439e-order-identity>strong{
    font-size:18px!important;
  }
  .v439h-order-card .v439e-card-summary .money b{
    font-size:20px!important;
  }
}

/* Tablet */
@media(max-width:1100px) and (min-width:761px){
  .v439h-status-summary{
    grid-template-columns:1fr 1fr;
  }
  .v439h-order-card .v439e-card-head{
    grid-template-columns:1fr 1fr!important;
  }
  .v439h-order-card .v439e-status{
    grid-column:2;
    grid-row:1;
    justify-self:end;
  }
  .v439h-order-card .v439e-agency-owner{
    grid-column:1/-1;
    border-left:0;
    border-top:1px solid var(--border);
    padding:9px 0 0;
  }
}

/* Mobile */
@media(max-width:760px){
  .v439h-status-summary{
    grid-template-columns:1fr 1fr;
    gap:6px;
    margin-bottom:10px;
  }
  .v439h-status-box{
    min-height:58px;
    padding:8px 9px;
    border-radius:10px;
  }
  .v439h-status-box span{
    font-size:9px;
  }
  .v439h-status-box b{
    min-width:30px;
    height:30px;
    font-size:10px;
  }

  .v439h-order-list{
    gap:10px!important;
  }
  .v439h-order-card{
    border-radius:12px!important;
  }
  .v439h-order-card .v439e-card-head{
    padding:10px!important;
  }
  .v439h-order-card .v439e-agency-owner{
    padding:8px 0 0!important;
    border-left:0!important;
    border-top:1px solid var(--border);
  }
  .v439h-order-card .v439e-status{
    min-width:0;
    min-height:29px;
  }
  .v439h-order-card .v439e-card-summary{
    padding:8px 10px!important;
  }
  .v439h-order-card .v439e-card-summary>div{
    min-height:72px;
    padding:8px!important;
    border-radius:9px!important;
  }
  .v439h-order-card .v439e-readiness{
    margin:0 10px 8px!important;
    padding:8px;
  }
  .v439h-order-card .v439c-credit-warning{
    margin:0 10px 8px!important;
  }
  .v439h-order-card .v439e-line-preview{
    margin:0 10px!important;
    padding:7px!important;
  }
  .v439h-order-card .v439e-card-actions{
    padding:9px 10px 10px!important;
    margin-top:9px!important;
  }
  .v439h-order-card .v439e-card-actions button,
  .v439h-order-card .v439e-card-actions a{
    min-height:44px!important;
  }
}

@media(max-width:390px){
  .v439h-status-summary{
    grid-template-columns:1fr;
  }
}


/* ===== V477 SOURCE 272: v439j-auto-agency-accounts.css ===== */

.v439j-account-page{display:flex;flex-direction:column;gap:12px}
.v439j-auto-rule{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid #bfdbfe;border-radius:12px;background:linear-gradient(135deg,#eff6ff,#fff)}
.v439j-auto-rule span{display:block;font-weight:800;letter-spacing:.08em;color:#1d4ed8}
.v439j-auto-rule h2{margin:3px 0 0}.v439j-auto-rule p{margin:5px 0 0;color:var(--muted-foreground);line-height:1.45}
.v439j-auto-rule>b{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:90px;height:50px;padding:0 12px;border-radius:10px;background:#1d4ed8;color:#fff}
.v439j-account-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.v439j-account-kpis article{padding:11px;border:1px solid var(--border);border-radius:10px;background:var(--card)}
.v439j-account-kpis span,.v439j-account-kpis b{display:block}.v439j-account-kpis span{color:var(--muted-foreground)}.v439j-account-kpis b{margin-top:5px}
.v439j-account-tools{display:grid;grid-template-columns:minmax(260px,1fr) 220px auto;gap:8px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--card)}
.v439j-account-tools input,.v439j-account-tools select,.v439j-account-tools button{height:42px;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--foreground);padding:0 10px}
.v439j-account-tools button{cursor:pointer;font-weight:700}
.v439j-account-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.v439j-account-list>article{overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--card);box-shadow:0 3px 12px rgba(15,23,42,.04)}
.v439j-account-list header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--muted) 25%,var(--background))}
.v439j-account-list header span,.v439j-account-list header h3,.v439j-account-list header small{display:block}
.v439j-account-list header span{font-weight:800;letter-spacing:.06em;color:var(--muted-foreground)}
.v439j-account-list header h3{margin:4px 0 0}.v439j-account-list header small{margin-top:3px;color:var(--muted-foreground)}
.v439j-account-list header>b{padding:4px 7px;border-radius:999px;white-space:nowrap}.v439j-account-list header>b.active{background:#dcfce7;color:#15803d}.v439j-account-list header>b.locked{background:#fee2e2;color:#b91c1c}
.v439j-login-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:12px}
.v439j-login-grid>div{min-height:72px;padding:9px;border:1px solid var(--border);border-radius:9px;background:var(--background)}
.v439j-login-grid span,.v439j-login-grid strong{display:block}.v439j-login-grid span{color:var(--muted-foreground)}.v439j-login-grid strong{margin-top:5px;overflow-wrap:anywhere}
.v439j-login-grid .password{color:#1d4ed8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}.v439j-login-grid .muted{color:var(--muted-foreground)}
.v439j-account-list footer{display:flex;flex-wrap:wrap;gap:7px;padding:10px 12px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--muted) 18%,var(--background))}
.v439j-account-list footer button,.v439j-account-list footer a,.v439j-open-accounts{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--foreground);font-weight:700;text-decoration:none;cursor:pointer}
.v439j-account-list footer .primary{border-color:#2563eb;background:#2563eb;color:white}
.v439j-empty,.v439j-no-access{padding:24px;text-align:center;color:var(--muted-foreground);border:1px dashed var(--border);border-radius:10px}
@media(min-width:761px){
 .v439j-account-page,.v439j-account-page *{font-size:14px!important}
 .v439j-auto-rule h2{font-size:18px!important}.v439j-account-kpis b{font-size:20px!important}.v439j-account-list h3{font-size:16px!important}
}
@media(max-width:900px){.v439j-account-list{grid-template-columns:1fr}}
@media(max-width:760px){
 .v439j-auto-rule{align-items:flex-start;flex-direction:column;padding:10px}.v439j-auto-rule span{font-size:9px}.v439j-auto-rule h2{font-size:15px}.v439j-auto-rule p{font-size:10px}.v439j-auto-rule>b{min-width:84px;height:40px;font-size:11px}
 .v439j-account-kpis{grid-template-columns:1fr 1fr;gap:6px}.v439j-account-kpis article{padding:8px}.v439j-account-kpis span{font-size:8.5px}.v439j-account-kpis b{font-size:12px}
 .v439j-account-tools{grid-template-columns:1fr;padding:8px}.v439j-account-tools input,.v439j-account-tools select,.v439j-account-tools button{width:100%;height:44px;font-size:10px}
 .v439j-account-list{gap:8px}.v439j-account-list header{padding:9px}.v439j-account-list header span{font-size:8px}.v439j-account-list header h3{font-size:11px}.v439j-account-list header small{font-size:8.5px}.v439j-account-list header>b{font-size:8.5px}
 .v439j-login-grid{grid-template-columns:1fr 1fr;padding:9px;gap:6px}.v439j-login-grid>div{min-height:66px;padding:8px}.v439j-login-grid span{font-size:8px}.v439j-login-grid strong{font-size:10px}
 .v439j-account-list footer{display:grid;grid-template-columns:1fr;padding:9px}.v439j-account-list footer button,.v439j-account-list footer a{width:100%;min-height:44px;font-size:10px}
}
@media(max-width:390px){.v439j-login-grid,.v439j-account-kpis{grid-template-columns:1fr}}


/* ===== V477 SOURCE 273: v439k-agency-submenus.css ===== */

.v439k-agency-subnav{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;padding:5px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--muted) 28%,var(--background))}
.v439k-agency-subnav>a{display:flex;min-height:58px;padding:10px 12px;border:1px solid transparent;border-radius:9px;color:var(--foreground);text-decoration:none}
.v439k-agency-subnav>a span,.v439k-agency-subnav>a b,.v439k-agency-subnav>a small{display:block}.v439k-agency-subnav>a b{font-weight:800}.v439k-agency-subnav>a small{margin-top:3px;color:var(--muted-foreground)}
.v439k-agency-subnav>a.active{border-color:#bfdbfe;background:var(--background);box-shadow:0 2px 8px rgba(15,23,42,.05)}
.v439k-agency-subnav>a.active b{color:#1d4ed8}.v439k-agency-subnav em{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:23px;margin-left:7px;padding:0 6px;border-radius:999px;background:#dc2626;color:#fff;font-style:normal}

/* Danh sách: không lặp lại trung tâm xử lý đơn */
.v439k-agency-page.list-view .v439-agency-orders.v439e-review-center{display:none!important}
/* Đơn hàng: chỉ giữ phần tổng quan đơn + trung tâm xử lý; ẩn dữ liệu quản trị mạng lưới */
.v439k-agency-page.orders-view .v439i-candidate-section,
.v439k-agency-page.orders-view .v439c-care-center,
.v439k-agency-page.orders-view .v439-agency-directory{display:none!important}
.v439k-agency-page.orders-view .v439j-open-accounts{display:none!important}
.v439k-agency-page.orders-view .v439-agency-health{margin-top:10px}

@media(min-width:761px){.v439k-agency-subnav,.v439k-agency-subnav *{font-size:14px!important}.v439k-agency-subnav>a b{font-size:15px!important}}
@media(max-width:760px){
 .v439k-agency-subnav{grid-template-columns:1fr 1fr;gap:5px;padding:4px;margin-top:8px}
 .v439k-agency-subnav>a{min-height:54px;padding:8px}.v439k-agency-subnav>a b{font-size:10px}.v439k-agency-subnav>a small{font-size:8.5px;line-height:1.25}.v439k-agency-subnav em{min-width:20px;height:20px;font-size:8px}
 .v439k-agency-intro{margin-top:10px!important}
}
@media(max-width:390px){.v439k-agency-subnav{grid-template-columns:1fr}.v439k-agency-subnav>a{min-height:50px}}


/* ===== V477 SOURCE 274: v439l-agency-mobile-fix.css ===== */

/* V439L - Agency menu visibility + professional mobile */

/* Force the two child navigation cards to be obvious */
.v439k-agency-subnav{
  position:relative;
  overflow:hidden;
}
.v439k-agency-subnav>a{
  position:relative;
}
.v439k-agency-subnav>a.active:after{
  content:"";
  position:absolute;
  left:10px;right:10px;bottom:0;height:3px;
  border-radius:999px;
  background:#2563eb;
}

/* Pending-order headline */
.v439l-pending-banner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
  padding:13px 14px;
  border:1px solid #bfdbfe;
  border-radius:11px;
  background:linear-gradient(135deg,#eff6ff,#fff);
}
.v439l-pending-banner span,
.v439l-pending-banner strong,
.v439l-pending-banner small{
  display:block;
}
.v439l-pending-banner>div:first-child>span{
  font-weight:800;
  letter-spacing:.08em;
  color:#1d4ed8;
}
.v439l-pending-banner>div:first-child>strong{
  margin-top:3px;
}
.v439l-pending-banner>div:first-child>small{
  margin-top:3px;
  color:#475569;
}
.v439l-pending-count{
  flex:none;
  min-width:92px;
  padding:8px 10px;
  border-radius:10px;
  background:#1d4ed8;
  color:#fff;
  text-align:center;
}
.v439l-pending-count b{
  font-size:22px;
}
.v439l-pending-count span{
  margin-top:1px;
}

/* Desktop readability */
@media(min-width:761px){
  .v439l-pending-banner,
  .v439l-pending-banner *{
    font-size:14px!important;
  }
  .v439l-pending-banner>div:first-child>strong{
    font-size:17px!important;
  }
}

/* ===== MOBILE: BOTH AGENCY LIST AND AGENCY ORDERS ===== */
@media(max-width:760px){
  .v439k-agency-page{
    padding-left:0!important;
    padding-right:0!important;
  }

  /* Submenu becomes strong top navigation */
  .v439k-agency-subnav{
    position:sticky;
    top:0;
    z-index:20;
    grid-template-columns:1fr 1fr!important;
    margin:6px 0 10px!important;
    padding:5px!important;
    border-radius:12px!important;
    background:color-mix(in srgb,var(--background) 94%,transparent)!important;
    backdrop-filter:blur(8px);
  }
  .v439k-agency-subnav>a{
    min-height:58px!important;
    padding:8px 9px!important;
    border-radius:9px!important;
  }
  .v439k-agency-subnav>a b{
    font-size:10.5px!important;
  }
  .v439k-agency-subnav>a small{
    font-size:8.5px!important;
    line-height:1.3!important;
  }

  /* Intro less noisy */
  .v439k-agency-intro{
    margin-top:8px!important;
    padding:9px!important;
    border:1px solid var(--border);
    border-radius:10px;
    background:var(--card);
  }
  .v439k-agency-intro .eyebrow{
    font-size:8.5px!important;
  }
  .v439k-agency-intro p{
    font-size:9.5px!important;
    line-height:1.4!important;
  }

  /* Pending orders banner */
  .v439l-pending-banner{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
    padding:10px;
    margin-bottom:9px;
    border-radius:10px;
  }
  .v439l-pending-banner>div:first-child>span{font-size:8.5px}
  .v439l-pending-banner>div:first-child>strong{font-size:13px}
  .v439l-pending-banner>div:first-child>small{font-size:9px;line-height:1.4}
  .v439l-pending-count{
    width:100%;
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:7px 9px;
  }
  .v439l-pending-count b{font-size:15px}
  .v439l-pending-count span{font-size:9px}

  /* Orders: status filter cards */
  .v439h-status-summary{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .v439h-status-box{
    min-height:62px!important;
    padding:9px!important;
    border-radius:10px!important;
  }
  .v439h-status-box span{font-size:9.5px!important}
  .v439h-status-box b{
    min-width:30px!important;
    height:30px!important;
    font-size:10px!important;
  }

  /* Orders: proper card */
  .v439h-order-card{
    border:1px solid var(--border)!important;
    border-radius:13px!important;
    box-shadow:0 4px 14px rgba(15,23,42,.055)!important;
  }
  .v439h-order-card .v439e-card-head{
    padding:10px!important;
  }
  .v439h-order-card .v439e-order-identity>strong{
    font-size:14px!important;
  }
  .v439h-order-card .v439e-agency-owner{
    margin-top:2px;
    padding-top:8px!important;
  }
  .v439h-order-card .v439e-agency-owner strong{font-size:11px!important}
  .v439h-order-card .v439e-agency-owner small{font-size:9px!important}

  .v439h-order-card .v439e-card-summary{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
    padding:8px 10px!important;
  }
  .v439h-order-card .v439e-card-summary>div{
    min-height:74px!important;
    padding:8px!important;
    border-radius:9px!important;
  }
  .v439h-order-card .v439e-card-summary span{font-size:8.5px!important}
  .v439h-order-card .v439e-card-summary b{font-size:10px!important}
  .v439h-order-card .v439e-card-summary .money b{font-size:13px!important}

  .v439h-order-card .v439e-line-preview{
    margin:0 10px!important;
    padding:7px!important;
  }
  .v439h-order-card .v439e-line-preview>div{
    padding:6px!important;
  }
  .v439h-order-card .v439e-line-preview strong{font-size:10px!important}
  .v439h-order-card .v439e-line-preview small{font-size:8.5px!important}

  .v439h-order-card .v439e-card-actions{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
    padding:9px 10px 10px!important;
  }
  .v439h-order-card .v439e-card-actions button,
  .v439h-order-card .v439e-card-actions a{
    min-height:44px!important;
    font-size:10px!important;
    border-radius:9px!important;
  }
  .v439h-order-card .v439e-card-actions>*:first-child{
    grid-column:1/-1;
  }

  /* ===== Agency list mobile: convert desktop table into true cards ===== */
  .v439l-agency-directory{
    padding:9px!important;
    border-radius:12px!important;
  }
  .v439l-agency-directory .v439-section-head{
    gap:5px!important;
  }
  .v439l-agency-directory .v439-section-head h2{
    font-size:14px!important;
  }
  .v439l-agency-directory .v439-section-head small{
    font-size:9px!important;
    line-height:1.35!important;
  }

  .v439l-agency-directory table,
  .v439l-agency-directory tbody{
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }
  .v439l-agency-directory thead{
    display:none!important;
  }
  .v439l-agency-directory tr{
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr) auto!important;
    gap:0!important;
    margin:0 0 8px!important;
    border:1px solid var(--border)!important;
    border-radius:12px!important;
    overflow:hidden!important;
    background:var(--background)!important;
    box-shadow:0 3px 10px rgba(15,23,42,.035);
  }
  .v439l-agency-directory td{
    display:block!important;
    min-width:0!important;
    padding:8px!important;
    border:0!important;
  }
  .v439l-agency-directory td:nth-child(1){
    grid-column:1/2!important;
    grid-row:1/3!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    padding:11px 2px 0 7px!important;
  }
  .v439l-agency-directory td:nth-child(2){
    grid-column:2/3!important;
    grid-row:1!important;
  }
  .v439l-agency-directory td:nth-child(2) strong,
  .v439l-agency-directory td:nth-child(2) button{
    font-size:11px!important;
  }
  .v439l-agency-directory td:nth-child(2) div{
    font-size:9px!important;
  }
  .v439l-agency-directory td:nth-child(3){
    grid-column:2/3!important;
    grid-row:2!important;
    padding-top:0!important;
    font-size:9px!important;
  }
  .v439l-agency-directory td:nth-child(4){
    display:none!important;
  }
  .v439l-agency-directory td:nth-child(5){
    grid-column:1/-1!important;
    grid-row:auto!important;
    border-top:1px solid var(--border)!important;
    font-size:9px!important;
  }
  .v439l-agency-directory td:nth-child(6){
    grid-column:3/4!important;
    grid-row:1/3!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:flex-end!important;
    padding:10px 8px 0 2px!important;
  }
  .v439l-agency-directory td:nth-child(7){
    grid-column:1/-1!important;
    border-top:1px solid var(--border)!important;
    padding:8px!important;
  }
  .v439l-agency-directory td:nth-child(7)>div{
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr!important;
    gap:5px!important;
  }
  .v439l-agency-directory td:nth-child(7) button{
    width:100%!important;
    min-height:40px!important;
    padding:4px!important;
    font-size:9px!important;
  }

  /* Candidate agency cards */
  .v439i-candidate-grid{
    grid-template-columns:1fr!important;
  }
  .v439i-candidate-grid article{
    border-radius:12px!important;
    padding:9px!important;
  }
}

/* Very small mobile */
@media(max-width:390px){
  .v439k-agency-subnav,
  .v439h-status-summary,
  .v439h-order-card .v439e-card-summary,
  .v439h-order-card .v439e-card-actions{
    grid-template-columns:1fr!important;
  }
  .v439h-order-card .v439e-card-actions>*:first-child{
    grid-column:auto;
  }
  .v439l-agency-directory td:nth-child(7)>div{
    grid-template-columns:1fr!important;
  }
}


/* ===== V477 SOURCE 275: v439m-order-card-exact.css ===== */
/* V439M - Order Agency card matched to approved mockup */
.v439m-products{margin:0 16px 12px;border:1px solid #ddd7ce;border-radius:10px;overflow:hidden;background:#fffdfa}
.v439m-products-head,.v439m-product-row{display:grid;grid-template-columns:minmax(320px,1.65fr) .36fr .44fr .52fr .58fr;align-items:center}
.v439m-products-head{min-height:48px;border-bottom:1px solid #ddd7ce;background:#faf8f4;font-weight:800;color:#1f2937}
.v439m-products-head>span,.v439m-product-row>*{padding:10px 14px}
.v439m-products-head>span:nth-child(n+2),.v439m-product-row>.v439m-unit,.v439m-product-row>.v439m-qty{text-align:center}
.v439m-products-head>span:nth-child(4),.v439m-products-head>span:nth-child(5),.v439m-product-row>.v439m-price,.v439m-product-row>.v439m-line-total{text-align:right}
.v439m-product-row{min-height:74px;border-bottom:1px solid #e6e1d8;background:#fffdfa}
.v439m-product-row:last-child{border-bottom:0}
.v439m-product-name{display:flex;align-items:center;gap:12px;min-width:0}
.v439m-product-name>i{display:flex;align-items:center;justify-content:center;flex:0 0 52px;width:52px;height:52px;border-radius:8px;background:linear-gradient(145deg,#8f3c2e,#d18b6a);color:#fff;font-style:normal;font-weight:800;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.v439m-product-name>div{min-width:0}.v439m-product-name strong,.v439m-product-name small{display:block}.v439m-product-name strong{font-weight:800;color:#111827;white-space:normal}.v439m-product-name small{margin-top:5px;color:#64748b}.v439m-line-total{font-weight:800;color:#111827;white-space:nowrap}

/* Exact visual polish for the order card */
.v439l-pending-center .v439h-order-card{position:relative;border:1px solid #d8d2c8!important;border-left:4px solid #f5a000!important;border-radius:14px!important;background:#fffdf9!important;box-shadow:0 4px 18px rgba(45,38,28,.05)!important;overflow:hidden}
.v439l-pending-center .v439h-order-card .v439e-card-head{padding:16px 18px!important;background:#fffdf9!important;border-bottom:1px solid #dfd9cf!important;grid-template-columns:minmax(230px,.75fr) minmax(340px,1.4fr) auto!important}
.v439l-pending-center .v439e-order-identity>span{color:#64748b!important;font-weight:800!important;letter-spacing:.08em!important}.v439l-pending-center .v439e-order-identity>strong{margin-top:5px!important;font-size:18px!important;color:#12233d!important}.v439l-pending-center .v439e-order-identity>small{margin-top:5px!important;color:#64748b!important}
.v439l-pending-center .v439e-agency-owner{padding-left:16px!important;border-left:1px solid #ddd7ce!important}.v439l-pending-center .v439e-agency-owner strong{font-weight:800!important;color:#111827!important}.v439l-pending-center .v439e-agency-owner small{margin-top:6px!important;color:#64748b!important}
.v439l-pending-center .v439e-status{min-width:126px!important;min-height:34px!important;padding:5px 12px!important;border-radius:999px!important;background:#fff1c9!important;color:#c35c00!important;border:1px solid #ffe1a3!important;font-weight:800!important;box-shadow:none!important}

.v439l-pending-center .v439e-card-summary{grid-template-columns:.9fr 1.15fr 1.05fr .72fr!important;gap:8px!important;padding:12px 16px!important;background:#fffdf9!important}.v439l-pending-center .v439e-card-summary>div{min-height:88px!important;padding:12px 13px!important;border:1px solid #ded8cf!important;border-radius:9px!important;background:#fffdf9!important;box-shadow:0 1px 4px rgba(42,35,26,.025)!important}.v439l-pending-center .v439e-card-summary .money{border-color:#b8d9ff!important;background:#f5f9ff!important}.v439l-pending-center .v439e-card-summary span{color:#526070!important;font-weight:700!important}.v439l-pending-center .v439e-card-summary b{margin-top:7px!important;color:#111827!important;font-weight:800!important}.v439l-pending-center .v439e-card-summary .money b{font-size:20px!important;color:#0f2038!important}
.v439l-pending-center .v439e-readiness{margin:0 16px 12px!important;padding:11px 12px!important;border:1px solid #a8ebc0!important;border-radius:9px!important;background:#effcf3!important;color:#0f8d3b!important}.v439l-pending-center .v439e-readiness.ready span{color:#0f8d3b!important;font-weight:800!important}.v439l-pending-center .v439e-readiness.ready span:before{content:'✓';display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-right:8px;border-radius:999px;background:#d8f7e3;color:#0b9a3f;font-weight:900}

.v439l-pending-center .v439e-card-actions{display:grid!important;grid-template-columns:1fr 1fr 1fr 1.12fr 1fr!important;gap:7px!important;margin:0!important;padding:12px 16px 14px!important;border-top:1px solid #ddd7ce!important;background:#fffdf9!important}.v439l-pending-center .v439e-card-actions button,.v439l-pending-center .v439e-card-actions a{min-height:44px!important;border:1px solid #ded8cf!important;border-radius:8px!important;background:#fffdf9!important;color:#121a25!important;font-weight:800!important;box-shadow:0 1px 3px rgba(35,31,26,.03)!important}.v439l-pending-center .v439e-card-actions button:nth-last-child(2){border-color:#17395a!important;background:#17395a!important;color:#fff!important}.v439l-pending-center .v439e-card-actions button:last-of-type{border-color:#f05a4f!important;background:#fffdf9!important;color:#e2362c!important}.v439l-pending-center .v439e-card-actions button span{display:inline-flex;align-items:center;justify-content:center;gap:7px}.v439l-pending-center .v439e-card-actions button i{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:#f5f3ee;font-style:normal;font-weight:900}.v439l-pending-center .v439e-card-actions button:nth-last-child(2) i{background:rgba(255,255,255,.12);color:#fff}.v439l-pending-center .v439e-card-actions button:last-of-type i{background:#fff0ee;color:#e2362c}

@media(min-width:761px){.v439l-pending-center .v439h-order-card,.v439l-pending-center .v439h-order-card *,.v439m-products,.v439m-products *{font-size:14px!important}}

/* Mobile approved layout */
@media(max-width:760px){
 .v439l-pending-center .v439h-order-card{border-left-width:3px!important;border-radius:12px!important}
 .v439l-pending-center .v439h-order-card .v439e-card-head{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important;padding:11px 10px!important}.v439l-pending-center .v439e-order-identity{grid-column:1/2!important}.v439l-pending-center .v439e-order-identity>span{font-size:8.5px!important}.v439l-pending-center .v439e-order-identity>strong{font-size:14px!important}.v439l-pending-center .v439e-order-identity>small{font-size:9px!important}.v439l-pending-center .v439e-status{grid-column:1/2!important;grid-row:2!important;justify-self:start!important;min-width:0!important;min-height:28px!important;padding:4px 9px!important;font-size:9px!important}.v439l-pending-center .v439e-agency-owner{grid-column:1/-1!important;grid-row:3!important;padding:9px 0 0!important;border-left:0!important;border-top:1px solid #e1ddd5!important}.v439l-pending-center .v439e-agency-owner strong{font-size:11px!important}.v439l-pending-center .v439e-agency-owner small{font-size:9px!important}
 .v439l-pending-center .v439e-card-summary{grid-template-columns:1fr!important;gap:6px!important;padding:9px 10px!important}.v439l-pending-center .v439e-card-summary>div{min-height:auto!important;padding:9px 10px!important}.v439l-pending-center .v439e-card-summary span{font-size:8.5px!important}.v439l-pending-center .v439e-card-summary b{font-size:10.5px!important}.v439l-pending-center .v439e-card-summary .money b{font-size:15px!important}
 .v439l-pending-center .v439e-readiness{margin:0 10px 9px!important;padding:9px!important}.v439l-pending-center .v439e-readiness.ready span{font-size:9px!important}
 .v439m-products{margin:0 10px 10px!important;border-radius:9px!important;overflow:hidden}.v439m-products-head{display:none!important}.v439m-product-row{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;gap:8px!important;min-height:70px!important;padding:8px!important;border-bottom:1px solid #e6e1d8!important}.v439m-product-row>*{padding:0!important}.v439m-product-name{grid-column:1/3!important;grid-row:1!important;gap:9px!important}.v439m-product-name>i{width:40px!important;height:40px!important;flex-basis:40px!important;border-radius:7px!important;font-size:10px!important}.v439m-product-name strong{font-size:10px!important}.v439m-product-name small{font-size:8.5px!important;margin-top:3px!important}.v439m-unit,.v439m-qty,.v439m-price{display:none!important}.v439m-line-total{grid-column:3!important;grid-row:1!important;align-self:center!important;font-size:10.5px!important;text-align:right!important}
 .v439l-pending-center .v439e-card-actions{grid-template-columns:1fr 1fr!important;gap:6px!important;padding:9px 10px 10px!important}.v439l-pending-center .v439e-card-actions button,.v439l-pending-center .v439e-card-actions a{min-height:44px!important;font-size:9.5px!important}.v439l-pending-center .v439e-card-actions button:last-of-type{grid-column:1/-1!important}.v439l-pending-center .v439e-card-actions button i{width:20px!important;height:20px!important;font-size:9px!important}
}
@media(max-width:390px){.v439l-pending-center .v439e-card-actions{grid-template-columns:1fr!important}.v439l-pending-center .v439e-card-actions button:last-of-type{grid-column:auto!important}}


/* ===== V477 SOURCE 276: v439n-sale-line-fix.css ===== */

/* V439N - Agency name and assigned Sale on separate lines */

.v439n-agency-owner{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:5px!important;
  min-width:0;
}
.v439n-agency-name{
  display:block!important;
  width:100%;
  margin:0!important;
  font-weight:800!important;
  line-height:1.3!important;
  white-space:normal!important;
  overflow-wrap:anywhere;
}
.v439n-sale-line{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  width:100%;
  min-width:0;
  color:var(--muted-foreground);
  line-height:1.35;
}
.v439n-sale-line span{
  flex:none;
}
.v439n-sale-line b{
  min-width:0;
  color:var(--foreground);
  font-weight:700!important;
  white-space:normal!important;
  overflow-wrap:anywhere;
}

@media(min-width:761px){
  .v439n-agency-owner,
  .v439n-agency-owner *{
    font-size:14px!important;
  }
  .v439n-agency-name{
    font-size:15px!important;
  }
}

@media(max-width:760px){
  .v439n-agency-owner{
    gap:4px!important;
    padding-top:8px!important;
  }
  .v439n-agency-name{
    font-size:11px!important;
  }
  .v439n-sale-line{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    gap:4px!important;
  }
  .v439n-sale-line span,
  .v439n-sale-line b{
    font-size:9px!important;
  }
}


/* ===== V477 SOURCE 277: v439o-agency-approval.css ===== */

.v439o-account-subnav{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:5px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--muted) 28%,var(--background))}
.v439o-account-subnav>a{display:flex;min-height:58px;padding:10px 12px;border:1px solid transparent;border-radius:9px;color:var(--foreground);text-decoration:none}
.v439o-account-subnav span,.v439o-account-subnav b,.v439o-account-subnav small{display:block}.v439o-account-subnav small{margin-top:3px;color:var(--muted-foreground)}
.v439o-account-subnav a.active{border-color:#bfdbfe;background:var(--background);box-shadow:0 2px 8px rgba(15,23,42,.05)}
.v439o-account-subnav a.active b{color:#1d4ed8}.v439o-account-subnav em{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:23px;margin-left:7px;padding:0 6px;border-radius:999px;background:#dc2626;color:white;font-style:normal}

.v439o-approval-rule{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid #fde68a;border-radius:12px;background:#fffbeb}
.v439o-approval-rule span,.v439o-approval-rule h2,.v439o-approval-rule p{display:block}.v439o-approval-rule span{font-weight:800;letter-spacing:.08em;color:#b45309}.v439o-approval-rule h2{margin:4px 0 0}.v439o-approval-rule p{margin:4px 0 0;color:#92400e}
.v439o-approval-rule>b{flex:none;display:flex;align-items:center;justify-content:center;min-width:84px;height:46px;border-radius:10px;background:#b45309;color:white}

.v439o-approval-tools{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--card)}
.v439o-approval-tools input,.v439o-approval-tools button{height:42px;border:1px solid var(--border);border-radius:8px;background:var(--background);color:var(--foreground);padding:0 10px}.v439o-approval-tools button{cursor:pointer;font-weight:700}

.v439o-pending-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.v439o-pending-list>article{overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--card);box-shadow:0 3px 12px rgba(15,23,42,.04)}
.v439o-pending-list header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px;border-bottom:1px solid var(--border);background:#fff7ed}
.v439o-pending-list header span,.v439o-pending-list header h3,.v439o-pending-list header small{display:block}.v439o-pending-list header span{font-weight:800;color:#c2410c;letter-spacing:.06em}.v439o-pending-list header h3{margin:4px 0 0}.v439o-pending-list header small{margin-top:3px;color:var(--muted-foreground)}.v439o-pending-list header>b{padding:4px 7px;border-radius:999px;background:#ffedd5;color:#c2410c;white-space:nowrap}
.v439o-pending-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:12px}.v439o-pending-grid>div{min-height:70px;padding:9px;border:1px solid var(--border);border-radius:9px;background:var(--background)}.v439o-pending-grid span,.v439o-pending-grid strong{display:block}.v439o-pending-grid span{color:var(--muted-foreground)}.v439o-pending-grid strong{margin-top:4px}
.v439o-pending-list footer{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px 12px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--muted) 18%,var(--background))}
.v439o-pending-list footer button{min-height:42px;border-radius:8px;font-weight:800;cursor:pointer}.v439o-pending-list footer .approve{border:1px solid #16a34a;background:#16a34a;color:#fff}.v439o-pending-list footer .reject{border:1px solid #fecaca;background:#fff;color:#b91c1c}

@media(min-width:761px){
 .v439o-account-subnav,.v439o-account-subnav *,.v439o-approval-rule,.v439o-approval-rule *,.v439o-pending-list,.v439o-pending-list *{font-size:14px!important}
 .v439o-approval-rule h2{font-size:18px!important}.v439o-pending-list h3{font-size:16px!important}
}
@media(max-width:900px){.v439o-pending-list{grid-template-columns:1fr}}
@media(max-width:760px){
 .v439o-account-subnav{grid-template-columns:1fr 1fr;gap:5px;padding:4px}.v439o-account-subnav>a{min-height:54px;padding:8px}.v439o-account-subnav b{font-size:10px}.v439o-account-subnav small{font-size:8.5px;line-height:1.3}
 .v439o-approval-rule{align-items:flex-start;flex-direction:column;padding:10px}.v439o-approval-rule span{font-size:8.5px}.v439o-approval-rule h2{font-size:14px}.v439o-approval-rule p{font-size:9px}.v439o-approval-rule>b{height:38px;font-size:10px}
 .v439o-approval-tools{grid-template-columns:1fr;padding:8px}.v439o-approval-tools input,.v439o-approval-tools button{width:100%;height:44px;font-size:10px}
 .v439o-pending-list header{padding:9px}.v439o-pending-list header span{font-size:8px}.v439o-pending-list header h3{font-size:11px}.v439o-pending-list header small,.v439o-pending-list header>b{font-size:8.5px}
 .v439o-pending-grid{grid-template-columns:1fr 1fr;padding:9px;gap:6px}.v439o-pending-grid>div{min-height:64px;padding:8px}.v439o-pending-grid span{font-size:8px}.v439o-pending-grid strong{font-size:10px}
 .v439o-pending-list footer{padding:9px}.v439o-pending-list footer button{min-height:44px;font-size:10px}
}
@media(max-width:390px){.v439o-account-subnav,.v439o-pending-grid,.v439o-pending-list footer{grid-template-columns:1fr}}


/* ===== V477 SOURCE 278: v439r-v439o-candidate-design.css ===== */

.v439r-candidate-section{
  margin-top:12px;
  padding:14px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--background);
}
.v439r-candidate-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}
.v439r-candidate-head>div:first-child>span{
  display:block;
  font-weight:800;
  letter-spacing:.08em;
  color:#d97706;
}
.v439r-candidate-head h2{
  margin:4px 0 0;
  color:var(--foreground);
}
.v439r-candidate-head p{
  margin:4px 0 0;
  color:var(--muted-foreground);
}
.v439r-candidate-head-tools{
  display:flex;
  align-items:center;
  gap:7px;
}
.v439r-candidate-count{
  display:flex;
  align-items:center;
  min-height:40px;
  padding:0 10px;
  border:1px solid #dbeafe;
  border-radius:9px;
  background:#f8fbff;
  color:#1e3a8a;
}
.v439r-candidate-count b{font-size:18px}
.v439r-refresh{
  width:40px;
  height:40px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--background);
  cursor:pointer;
  font-size:18px;
}

.v439r-candidate-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.v439r-candidate-card{
  overflow:hidden;
  padding:14px;
  border:1px solid #e5e7eb;
  border-radius:14px;
  background:#fff;
  box-shadow:0 4px 16px rgba(15,23,42,.045);
}
.v439r-card-head{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  gap:11px;
  align-items:flex-start;
}
.v439r-avatar{
  display:flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  border-radius:50%;
  background:#eaf2ff;
  color:#2563eb;
  font-size:22px;
  font-weight:800;
}
.v439r-card-title{
  min-width:0;
}
.v439r-card-title strong{
  display:block;
  color:#102a56;
  font-weight:800;
  line-height:1.3;
  overflow-wrap:anywhere;
}
.v439r-card-title small{
  display:block;
  margin-top:4px;
  color:#475569;
}
.v439r-sale-line{
  display:flex;
  align-items:center;
  gap:5px;
  margin-top:6px;
  min-width:0;
}
.v439r-sale-line span{
  color:#475569;
}
.v439r-sale-line b{
  color:#334155;
  font-weight:700;
  overflow-wrap:anywhere;
}
.v439r-qualified-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:4px 9px;
  border-radius:999px;
  background:#dcfce7;
  color:#15803d;
  font-weight:800;
  white-space:nowrap;
}

.v439r-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:14px;
}
.v439r-metrics>div{
  min-height:88px;
  padding:9px 8px;
  border:1px solid var(--border);
  border-radius:9px;
  text-align:center;
}
.v439r-metrics>div>span,
.v439r-metrics>div>small,
.v439r-metrics>div>b,
.v439r-metrics>div>em{
  display:block;
}
.v439r-metrics>div>span{
  font-size:17px;
}
.v439r-metrics>div>small{
  margin-top:3px;
  color:#475569;
}
.v439r-metrics>div>b{
  margin-top:6px;
  color:#0f172a;
  font-weight:800;
  overflow-wrap:anywhere;
}
.v439r-metrics>div>em{
  margin-top:1px;
  color:#475569;
  font-style:normal;
}
.v439r-metrics .orders{border-color:#cfe1ff;background:#f7fbff}.v439r-metrics .orders>span{color:#2563eb}
.v439r-metrics .revenue{border-color:#cdebd8;background:#f7fcf8}.v439r-metrics .revenue>span{color:#16a34a}
.v439r-metrics .recent{border-color:#f7dfb6;background:#fffaf2}.v439r-metrics .recent>span{color:#f59e0b}
.v439r-metrics .debt{border-color:#ddd5fb;background:#fbf9ff}.v439r-metrics .debt>span{color:#7c3aed}

.v439r-progress{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin-top:16px;
}
.v439r-progress:before{
  content:"";
  position:absolute;
  top:12px;
  left:12%;
  right:12%;
  height:2px;
  background:#cbd5e1;
}
.v439r-progress>div{
  position:relative;
  z-index:1;
  text-align:center;
}
.v439r-progress i{
  display:flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  margin:0 auto;
  border-radius:50%;
  background:#94a3b8;
  color:#fff;
  font-style:normal;
  font-weight:800;
}
.v439r-progress span{
  display:block;
  margin-top:6px;
  color:#64748b;
  line-height:1.25;
}
.v439r-progress .done i{background:#16a34a}
.v439r-progress .done span{color:#15803d}
.v439r-progress .current i{background:#2563eb}
.v439r-progress .current span{color:#2563eb;font-weight:700}

.v439r-alert{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:14px;
  padding:10px 11px;
  border:1px solid #fde68a;
  border-radius:9px;
  background:#fffbeb;
  color:#92400e;
}
.v439r-alert.proposal{
  border-color:#bfdbfe;
  background:#eff6ff;
  color:#1d4ed8;
}
.v439r-alert i{
  display:flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  flex:none;
  border-radius:50%;
  background:#f59e0b;
  color:#fff;
  font-style:normal;
  font-weight:800;
}
.v439r-alert.proposal i{background:#2563eb}

.v439r-card-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:10px;
}
.v439r-card-actions>a,
.v439r-card-actions>button{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 10px;
  border-radius:8px;
  font-weight:800;
  text-decoration:none;
  cursor:pointer;
}
.v439r-card-actions .secondary{
  border:1px solid #d8dee9;
  background:#fff;
  color:#0f172a;
}
.v439r-card-actions .primary{
  border:1px solid #0f3c73;
  background:#0f3c73;
  color:#fff;
}

.v439r-empty{
  padding:28px;
  border:1px dashed var(--border);
  border-radius:10px;
  text-align:center;
  color:var(--muted-foreground);
}

@media(min-width:761px){
  .v439r-candidate-section,
  .v439r-candidate-section *{
    font-size:14px!important;
  }
  .v439r-candidate-head h2{font-size:20px!important}
  .v439r-card-title strong{font-size:15px!important}
  .v439r-metrics>div>b{font-size:16px!important}
}

@media(max-width:980px){
  .v439r-candidate-grid{grid-template-columns:1fr}
}

@media(max-width:760px){
  .v439r-candidate-section{
    margin-top:8px;
    padding:10px;
    border-radius:12px;
  }
  .v439r-candidate-head{
    align-items:stretch;
    flex-direction:column;
    gap:8px;
  }
  .v439r-candidate-head>div:first-child>span{font-size:8.5px}
  .v439r-candidate-head h2{font-size:15px;line-height:1.25}
  .v439r-candidate-head p{font-size:9.5px;line-height:1.4}
  .v439r-candidate-head-tools{justify-content:space-between}
  .v439r-candidate-count{min-height:36px}
  .v439r-candidate-count span,.v439r-candidate-count b{font-size:10px}
  .v439r-refresh{width:38px;height:38px}

  .v439r-candidate-grid{grid-template-columns:1fr;gap:9px}
  .v439r-candidate-card{padding:10px;border-radius:12px}
  .v439r-card-head{
    grid-template-columns:42px minmax(0,1fr);
    gap:9px;
  }
  .v439r-avatar{width:42px;height:42px;font-size:18px}
  .v439r-qualified-badge{
    grid-column:2/3;
    justify-self:start;
    min-height:24px;
    font-size:8.5px;
  }
  .v439r-card-title strong{font-size:11px}
  .v439r-card-title small{font-size:8.5px}
  .v439r-sale-line{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:4px;
  }
  .v439r-sale-line span,.v439r-sale-line b{font-size:9px}

  .v439r-metrics{
    grid-template-columns:1fr 1fr;
    gap:6px;
    margin-top:10px;
  }
  .v439r-metrics>div{
    min-height:76px;
    padding:8px;
  }
  .v439r-metrics>div>span{font-size:14px}
  .v439r-metrics>div>small{font-size:8px}
  .v439r-metrics>div>b{font-size:11px}
  .v439r-metrics>div>em{font-size:8px}

  .v439r-progress{margin-top:12px}
  .v439r-progress:before{top:10px}
  .v439r-progress i{width:20px;height:20px;font-size:8px}
  .v439r-progress span{font-size:7.5px;line-height:1.2}

  .v439r-alert{padding:8px}
  .v439r-alert span{font-size:9px;line-height:1.35}

  .v439r-card-actions{
    grid-template-columns:1fr;
    gap:6px;
  }
  .v439r-card-actions>a,
  .v439r-card-actions>button{
    min-height:44px;
    font-size:10px;
  }
}

@media(max-width:390px){
  .v439r-progress span{font-size:7px}
}


/* ===== V477 SOURCE 279: v439s-candidate-pagination.css ===== */

.v439s-pagination{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:12px;
  padding:10px 2px 2px;
  border-top:1px solid var(--border);
}
.v439s-page-info{
  color:var(--muted-foreground);
}
.v439s-page-controls{
  display:flex;
  align-items:center;
  gap:5px;
}
.v439s-page-controls button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:36px;
  height:36px;
  padding:0 8px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--background);
  color:var(--foreground);
  font-weight:700;
  cursor:pointer;
}
.v439s-page-controls button.active{
  border-color:#f59e0b;
  background:#fff7ed;
  color:#c2410c;
}
.v439s-page-controls button:disabled{
  opacity:.4;
  cursor:not-allowed;
}
@media(min-width:761px){
  .v439s-pagination,
  .v439s-pagination *{
    font-size:14px!important;
  }
}
@media(max-width:760px){
  .v439s-pagination{
    align-items:stretch;
    flex-direction:column;
    gap:8px;
    padding-top:9px;
  }
  .v439s-page-info{
    text-align:center;
    font-size:9px;
  }
  .v439s-page-controls{
    justify-content:center;
    flex-wrap:wrap;
  }
  .v439s-page-controls button{
    min-width:34px;
    height:34px;
    font-size:10px;
  }
}


/* ===== V477 SOURCE 280: v439u-orders-view-focus.css ===== */

/* V439U - Orders view shows only Agency pending orders content */

/* Default/list view */
.v439k-agency-page.list-view .v439u-orders-only{
  display:none!important;
}

/* Orders view: hide customer candidates, agency overview, directory, intro */
.v439k-agency-page.orders-view .v439u-list-only{
  display:none!important;
}

/* Orders page should visually begin at the pending-order panel */
.v439k-agency-page.orders-view .v439k-agency-subnav{
  margin-bottom:10px!important;
}
.v439k-agency-page.orders-view .v439l-pending-center{
  margin-top:0!important;
}
.v439k-agency-page.orders-view .v439l-pending-banner{
  margin-top:0!important;
}

/* Desktop spacing */
@media(min-width:761px){
  .v439k-agency-page.orders-view .v439l-pending-center{
    padding-top:14px!important;
  }
}

/* Mobile: pending banner becomes the first content block under subnav */
@media(max-width:760px){
  .v439k-agency-page.orders-view .v439k-agency-subnav{
    margin-bottom:8px!important;
  }
  .v439k-agency-page.orders-view .v439l-pending-center{
    padding-top:9px!important;
  }
}


/* ===== V477 SOURCE 281: v439x-portal-safe-rebuild.css ===== */

/* V439X - Safe rebuild of /dai-ly on original V439U render skeleton */
.v439x-header{background:#fff;border-bottom:1px solid #e5e7eb}
.v439x-tabs{position:sticky;top:0;z-index:10;display:flex;gap:6px;overflow-x:auto;padding:8px;background:#fff;border-bottom:1px solid #e5e7eb}
.v439x-tabs button{flex:none;min-height:40px;padding:0 12px;border:1px solid #dbe3ed;border-radius:8px;background:#fff;color:#334155;font-weight:700;cursor:pointer}
.v439x-tabs button.active{border-color:#0f3c73;background:#0f3c73;color:#fff}
.v439x-home,.v439x-simple-section{padding:16px}
.v439x-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.v439x-kpis article{padding:12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}
.v439x-kpis span,.v439x-kpis b{display:block}.v439x-kpis span{color:#64748b}.v439x-kpis b{margin-top:6px;font-size:20px}
.v439x-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.v439x-home-grid>article{padding:12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}
.v439x-home-grid h2{margin:0 0 8px;font-size:15px}
.v439x-home-grid>article>div{display:flex;flex-direction:column}
.v439x-home-grid button{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;border:0;border-bottom:1px solid #eef2f7;background:#fff;text-align:left;cursor:pointer}
.v439x-home-grid button:last-child{border-bottom:0}
.v439x-home-grid button span{color:#64748b}
.v439x-quick{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:10px}
.v439x-quick button{min-height:60px;border:1px solid #dbe3ed;border-radius:9px;background:#fff;font-weight:700;cursor:pointer}
.v439x-simple-section{max-width:1100px;margin:0 auto}
.v439x-simple-section>h2{margin:0 0 12px}
.v439x-frequent{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.v439x-frequent article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;border:1px solid #e5e7eb;border-radius:9px;background:#fff}
.v439x-frequent strong,.v439x-frequent small{display:block}.v439x-frequent small{margin-top:3px;color:#64748b}
.v439x-frequent button{min-height:38px;padding:0 10px;border:0;border-radius:8px;background:#0f3c73;color:#fff;cursor:pointer}
.v439x-account-card{max-width:560px;padding:14px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}
.v439x-account-card>div,.v439x-account-card label{display:grid;grid-template-columns:160px minmax(0,1fr);gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #eef2f7}
.v439x-account-card span{color:#64748b}.v439x-account-card input{height:42px;border:1px solid #dbe3ed;border-radius:8px;padding:0 10px}
.v439x-account-card>button{margin-top:12px;min-height:42px;padding:0 14px;border:0;border-radius:8px;background:#0f3c73;color:#fff;cursor:pointer}
.v439x-notifications{display:flex;flex-direction:column;gap:8px}
.v439x-notifications article{padding:11px;border:1px solid #e5e7eb;border-radius:9px;background:#fff}
.v439x-notifications p{margin:4px 0 0;color:#64748b}
@media(min-width:761px){.v439x-home,.v439x-home *,.v439x-simple-section,.v439x-simple-section *{font-size:14px!important}}
@media(max-width:760px){
 .v439x-header{padding:10px!important}.v439x-header h1{font-size:15px!important}.v439x-header p{font-size:9px!important}
 .v439x-tabs{top:0;padding:6px}.v439x-tabs button{min-height:40px;font-size:9px}
 .v439x-home,.v439x-simple-section{padding:10px}
 .v439x-kpis{grid-template-columns:1fr 1fr;gap:6px}.v439x-kpis article{padding:9px}.v439x-kpis span{font-size:8.5px}.v439x-kpis b{font-size:13px}
 .v439x-home-grid{grid-template-columns:1fr;gap:7px}.v439x-home-grid h2{font-size:11px}.v439x-home-grid button strong{font-size:9.5px}.v439x-home-grid button span{font-size:8.5px}
 .v439x-quick{grid-template-columns:1fr 1fr;gap:6px}.v439x-quick button{min-height:48px;font-size:9px}
 .v439x-frequent{grid-template-columns:1fr}.v439x-frequent article{padding:9px}.v439x-frequent strong{font-size:10px}.v439x-frequent small{font-size:8.5px}.v439x-frequent button{min-height:40px;font-size:9px}
 .v439x-account-card{padding:10px}.v439x-account-card>div,.v439x-account-card label{grid-template-columns:1fr;padding:7px 0}.v439x-account-card span{font-size:9px}.v439x-account-card input{height:44px;font-size:10px}.v439x-account-card>button{width:100%;min-height:44px;font-size:10px}
 .v439x-notifications strong{font-size:10px}.v439x-notifications p{font-size:8.5px}
}


/* ===== V477 SOURCE 282: v440-agency-portal-professional.css ===== */
/* V440 - Professional Agency Portal UI. Presentation only; no business logic changes. */
:root{
  --v440-navy:#123b64;
  --v440-navy-2:#0b2b49;
  --v440-green:#16794f;
  --v440-soft:#f4f7f9;
  --v440-line:#dce5ec;
  --v440-text:#17212b;
  --v440-muted:#637180;
  --v440-white:#fff;
  --v440-shadow:0 12px 36px rgba(20,39,58,.08);
}

/* Login */
.v328-agency-shell{
  min-height:100vh;
  padding:42px 24px;
  background:
    radial-gradient(circle at 16% 12%,rgba(22,121,79,.09),transparent 30%),
    radial-gradient(circle at 88% 80%,rgba(18,59,100,.10),transparent 30%),
    linear-gradient(135deg,#f4f8f6 0%,#f7f9fb 48%,#eef4f8 100%);
}
.v328-agency-login{
  width:min(100%,520px);
  padding:38px 40px 36px;
  border:1px solid rgba(196,210,221,.9);
  border-top:0;
  border-radius:20px;
  background:rgba(255,255,255,.97);
  box-shadow:0 28px 80px rgba(23,42,61,.14);
  position:relative;
  overflow:hidden;
}
.v328-agency-login:before{
  content:"";
  position:absolute;inset:0 0 auto 0;height:6px;
  background:linear-gradient(90deg,var(--v440-green),#2a9469 46%,var(--v440-navy));
}
.v328-agency-login:after{
  content:"Đặt hàng nhanh · Theo dõi minh bạch · Hỗ trợ trực tiếp từ Sale VIFOOD";
  display:block;
  margin-top:24px;
  padding-top:18px;
  border-top:1px solid #e7edf2;
  color:var(--v440-muted);
  font-size:14px;
  line-height:1.55;
  text-align:center;
}
.v328-agency-brand{font-size:24px;font-weight:900;letter-spacing:.11em;color:var(--v440-green)}
.v328-agency-kicker{margin-top:10px;font-size:14px;font-weight:800;letter-spacing:.07em;color:#9b6a16}
.v328-agency-login h1{margin:10px 0 0;font-size:32px;line-height:1.2;color:var(--v440-text);letter-spacing:-.025em}
.v328-agency-login p{margin-top:13px;font-size:15px;line-height:1.65;color:var(--v440-muted)}
.v328-agency-login-form{gap:14px;margin-top:26px}
.v328-agency-login-form input{min-height:50px;border-radius:11px;border-color:#cfdbe4;background:#fbfcfd;font-size:15px;padding-left:15px}
.v328-agency-login-form input:focus{border-color:#7aa992;box-shadow:0 0 0 3px rgba(22,121,79,.09)}
.v328-agency-login-form button{min-height:50px;border-radius:11px;font-size:15px;font-weight:800;box-shadow:0 8px 18px rgba(22,121,79,.18)}
.v328-agency-error{padding:10px 12px;border:1px solid #fecaca;border-radius:9px;background:#fff5f5;font-size:14px}

/* App shell */
.v328-agency-app{min-height:100vh;background:#f3f6f8;padding:0 26px 44px;color:var(--v440-text)}
.v328-agency-header.v439x-header{
  max-width:none;
  margin:0 -26px;
  padding:20px max(26px,calc((100vw - 1560px)/2));
  align-items:center;
  border-bottom:1px solid #d9e3ea;
  background:linear-gradient(100deg,#fff 0%,#fbfdfc 72%,#f2f7f5 100%);
  box-shadow:0 4px 16px rgba(33,55,75,.04);
}
.v328-agency-header h1{margin-top:2px;font-size:29px;letter-spacing:-.025em;color:var(--v440-text)}
.v328-agency-header p{font-size:14px;color:var(--v440-muted)}
.v328-agency-header button{min-height:42px;padding:0 16px;border-radius:9px;background:#fff;font-size:14px;font-weight:700}

.v439x-tabs{
  max-width:1560px;
  margin:14px auto 0;
  top:8px;
  gap:4px;
  padding:6px;
  border:1px solid var(--v440-line);
  border-radius:12px;
  background:rgba(255,255,255,.97);
  box-shadow:0 7px 20px rgba(30,52,73,.06);
}
.v439x-tabs button{min-height:42px;padding:0 15px;border:0;border-radius:8px;background:transparent;color:#4d5d6b;font-size:14px;font-weight:750}
.v439x-tabs button:hover{background:#f1f5f7;color:var(--v440-navy)}
.v439x-tabs button.active{background:var(--v440-navy);color:#fff;box-shadow:0 4px 12px rgba(18,59,100,.18)}

/* Dashboard */
.v439x-home,.v439x-simple-section,.v331-profile-card{max-width:1560px;margin:0 auto;padding:22px 0}
.v439x-kpis{gap:14px}
.v439x-kpis article{min-height:110px;padding:20px;border:1px solid var(--v440-line);border-radius:14px;box-shadow:0 7px 22px rgba(32,52,72,.045)}
.v439x-kpis span{font-size:14px;font-weight:700;color:var(--v440-muted)}
.v439x-kpis b{margin-top:9px;font-size:26px;color:var(--v440-navy-2);letter-spacing:-.02em}
.v439x-home-grid{gap:14px;margin-top:14px}
.v439x-home-grid>article{padding:20px;border-color:var(--v440-line);border-radius:14px;box-shadow:0 7px 22px rgba(32,52,72,.045)}
.v439x-home-grid h2{font-size:18px;color:var(--v440-text)}
.v439x-home-grid button{min-height:46px;padding:10px 2px}
.v439x-home-grid button strong{font-size:14px;color:var(--v440-text)}
.v439x-home-grid button span{font-size:14px}
.v439x-quick{gap:10px;margin-top:14px}
.v439x-quick button{min-height:64px;border-color:var(--v440-line);border-radius:11px;background:#fff;color:var(--v440-navy);font-size:14px;box-shadow:0 4px 14px rgba(32,52,72,.035)}
.v439x-quick button:hover{border-color:#aebfcb;background:#f9fbfc;transform:translateY(-1px)}

/* Ordering workspace */
.v328-agency-layout{max-width:1560px;margin:22px auto 0;grid-template-columns:minmax(0,1fr) 410px;gap:18px}
.v328-agency-products,.v328-agency-cart,.v328-agency-history{
  border:1px solid var(--v440-line);
  border-radius:15px;
  background:#fff;
  box-shadow:var(--v440-shadow);
}
.v328-agency-products{padding:22px}
.v328-agency-cart{top:76px;padding:21px;gap:14px}
.v328-agency-section-head{margin-bottom:17px}
.v328-agency-section-head h2{font-size:20px;color:var(--v440-text);letter-spacing:-.015em}
.v328-agency-section-head span,.v330-product-count{font-size:14px!important;color:var(--v440-muted)}
.v330-product-toolbar{gap:10px!important;margin-bottom:17px!important}
.v330-product-search,.v330-page-size{min-height:45px!important;border-radius:9px!important;border-color:#cfdbe4!important;background:#fbfcfd!important;font-size:14px!important}
.v328-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.v328-product-card{min-height:172px;padding:16px;border-color:#dce5eb;border-radius:12px;background:#fff;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.v328-product-card:hover{transform:translateY(-2px);border-color:#b8c9d5;box-shadow:0 11px 24px rgba(29,49,67,.08)}
.v328-product-meta span{padding:4px 8px;background:#f0f4f6;color:#5d6b77;font-size:14px;border-radius:999px}
.v328-product-card h3{margin-top:11px;font-size:15px;line-height:1.5;color:#1d2a35}
.v328-product-bottom{padding-top:16px}
.v328-product-bottom strong{font-size:18px;color:var(--v440-green)}
.v328-product-bottom small{font-size:14px;color:var(--v440-muted)}
.v328-product-bottom button{min-height:38px;padding:0 13px;border-radius:8px;font-size:14px;font-weight:750}
.v330-pagination button,.v330-page-numbers span{font-size:14px!important}

/* Cart / order form */
.v328-agency-cart>.v328-agency-section-head{padding-bottom:13px;border-bottom:1px solid #e5ebef}
.v328-cart-lines{gap:9px;max-height:390px;padding-right:3px}
.v328-cart-line{padding:11px;border-color:#dce5eb;border-radius:10px;background:#fbfcfd}
.v328-cart-line strong{font-size:14px;line-height:1.45}
.v328-cart-line small{font-size:14px;margin-top:3px}
.v328-cart-line>b{font-size:14px;color:#253646}
.v328-qty{gap:6px}
.v328-qty button{width:31px;height:31px;border-color:#cbd7df;border-radius:7px;font-size:16px;color:var(--v440-navy)}
.v328-qty span{min-width:38px;font-size:14px}
.v328-cart-total{padding:14px 0}
.v328-cart-total span{font-size:14px;font-weight:750;color:#465766}
.v328-cart-total strong{font-size:22px;color:var(--v440-green)}
.v332-order-company-select,.v333-order-address-select{padding:12px;border:1px solid #e1e8ed;border-radius:10px;background:#fafcfd}
.v332-order-company-select label,.v333-order-address-select label{font-size:14px;font-weight:750;color:#334452}
.v332-order-company-select select,.v333-order-address-select select,.v328-agency-cart>input{min-height:44px!important;border-radius:8px!important;border-color:#ccd9e2!important;background:#fff!important;font-size:14px!important}
.v332-order-company-select small,.v333-order-address-select small{font-size:14px!important;line-height:1.45;color:var(--v440-muted)}
.v328-agency-cart>.v328-agency-primary{min-height:50px;border-radius:10px;font-size:15px;font-weight:850;background:var(--v440-green)!important;box-shadow:0 9px 20px rgba(22,121,79,.17)}
.v328-agency-cart>.v328-agency-primary:hover{filter:brightness(.96)}
.v328-agency-empty{padding:30px;border-color:#d5e0e7;border-radius:10px;background:#fbfcfd;font-size:14px;line-height:1.55}

/* History / profile / account */
.v328-agency-history{max-width:1560px;margin:22px auto 0;padding:22px}
.v328-order-list{gap:9px}
.v328-order-card{min-height:70px;grid-template-columns:minmax(220px,1fr) minmax(210px,.8fr) minmax(180px,.55fr) minmax(160px,.5fr);gap:15px;padding:13px 15px;border-color:#dce5eb;border-radius:10px;background:#fff}
.v328-order-card:hover{background:#fbfcfd;border-color:#c5d3dd}
.v328-order-card strong,.v328-order-card b,.v328-order-card small,.v328-order-card a,.v328-order-status,.v331-payment,.v439c-revise-btn,.v439-waiting-invoice{font-size:14px!important}
.v328-order-card a{color:var(--v440-navy);font-weight:800;text-decoration:none}
.v328-order-card a:hover{text-decoration:underline}
.v328-order-status{padding:6px 9px}
.v439x-simple-section>h2,.v331-profile-card h2{font-size:22px;color:var(--v440-text)}
.v439x-account-card{max-width:650px;padding:20px;border-color:var(--v440-line);border-radius:13px;box-shadow:var(--v440-shadow)}
.v439x-account-card>div,.v439x-account-card label{grid-template-columns:190px minmax(0,1fr);padding:11px 0}
.v439x-account-card span,.v439x-account-card b,.v439x-account-card input,.v439x-account-card button{font-size:14px!important}
.v439x-notifications article,.v439x-frequent article{border-color:var(--v440-line);border-radius:10px;background:#fff}
.v439x-notifications strong,.v439x-notifications p,.v439x-frequent strong,.v439x-frequent small,.v439x-frequent button{font-size:14px!important}
.v331-profile-card{padding-top:22px!important}
.v331-profile-card,.v332-profile-company{font-size:14px}
.v332-agency-contact span,.v332-agency-contact strong,.v332-profile-company dt,.v332-profile-company dd,.v332-profile-company-head span{font-size:14px!important}

/* Desktop readability safeguard for agency interface */
@media (min-width:1101px){
  .v328-agency-app,.v328-agency-app *,.v328-agency-shell,.v328-agency-shell *{font-size:max(14px,1em)}
  .v328-agency-brand{font-size:24px!important}.v328-agency-login h1{font-size:32px!important}.v328-agency-header h1{font-size:29px!important}
  .v439x-kpis b{font-size:26px!important}.v328-agency-section-head h2{font-size:20px!important}.v328-product-bottom strong{font-size:18px!important}.v328-cart-total strong{font-size:22px!important}
}

@media (max-width:1100px){
  .v328-agency-app{padding:0 14px 32px}
  .v328-agency-header.v439x-header{margin:0 -14px;padding:16px 14px}
  .v439x-tabs{margin-top:10px}
  .v328-agency-layout{grid-template-columns:1fr}
  .v328-agency-cart{position:static}
}
@media (max-width:640px){
  .v328-agency-shell{padding:18px 12px}
  .v328-agency-login{padding:27px 20px 24px;border-radius:15px}
  .v328-agency-login h1{font-size:25px}
  .v328-agency-login:after{font-size:12px}
  .v328-agency-header h1{font-size:22px}
  .v439x-home,.v439x-simple-section,.v331-profile-card{padding:14px 0}
  .v328-agency-products,.v328-agency-cart,.v328-agency-history{padding:14px;border-radius:12px}
  .v328-product-grid{grid-template-columns:1fr}
  .v328-order-card{grid-template-columns:1fr;gap:8px}
}


/* ===== V477 SOURCE 283: v441-agency-portal-reference.css ===== */
/* V441 - Cổng Đại lý theo bố cục tham chiếu: desktop sidebar + mobile bottom navigation.
   Chỉ thay đổi UI/UX phía Đại lý; không thay đổi API hoặc luồng nghiệp vụ. */
:root{--v441-navy:#082c67;--v441-navy-2:#0b397f;--v441-blue:#1265cf;--v441-bg:#f7f9fc;--v441-line:#dfe6ef;--v441-text:#102449;--v441-muted:#65748c;--v441-green:#159447;--v441-red:#e32b2b;--v441-orange:#f59e0b}

/* Desktop shell */
@media (min-width:1101px){
  .v328-agency-app{min-height:100vh;padding:0 24px 46px 268px!important;background:var(--v441-bg)!important;color:var(--v441-text)}
  .v328-agency-app,.v328-agency-app *{font-size:max(14px,1em)}
  .v441-agency-sidebar{position:fixed;z-index:50;left:0;top:0;bottom:0;width:244px;background:linear-gradient(180deg,#082f6d 0%,#06255a 100%);padding:20px 14px;display:flex;flex-direction:column;color:#fff;box-shadow:7px 0 24px rgba(17,39,74,.09)}
  .v441-side-brand{height:58px;display:flex;align-items:center;padding:0 12px;font-size:26px!important;font-weight:950;letter-spacing:-.04em;color:#fff}
  .v441-side-brand:before{content:"▾";font-size:19px!important;margin-right:3px;color:#f5a623;transform:rotate(-32deg)}
  .v441-agency-sidebar .v439x-tabs{position:static!important;display:flex!important;flex-direction:column!important;gap:4px!important;margin:6px 0 0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;max-width:none!important;overflow:visible!important}
  .v441-agency-sidebar .v439x-tabs button{position:relative;width:100%;height:43px!important;display:grid!important;grid-template-columns:24px 1fr auto!important;align-items:center!important;gap:8px!important;padding:0 11px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#f5f8ff!important;text-align:left!important;font-weight:650!important;white-space:nowrap!important;box-shadow:none!important}
  .v441-agency-sidebar .v439x-tabs button>span{font-size:18px!important;line-height:1;text-align:center;color:#dbe7ff}
  .v441-agency-sidebar .v439x-tabs button>b{font-size:14px!important;font-weight:700!important}
  .v441-agency-sidebar .v439x-tabs button>i{min-width:20px;height:20px;display:grid;place-items:center;border-radius:999px;background:#e33b32;color:#fff;font-style:normal;font-size:11px!important}
  .v441-agency-sidebar .v439x-tabs button.active{background:#1768ca!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important}
  .v441-sale-card{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding:15px 12px 4px;display:grid;gap:5px}
  .v441-sale-card span{font-size:12px!important;color:#bdcbe1}
  .v441-sale-card strong{font-size:14px!important;color:#fff}
  .v441-sale-card a{font-size:13px!important;color:#fff;text-decoration:none}

  .v441-agency-topbar{max-width:none!important;height:82px!important;margin:0 -24px 0!important;padding:0 26px!important;align-items:center!important;border:0!important;border-bottom:1px solid var(--v441-line)!important;background:#fff!important;box-shadow:0 1px 7px rgba(16,36,73,.03)!important}
  .v441-welcome{display:grid;gap:5px}
  .v441-welcome>div{display:flex;align-items:center;gap:6px}
  .v441-welcome span{font-size:16px!important;color:var(--v441-text)}
  .v441-welcome strong{font-size:17px!important;color:#092f6a;text-transform:uppercase}
  .v441-welcome em{font-style:normal;font-size:11px!important;font-weight:800;color:#21854b;background:#e7f7ec;padding:3px 8px;border-radius:999px}
  .v441-welcome p{margin:0!important;font-size:12px!important;color:var(--v441-muted)!important}
  .v441-welcome p b{font-size:12px!important;color:#34445e}
  .v441-top-actions{display:flex;align-items:center;gap:10px}
  .v441-bell,.v441-account-menu{border:0;background:#fff;color:#122d58;min-height:38px;border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 9px}
  .v441-bell{position:relative;font-size:22px!important;width:38px;justify-content:center}
  .v441-bell i{position:absolute;right:0;top:1px;width:17px;height:17px;border-radius:99px;background:#e22f2f;color:#fff;display:grid;place-items:center;font-style:normal;font-size:10px!important}
  .v441-account-menu span{font-size:15px!important;color:#7d8797}.v441-account-menu b{font-size:12px!important}.v441-account-menu small{font-size:13px!important}
  .v441-logout{height:38px!important;padding:0 12px!important;font-size:12px!important}

  .v439x-home,.v439x-simple-section,.v331-profile-card,.v328-agency-layout,.v328-agency-history{max-width:1540px!important;margin:18px auto 0!important}
}

/* Home */
.v441-home{display:grid;gap:18px}
.v441-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.v441-kpis article{min-height:108px!important;background:#fff!important;border:1px solid var(--v441-line)!important;border-radius:9px!important;padding:19px 18px!important;display:grid!important;align-content:center!important;justify-items:center!important;gap:6px!important;box-shadow:0 1px 6px rgba(31,52,86,.03)!important;cursor:default}
.v441-kpis article span{font-size:13px!important;color:#26344a!important;text-align:center}
.v441-kpis article b{font-size:22px!important;line-height:1.1!important;color:#0f58b5!important;white-space:nowrap}
.v441-kpis article small{font-size:11px!important;color:var(--v441-muted)!important;text-align:center}
.v441-kpis article.debt b{color:var(--v441-red)!important}.v441-kpis article.debt small{color:#d14343!important}.v441-kpis article.pending b{color:var(--v441-orange)!important}.v441-kpis article.confirmed b{color:var(--v441-green)!important}
.v441-kpis article.debt{cursor:pointer}

.v441-home-grid{grid-template-columns:1fr 1fr!important;gap:15px!important}
.v441-home-grid>article{background:#fff!important;border:1px solid var(--v441-line)!important;border-radius:9px!important;padding:0!important;overflow:hidden;box-shadow:0 1px 5px rgba(20,43,78,.03)!important}
.v441-panel-head{height:52px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8edf4}
.v441-panel-head h2{margin:0;font-size:15px!important;color:#142d58!important}.v441-panel-head button{border:0;background:transparent;color:#0d5abd;font-size:11px!important;font-weight:700}
.v441-order-mini{display:grid}
.v441-order-mini>button{border:0;border-bottom:1px solid #e8edf4;background:#fff;padding:13px 14px;display:grid;grid-template-columns:1fr auto;gap:5px 10px;text-align:left;min-height:67px}
.v441-order-mini>button:last-child{border-bottom:0}
.v441-order-mini>button>div{display:flex;align-items:center;gap:10px}.v441-order-mini strong{font-size:12px!important;color:#102a55}.v441-order-mini time{font-size:11px!important;color:#5c6980}.v441-order-mini small{grid-column:1/-1;font-size:11px!important;color:#65748c}
.v441-order-mini span{font-size:10px!important;font-weight:800;padding:3px 8px;border-radius:5px;background:#edf4ff;color:#145db7}.v441-order-mini span.needs_revision{background:#fff0f0;color:#d93838}.v441-order-mini span.ready,.v441-order-mini span.converted{background:#eaf8ee;color:#248648}.v441-order-mini span.reviewing{background:#edf4ff;color:#145db7}.v441-order-mini span.agency_new{background:#fff7e8;color:#b26a05}
.v441-home-grid>article>p{margin:0;padding:24px;color:var(--v441-muted);font-size:13px!important}

.v441-quick-wrap{background:#fff;border:1px solid var(--v441-line);border-radius:9px;padding:0 14px 14px}.v441-quick-wrap h3{height:48px;display:flex;align-items:center;margin:0;font-size:14px!important;color:#152e58}.v441-quick{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important}.v441-quick button{min-height:84px!important;border:1px solid #dfe6ef!important;border-radius:8px!important;background:#fff!important;display:grid!important;place-items:center!important;align-content:center!important;gap:8px!important;padding:10px!important;color:#102a55!important}.v441-quick button span{font-size:28px!important;line-height:1;color:#1265cf}.v441-quick button b{font-size:12px!important;line-height:1.25;text-align:center}.v441-quick button:hover{border-color:#b9cbe0!important;background:#f9fbfe!important}

/* Debt & contact */
.v441-debt-page,.v441-contact-page{background:#fff!important;border:1px solid var(--v441-line)!important;border-radius:10px!important;padding:20px!important}
.v441-section-title{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:1px solid #e9edf3;padding-bottom:16px}.v441-section-title h2,.v441-contact-page h2{font-size:20px!important;color:#102c59;margin:0}.v441-section-title p{font-size:13px!important;color:var(--v441-muted);margin:5px 0 0}.v441-section-title>strong{font-size:24px!important;color:var(--v441-red)}
.v441-debt-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.v441-debt-summary article{border:1px solid #e2e8f0;border-radius:8px;padding:14px;display:grid;gap:5px}.v441-debt-summary span{font-size:12px!important;color:var(--v441-muted)}.v441-debt-summary b{font-size:19px!important;color:#12336a}.v441-debt-list{display:grid;gap:8px}.v441-debt-list>article{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:15px;border:1px solid #e3e9f0;border-radius:8px;padding:13px}.v441-debt-list>article>div{display:grid}.v441-debt-list strong{font-size:13px!important}.v441-debt-list small{font-size:11px!important;color:var(--v441-muted)}.v441-debt-list b{font-size:14px!important;color:var(--v441-red)}.v441-debt-list a{font-size:12px!important;color:#1265cf;text-decoration:none}
.v441-contact-card{margin-top:18px;max-width:520px;border:1px solid #e2e8f0;border-radius:10px;padding:18px;display:flex;gap:15px;align-items:center}.v441-contact-card>div{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#eaf1fb;color:#0b4f9f;font-weight:900}.v441-contact-card section{display:grid;gap:4px}.v441-contact-card span,.v441-contact-card small{font-size:12px!important;color:var(--v441-muted)}.v441-contact-card strong{font-size:16px!important;color:#102c59}.v441-contact-card a{font-size:13px!important;color:#0c5cbc;text-decoration:none}

/* Preserve existing order/profile cards but visually align */
.v328-agency-products,.v328-agency-cart,.v328-agency-history,.v331-profile-card,.v439x-simple-section{border-color:var(--v441-line)!important;box-shadow:0 1px 6px rgba(20,43,78,.03)!important}
.v328-agency-primary{background:#1265cf!important}

/* Mobile reference: top white bar + bottom nav */
@media (max-width:1100px){
  .v328-agency-app{padding:58px 10px 76px!important;background:#f8fafc!important}
  .v441-agency-topbar{position:fixed!important;z-index:60;left:0;right:0;top:0;height:52px!important;margin:0!important;padding:0 12px!important;background:#fff!important;border-bottom:1px solid #e1e7ef!important;box-shadow:none!important;display:flex!important;justify-content:center!important}
  .v441-welcome{display:none!important}.v441-top-actions{position:absolute;right:8px;top:7px}.v441-top-actions .v441-account-menu,.v441-top-actions .v441-logout{display:none!important}.v441-bell{width:36px;height:36px;min-height:36px!important}.v441-agency-topbar:before{content:"VIFOOD";font-size:18px;font-weight:950;color:#0b3b7f;letter-spacing:-.03em}
  .v441-agency-sidebar{position:fixed;z-index:70;left:0;right:0;bottom:0;height:64px;background:#fff;border-top:1px solid #dce4ee;box-shadow:0 -3px 14px rgba(17,43,78,.06);padding:0}
  .v441-side-brand,.v441-sale-card{display:none!important}
  .v441-agency-sidebar .v439x-tabs{height:64px!important;margin:0!important;padding:0 4px!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:0!important;background:#fff!important;border:0!important;overflow:visible!important}
  .v441-agency-sidebar .v439x-tabs button{display:none!important}
  .v441-agency-sidebar .v439x-tabs button:nth-child(1),.v441-agency-sidebar .v439x-tabs button:nth-child(2),.v441-agency-sidebar .v439x-tabs button:nth-child(3),.v441-agency-sidebar .v439x-tabs button:nth-child(7),.v441-agency-sidebar .v439x-tabs button:nth-child(8){display:grid!important;grid-template-rows:24px 18px!important;place-items:center!important;align-content:center!important;gap:2px!important;height:64px!important;min-width:0!important;border:0!important;background:#fff!important;color:#223b62!important;padding:4px 1px!important;border-radius:0!important;position:relative}
  .v441-agency-sidebar .v439x-tabs button>span{font-size:18px!important;line-height:1}.v441-agency-sidebar .v439x-tabs button>b{font-size:9px!important;line-height:1.1;white-space:nowrap}.v441-agency-sidebar .v439x-tabs button>i{position:absolute;top:6px;right:18%;width:15px;height:15px;border-radius:99px;background:#e23832;color:#fff;display:grid;place-items:center;font-size:8px!important;font-style:normal}
  .v441-agency-sidebar .v439x-tabs button.active{color:#0b59bd!important}.v441-agency-sidebar .v439x-tabs button:nth-child(7){grid-column:5}.v441-agency-sidebar .v439x-tabs button:nth-child(8){grid-column:4;grid-row:1}

  .v439x-home,.v439x-simple-section,.v331-profile-card,.v328-agency-layout,.v328-agency-history{margin:8px 0 0!important;max-width:none!important}
  .v441-home{gap:10px}.v441-kpis{grid-template-columns:1fr!important;gap:8px!important}.v441-kpis article{min-height:78px!important;justify-items:start!important;padding:12px 14px!important;position:relative}.v441-kpis article span{font-size:11px!important}.v441-kpis article b{font-size:20px!important}.v441-kpis article small{font-size:10px!important}.v441-home-grid{grid-template-columns:1fr!important;gap:9px!important}.v441-home-grid>article:nth-child(2){display:none}.v441-quick-wrap{display:none}
  .v441-debt-summary{grid-template-columns:1fr}.v441-debt-list>article{grid-template-columns:1fr auto}.v441-debt-list a{grid-column:1/-1}
}

@media (max-width:560px){
  .v328-agency-app{padding-left:8px!important;padding-right:8px!important}.v441-debt-page,.v441-contact-page{padding:14px!important}.v441-section-title{display:grid}.v441-section-title>strong{font-size:21px!important}.v441-contact-card{padding:14px}
}


/* ===== V477 SOURCE 284: v442-mobile-staff-admin-nav.css ===== */
/* V442 - Mobile quick footer for staff/admin only. Desktop and agency portal untouched. */
.v442-mobile-nav{display:none}
@media (max-width:1100px){
  body.v442-has-mobile-nav{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))!important}
  .v442-mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:9998;display:flex;align-items:flex-end;justify-content:space-around;height:64px;padding:5px 4px calc(5px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.98);border-top:1px solid #dfe7f2;box-shadow:0 -8px 24px rgba(15,43,91,.10);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
  .v442-mobile-nav a{position:relative;flex:1;min-width:0;height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#64748b;text-decoration:none;font-size:11px!important;font-weight:700;line-height:1.05;-webkit-tap-highlight-color:transparent}
  .v442-mobile-nav a svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.9}
  .v442-mobile-nav a.v442-active{color:#075ed8}
  .v442-mobile-nav .v442-create{transform:translateY(-13px);color:#075ed8}
  .v442-mobile-nav .v442-create .v442-create-circle{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#2180ff,#075ed8);color:#fff;box-shadow:0 7px 18px rgba(7,94,216,.32);border:4px solid #fff}
  .v442-mobile-nav .v442-create svg{width:25px;height:25px;stroke-width:2.2}
  .v442-mobile-nav .v442-create span:last-child{margin-top:1px;color:#075ed8}
  .v442-mobile-nav .v442-badge{position:absolute;top:3px;left:calc(50% + 8px);min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#ef3340;color:#fff;font-size:10px!important;line-height:17px;text-align:center;border:2px solid #fff}
}


/* ===== V477 SOURCE 285: v443-unified-role-ui.css ===== */
/* V443 - Unified visual system for Admin / Accountant / Staff.
   Presentation only: visibility continues to be controlled by the existing VIFOOD permission engine.
   V445: typography declarations removed so font sizes inherit from the original pre-V439Y component styles. */
:root{--v443-blue:#0b5ed7;--v443-navy:#0b2d63;--v443-bg:#f6f8fc;--v443-line:#e3eaf3;--v443-text:#102a56;--v443-muted:#64748b;--v443-radius:14px}
body:not(.v443-agency){background:var(--v443-bg)}
body:not(.v443-agency) #root{color:#172b4d}
/* Normalize surfaces without changing app structure */
body:not(.v443-agency) main,body:not(.v443-agency) [role="main"]{background:var(--v443-bg)}
body:not(.v443-agency) .rounded-lg,body:not(.v443-agency) .rounded-xl{border-radius:var(--v443-radius)}
body:not(.v443-agency) th{font-weight:700;color:var(--v443-text)}
body.v443-role-admin:not(.v443-agency),body.v443-role-accountant:not(.v443-agency),body.v443-role-staff:not(.v443-agency){--v443-role-accent:var(--v443-blue)}
/* Shared desktop navigation treatment. Existing permission-filtered menu remains the source of truth. */
@media (min-width:1101px){
 body:not(.v443-agency) aside{border-right:1px solid rgba(255,255,255,.08)}
 body:not(.v443-agency) aside a,body:not(.v443-agency) aside button{transition:background .16s ease,color .16s ease,transform .16s ease}
 body:not(.v443-agency) aside a:hover,body:not(.v443-agency) aside button:hover{transform:translateX(1px)}
}
/* Mobile: reserve one consistent app-like viewport for all internal roles. */
@media (max-width:1100px){
 body.v443-internal{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))!important}
 body.v443-internal main{padding-bottom:14px}
}


/* ===== V477 SOURCE 286: v446-settings-professional.css ===== */
/* VIFOOD V446 - Settings Professional UI
   UI-only enhancement. No API/SQL/permission logic is modified. */

.v446-settings-page{
  --v446-navy:#10203c;
  --v446-green:var(--brand-green,#16a34a);
  --v446-soft:#f7f9fc;
  --v446-line:#e5e7eb;
}

.v446-settings-page > [data-v446-settings-nav]{
  position:sticky;
  top:0;
  z-index:35;
  margin:14px 0 18px;
  padding:10px;
  border:1px solid var(--v446-line);
  border-radius:8px;
  background:rgba(255,255,255,.96);
  box-shadow:0 5px 18px rgba(16,32,60,.06);
  backdrop-filter:blur(8px);
}

.v446-settings-nav-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 2px 9px;
}
.v446-settings-nav-title strong{font-size:13px;color:var(--v446-navy);letter-spacing:.01em}
.v446-settings-nav-title span{font-size:11px;color:#667085}
.v446-settings-nav-items{display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin;padding-bottom:1px}
.v446-settings-tab{
  appearance:none;border:1px solid #dfe4ea;background:#fff;color:#344054;
  border-radius:6px;padding:8px 11px;font:600 12px/1.15 Arial,"Segoe UI",Tahoma,sans-serif;
  cursor:pointer;white-space:nowrap;transition:.15s ease;
}
.v446-settings-tab:hover{border-color:var(--v446-green);color:var(--v446-green);background:#f7fff9}
.v446-settings-tab.is-active{background:var(--v446-navy);border-color:var(--v446-navy);color:#fff}

.v446-settings-page [data-v446-settings-section]{scroll-margin-top:112px;overflow:hidden}
.v446-settings-page [data-v446-settings-section] > :first-child{background:linear-gradient(180deg,#fff,#fbfcfe)}
.v446-settings-page [data-v446-settings-section]{border-color:#e1e5ea!important;box-shadow:0 2px 8px rgba(16,32,60,.045)!important}
.v446-settings-page input,.v446-settings-page select,.v446-settings-page textarea{border-color:#d7dce3}
.v446-settings-page input:focus,.v446-settings-page select:focus,.v446-settings-page textarea:focus{border-color:var(--v446-green);box-shadow:0 0 0 3px rgba(22,163,74,.08)}
.v446-settings-page button{min-height:34px}

/* Compact information banner shown only in Settings. */
.v446-settings-note{
  display:flex;align-items:flex-start;gap:10px;margin:-5px 0 15px;padding:10px 12px;
  border:1px solid #dce6f2;border-left:3px solid var(--v446-green);border-radius:6px;
  background:#f8fbff;color:#475467;font-size:11.5px;line-height:1.45;
}
.v446-settings-note b{color:var(--v446-navy)}

@media (min-width:1101px){
  .v446-settings-page{font-family:Arial,"Segoe UI",Tahoma,sans-serif}
  .v446-settings-page > [data-v446-settings-nav]{top:8px}
  .v446-settings-page [data-v446-settings-section]{margin-top:16px!important}
}

@media (max-width:1100px){
  .v446-settings-page > [data-v446-settings-nav]{top:0;margin:10px -2px 14px;border-radius:7px;padding:8px}
  .v446-settings-nav-title{display:none}
  .v446-settings-nav-items{gap:6px}
  .v446-settings-tab{padding:8px 10px;font-size:11px}
  .v446-settings-page [data-v446-settings-section]{scroll-margin-top:76px}
  .v446-settings-page [data-v446-settings-section] > div:first-child{padding-left:14px!important;padding-right:14px!important}
  .v446-settings-note{font-size:11px}
}


/* ===== V477 SOURCE 287: v447-employee-revenue-pagination.css ===== */
/* V447 - Employee revenue report pagination. Scoped to employee report only. */
.v447-employee-report-card{
  overflow:hidden;
}

.v447-employee-report-card > h3{
  display:flex;
  align-items:center;
  min-height:24px;
}

.v447-employee-pagination{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid var(--border, #e5e7eb);
  font-size:12.5px;
  color:var(--muted-foreground, #64748b);
}

.v447-employee-page-info{
  min-width:0;
  line-height:1.45;
}

.v447-employee-page-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}

.v447-page-size-wrap{
  display:inline-flex;
  align-items:center;
  gap:7px;
  white-space:nowrap;
}

.v447-employee-page-size{
  height:34px;
  min-width:104px;
  padding:0 30px 0 10px;
  border:1px solid var(--border, #d9dee7);
  border-radius:7px;
  background:var(--background, #fff);
  color:var(--foreground, #0f172a);
  font:inherit;
  outline:none;
}

.v447-employee-page-size:focus{
  border-color:#2563eb;
  box-shadow:0 0 0 3px rgba(37,99,235,.10);
}

.v447-employee-page-btn{
  height:34px;
  min-width:64px;
  padding:0 12px;
  border:1px solid var(--border, #d9dee7);
  border-radius:7px;
  background:var(--background, #fff);
  color:var(--foreground, #0f172a);
  font-size:12.5px;
  font-weight:600;
  cursor:pointer;
  transition:.15s ease;
}

.v447-employee-page-btn:hover:not(:disabled){
  border-color:#2563eb;
  color:#1d4ed8;
  background:#eff6ff;
}

.v447-employee-page-btn:disabled{
  opacity:.42;
  cursor:not-allowed;
}

.v447-employee-page-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:56px;
  height:34px;
  padding:0 8px;
  border-radius:7px;
  background:#f8fafc;
  border:1px solid #e5e7eb;
  color:#334155;
  font-weight:700;
  font-variant-numeric:tabular-nums;
}

@media (max-width:1100px){
  .v447-employee-report-card{
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .v447-employee-report-card .responsive-report-table{
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    border-radius:8px;
  }

  .v447-employee-pagination{
    flex-direction:column;
    align-items:stretch;
    gap:10px;
    margin-top:12px;
  }

  .v447-employee-page-info{
    text-align:left;
    font-size:12px;
  }

  .v447-employee-page-actions{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto auto;
    width:100%;
    gap:6px;
  }

  .v447-page-size-wrap{
    min-width:0;
  }

  .v447-page-size-wrap > span{
    display:none;
  }

  .v447-employee-page-size{
    width:100%;
    min-width:0;
    height:38px;
    font-size:13px;
  }

  .v447-employee-page-btn,
  .v447-employee-page-number{
    height:38px;
    min-width:54px;
    font-size:12px;
  }
}

@media (max-width:560px){
  .v447-employee-page-actions{
    grid-template-columns:1fr 1fr 1fr;
  }

  .v447-page-size-wrap{
    grid-column:1 / -1;
  }

  .v447-employee-page-size{
    width:100%;
  }
}


/* ===== V477 SOURCE 288: v448-supplier-sharing-compact.css ===== */
/* V448 — Cài đặt > Dùng chung nhà cung cấp: gọn, rõ quyền, responsive. */
@media (min-width: 1101px){
  .v448-supplier-sharing-card{min-height:auto!important}
}
/* Giữ nội dung mô tả tự xuống dòng, không làm card quá cao hoặc tràn ngang. */
[data-v448-supplier-sharing],
[data-v448-supplier-sharing] *{overflow-wrap:anywhere;word-break:normal}


/* ===== V477 SOURCE 289: v454-supplier-partial-due-history.css ===== */
/* V454 Supplier payable UX */
.v454-ncc-payline{margin-top:5px;font-size:11.5px;color:#475569;font-weight:600;line-height:1.45}.v454-ncc-meta{min-width:0}.stamp-info{background:#e0f2fe!important;color:#0369a1!important;border-color:#bae6fd!important}@media(max-width:1100px){.v454-ncc-payline{font-size:11px}.v275-supplier-debt-actions{align-items:flex-end!important;flex-direction:column!important;gap:7px!important}}


/* ===== V477 SOURCE 290: v456-dashboard-cashflow-alerts.css ===== */
/* V456 Dashboard supplementary blocks - preserves all existing charts */
.v456-dashboard-extra{margin:0 0 24px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:16px}
.v456-card{background:var(--card,#fff);border:1px solid var(--border,#e5e7eb);border-radius:12px;padding:16px;box-shadow:0 1px 2px rgba(15,23,42,.03)}
.v456-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.v456-card-head h3{font-size:15px;font-weight:700;margin:0;color:var(--foreground,#111827)}
.v456-card-head small{font-size:11px;color:var(--muted-foreground,#6b7280)}
.v456-cash-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.v456-metric{border:1px solid var(--border,#e5e7eb);border-radius:10px;padding:12px;min-width:0;background:rgba(248,250,252,.72)}
.v456-metric span{display:block;font-size:11px;color:var(--muted-foreground,#6b7280);margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v456-metric b{display:block;font-size:17px;line-height:1.25;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v456-metric small{display:block;font-size:10.5px;color:var(--muted-foreground,#6b7280);margin-top:4px}
.v456-task-list{display:grid;gap:8px}
.v456-task{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid var(--border,#e5e7eb);border-radius:9px;text-decoration:none;color:inherit;background:rgba(248,250,252,.58)}
.v456-task:hover{background:rgba(15,118,110,.055)}
.v456-task-left{display:flex;align-items:center;gap:9px;min-width:0}
.v456-dot{width:8px;height:8px;border-radius:50%;flex:none;background:#94a3b8}
.v456-dot.warn{background:#f59e0b}.v456-dot.danger{background:#ef4444}.v456-dot.good{background:#16a34a}.v456-dot.info{background:#0ea5e9}
.v456-task-text{font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v456-badge{font-size:11px;font-weight:700;min-width:24px;text-align:center;padding:3px 7px;border-radius:999px;background:#f1f5f9;color:#334155}
.v456-accounting-note{font-size:10.5px;color:var(--muted-foreground,#6b7280);margin-top:10px;line-height:1.45}
@media(max-width:1100px){
 .v456-dashboard-extra{grid-template-columns:1fr;gap:10px;margin-bottom:16px}
 .v456-cash-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .v456-card{padding:13px}
 .v456-metric b{font-size:15px}
}
@media(max-width:480px){.v456-cash-grid{grid-template-columns:1fr 1fr}.v456-metric{padding:10px}.v456-task-text{font-size:11.5px}}


/* ===== V477 SOURCE 291: v469-alert-font-readable.css ===== */
/* V469 - readable Alert Center typography */
.v437p-alert-page{font-size:14px}
.v437p-hero>div:first-child>span{font-size:13px!important}.v437p-hero h2{font-size:22px!important}.v437p-hero p{font-size:14px!important}.v437p-hero-total span,.v437p-hero-total small{font-size:13px!important}.v437p-hero-total strong{font-size:28px!important}
.v437p-action-kpis span{font-size:14px!important}.v437p-action-kpis small{font-size:13px!important}
.v437p-section-head>div>span{font-size:12px!important}.v437p-section-head h3,.v437p-toolbar h3{font-size:16px!important}.v437p-toolbar p{font-size:13px!important}.v437p-section-head>button{font-size:13px!important}
.v437p-chart-head h4{font-size:14px!important}.v437p-chart-head small{font-size:12px!important}
.v437p-tools input,.v437p-tools select{font-size:14px!important;height:38px!important}
.v437p-alert-title strong{font-size:14px!important;line-height:1.4!important}.v437p-badge,.v437p-group{min-height:24px!important;padding:0 8px!important;font-size:11px!important}.v437p-alert-main p{font-size:13px!important;line-height:1.5!important}.v437p-alert-meta span{font-size:11px!important}
.v437p-alert-actions>a,.v437p-alert-actions button,.v437p-alert-actions select{height:36px!important;padding:0 10px!important;font-size:12px!important}
.v437p-pagination>span{font-size:12px!important}.v437p-pagination select,.v437p-pagination button{height:34px!important;font-size:12px!important}.v437p-empty{font-size:14px!important}
@media(max-width:760px){.v437p-hero h2{font-size:18px!important}.v437p-hero p{font-size:13px!important}.v437p-hero>div:first-child>span,.v437p-hero-total span,.v437p-hero-total small{font-size:11px!important}.v437p-action-kpis span{font-size:12px!important}.v437p-action-kpis small{font-size:11px!important}.v437p-section-head>div>span{font-size:10px!important}.v437p-section-head h3,.v437p-toolbar h3{font-size:14px!important}.v437p-toolbar p{font-size:11px!important}.v437p-section-head>button{font-size:11px!important}.v437p-chart-head h4{font-size:13px!important}.v437p-chart-head small{font-size:10px!important}.v437p-tools input,.v437p-tools select{font-size:13px!important}.v437p-alert-title strong{font-size:14px!important}.v437p-badge,.v437p-group{font-size:10px!important}.v437p-alert-main p{font-size:12.5px!important}.v437p-alert-meta span{font-size:10.5px!important}.v437p-alert-actions>a,.v437p-alert-actions button,.v437p-alert-actions select{min-height:36px!important;font-size:12px!important}.v437p-pagination>span,.v437p-pagination select{font-size:11px!important}}


/* ===== V477 SOURCE 292: v460-legacy-supplier-payment-dates.css ===== */
.v460-gap-card{margin:0 0 24px;background:var(--card,#fff);border:1px solid var(--border,#e5e7eb);border-radius:10px;padding:16px}.v460-gap-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.v460-gap-head h3{margin:0;font-size:15px;font-weight:700}.v460-gap-head p{margin:4px 0 0;font-size:11px;color:var(--muted-foreground,#6b7280)}.v460-gap-head>span{font-size:11px;font-weight:700;padding:4px 8px;border-radius:999px;background:#fff7ed;color:#c2410c}.v460-gap-list{display:grid;gap:8px}.v460-gap-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border,#e5e7eb);border-radius:8px;padding:10px}.v460-gap-row b{display:block;font-size:12.5px}.v460-gap-row small{display:block;margin-top:3px;font-size:11px;color:var(--muted-foreground,#6b7280)}.v460-gap-actions{display:flex;gap:7px;align-items:center}.v460-gap-actions input{height:34px;border:1px solid var(--border,#d1d5db);border-radius:6px;padding:0 8px;background:var(--background,#fff)}.v460-gap-actions button{height:34px;border:0;border-radius:6px;padding:0 12px;background:#2563eb;color:#fff;font-size:12px;font-weight:700;cursor:pointer}.v460-gap-actions button:disabled{opacity:.55}.v460-gap-empty{padding:16px;border:1px dashed var(--border,#d1d5db);border-radius:8px;text-align:center;font-size:12px;color:var(--muted-foreground,#6b7280)}@media(max-width:700px){.v460-gap-row{align-items:stretch;flex-direction:column}.v460-gap-actions{width:100%}.v460-gap-actions input{flex:1}.v460-gap-actions button{white-space:nowrap}}

/* ===== V477 SOURCE 293: v464-supplier-payment-history.css ===== */
#v464-supplier-payment-module{font-family:inherit;margin:0 0 18px;color:#172033}.v464-paid-mode>#v464-supplier-payment-module{display:block!important}.v464-paid-mode>:not(#v464-supplier-payment-module){display:none!important}.v464-top-tabs{display:flex;gap:0;border-bottom:1px solid #e5e7eb;background:#fff;padding:0 10px}.v464-tab{position:relative;border:0;background:transparent;padding:15px 18px 13px;color:#667085;font-size:12px;font-weight:800;letter-spacing:.01em;cursor:pointer}.v464-tab:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:transparent}.v464-tab.is-active{color:#f97316}.v464-tab.is-active:after{background:#f97316}.v464-tab-ico{margin-right:7px}.v464-new{margin-left:6px;padding:2px 6px;border-radius:9px;background:#22c55e;color:#fff;font-size:9px}.v464-panel{display:none;background:#f6f8fb;padding:18px;border-radius:0 0 14px 14px}.v464-panel.is-open{display:block}.v464-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:14px}.v464-title-row h2{margin:0;font-size:21px;color:#1f2937}.v464-title-row p{margin:5px 0 0;color:#667085;font-size:12px}.v464-version{font-size:10px;font-weight:800;color:#f97316;border:1px solid #fed7aa;background:#fff7ed;border-radius:999px;padding:5px 9px}.v464-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.v464-kpis article{display:flex;align-items:center;gap:12px;min-height:84px;padding:14px;background:#fff;border:1px solid #e7eaf0;border-radius:10px;box-shadow:0 2px 9px rgba(15,23,42,.035)}.v464-kpi-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:20px;font-weight:900}.v464-kpis article span{display:block;font-size:11px;color:#475467;font-weight:700}.v464-kpis article b{display:block;margin-top:5px;font-size:20px;line-height:1.1;white-space:nowrap}.v464-kpis .blue .v464-kpi-icon{background:#eaf2ff;color:#2563eb}.v464-kpis .blue b{color:#1558c7}.v464-kpis .green .v464-kpi-icon{background:#e9f9ee;color:#16a34a}.v464-kpis .green b{color:#16a34a}.v464-kpis .purple .v464-kpi-icon{background:#f4eafe;color:#9333ea}.v464-kpis .purple b{color:#9333ea}.v464-kpis .orange .v464-kpi-icon{background:#fff2db;color:#f59e0b}.v464-kpis .orange b{color:#f59e0b}.v464-filter-card,.v464-table-card{background:#fff;border:1px solid #e7eaf0;border-radius:10px;box-shadow:0 2px 9px rgba(15,23,42,.03)}.v464-filter-card{display:grid;grid-template-columns:minmax(220px,1.4fr) 135px 135px minmax(160px,.8fr) 150px auto;gap:10px;padding:15px;margin-bottom:14px;align-items:end}.v464-field label{display:block;margin:0 0 6px;font-size:10px;font-weight:700;color:#475467}.v464-field input,.v464-field select,.v464-page-size select{width:100%;height:38px;border:1px solid #d9dee7;border-radius:7px;background:#fff;padding:0 10px;color:#344054;font-size:11.5px;outline:none}.v464-field input:focus,.v464-field select:focus{border-color:#fb923c;box-shadow:0 0 0 3px rgba(249,115,22,.08)}.v464-actions{display:flex;gap:8px}.v464-actions button{height:38px;border-radius:7px;padding:0 14px;font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer}.v464-actions .primary{border:1px solid #f97316;background:#f97316;color:#fff}.v464-actions .secondary{border:1px solid #d9dee7;background:#fff;color:#344054}.v464-actions button:disabled{opacity:.55;cursor:wait}.v464-table-title{display:flex;justify-content:space-between;align-items:center;padding:15px 16px 10px;font-size:12px}.v464-table-title strong{color:#1f2937}.v464-table-title span{font-size:10.5px;color:#667085}.v464-table-wrap{overflow:auto}.v464-history{width:100%;min-width:1180px;border-collapse:collapse}.v464-history th{padding:10px 9px;border-top:1px solid #eaecf0;border-bottom:1px solid #dfe3e9;background:#fbfcfe;color:#344054;font-size:10px;font-weight:800;text-align:left;white-space:nowrap}.v464-history td{padding:10px 9px;border-bottom:1px solid #eef1f5;color:#344054;font-size:10.8px;vertical-align:middle}.v464-history tr:hover td{background:#fffaf5}.v464-history .num{text-align:right}.v464-history .center{text-align:center}.v464-history .nowrap{white-space:nowrap}.v464-history .code{color:#175cd3;font-weight:700}.v464-history .amount{color:#16a34a;font-weight:800;white-space:nowrap}.v464-history .note{max-width:200px}.v464-history .muted{color:#98a2b3}.v464-status{display:inline-block;border-radius:6px;padding:4px 8px;font-size:9.5px;font-weight:800;white-space:nowrap}.v464-status.paid{background:#e8f7eb;color:#23964b}.v464-status.reversed{background:#fff0ed;color:#e5484d}.v464-reverse-meta{display:block;color:#98a2b3;font-size:8.8px;line-height:1.3;margin-top:4px}.v464-eye{width:32px;height:30px;border:1px solid #fca5a5;border-radius:6px;background:#fff;color:#ef4444;font-weight:900;font-size:17px;cursor:pointer}.v464-eye:hover{background:#fff1f2}.v464-disabled-action{color:#98a2b3}.v464-empty{padding:44px;text-align:center;color:#667085;font-size:12px}.v464-empty.error{color:#b42318}.v464-spinner{display:inline-block;width:13px;height:13px;border:2px solid #fed7aa;border-top-color:#f97316;border-radius:50%;vertical-align:-2px;animation:v464spin .75s linear infinite}@keyframes v464spin{to{transform:rotate(360deg)}}.v464-table-foot{display:flex;align-items:center;justify-content:space-between;padding:12px 14px}.v464-page-size{font-size:10.5px;color:#667085;display:flex;align-items:center;gap:6px}.v464-page-size select{width:62px;height:32px}.v464-pagination{display:flex;align-items:center;gap:5px}.v464-pagination .v464-total{font-size:10.5px;color:#667085;margin-right:7px}.v464-pagination button{min-width:30px;height:30px;border:1px solid #e0e4ea;border-radius:6px;background:#fff;color:#475467;font-size:10.5px;cursor:pointer}.v464-pagination button.active{background:#f97316;border-color:#f97316;color:#fff}.v464-pagination button:disabled{opacity:.38;cursor:not-allowed}.v464-legend{display:flex;flex-wrap:wrap;gap:16px;align-items:center;padding:12px 4px 0;color:#667085;font-size:9.8px}.v464-legend strong{color:#344054}.v464-legend span{display:flex;align-items:center;gap:5px}.v464-legend i{width:8px;height:8px;border-radius:50%}.v464-legend i.paid{background:#22c55e}.v464-legend i.reversed{background:#ef4444}.v464-drawer{position:fixed;right:24px;bottom:24px;z-index:99999;width:min(470px,calc(100vw - 28px));background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 18px 55px rgba(15,23,42,.22);padding:15px 16px 14px}.v464-drawer h4{margin:0 30px 10px 0;color:#ef4444;font-size:12px}.v464-drawer-close{position:absolute;top:8px;right:10px;border:0;background:transparent;color:#667085;font-size:20px;cursor:pointer}.v464-warning{border:1px solid #f6d890;background:#fffaf0;color:#a15c00;border-radius:6px;padding:8px 10px;margin-bottom:10px;font-size:10px}.v464-drawer-grid{display:grid;grid-template-columns:115px 1fr;gap:5px 8px;font-size:10px;margin-bottom:10px}.v464-drawer-grid span{color:#667085}.v464-drawer-grid strong{color:#344054}.v464-drawer label{display:block;font-size:10px;font-weight:700;color:#344054;margin-bottom:5px}.v464-drawer label em{color:#ef4444}.v464-drawer textarea{box-sizing:border-box;width:100%;min-height:72px;border:1px solid #d9dee7;border-radius:6px;padding:9px;resize:vertical;font:inherit;font-size:10.5px;outline:none}.v464-drawer textarea:focus{border-color:#fb923c}.v464-drawer textarea.invalid{border-color:#ef4444}.v464-drawer-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.v464-drawer-actions button{height:34px;border-radius:6px;padding:0 13px;font-size:10px;font-weight:800;cursor:pointer}.v464-drawer-actions .cancel{border:1px solid #d9dee7;background:#fff;color:#344054}.v464-drawer-actions .danger{border:1px solid #ef4444;background:#ef4444;color:#fff}.v464-drawer-actions button:disabled{opacity:.55;cursor:wait}
@media(max-width:1250px){.v464-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.v464-filter-card{grid-template-columns:repeat(3,minmax(0,1fr))}.v464-field.wide{grid-column:span 2}.v464-actions{align-self:end}}
@media(max-width:760px){.v464-panel{padding:10px}.v464-title-row{flex-direction:column;gap:8px}.v464-kpis{grid-template-columns:1fr}.v464-filter-card{grid-template-columns:1fr 1fr}.v464-field.wide{grid-column:1/-1}.v464-actions{grid-column:1/-1}.v464-actions button{flex:1}.v464-table-foot{align-items:flex-start;gap:10px;flex-direction:column}.v464-top-tabs{padding:0}.v464-tab{flex:1;padding:12px 8px;font-size:10px}.v464-version{display:none}}
@media(max-width:480px){.v464-filter-card{grid-template-columns:1fr}.v464-field.wide,.v464-actions{grid-column:auto}.v464-kpis article{min-height:70px}.v464-kpis article b{font-size:17px}.v464-drawer{right:10px;bottom:10px}.v464-drawer-grid{grid-template-columns:1fr}.v464-pagination .v464-total{display:none}}


/* ===== V477 SOURCE 294: v464-force-payment-ui.css ===== */
/* V464 FORCE UI - loaded last on purpose */
html body.v464-debt-route #v464-supplier-payment-module{
  display:block!important;visibility:visible!important;opacity:1!important;
  position:relative!important;z-index:20!important;width:100%!important;
  max-width:none!important;min-height:0!important;margin:0 0 18px!important;
  transform:none!important;filter:none!important;pointer-events:auto!important;
}
html body.v464-debt-route #v464-supplier-payment-module .v464-top-tabs{
  display:flex!important;visibility:visible!important;opacity:1!important;
  position:relative!important;z-index:21!important;background:#fff!important;
}
html body.v464-debt-route main.v464-paid-mode,
html body.v464-debt-route [role="main"].v464-paid-mode{
  display:block!important;visibility:visible!important;opacity:1!important;
  overflow:visible!important;min-height:100vh!important;
}
html body.v464-debt-route main.v464-paid-mode > *,
html body.v464-debt-route [role="main"].v464-paid-mode > *{
  display:none!important;visibility:hidden!important;opacity:0!important;
}
html body.v464-debt-route main.v464-paid-mode > #v464-supplier-payment-module,
html body.v464-debt-route [role="main"].v464-paid-mode > #v464-supplier-payment-module{
  display:block!important;visibility:visible!important;opacity:1!important;
}
html body.v464-debt-route main.v464-paid-mode #v464-paid-panel,
html body.v464-debt-route [role="main"].v464-paid-mode #v464-paid-panel{
  display:block!important;visibility:visible!important;opacity:1!important;
  width:100%!important;max-width:none!important;overflow:visible!important;
}
html body.v464-debt-route main.v464-paid-mode #v464-paid-panel *,
html body.v464-debt-route [role="main"].v464-paid-mode #v464-paid-panel *{
  visibility:visible!important;
}
html body.v464-debt-route #v464-supplier-payment-module .v464-kpis{
  display:grid!important;
}
html body.v464-debt-route #v464-supplier-payment-module .v464-filter-card{
  display:grid!important;
}
html body.v464-debt-route #v464-supplier-payment-module .v464-table-card,
html body.v464-debt-route #v464-supplier-payment-module .v464-table-wrap,
html body.v464-debt-route #v464-supplier-payment-module .v464-table-foot,
html body.v464-debt-route #v464-supplier-payment-module .v464-legend{
  visibility:visible!important;opacity:1!important;
}
html body.v464-debt-route #v464-reverse-drawer{
  display:block!important;visibility:visible!important;opacity:1!important;z-index:2147483000!important;
}
/* defensive reset against older VIFOOD debt styles */
html body.v464-debt-route #v464-supplier-payment-module button,
html body.v464-debt-route #v464-supplier-payment-module input,
html body.v464-debt-route #v464-supplier-payment-module select,
html body.v464-debt-route #v464-supplier-payment-module textarea{
  visibility:visible!important;opacity:1!important;pointer-events:auto!important;
}
@media(max-width:760px){
  html body.v464-debt-route #v464-supplier-payment-module{margin:0!important}
}


/* ===== V477 SOURCE 295: v470-inventory-forecast-readable.css ===== */
/* V470 - Inventory forecast readable sizing. UI only. */
.v437y-forecast{padding:18px!important;border-radius:14px!important}
.v437y-forecast .v437y-section-head{margin-bottom:14px!important}
.v437y-forecast .v437y-section-head>div>span{font-size:11px!important}
.v437y-forecast .v437y-section-head h3{font-size:18px!important;line-height:1.35!important}
.v437y-forecast .v437y-section-head>small{font-size:11px!important;line-height:1.4!important}
.v437y-forecast-grid{gap:12px!important}
.v437y-forecast-grid>article{padding:14px!important;border-radius:11px!important}
.v437y-forecast-grid h4{margin-bottom:10px!important;font-size:14px!important;line-height:1.4!important}
.v437y-forecast-list>div{min-height:62px!important;padding:10px 0!important;gap:14px!important}
.v437y-forecast-list strong{font-size:13px!important;line-height:1.4!important}
.v437y-forecast-list small{margin-top:4px!important;font-size:11px!important;line-height:1.4!important}
.v437y-forecast-list b{font-size:13px!important;line-height:1.3!important}
.v437y-forecast .v437y-empty{font-size:12px!important}
@media(max-width:760px){
 .v437y-forecast{padding:12px!important}
 .v437y-forecast .v437y-section-head>div>span{font-size:10px!important}
 .v437y-forecast .v437y-section-head h3{font-size:16px!important}
 .v437y-forecast .v437y-section-head>small{font-size:10.5px!important}
 .v437y-forecast-grid>article{padding:11px!important}
 .v437y-forecast-grid h4{font-size:13px!important}
 .v437y-forecast-list>div{min-height:56px!important;padding:9px 0!important}
 .v437y-forecast-list strong{font-size:12.5px!important;white-space:normal!important}
 .v437y-forecast-list small{font-size:10.5px!important}
 .v437y-forecast-list b{font-size:12.5px!important}
}


/* ===== V477 SOURCE 296: v472-inventory-health-readable.css ===== */
/* V472 - Inventory Health & Action Center readability/layout refinement
   Scoped to the two inventory overview sections only. No business logic changes. */

.v437y-inventory-health,
.v437y-action-center{
  padding:16px!important;
  margin-bottom:14px!important;
  border-radius:13px!important;
}

.v437y-inventory-health .v437y-section-head,
.v437y-action-center .v437y-section-head{
  margin-bottom:14px!important;
  gap:16px!important;
  align-items:flex-end!important;
}

.v437y-inventory-health .v437y-section-head>div>span,
.v437y-action-center .v437y-section-head>div>span{
  font-size:10px!important;
  line-height:1.3!important;
  letter-spacing:.08em!important;
}

.v437y-inventory-health .v437y-section-head h2,
.v437y-action-center .v437y-section-head h3{
  margin-top:4px!important;
  font-size:16px!important;
  line-height:1.35!important;
  font-weight:700!important;
}

.v437y-inventory-health .v437y-section-head>small,
.v437y-action-center .v437y-section-head>small{
  max-width:520px!important;
  font-size:10.5px!important;
  line-height:1.4!important;
}

.v437y-inventory-health .v437y-health-kpis,
.v437y-action-center .v437y-action-grid{
  gap:10px!important;
}

.v437y-inventory-health .v437y-health-kpis article,
.v437y-action-center .v437y-action-grid article{
  min-height:104px!important;
  padding:13px 14px!important;
  border-radius:10px!important;
}

.v437y-inventory-health .v437y-health-kpis span,
.v437y-action-center .v437y-action-grid span{
  font-size:9.5px!important;
  line-height:1.35!important;
  font-weight:800!important;
}

.v437y-inventory-health .v437y-health-kpis b,
.v437y-action-center .v437y-action-grid b{
  margin-top:7px!important;
  font-size:20px!important;
  line-height:1.12!important;
  font-weight:800!important;
  white-space:nowrap!important;
}

.v437y-inventory-health .v437y-health-kpis small,
.v437y-action-center .v437y-action-grid small{
  margin-top:7px!important;
  font-size:9.5px!important;
  line-height:1.45!important;
}

.v437y-action-center .v437y-action-grid article:after{
  height:3px!important;
}

@media (max-width:1100px){
  .v437y-inventory-health .v437y-health-kpis,
  .v437y-action-center .v437y-action-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media (max-width:760px){
  .v437y-inventory-health,
  .v437y-action-center{
    padding:12px!important;
    margin-bottom:10px!important;
  }

  .v437y-inventory-health .v437y-section-head,
  .v437y-action-center .v437y-section-head{
    align-items:flex-start!important;
    gap:5px!important;
    margin-bottom:10px!important;
  }

  .v437y-inventory-health .v437y-section-head>div>span,
  .v437y-action-center .v437y-section-head>div>span{
    font-size:9px!important;
  }

  .v437y-inventory-health .v437y-section-head h2,
  .v437y-action-center .v437y-section-head h3{
    font-size:15px!important;
  }

  .v437y-inventory-health .v437y-section-head>small,
  .v437y-action-center .v437y-section-head>small{
    font-size:9.5px!important;
    text-align:left!important;
  }

  .v437y-inventory-health .v437y-health-kpis,
  .v437y-action-center .v437y-action-grid{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }

  .v437y-inventory-health .v437y-health-kpis article,
  .v437y-action-center .v437y-action-grid article{
    min-height:96px!important;
    padding:11px!important;
  }

  .v437y-inventory-health .v437y-health-kpis b,
  .v437y-action-center .v437y-action-grid b{
    font-size:18px!important;
  }

  .v437y-inventory-health .v437y-health-kpis span,
  .v437y-action-center .v437y-action-grid span{
    font-size:9px!important;
  }

  .v437y-inventory-health .v437y-health-kpis small,
  .v437y-action-center .v437y-action-grid small{
    font-size:9px!important;
  }
}

@media (max-width:390px){
  .v437y-inventory-health .v437y-health-kpis,
  .v437y-action-center .v437y-action-grid{
    grid-template-columns:1fr!important;
  }
}


/* ===== V477 SOURCE 297: v473-supplier-ui-readable.css ===== */
/* V473 - Supplier menu readability refinement. UI only; no business logic/data changes. */

.v438a-supplier-overview,
.v438a-action-center,
.v438a-price-intel{
  padding:16px!important;
  border-radius:12px!important;
}

.v438a-section-head{
  gap:16px!important;
  margin-bottom:14px!important;
}
.v438a-section-head>div>span{
  font-size:10px!important;
  line-height:1.2!important;
  letter-spacing:.08em!important;
}
.v438a-section-head h2,
.v438a-section-head h3{
  margin-top:5px!important;
  font-size:17px!important;
  line-height:1.3!important;
}
.v438a-section-head>small{
  max-width:520px!important;
  font-size:11px!important;
  line-height:1.45!important;
}

/* Tong quan nha cung cap */
.v438a-kpis{
  gap:10px!important;
}
.v438a-kpis article{
  min-height:108px!important;
  padding:14px!important;
  border-radius:10px!important;
}
.v438a-kpis span{
  font-size:10px!important;
  line-height:1.35!important;
}
.v438a-kpis b{
  margin-top:8px!important;
  font-size:22px!important;
  line-height:1.05!important;
}
.v438a-kpis small{
  margin-top:8px!important;
  font-size:10px!important;
  line-height:1.45!important;
}

/* Can xu ly hom nay */
.v438a-action-grid{
  gap:10px!important;
}
.v438a-action-grid article{
  min-height:104px!important;
  padding:14px!important;
  border-radius:10px!important;
}
.v438a-action-grid span{
  font-size:10px!important;
  line-height:1.35!important;
}
.v438a-action-grid b{
  margin-top:7px!important;
  font-size:21px!important;
  line-height:1.05!important;
}
.v438a-action-grid small{
  margin-top:7px!important;
  font-size:10px!important;
  line-height:1.4!important;
}
.v438a-action-grid article:after{
  height:4px!important;
}

/* Gia nhap & so sanh NCC */
.v438a-price-grid{
  gap:12px!important;
}
.v438a-price-grid>article{
  padding:14px!important;
  border-radius:10px!important;
}
.v438a-price-grid h4{
  margin-bottom:10px!important;
  font-size:13px!important;
  line-height:1.35!important;
}
.v438a-compare-list>div,
.v438a-price-list>div{
  gap:14px!important;
  padding:11px 0!important;
}
.v438a-compare-list strong,
.v438a-price-list strong{
  font-size:11.5px!important;
  line-height:1.4!important;
}
.v438a-compare-list small,
.v438a-price-list small{
  margin-top:3px!important;
  font-size:9.5px!important;
  line-height:1.35!important;
}
.v438a-offers{
  gap:5px!important;
  min-width:210px!important;
}
.v438a-offers span{
  padding:5px 8px!important;
  font-size:9.5px!important;
  line-height:1.2!important;
}
.v438a-price-value b{
  font-size:12px!important;
  line-height:1.3!important;
}
.v438a-price-value small{
  font-size:9px!important;
}
.v438a-empty{
  padding:14px 0!important;
  font-size:11px!important;
}

@media(max-width:1100px){
  .v438a-section-head h2,
  .v438a-section-head h3{font-size:16px!important}
  .v438a-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .v438a-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v438a-price-grid{grid-template-columns:1fr!important}
}

@media(max-width:760px){
  .v438a-supplier-overview,
  .v438a-action-center,
  .v438a-price-intel{padding:11px!important}
  .v438a-section-head{gap:8px!important;margin-bottom:11px!important}
  .v438a-section-head>div>span{font-size:9px!important}
  .v438a-section-head h2,
  .v438a-section-head h3{font-size:15px!important}
  .v438a-section-head>small{font-size:10px!important;text-align:left!important}
  .v438a-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v438a-kpis article{min-height:96px!important;padding:11px!important}
  .v438a-kpis span,.v438a-action-grid span{font-size:9.5px!important}
  .v438a-kpis b,.v438a-action-grid b{font-size:19px!important}
  .v438a-kpis small,.v438a-action-grid small{font-size:9px!important}
  .v438a-action-grid{grid-template-columns:1fr!important}
  .v438a-action-grid article{min-height:92px!important;padding:11px!important}
  .v438a-price-grid>article{padding:11px!important}
  .v438a-price-grid h4{font-size:12px!important}
  .v438a-compare-list>div,
  .v438a-price-list>div{flex-direction:column!important;gap:7px!important;padding:10px 0!important}
  .v438a-compare-list strong,.v438a-price-list strong{font-size:11px!important}
  .v438a-compare-list small,.v438a-price-list small{font-size:9px!important}
  .v438a-offers{align-items:flex-start!important;min-width:0!important;width:100%!important}
  .v438a-offers span{white-space:normal!important;font-size:9px!important}
  .v438a-price-value{text-align:left!important}
  .v438a-price-value b{font-size:11px!important}
}

@media(max-width:480px){
  .v438a-kpis{grid-template-columns:1fr!important}
}


/* ===== V477 SOURCE 298: v474-revenue-health-readable.css ===== */
.v438c-revenue-health,.v438c-attention{padding:16px!important}
.v438c-revenue-health .v438c-section-head,.v438c-attention .v438c-section-head{margin-bottom:14px!important}
.v438c-revenue-health .v438c-section-head>div>span,.v438c-attention .v438c-section-head>div>span{font-size:10.5px!important;line-height:1.25!important}
.v438c-revenue-health .v438c-section-head h2,.v438c-attention .v438c-section-head h3{margin-top:5px!important;font-size:17px!important;line-height:1.3!important}
.v438c-revenue-health .v438c-section-head>small,.v438c-attention .v438c-section-head>small{font-size:11px!important;line-height:1.4!important}
.v438c-revenue-health .v438c-health-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:10px!important}
.v438c-revenue-health .v438c-health-grid article,.v438c-attention .v438c-attention-grid article{min-height:108px!important;padding:14px!important}
.v438c-revenue-health .v438c-health-grid span,.v438c-attention .v438c-attention-grid span{font-size:10px!important;line-height:1.35!important}
.v438c-revenue-health .v438c-health-grid b,.v438c-attention .v438c-attention-grid b{margin-top:7px!important;font-size:20px!important;line-height:1.08!important;overflow-wrap:anywhere}
.v438c-revenue-health .v438c-health-grid small,.v438c-attention .v438c-attention-grid small{margin-top:7px!important;font-size:9.5px!important;line-height:1.45!important}
.v438c-attention .v438c-attention-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
@media(max-width:1350px){.v438c-revenue-health .v438c-health-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:1100px){.v438c-revenue-health .v438c-health-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.v438c-attention .v438c-attention-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.v438c-revenue-health,.v438c-attention{padding:11px!important}.v438c-revenue-health .v438c-section-head h2,.v438c-attention .v438c-section-head h3{font-size:15px!important}.v438c-revenue-health .v438c-health-grid,.v438c-attention .v438c-attention-grid{grid-template-columns:1fr 1fr!important;gap:7px!important}.v438c-revenue-health .v438c-health-grid article,.v438c-attention .v438c-attention-grid article{min-height:96px!important;padding:11px!important}.v438c-revenue-health .v438c-health-grid b,.v438c-attention .v438c-attention-grid b{font-size:17px!important}}
@media(max-width:460px){.v438c-revenue-health .v438c-health-grid,.v438c-attention .v438c-attention-grid{grid-template-columns:1fr!important}}


/* ===== V477 SOURCE 299: v475-profit-ui-readable.css ===== */

/* V475 - Chi phi & Loi nhuan: readability/layout only */
.v438c-profit-health,.v438c-profit-cashflow,.v438c-profit-attention{padding:16px!important}
.v438c-profit-health .v438c-section-head,
.v438c-profit-cashflow .v438c-section-head,
.v438c-profit-attention .v438c-section-head{margin-bottom:14px!important}
.v438c-profit-health .v438c-section-head>div>span,
.v438c-profit-cashflow .v438c-section-head>div>span,
.v438c-profit-attention .v438c-section-head>div>span{font-size:10.5px!important;line-height:1.3!important}
.v438c-profit-health .v438c-section-head h2,
.v438c-profit-cashflow .v438c-section-head h3,
.v438c-profit-attention .v438c-section-head h3{font-size:17px!important;line-height:1.3!important;margin-top:5px!important}
.v438c-profit-health .v438c-section-head>small,
.v438c-profit-cashflow .v438c-section-head>small,
.v438c-profit-attention .v438c-section-head>small{font-size:11px!important;line-height:1.4!important}

.v438c-profit-health .v438c-health-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:10px!important}
.v438c-profit-health .v438c-health-grid article,
.v438c-profit-cashflow .v438c-cashflow-grid article,
.v438c-profit-attention .v438c-attention-grid article{min-height:108px!important;padding:14px!important}
.v438c-profit-health article span,
.v438c-profit-cashflow article span,
.v438c-profit-attention article span{font-size:10px!important;line-height:1.35!important}
.v438c-profit-health article b,
.v438c-profit-cashflow article b,
.v438c-profit-attention article b{font-size:20px!important;line-height:1.1!important;margin-top:7px!important;overflow-wrap:anywhere}
.v438c-profit-health article small,
.v438c-profit-cashflow article small,
.v438c-profit-attention article small{font-size:9.5px!important;line-height:1.45!important;margin-top:7px!important}

.v438c-profit-cashflow .v438c-cashflow-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.v438c-profit-attention .v438c-attention-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}

@media(max-width:1350px){
 .v438c-profit-health .v438c-health-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:1100px){
 .v438c-profit-health .v438c-health-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .v438c-profit-cashflow .v438c-cashflow-grid,
 .v438c-profit-attention .v438c-attention-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
 .v438c-profit-health,.v438c-profit-cashflow,.v438c-profit-attention{padding:11px!important}
 .v438c-profit-health .v438c-section-head h2,
 .v438c-profit-cashflow .v438c-section-head h3,
 .v438c-profit-attention .v438c-section-head h3{font-size:15px!important}
 .v438c-profit-health .v438c-health-grid,
 .v438c-profit-cashflow .v438c-cashflow-grid,
 .v438c-profit-attention .v438c-attention-grid{grid-template-columns:1fr 1fr!important;gap:7px!important}
 .v438c-profit-health .v438c-health-grid article,
 .v438c-profit-cashflow .v438c-cashflow-grid article,
 .v438c-profit-attention .v438c-attention-grid article{min-height:96px!important;padding:11px!important}
 .v438c-profit-health article b,
 .v438c-profit-cashflow article b,
 .v438c-profit-attention article b{font-size:17px!important}
}
@media(max-width:460px){
 .v438c-profit-health .v438c-health-grid,
 .v438c-profit-cashflow .v438c-cashflow-grid,
 .v438c-profit-attention .v438c-attention-grid{grid-template-columns:1fr!important}
}


/* ===== V477 SOURCE 300: v476-debt-ui-readable.css ===== */

/* V476 - Cong no: tang co chu va can bo cuc, khong doi logic/SQL */
.v438c-debt-health{padding:16px!important}
.v438c-debt-health .v438c-section-head{margin-bottom:14px!important}
.v438c-debt-health .v438c-section-head>div>span{
  font-size:10.5px!important; line-height:1.3!important; letter-spacing:.08em!important
}
.v438c-debt-health .v438c-section-head h2{
  margin-top:5px!important; font-size:17px!important; line-height:1.3!important
}
.v438c-debt-health .v438c-section-head>small{
  font-size:11px!important; line-height:1.4!important
}
.v438c-debt-health .v438c-health-grid{
  gap:10px!important
}
.v438c-debt-health .v438c-health-grid article{
  min-height:132px!important; padding:14px!important
}
.v438c-debt-health .v438c-health-grid article span{
  font-size:10px!important; line-height:1.35!important
}
.v438c-debt-health .v438c-health-grid article b{
  display:block!important; margin-top:8px!important;
  font-size:20px!important; line-height:1.1!important; overflow-wrap:anywhere
}
.v438c-debt-health .v438c-health-grid article small{
  display:block!important; margin-top:8px!important;
  font-size:9.5px!important; line-height:1.45!important
}

/* Bieu do co cau tuoi no */
.v438c-debt-health .v438c-chart-card{
  padding:14px!important
}
.v438c-debt-health .v438c-chart-head h3,
.v438c-debt-health .v438c-chart-head h4{
  font-size:14px!important; line-height:1.35!important
}
.v438c-debt-health .v438c-chart-head b,
.v438c-debt-health .v438c-chart-head strong{
  font-size:14px!important
}
.v438c-debt-health .v438c-chart-head small{
  font-size:9.5px!important; line-height:1.4!important
}

@media(max-width:1100px){
  .v438c-debt-health .v438c-health-grid article{min-height:112px!important}
}
@media(max-width:760px){
  .v438c-debt-health{padding:11px!important}
  .v438c-debt-health .v438c-section-head h2{font-size:15px!important}
  .v438c-debt-health .v438c-section-head>div>span{font-size:9px!important}
  .v438c-debt-health .v438c-section-head>small{font-size:9.5px!important}
  .v438c-debt-health .v438c-health-grid article{min-height:98px!important;padding:11px!important}
  .v438c-debt-health .v438c-health-grid article span{font-size:9px!important}
  .v438c-debt-health .v438c-health-grid article b{font-size:17px!important}
  .v438c-debt-health .v438c-health-grid article small{font-size:8.5px!important}
  .v438c-debt-health .v438c-chart-head h3,
  .v438c-debt-health .v438c-chart-head h4{font-size:13px!important}
}


/* V478 - Supplier payment history mobile professional cards. UI only; no business logic changed. */
@media (max-width:760px){
  html body.v464-debt-route #v464-supplier-payment-module{margin:0 0 14px}
  html body.v464-debt-route #v464-supplier-payment-module .v464-panel{padding:10px 8px 16px;background:#f5f7fb}
  html body.v464-debt-route #v464-supplier-payment-module .v464-title-row{margin:4px 4px 12px;gap:4px}
  html body.v464-debt-route #v464-supplier-payment-module .v464-title-row h2{font-size:18px;line-height:1.25}
  html body.v464-debt-route #v464-supplier-payment-module .v464-title-row p{font-size:11px;line-height:1.45;margin-top:4px}
  html body.v464-debt-route #v464-supplier-payment-module .v464-top-tabs{position:sticky;top:0;z-index:20;margin:0;padding:6px;background:#fff;border:1px solid #e6eaf0;border-radius:12px;box-shadow:0 4px 16px rgba(15,23,42,.06);gap:6px}
  html body.v464-debt-route #v464-supplier-payment-module .v464-tab{min-height:44px;padding:9px 7px;border-radius:9px;font-size:10px;line-height:1.2;text-align:center}
  html body.v464-debt-route #v464-supplier-payment-module .v464-tab:after{display:none}
  html body.v464-debt-route #v464-supplier-payment-module .v464-tab.is-active{background:#fff4e9;color:#d65f00}
  html body.v464-debt-route #v464-supplier-payment-module .v464-new{font-size:8px;margin-left:3px;padding:2px 5px}

  html body.v464-debt-route #v464-supplier-payment-module .v464-kpis{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
  html body.v464-debt-route #v464-supplier-payment-module .v464-kpis article{min-height:76px;padding:10px;border-radius:12px;gap:9px;align-items:flex-start}
  html body.v464-debt-route #v464-supplier-payment-module .v464-kpi-icon{width:34px;height:34px;border-radius:10px;font-size:16px;flex:0 0 34px}
  html body.v464-debt-route #v464-supplier-payment-module .v464-kpis article span{font-size:9.5px;line-height:1.25}
  html body.v464-debt-route #v464-supplier-payment-module .v464-kpis article b{font-size:15px;line-height:1.25;white-space:normal;word-break:break-word}

  html body.v464-debt-route #v464-supplier-payment-module .v464-filter-card{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;margin-bottom:10px;border-radius:12px}
  html body.v464-debt-route #v464-supplier-payment-module .v464-field.wide{grid-column:1/-1}
  html body.v464-debt-route #v464-supplier-payment-module .v464-field label{font-size:9.5px;margin-bottom:5px}
  html body.v464-debt-route #v464-supplier-payment-module .v464-field input,
  html body.v464-debt-route #v464-supplier-payment-module .v464-field select{height:42px;border-radius:9px;font-size:12px;padding:0 9px}
  html body.v464-debt-route #v464-supplier-payment-module .v464-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  html body.v464-debt-route #v464-supplier-payment-module .v464-actions button{height:42px;border-radius:9px;font-size:11px;padding:0 8px}

  html body.v464-debt-route #v464-supplier-payment-module .v464-table-card{border:0;background:transparent;box-shadow:none}
  html body.v464-debt-route #v464-supplier-payment-module .v464-table-title{padding:8px 4px 10px;align-items:flex-end;gap:8px}
  html body.v464-debt-route #v464-supplier-payment-module .v464-table-title strong{font-size:13px;letter-spacing:.015em}
  html body.v464-debt-route #v464-supplier-payment-module .v464-table-title span{font-size:9.5px;text-align:right}
  html body.v464-debt-route #v464-supplier-payment-module .v464-table-wrap{overflow:visible;background:transparent}
  html body.v464-debt-route #v464-supplier-payment-module .v464-history{display:block;width:100%;min-width:0;border-collapse:separate}
  html body.v464-debt-route #v464-supplier-payment-module .v464-history thead{display:none}
  html body.v464-debt-route #v464-supplier-payment-module .v464-history tbody{display:grid;grid-template-columns:1fr;gap:10px}
  html body.v464-debt-route #v464-supplier-payment-module .v464-history tr{position:relative;display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #e5e9ef;border-radius:14px;padding:58px 12px 11px;overflow:hidden;box-shadow:0 4px 14px rgba(15,23,42,.045)}
  html body.v464-debt-route #v464-supplier-payment-module .v464-history tr:hover td{background:transparent}
  html body.v464-debt-route #v464-supplier-payment-module .v464-history td{display:block;border:0;padding:6px 0;font-size:11px;line-height:1.35;min-width:0;color:#344054}
  html body.v464-debt-route #v464-supplier-payment-module .v464-history td:before{display:block;margin-bottom:2px;color:#98a2b3;font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.035em}
  html body.v464-debt-route #v464-supplier-payment-module .v464-history td:nth-child(1){display:none}
  html body.v464-debt-route #v464-supplier-payment-module .v464-history td:nth-child(2):before{content:'Ngày thanh toán'}
  html body.v464-debt-route #v464-supplier-payment-module .v464-history td:nth-child(3):before{content:'Mã đơn / phiếu'}
  html body.v464-debt-route #v464-supplier-payment-module .v464-history td:nth-child(4):before{content:'Nhà cung cấp'}
  html body.v464-debt-route #v464-supplier-payment-module .v464-history td:nth-child(5):before{content:'Số tiền'}
  html body.v464-debt-route #v464-supplier-payment-module .v464-history td:nth-child(6):before{content:'Phương thức'}
  html body.v464-debt-route #v464-supplier-payment-module .v464-history td:nth-child(7):before{content:'Người thanh toán'}
  html body.v464-debt-route #v464-supplier-payment-module .v464-history td:nth-child(8):before{content:'Ghi chú'}
  html body.v464-debt-route #v464-supplier-payment-module .v464-history td:nth-child(9):before{content:'Trạng thái'}
  html body.v464-debt-route #v464-supplier-payment-module .v464-history td:nth-child(10):before{content:'Thao tác'}

  /* card header: supplier + amount + status */
  html body.v464-debt-route #v464-supplier-payment-module .v464-history td:nth-child(4){position:absolute;left:12px;right:132px;top:10px;padding:0;font-weight:800;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html body.v464-debt-route #v464-supplier-payment-module .v464-history td:nth-child(4):before{content:'NHÀ CUNG CẤP';margin-bottom:3px}
  html body.v464-debt-route #v464-supplier-payment-module .v464-history td:nth-child(5){position:absolute;right:12px;top:11px;padding:0;text-align:right!important;color:#16833e;font-size:13.5px;font-weight:900;white-space:nowrap}
  html body.v464-debt-route #v464-supplier-payment-module .v464-history td:nth-child(5):before{content:'SỐ TIỀN';text-align:right}
  html body.v464-debt-route #v464-supplier-payment-module .v464-history td:nth-child(2),
  html body.v464-debt-route #v464-supplier-payment-module .v464-history td:nth-child(3),
  html body.v464-debt-route #v464-supplier-payment-module .v464-history td:nth-child(6),
  html body.v464-debt-route #v464-supplier-payment-module .v464-history td:nth-child(7){border-top:1px solid #f0f2f5}
  html body.v464-debt-route #v464-supplier-payment-module .v464-history td:nth-child(2),
  html body.v464-debt-route #v464-supplier-payment-module .v464-history td:nth-child(6),
  html body.v464-debt-route #v464-supplier-payment-module .v464-history td:nth-child(8),
  html body.v464-debt-route #v464-supplier-payment-module .v464-history td:nth-child(9){padding-right:8px}
  html body.v464-debt-route #v464-supplier-payment-module .v464-history td:nth-child(3),
  html body.v464-debt-route #v464-supplier-payment-module .v464-history td:nth-child(7),
  html body.v464-debt-route #v464-supplier-payment-module .v464-history td:nth-child(10){padding-left:8px}
  html body.v464-debt-route #v464-supplier-payment-module .v464-history td:nth-child(8){grid-column:1/-1;border-top:1px dashed #e8ebef;margin-top:2px;padding-top:8px}
  html body.v464-debt-route #v464-supplier-payment-module .v464-history td:nth-child(9){grid-column:1/2;align-self:center}
  html body.v464-debt-route #v464-supplier-payment-module .v464-history td:nth-child(10){grid-column:2/3;text-align:right!important;align-self:end}
  html body.v464-debt-route #v464-supplier-payment-module .v464-history .code{font-size:11.5px}
  html body.v464-debt-route #v464-supplier-payment-module .v464-history .note{max-width:none;word-break:break-word;color:#475467}
  html body.v464-debt-route #v464-supplier-payment-module .v464-status{font-size:9.5px;padding:5px 8px;border-radius:999px}
  html body.v464-debt-route #v464-supplier-payment-module .v464-reverse-meta{font-size:8.5px;margin-top:4px}
  html body.v464-debt-route #v464-supplier-payment-module .v464-eye{width:auto;min-width:92px;height:34px;padding:0 10px;border-radius:9px;font-size:0;font-weight:800}
  html body.v464-debt-route #v464-supplier-payment-module .v464-eye:before{content:'↶  Hoàn tác';font-size:10.5px}
  html body.v464-debt-route #v464-supplier-payment-module .v464-disabled-action{display:inline-block;padding:6px 0;color:#98a2b3}

  html body.v464-debt-route #v464-supplier-payment-module .v464-table-foot{margin-top:10px;padding:10px;background:#fff;border:1px solid #e5e9ef;border-radius:12px;gap:10px}
  html body.v464-debt-route #v464-supplier-payment-module .v464-page-size{width:100%;justify-content:space-between;font-size:10px}
  html body.v464-debt-route #v464-supplier-payment-module .v464-page-size select{width:66px;height:34px}
  html body.v464-debt-route #v464-supplier-payment-module .v464-pagination{width:100%;justify-content:center;flex-wrap:wrap}
  html body.v464-debt-route #v464-supplier-payment-module .v464-pagination .v464-total{width:100%;text-align:center;margin:0 0 4px}
  html body.v464-debt-route #v464-supplier-payment-module .v464-pagination button{min-width:34px;height:34px;border-radius:8px}
  html body.v464-debt-route #v464-supplier-payment-module .v464-legend{margin-top:10px;padding:10px 4px 0;gap:8px 12px;font-size:9px}
  html body.v464-debt-route #v464-supplier-payment-module .v464-legend strong{width:100%}

  html body.v464-debt-route .v464-drawer{left:8px;right:8px;bottom:8px;width:auto;max-height:calc(100vh - 16px);overflow:auto;border-radius:16px;padding:15px;box-shadow:0 24px 70px rgba(15,23,42,.28)}
  html body.v464-debt-route .v464-drawer h4{font-size:13px;margin-bottom:12px}
  html body.v464-debt-route .v464-drawer-grid{grid-template-columns:104px 1fr;font-size:10.5px;gap:7px 8px}
  html body.v464-debt-route .v464-drawer textarea{min-height:88px;font-size:12px;border-radius:9px}
  html body.v464-debt-route .v464-drawer-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:8px}
  html body.v464-debt-route .v464-drawer-actions button{height:42px;border-radius:9px;font-size:11px;padding:0 8px}
}

@media (max-width:390px){
  html body.v464-debt-route #v464-supplier-payment-module .v464-kpis{grid-template-columns:1fr}
  html body.v464-debt-route #v464-supplier-payment-module .v464-filter-card{grid-template-columns:1fr}
  html body.v464-debt-route #v464-supplier-payment-module .v464-field,
  html body.v464-debt-route #v464-supplier-payment-module .v464-field.wide{grid-column:1/-1}
  html body.v464-debt-route #v464-supplier-payment-module .v464-history tr{padding-top:64px}
  html body.v464-debt-route #v464-supplier-payment-module .v464-history td:nth-child(4){right:12px}
  html body.v464-debt-route #v464-supplier-payment-module .v464-history td:nth-child(5){top:37px;left:12px;right:auto;text-align:left!important;font-size:12.5px}
  html body.v464-debt-route #v464-supplier-payment-module .v464-history td:nth-child(5):before{display:none}
}

/* ===== V479 - Debt supplier toolbar + payment history pagination ===== */
/* UI layer only. No API, SQL, permissions or payment business rules are changed. */

/* Supplier debt toolbar */
.v287-ncc-filterbar{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(250px,1.35fr) minmax(150px,.72fr) minmax(150px,.72fr) minmax(150px,.72fr) auto!important;
  gap:10px!important;
  align-items:end!important;
  padding:14px!important;
  margin:12px 0 14px!important;
  border:1px solid #e4e9f0!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%)!important;
  box-shadow:0 5px 18px rgba(15,23,42,.045)!important;
}
.v287-ncc-filterbar:before{
  content:'BỘ LỌC CÔNG NỢ';
  grid-column:1/-1;
  display:block;
  margin:0 0 1px;
  color:#667085;
  font-size:9.5px;
  line-height:1;
  font-weight:900;
  letter-spacing:.08em;
}
.v287-ncc-filter-field{min-width:0!important}
.v287-ncc-filter-label{
  display:block!important;
  margin:0 0 6px!important;
  color:#475467!important;
  font-size:10px!important;
  font-weight:800!important;
}
.v287-ncc-filter-control,
.v289-ncc-page-size{
  width:100%!important;
  height:40px!important;
  border:1px solid #d6dce5!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#344054!important;
  padding:0 11px!important;
  font-size:11.5px!important;
  outline:none!important;
  box-shadow:0 1px 2px rgba(15,23,42,.02)!important;
}
.v287-ncc-filter-control:focus,.v289-ncc-page-size:focus{
  border-color:#fb923c!important;
  box-shadow:0 0 0 3px rgba(249,115,22,.09)!important;
}
.v287-ncc-filter-summary{
  min-height:40px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:2px!important;
  padding:6px 11px!important;
  border:1px solid #fed7aa!important;
  border-radius:9px!important;
  background:#fff8f1!important;
  white-space:nowrap!important;
}
.v287-ncc-filter-summary span{font-size:9.5px!important;color:#7c5b42!important}
.v287-ncc-filter-summary strong{font-size:12px!important;color:#c45100!important}
.v287-ncc-filter-reset,.v288-export-btn{
  height:40px!important;
  border-radius:9px!important;
  padding:0 12px!important;
  font-size:10.5px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.v288-export-actions{display:flex!important;gap:7px!important;align-items:center!important}
.v289-ncc-page-size{max-width:108px!important}

/* Current supplier debt pagination */
.v289-ncc-pagination{
  margin-top:12px!important;
  padding:11px 12px!important;
  border:1px solid #e6eaf0!important;
  border-radius:12px!important;
  background:#fbfcfe!important;
}
.v289-ncc-page-info{font-size:10.5px!important;color:#667085!important}
.v289-ncc-page-actions{gap:6px!important}
.v289-ncc-page-actions button,.v289-ncc-page-number{
  min-height:34px!important;
  border-radius:8px!important;
}
.v289-ncc-page-number{display:flex!important;align-items:center!important;padding:0 10px!important;background:#fff!important;border:1px solid #e3e7ed!important;font-size:10.5px!important;font-weight:800!important;color:#344054!important}

/* Payment history footer */
html body.v464-debt-route #v464-supplier-payment-module .v464-table-foot{
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  align-items:center!important;
  gap:16px!important;
  padding:13px 14px!important;
  border-top:1px solid #edf0f4!important;
  background:#fcfdff!important;
}
html body.v464-debt-route #v464-supplier-payment-module .v464-page-size{
  min-width:max-content!important;
  font-size:10.5px!important;
  color:#667085!important;
}
html body.v464-debt-route #v464-supplier-payment-module .v464-page-size select{
  width:66px!important;
  height:34px!important;
  border-radius:8px!important;
  font-weight:800!important;
}
html body.v464-debt-route #v464-supplier-payment-module .v464-pagination{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:14px!important;
  min-width:0!important;
}
html body.v464-debt-route #v464-supplier-payment-module .v479-page-summary{
  display:flex;
  align-items:baseline;
  gap:5px;
  white-space:nowrap;
  color:#667085;
  font-size:10.5px;
}
html body.v464-debt-route #v464-supplier-payment-module .v479-page-summary strong{color:#344054;font-size:11px}
html body.v464-debt-route #v464-supplier-payment-module .v479-page-controls{display:flex;align-items:center;gap:5px}
html body.v464-debt-route #v464-supplier-payment-module .v479-page-controls button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-width:34px;
  height:34px;
  padding:0 9px;
  border:1px solid #dfe4ea;
  border-radius:8px;
  background:#fff;
  color:#475467;
  font-size:10.5px;
  font-weight:800;
  cursor:pointer;
  transition:background .15s,border-color .15s,color .15s,transform .15s;
}
html body.v464-debt-route #v464-supplier-payment-module .v479-page-controls button:hover:not(:disabled){border-color:#f7b37b;background:#fff8f2;color:#d75d00;transform:translateY(-1px)}
html body.v464-debt-route #v464-supplier-payment-module .v479-page-controls button.active{border-color:#f97316;background:#f97316;color:#fff;box-shadow:0 3px 9px rgba(249,115,22,.2)}
html body.v464-debt-route #v464-supplier-payment-module .v479-page-controls button:disabled{opacity:.35;cursor:not-allowed;transform:none}
html body.v464-debt-route #v464-supplier-payment-module .v479-page-ellipsis{display:inline-grid;place-items:center;width:18px;color:#98a2b3;font-weight:800}
html body.v464-debt-route #v464-supplier-payment-module .v479-page-edge,
html body.v464-debt-route #v464-supplier-payment-module .v479-page-prev,
html body.v464-debt-route #v464-supplier-payment-module .v479-page-next{min-width:58px!important}

@media(max-width:1300px){
  .v287-ncc-filterbar{grid-template-columns:1.25fr .75fr .75fr!important}
  .v287-ncc-filter-summary{grid-column:auto!important}
  .v288-export-actions{grid-column:span 2!important;justify-content:flex-end!important}
}

@media(max-width:760px){
  .v287-ncc-filterbar{
    grid-template-columns:1fr 1fr!important;
    gap:9px!important;
    padding:10px!important;
    margin:10px 0 12px!important;
    border-radius:13px!important;
  }
  .v287-ncc-filterbar:before{grid-column:1/-1;font-size:9px;margin:1px 1px 2px}
  .v287-ncc-filter-field:first-of-type{grid-column:1/-1!important}
  .v287-ncc-filter-control,.v289-ncc-page-size{height:42px!important;font-size:12px!important;border-radius:10px!important}
  .v287-ncc-filter-summary{grid-column:1/-1!important;min-height:44px!important;display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important}
  .v287-ncc-filter-summary span{font-size:9.5px!important}.v287-ncc-filter-summary strong{font-size:12px!important;text-align:right!important}
  .v289-ncc-page-size{max-width:none!important}
  .v287-ncc-filter-reset{width:100%!important;height:42px!important}
  .v288-export-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .v288-export-btn{width:100%!important;height:42px!important}
  .v289-ncc-pagination{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:9px!important;padding:10px!important}
  .v289-ncc-page-info{text-align:center!important;line-height:1.4!important}
  .v289-ncc-page-actions{display:grid!important;grid-template-columns:1fr auto 1fr!important;width:100%!important}
  .v289-ncc-page-actions button{width:100%!important;height:38px!important}

  html body.v464-debt-route #v464-supplier-payment-module .v464-table-foot{
    grid-template-columns:1fr!important;
    gap:9px!important;
    margin-top:10px!important;
    padding:10px!important;
    background:#fff!important;
    border:1px solid #e5e9ef!important;
    border-radius:12px!important;
  }
  html body.v464-debt-route #v464-supplier-payment-module .v464-page-size{width:100%!important;justify-content:space-between!important}
  html body.v464-debt-route #v464-supplier-payment-module .v464-pagination{width:100%!important;display:block!important}
  html body.v464-debt-route #v464-supplier-payment-module .v479-page-summary{justify-content:center!important;margin:1px 0 8px!important}
  html body.v464-debt-route #v464-supplier-payment-module .v479-page-controls{justify-content:center!important;gap:5px!important;overflow-x:auto!important;padding:1px 0 3px!important;scrollbar-width:none}
  html body.v464-debt-route #v464-supplier-payment-module .v479-page-controls::-webkit-scrollbar{display:none}
  html body.v464-debt-route #v464-supplier-payment-module .v479-page-controls button{height:38px!important;min-width:38px!important;padding:0 8px!important;border-radius:9px!important;flex:0 0 auto!important}
  html body.v464-debt-route #v464-supplier-payment-module .v479-page-edge span,
  html body.v464-debt-route #v464-supplier-payment-module .v479-page-prev span,
  html body.v464-debt-route #v464-supplier-payment-module .v479-page-next span{display:none!important}
  html body.v464-debt-route #v464-supplier-payment-module .v479-page-edge,
  html body.v464-debt-route #v464-supplier-payment-module .v479-page-prev,
  html body.v464-debt-route #v464-supplier-payment-module .v479-page-next{min-width:40px!important;font-size:16px!important}
}

@media(max-width:390px){
  .v287-ncc-filterbar{grid-template-columns:1fr!important}
  .v287-ncc-filter-field,.v287-ncc-filter-field:first-of-type,.v287-ncc-filter-summary,.v288-export-actions{grid-column:1!important}
  .v288-export-actions{grid-template-columns:1fr 1fr!important}
  html body.v464-debt-route #v464-supplier-payment-module .v479-page-controls .v479-page-num:nth-of-type(4),
  html body.v464-debt-route #v464-supplier-payment-module .v479-page-controls .v479-page-num:nth-of-type(5){display:none}
}

/* V481 - Debt mode switch: easier placement/interaction without changing business logic */
html body.v464-debt-route #v464-supplier-payment-module{
  margin: 8px 0 14px !important;
}
html body.v464-debt-route #v464-supplier-payment-module .v464-top-tabs{
  width:100%;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:6px;
  padding:6px;
  margin:0 0 12px;
  border:1px solid #e3e8ef;
  border-radius:12px;
  background:#f8fafc;
  box-shadow:none;
}
html body.v464-debt-route #v464-supplier-payment-module .v464-tab{
  min-width:0;
  min-height:44px;
  padding:9px 14px;
  border:1px solid transparent;
  border-radius:9px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  color:#5f6b7a;
  background:transparent;
  font-size:12px;
  font-weight:800;
  line-height:1.15;
  letter-spacing:0;
  text-align:center;
  white-space:normal;
  transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease;
}
html body.v464-debt-route #v464-supplier-payment-module .v464-tab:after{display:none!important}
html body.v464-debt-route #v464-supplier-payment-module .v464-tab.is-active{
  color:#b54708;
  background:#fff;
  border-color:#fed7aa;
  box-shadow:0 1px 3px rgba(15,23,42,.08);
}
html body.v464-debt-route #v464-supplier-payment-module .v464-tab-ico{
  margin:0;
  flex:0 0 auto;
  font-size:15px;
  line-height:1;
}
html body.v464-debt-route #v464-supplier-payment-module .v464-new{
  margin-left:2px;
  padding:2px 6px;
  font-size:8.5px;
  line-height:1.25;
}
@media (hover:hover) and (pointer:fine){
  html body.v464-debt-route #v464-supplier-payment-module .v464-tab:not(.is-active):hover{
    background:#fff;
    border-color:#e5e7eb;
    color:#344054;
  }
}
@media(max-width:760px){
  html body.v464-debt-route #v464-supplier-payment-module{
    margin:4px 0 10px!important;
  }
  html body.v464-debt-route #v464-supplier-payment-module .v464-top-tabs{
    position:sticky;
    top:6px;
    z-index:30;
    gap:4px;
    padding:4px;
    margin:0 0 10px;
    border-radius:11px;
    background:rgba(248,250,252,.98);
    box-shadow:0 4px 14px rgba(15,23,42,.07);
  }
  html body.v464-debt-route #v464-supplier-payment-module .v464-tab{
    min-height:48px;
    padding:8px 7px;
    gap:4px;
    border-radius:8px;
    font-size:10.5px;
    line-height:1.15;
  }
  html body.v464-debt-route #v464-supplier-payment-module .v464-tab-ico{font-size:14px}
  html body.v464-debt-route #v464-supplier-payment-module .v464-new{font-size:7.5px;padding:2px 4px}
}
@media(max-width:390px){
  html body.v464-debt-route #v464-supplier-payment-module .v464-tab{
    min-height:50px;
    font-size:9.7px;
    padding:7px 5px;
  }
}


/* ===== V482 NOTIFICATION UNIFIED FIX ===== */
.v437h-notif-wrap .v437h-bell{
  width:38px;height:38px;border-radius:10px;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
}
.v437h-notif-wrap .v437h-bell-icon{font-size:17px}
.v437h-notif-wrap .v437h-panel{width:min(430px,calc(100vw - 24px))}
.v437h-notif-wrap .v437h-panel-head strong{font-size:14px;font-weight:800;letter-spacing:.01em}
.v437h-notif-wrap .v437h-panel-head small{font-size:10px}
.v437h-notif-wrap .v437h-item{min-height:64px;padding:11px 13px}
.v437h-notif-wrap .v437h-copy strong{font-size:11px}
.v437h-notif-wrap .v437h-copy small{font-size:9px}
@media(max-width:720px){
  .v437h-notif-wrap .v437h-bell{width:36px;height:36px}
  .v437h-notif-wrap .v437h-panel{left:8px;right:8px;width:auto;top:58px}
  .v437h-notif-wrap .v437h-panel-head{padding:12px}
  .v437h-notif-wrap .v437h-panel-head strong{font-size:15px}
  .v437h-notif-wrap .v437h-panel-head small{font-size:11px}
  .v437h-notif-wrap .v437h-item{min-height:68px;padding:11px 10px}
  .v437h-notif-wrap .v437h-copy strong{font-size:12px}
  .v437h-notif-wrap .v437h-copy small{font-size:10px;white-space:normal;line-height:1.35}
}

/* V504 - fill Dashboard blank area below monthly Revenue/Profit */
.v504-dashboard-debt-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:14px;
}
.v504-dashboard-debt-grid.sale{grid-template-columns:1fr}
.v504-dashboard-debt-card{
  display:flex;
  min-width:0;
  min-height:126px;
  flex-direction:column;
  justify-content:center;
  border:1px solid var(--border);
  background:var(--card);
  padding:15px 16px;
  text-decoration:none;
  color:inherit;
  transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;
}
.v504-dashboard-debt-card:hover{
  border-color:color-mix(in oklch,var(--amber-brand) 48%,var(--border));
  box-shadow:0 7px 22px rgba(15,23,42,.07);
  transform:translateY(-1px);
}
.v504-debt-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}
.v504-debt-icon{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:34px;height:25px;padding:0 7px;border-radius:4px;
  background:oklch(.96 .025 80);color:var(--amber-brand);
  font-size:10px;font-weight:800;letter-spacing:.04em
}
.v504-dashboard-debt-card.customer .v504-debt-icon{
  background:oklch(.96 .025 150);color:oklch(.44 .10 150)
}
.v504-debt-link{font-size:10.5px;font-weight:700;color:var(--muted-foreground)}
.v504-debt-label{font-size:12px;font-weight:700;color:var(--muted-foreground);margin-bottom:3px}
.v504-dashboard-debt-card strong{
  display:block;font-family:var(--font-display,inherit);font-size:22px;line-height:1.2;
  font-weight:800;color:var(--foreground);font-variant-numeric:tabular-nums
}
.v504-dashboard-debt-card small{display:block;margin-top:6px;font-size:10.5px;line-height:1.4;color:var(--muted-foreground)}
@media(max-width:700px){
 .v504-dashboard-debt-grid{grid-template-columns:1fr;gap:10px;margin-top:10px}
 .v504-dashboard-debt-card{min-height:108px;padding:13px 14px}
 .v504-dashboard-debt-card strong{font-size:20px}
}

/* V505 - Finance monitoring panel */
.v505-finance-panel{
  margin-top:14px;
  border:1px solid var(--border);
  background:linear-gradient(180deg,color-mix(in oklch,var(--card) 96%,var(--amber-brand) 4%),var(--card));
  padding:14px;
}
.v505-finance-title{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border)
}
.v505-finance-title strong{display:block;font-size:13px;color:var(--foreground)}
.v505-finance-title span:not(.v505-finance-health){display:block;margin-top:3px;font-size:10.5px;color:var(--muted-foreground)}
.v505-finance-health{
  display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;
  font-size:10px;font-weight:800;white-space:nowrap
}
.v505-finance-health.ok{background:oklch(.95 .035 150);color:oklch(.42 .10 150)}
.v505-finance-health.warn{background:oklch(.97 .04 80);color:oklch(.52 .12 70)}
.v505-finance-panel .v504-dashboard-debt-grid{margin-top:0}
.v504-dashboard-debt-card.cash .v504-debt-icon{background:oklch(.95 .03 240);color:oklch(.45 .11 240)}
.v504-dashboard-debt-card.alert .v504-debt-icon{background:oklch(.97 .04 80);color:oklch(.52 .12 70)}
.v504-dashboard-debt-card.cash.negative strong{color:oklch(.52 .16 25)}
.v504-dashboard-debt-card.alert.warning strong{color:oklch(.53 .13 65)}
.v504-dashboard-debt-card.alert.healthy strong{color:oklch(.43 .11 150)}
@media(max-width:700px){
 .v505-finance-panel{padding:10px;margin-top:10px}
 .v505-finance-title{align-items:flex-start;flex-direction:column}
}

/* V506 - Dashboard professional cleanup */
.v505-finance-panel{
  margin-top:16px!important;
  padding:15px!important;
  border-radius:10px!important;
  box-shadow:0 4px 18px rgba(15,23,42,.035)!important;
}
.v505-finance-title{
  margin-bottom:12px!important;
  padding-bottom:11px!important;
}
.v505-finance-title strong{font-size:13.5px!important}
.v505-finance-title span:not(.v505-finance-health){font-size:10.5px!important}
.v505-finance-health{padding:5px 9px!important}
.v505-finance-panel .v504-dashboard-debt-grid{
  gap:12px!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.v504-dashboard-debt-card{
  min-height:118px!important;
  padding:14px 15px!important;
  border-radius:8px!important;
}
.v504-dashboard-debt-card strong{
  font-size:21px!important;
  letter-spacing:-.01em!important;
}
.v504-dashboard-debt-card small{
  min-height:29px;
  display:flex!important;
  align-items:flex-start;
}
.v504-dashboard-debt-card.recovery .v504-debt-icon{
  background:oklch(.95 .035 160)!important;
  color:oklch(.42 .11 155)!important;
}
.v504-dashboard-debt-card.recovery.warning strong{color:oklch(.53 .13 65)!important}
.v504-dashboard-debt-card.recovery.healthy strong{color:oklch(.43 .11 150)!important}

/* Keep dashboard sections visually consistent and avoid oversized empty zones */
.v219-dashboard{margin-bottom:18px!important}
.v364-demand-dashboard{margin-bottom:18px!important}
[data-loc="client/src/pages/Dashboard.tsx:452"]{gap:18px!important;margin-bottom:18px!important}
[data-loc="client/src/pages/Dashboard.tsx:503"]{gap:18px!important;margin-bottom:18px!important}
[data-loc="client/src/pages/Dashboard.tsx:552"]{gap:18px!important;margin-bottom:18px!important}
.v220-global-kpi-summary{margin-bottom:24px!important}

/* Tablet */
@media(max-width:1100px){
  .v505-finance-panel .v504-dashboard-debt-grid{grid-template-columns:1fr 1fr!important}
  .v504-dashboard-debt-card{min-height:112px!important}
}

/* Mobile */
@media(max-width:700px){
  .v505-finance-panel{
    margin-top:10px!important;
    padding:10px!important;
    border-radius:8px!important;
  }
  .v505-finance-title{
    gap:8px!important;
    margin-bottom:9px!important;
    padding-bottom:9px!important;
  }
  .v505-finance-panel .v504-dashboard-debt-grid{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .v504-dashboard-debt-card{
    min-height:100px!important;
    padding:12px 13px!important;
  }
  .v504-dashboard-debt-card strong{font-size:19px!important}
  .v504-dashboard-debt-card small{min-height:0!important;font-size:10px!important}
  .v219-dashboard{margin-bottom:14px!important}
  .v364-demand-dashboard{margin-bottom:14px!important}
}

/* Very small mobile: reduce information density without hiding data */
@media(max-width:430px){
  .v505-finance-title{align-items:flex-start!important}
  .v505-finance-health{font-size:9px!important}
  .v504-debt-link{font-size:9px!important}
  .v504-debt-label{font-size:11px!important}
}

/* ===== V508 EDIT QUOTE ===== */
.v370-created-quote .v508-edit-quote,
.v370-history-panel .v508-edit-quote{
  border:1px solid #0f766e;
  background:#ecfdf5;
  color:#115e59;
  font-weight:800;
}
.v370-created-quote .v508-edit-quote:hover,
.v370-history-panel .v508-edit-quote:hover{background:#d1fae5}
@media(max-width:700px){
  .v370-history-panel .actions .v508-edit-quote{min-height:38px}
}