@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Golos+Text:wght@400..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL,GRAD@48,400,0,200");


:root {

  --sidenav-width: 240px;

  --sidenav-width-sm: 70px;

  --topbar-height: 56px;

  --topbar-bg: #fff;

  --topbar-item-bg: #F7F8F9;

  --topbar-item-border: #E8E8E8;

  --topbar-item-color: #1F2020;

  --topbar-item-hover-color: var(--primary);

  --topbar-item-hover-bg: #CDCDCD;

  --topbar-item-shadow: 0px 4px 4px 0px #DBDBDB40;

  --menu-bg: #fff;

  --menu-icon-bg: #F7F8F9;

  --menu-title-color: #707070;

  --menu-item-heading: #1F2020;

  --menu-item-color: #707070;

  --menu-item-hover-color: var(--primary);

  --menu-item-hover-bg: rgba(var(--primary-rgb), 0.1);

  --menu-item-active-color: var(--primary);

  --menu-item-border: #E8E8E8;

  --menu-item-active-bg: var(--danger-transparent);

  --menu-active-color: var(--primary);

  --submenu-active-color: var(--primary);

  --menu-active-color: var(--primary);

  --menu-active-bg: var(--primary-transparent);

  --primary: #E41F07;

  --secondary: #FFA201;

  --light: #F7F8F9;

  --dark: #0A0C0C;

  --white: #fff;

  --success: #1ABE17;

  --info: #2F80ED;

  --danger: #EF1E1E;

  --indigo: #3538CD;

  --cyan: #067D98;

  --orange: #EF5E25;

  --pink: #DD2590;

  --purple: #800080;

  --teal: #0E9384;

  --warning: #f9b801;

  --black: #000;

  --gray-100: #CDCDCD;

  --gray-200: #B5B5B5;

  --gray-300: #9D9D9D;

  --gray-400: #868787;

  --gray-500: #707070;

  --gray-600: #0a083b;

  --gray-700: #454646;

  --gray-800: #323333;

  --gray-900: #1F2020;

  --gray-hover: #080A0B;

  --light-100: #FAFBFC;

  --light-200: #F8FAFB;

  --light-300: #F5F8FA;

  --light-400: #F3F6F9;

  --light-500: #F1F4F7;

  --light-600: #EEF2F6;

  --light-700: #ECF1F5;

  --light-800: #E9EFF3;

  --light-900: #E7EDF2;

  --teal-100: #cfe9e6;

  --indigo-100: #d7d7f5;

  --light-hover: #dee0e1;

  --primary-hover: #c11a06;

  --secondary-hover: #e08f01;

  --info-hover: #2972d5;

  --warning-hover: #e0a701;

  --success-hover: #179f14;

  --danger-hover: #d81a1a;

  --indigo-hover: #2f31b4;

  --purple-hover: #730073;

  --pink-hover: #c02180;

  --orange-hover: #056c85;

  --teal-hover: #0c7c71;

  --cyan-hover: #056c85;

  --dark-hover: #090a0a;

  --cyan-transparent: #EBF3F6;

  --danger-transparent: #fde9e9;

  --gray-transparent: #868787;

  --dark-transparent: #868787;

  --indigo-transparent: #EAEDF7;

  --info-transparent: #eaf2fd;

  --light-transparent: #E8E8E8;

  --orange-transparent: #FFF0EB;

  --pink-transparent: #FDEDF8;

  --primary-transparent: #fce9e6;

  --purple-transparent: #F1EBF7;

  --secondary-transparent: #fff6e6;

  --success-transparent: #e8f9e8;

  --teal-transparent: #EBF2F1;

  --warning-transparent: #fef8e6;

  --heading-color: #1F2020;

  --border-color: #E2E8F0;

  --body-color: #707070;

  --primary-rgb: 228, 31, 7;

  --secondary-rgb: 255, 162, 1;

  --success-rgb: 26, 190, 23;

  --info-rgb: 47, 128, 237;

  --warning-rgb: 249, 184, 1;

  --danger-rgb: 239, 30, 30;

  --dark-rgb: 10, 12, 12;

  --light-rgb: 247, 248, 249;

  --orange-rgb: 239, 94, 37;

  --purple-rgb: 128, 0, 128;

  --pink-rgb: 221, 37, 144;

  --indigo-rgb: 53, 56, 205;

  --teal-rgb: 14, 147, 132;

  --white-rgb: 255, 255, 255;

  --black-rgb: 0, 0, 0;

  --body-color-rgb: 112, 112, 112;

  --box-shadow: 0px 4px 4px 0px rgba(219, 219, 219, 0.25);

  --box-shadow-sm: 0px 4px 74px 0px rgba(208, 208, 208, 0.25);

  --box-shadow-lg: 0px 4.4px 12px -1px rgba(222, 222, 222, 0.36);

}



:root[data-bs-theme=dark] {

  --menu-icon-bg: #090C2A;

  --menu-item-heading: #D9DCFF;

  --menu-bg: #030318;

  --menu-item-color: #97aac1;

  --menu-item-hover-color: var(--primary);

  --menu-item-hover-bg: var(--primary);

  --menu-item-active-color: var(--primary);

  --submenu-active-color: var(--primary);

  --menu-item-active-bg: var(--danger-transparent);

  --menu-item-border: #161641;

  --topbar-bg: #030318;

  --topbar-item-color: #11112f;

  --topbar-item-color: #dbe0e6;

  --topbar-item-hover-color: #bccee4;

  --topbar-item-hover-bg: rgba(255, 255, 255, 0.1);

  --topbar-item-border: #11112f;

  --box-shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, 0.75);

  --box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.75);

  --box-shadow-lg: 0px 4.4px 12px -1px rgba(0, 0, 0, 0.75);

  --light: #0C0C20;

  --dark: #F0F0F3;

  --white: #030318;

  --gray-300: #08081A;

  --gray-500: #828997;

  --gray-600: #D9DCFF;

  --gray-900: #D9DCFF;

  --gray-hover: #DADFE2;

  --light-100: #171D22;

  --light-200: #172024;

  --light-300: #172128;

  --light-400: #182129;

  --light-500: #1B222A;

  --light-600: #1B242D;

  --light-700: #1C262E;

  --light-800: #1E2930;

  --light-900: #1F2932;

  --light-hover: #3C4249;

  --dark-hover: #DADFE2;

  --cyan-transparent: #112B33;

  --danger-transparent: #2c0b0e;

  --gray-transparent: #1a1d20;

  --dark-transparent: #1a1d20;

  --indigo-transparent: #172238;

  --orange-transparent: #3C1407;

  --pink-transparent: #3A061C;

  --purple-transparent: #311B2F;

  --teal-transparent: #1C2E2A;

  --primary-transparent: #1a1d20;

  --secondary-transparent: #161719;

  --success-transparent: #051b11;

  --info-transparent: #032830;

  --warning-transparent: #332701;

  --light-transparent: #343a40;

  --heading-color: #D9DCFF;

  --border-color: #161641;

  --body-color: #828997;

  --body-color-rgb: 130, 137, 151;

  --light-rgb: 12, 12, 32;

}



:root[data-sidebar=sidebar2], :root[data-sidebar=sidebar2][data-bs-theme=dark] {

  --menu-bg: #F7F8F9;

  --menu-item-color: #323333;

  --menu-item-hover-color: #FFA201;

  --menu-item-hover-bg: rgba(255, 162, 1, 0.1);

  --menu-item-active-color: var(--primary);

  --menu-item-active-bg: var(--danger-transparent);

  --menu-active-color: var(--primary);

  --submenu-active-color: var(--primary);

  --menu-active-bg: var(--primary-transparent);

  --menu-item-heading: #1F2020;

  --menu-item-border: #B5B5B5;

  --menu-icon-bg: rgba(255, 255, 255, 0.5);

}



:root[data-sidebar=sidebar3] {

  --menu-bg: #0A0C0C;

  --menu-item-color: #97aac1;

  --menu-item-border: rgba(255, 255, 255, 0.1);

  --menu-item-hover-color: var(--primary);

  --menu-item-hover-bg: var(--primary);

  --menu-item-active-color: var(--primary);

  --menu-item-active-bg: var(--danger-transparent);

  --menu-active-color: var(--primary);

  --submenu-active-color: var(--primary);

  --menu-active-bg: var(--primary-transparent);

  --menu-item-heading: #fff;

  --menu-icon-bg: rgba(255, 255, 255, 0.05);

}



:root[data-sidebar=sidebar4] {

  --menu-bg: #E41F07;

  --menu-item-color: #B5B5B5;

  --menu-item-hover-color: #FFA201;

  --menu-item-border: rgba(255, 255, 255, 0.1);

  --menu-item-hover-bg: #FFA201;

  --menu-item-active-color: #B5B5B5;

  --menu-item-active-bg: #FFA201;

  --menu-active-color: #FFA201;

  --submenu-active-color: #fff;

  --menu-active-bg: var(--primary-transparent);

  --menu-title-color: #fff;

  --menu-item-heading: #fff;

  --menu-icon-bg: rgba(255, 255, 255, 0.1);

}



:root[data-sidebar=sidebar5] {

  --menu-bg: #FFA201;

  --menu-item-color: #e0e0e0;

  --menu-item-hover-color: var(--primary);

  --menu-item-border: rgba(255, 255, 255, 0.1);

  --menu-item-hover-bg: var(--primary);

  --menu-item-active-color: var(--primary);

  --menu-item-active-bg: var(--danger-transparent);

  --menu-active-color: var(--primary);

  --submenu-active-color: #fff;

  --menu-active-bg: var(--primary-transparent);

  --menu-title-color: #fff;

  --menu-item-heading: #fff;

  --menu-icon-bg: rgba(255, 255, 255, 0.1);

}



:root[data-sidebar=sidebar6] {

  --menu-bg: #2F80ED;

  --menu-item-color: rgba(255, 255, 255, 0.8);

  --menu-item-hover-color: #fff;

  --menu-item-border: rgba(255, 255, 255, 0.1);

  --menu-item-hover-bg: var(--primary);

  --menu-item-active-color: var(--primary);

  --menu-item-active-bg: var(--danger-transparent);

  --menu-active-color: var(--primary);

  --submenu-active-color: #fff;

  --menu-active-bg: var(--primary-transparent);

  --menu-title-color: #fff;

  --menu-item-heading: #fff;

  --menu-icon-bg: rgba(255, 255, 255, 0.1);

}



:root[data-sidebar=sidebar7] {

  --menu-bg: #3538CD;

  --menu-item-color: rgba(255, 255, 255, 0.8);

  --menu-item-hover-color: var(--primary);

  --menu-item-border: rgba(255, 255, 255, 0.1);

  --menu-item-hover-bg: var(--primary);

  --menu-item-active-color: var(--primary);

  --menu-item-active-bg: var(--danger-transparent);

  --menu-active-color: var(--primary);

  --submenu-active-color: var(--primary);

  --menu-active-bg: var(--primary-transparent);

  --menu-title-color: #fff;

  --menu-item-heading: #fff;

  --menu-icon-bg: rgba(255, 255, 255, 0.1);

}



:root[data-sidebar=gradientsidebar1] {

  --menu-bg: linear-gradient(180deg, #8351FD 0%, #5112A9 100%);

  --menu-item-color: rgba(255, 255, 255, 0.8);

  --menu-item-hover-color: #fff;

  --menu-item-hover-bg: rgba(255, 255, 255, 0.1);

  --menu-item-active-color: var(--primary);

  --menu-item-active-bg: var(--danger-transparent);

  --menu-active-color: var(--primary);

  --submenu-active-color: #fff;

  --menu-active-bg: var(--primary-transparent);

  --menu-title-color: #fff;

  --menu-item-heading: #fff;

  --menu-item-border: rgba(255, 255, 255, 0.1);

  --menu-icon-bg: rgba(255, 255, 255, 0.1);

}



:root[data-sidebar=gradientsidebar2] {

  --menu-bg: linear-gradient(180deg, #18ACCF 0%, #0F59AD 100%);

  --menu-item-color: rgba(255, 255, 255, 0.8);

  --menu-item-hover-color: #fff;

  --menu-item-hover-bg: rgba(255, 255, 255, 0.1);

  --menu-item-active-color: var(--primary);

  --menu-item-active-bg: var(--danger-transparent);

  --menu-active-color: var(--primary);

  --submenu-active-color: #fff;

  --menu-active-bg: var(--primary-transparent);

  --menu-title-color: #fff;

  --menu-item-heading: #fff;

  --menu-item-border: rgba(255, 255, 255, 0.1);

  --menu-icon-bg: rgba(255, 255, 255, 0.1);

}



:root[data-sidebar=gradientsidebar3] {

  --menu-bg: linear-gradient(180deg, #309F92 0%, #0C5666 100%);

  --menu-item-color: rgba(255, 255, 255, 0.8);

  --menu-item-hover-color: #fff;

  --menu-item-hover-bg: rgba(255, 255, 255, 0.1);

  --menu-item-active-color: var(--primary);

  --menu-item-active-bg: var(--danger-transparent);

  --menu-active-color: var(--primary);

  --submenu-active-color: #fff;

  --menu-active-bg: var(--primary-transparent);

  --menu-title-color: #fff;

  --menu-item-border: rgba(255, 255, 255, 0.1);

  --menu-item-heading: #fff;

  --menu-icon-bg: rgba(255, 255, 255, 0.1);

}



:root[data-sidebar=gradientsidebar4] {

  --menu-bg: linear-gradient(180deg, #4B749F 0%, #243748 100%);

  --menu-item-color: rgba(255, 255, 255, 0.8);

  --menu-item-hover-color: #fff;

  --menu-item-hover-bg: rgba(255, 255, 255, 0.1);

  --menu-item-active-color: var(--primary);

  --menu-item-active-bg: var(--danger-transparent);

  --menu-active-color: var(--primary);

  --submenu-active-color: #fff;

  --menu-active-bg: var(--primary-transparent);

  --menu-title-color: #fff;

  --menu-item-heading: #fff;

  --menu-item-border: rgba(255, 255, 255, 0.1);

  --menu-icon-bg: rgba(255, 255, 255, 0.1);

}



:root[data-sidebar=gradientsidebar5] {

  --menu-bg: linear-gradient(180deg, #AF1FAF 0%, #800080 100%);

  --menu-item-color: rgba(255, 255, 255, 0.8);

  --menu-item-hover-color: #fff;

  --menu-item-hover-bg: rgba(255, 255, 255, 0.1);

  --menu-item-active-color: var(--primary);

  --menu-item-active-bg: var(--danger-transparent);

  --menu-active-color: var(--primary);

  --submenu-active-color: #fff;

  --menu-active-bg: var(--primary-transparent);

  --menu-title-color: #fff;

  --menu-item-heading: #fff;

  --menu-item-border: rgba(255, 255, 255, 0.1);

  --menu-icon-bg: rgba(255, 255, 255, 0.1);

}



:root[data-sidebar=gradientsidebar6] {

  --menu-bg: linear-gradient(180deg, #F99D6F 0%, #FA6D70 100%);

  --menu-item-color: rgba(255, 255, 255, 0.8);

  --menu-item-hover-color: #fff;

  --menu-item-hover-bg: rgba(255, 255, 255, 0.1);

  --menu-item-active-color: var(--primary);

  --menu-item-active-bg: var(--danger-transparent);

  --menu-active-color: var(--primary);

  --submenu-active-color: #fff;

  --menu-active-bg: var(--primary-transparent);

  --menu-title-color: #fff;

  --menu-item-heading: #fff;

  --menu-item-border: rgba(255, 255, 255, 0.1);

  --menu-icon-bg: rgba(255, 255, 255, 0.1);

}



:root[data-sidebar=gradientsidebar7] {

  --menu-bg: linear-gradient(180deg, #4F84F4 0%, #320F84 100%);

  --menu-item-color: rgba(255, 255, 255, 0.8);

  --menu-item-hover-color: #fff;

  --menu-item-hover-bg: rgba(255, 255, 255, 0.1);

  --menu-item-active-color: var(--primary);

  --menu-item-active-bg: var(--danger-transparent);

  --menu-active-color: var(--primary);

  --submenu-active-color: #fff;

  --menu-active-bg: var(--primary-transparent);

  --menu-title-color: #fff;

  --menu-item-heading: #fff;

  --menu-item-border: rgba(255, 255, 255, 0.1);

  --menu-icon-bg: rgba(255, 255, 255, 0.1);

}



:root[data-bs-theme=dark][data-topbar=white] {

  --topbar-bg: #030318;

  --topbar-item-color: #dbe0e6;

  --topbar-item-hover-color: #bccee4;

  --topbar-item-hover-bg: rgba(255, 255, 255, 0.1);

  --topbar-item-border: #161641;

  --topbar-item-bg: #11112f;

  --box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.75);

  --topbar-item-shadow: 0px 4px 4px 0px rgba(0,0,0,0.15);

}



:root[data-topbar=white] {

  --topbar-bg: #fff;

  --topbar-item-color: #1F2020;

  --topbar-item-hover-color: var(--primary);

  --topbar-item-hover-bg: #F7F8F9;

}



:root[data-topbar=topbar1] {

  --topbar-bg: #F7F8F9;

  --topbar-item-color: #454646;

  --topbar-item-hover-color: var(--primary);

  --topbar-item-hover-bg: #CDCDCD;

  --topbar-item-border: #e6e2e2;

  --topbar-item-bg: #F7F8F9;

  --menu-item-heading: #1F2020;

}



:root[data-topbar=topbar2] {

  --topbar-bg: #0A0C0C;

  --topbar-item-color: #dbe0e6;

  --topbar-item-hover-color: #bccee4;

  --topbar-item-hover-bg: rgba(255, 255, 255, 0.1);

  --topbar-item-border: rgba(255, 255, 255, 0.1);

  --topbar-item-bg: #11112f;

  --topbar-item-shadow: 0px 4px 4px 0px rgba(0,0,0,0.15);

}



:root[data-topbar=topbar3] {

  --topbar-bg: #E41F07;

  --topbar-item-color: #fff;

  --topbar-item-hover-color: #F7F8F9;

  --topbar-item-hover-bg: rgba(10, 12, 12, 0.1);

  --topbar-item-border: rgba(255, 255, 255, 0.1);

  --topbar-item-bg: rgba(255, 255, 255, 0.1);

  --topbar-item-shadow: 0px 4px 4px 0px rgba(169, 6, 6, 0.15);

}



:root[data-topbar=topbar4] {

  --topbar-bg: #FFA201;

  --topbar-item-color: #fff;

  --topbar-item-hover-color: #1F2020;

  --topbar-item-hover-bg: rgba(10, 12, 12, 0.1);

  --topbar-item-border: rgba(255, 255, 255, 0.1);

  --topbar-item-bg: rgba(255, 255, 255, 0.1);

  --topbar-item-shadow: 0px 4px 4px 0px rgba(171, 134, 0, 0.15);

}



:root[data-topbar=topbar5] {

  --topbar-bg: #2F80ED;

  --topbar-item-color: #fff;

  --topbar-item-hover-color: #1F2020;

  --topbar-item-hover-bg: rgba(10, 12, 12, 0.1);

  --topbar-item-border: rgba(255, 255, 255, 0.1);

  --topbar-item-bg: rgba(255, 255, 255, 0.1);

  --topbar-item-shadow: 0px 4px 4px 0px rgba(4, 72, 128, 0.15);

}



:root[data-topbar=topbar6] {

  --topbar-bg: #3538CD;

  --topbar-item-color: #fff;

  --topbar-item-hover-color: #1F2020;

  --topbar-item-hover-bg: rgba(10, 12, 12, 0.1);

  --topbar-item-border: rgba(255, 255, 255, 0.1);

  --topbar-item-bg: rgba(255, 255, 255, 0.1);

  --topbar-item-shadow: 0px 4px 4px 0px rgba(19, 2, 112, 0.15);

}



:root[data-topbar=gradienttopbar1] {

  --topbar-bg: linear-gradient(90deg, #8351FD 0%, #5112A9 100%);

  --topbar-item-color: #fff;

  --topbar-item-hover-color: #1F2020;

  --topbar-item-hover-bg: rgba(10, 12, 12, 0.1);

  --topbar-item-border: rgba(255, 255, 255, 0.1);

  --topbar-item-bg: rgba(255, 255, 255, 0.1);

  --topbar-item-shadow: 0px 4px 4px 0px rgba(93, 67, 154, 0.15);

}



:root[data-topbar=gradienttopbar2] {

  --topbar-bg: linear-gradient(90deg, #18ACCF 0%, #0F59AD 100%);

  --topbar-item-color: #fff;

  --topbar-item-hover-color: #1F2020;

  --topbar-item-hover-bg: rgba(10, 12, 12, 0.1);

  --topbar-item-border: rgba(255, 255, 255, 0.1);

  --topbar-item-bg: rgba(255, 255, 255, 0.1);

  --topbar-item-shadow: 0px 4px 4px 0px rgba(31, 102, 145, 0.15);

}



:root[data-topbar=gradienttopbar3] {

  --topbar-bg: linear-gradient(90deg, #309F92 0%, #0C5666 100%);

  --topbar-item-color: #fff;

  --topbar-item-hover-color: #1F2020;

  --topbar-item-hover-bg: rgba(10, 12, 12, 0.1);

  --topbar-item-border: rgba(255, 255, 255, 0.1);

  --topbar-item-bg: rgba(255, 255, 255, 0.1);

  --topbar-item-shadow: 0px 4px 4px 0px rgba(19, 82, 67, 0.15);

}



:root[data-topbar=gradienttopbar4] {

  --topbar-bg: linear-gradient(90deg, #4B749F 0%, #243748 100%);

  --topbar-item-color: #fff;

  --topbar-item-hover-color: #1F2020;

  --topbar-item-hover-bg: rgba(10, 12, 12, 0.1);

  --topbar-item-border: rgba(255, 255, 255, 0.1);

  --topbar-item-bg: rgba(255, 255, 255, 0.1);

  --topbar-item-shadow: 0px 4px 4px 0px rgba(28, 60, 80, 0.15);

}



:root[data-topbar=gradienttopbar5] {

  --topbar-bg: linear-gradient(90deg, #AF1FAF 0%, #800080 100%);

  --topbar-item-color: #fff;

  --topbar-item-hover-color: #1F2020;

  --topbar-item-hover-bg: rgba(10, 12, 12, 0.1);

  --topbar-item-border: rgba(255, 255, 255, 0.1);

  --topbar-item-bg: rgba(255, 255, 255, 0.1);

  --topbar-item-shadow: 0px 4px 4px 0px rgba(94, 39, 85, 0.15);

}



:root[data-topbar=gradienttopbar6] {

  --topbar-bg: linear-gradient(90deg, #F99D6F 0%, #FA6D70 100%);

  --topbar-item-color: #fff;

  --topbar-item-hover-color: #1F2020;

  --topbar-item-hover-bg: rgba(10, 12, 12, 0.1);

  --topbar-item-border: rgba(255, 255, 255, 0.1);

  --topbar-item-bg: rgba(255, 255, 255, 0.1);

  --topbar-item-shadow: 0px 4px 4px 0px rgba(156, 117, 90, 0.15);

}



:root[data-topbar=gradienttopbar7] {

  --topbar-bg: linear-gradient(90deg, #4F84F4 0%, #320F84 100%);

  --topbar-item-color: #fff;

  --topbar-item-hover-color: #1F2020;

  --topbar-item-hover-bg: rgba(10, 12, 12, 0.1);

  --topbar-item-border: rgba(255, 255, 255, 0.1);

  --topbar-item-bg: rgba(255, 255, 255, 0.1);

  --topbar-item-shadow: 0px 4px 4px 0px rgba(18, 53, 75, 0.15);

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.navbar-header {

  position: sticky;

  top: 0;

  z-index: 1000;

  background: var(--rmc-header-bg, #0f1c2e);

  min-height: var(--topbar-height);

  margin-left: var(--sidenav-width);

  border-bottom: 1px solid var(--border-color);

  padding: 0 1.25rem;

  box-sizing: border-box;

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

@media (max-width: 991.98px) {

  .navbar-header {

    margin-left: 0;

  }

}

.navbar-header #toggle_btn2 {

  display: none;

  width: 22px;

  height: 22px;

  border-radius: 50%;

  color: var(--menu-item-heading);

}

.navbar-header .dropdown-menu .dropdown-item.form-switch {

  padding: 0.4rem 0.9375rem;

}

.navbar-header .profile-dropdown label {

  font-weight: 400;

}

.navbar-header .profile-dropdown label i {

  margin-right: 8px;

}

.navbar-header .header-line {

  background-color: var(--topbar-item-border);

  height: 20px;

  width: 1px;

  margin: 0 12px 0 0;

}

.navbar-header .header-search .header-search-icon {

  position: absolute;

  right: 5px;

  width: 22px;

  height: 22px;

  border-radius: 0.25rem;

  top: 50%;

  transform: translateY(-50%);

  display: flex;

  align-items: center;

  justify-content: center;

}

.navbar-header .header-search .input-icon-addon {

  color: #efffff;

}

.navbar-header .header-search .form-control {

  background: transparent;

  height: 38px;

  font-size: 14px;

  color: #f9ffff;

  border-color: var(--topbar-item-border);

  box-shadow: var(--topbar-item-shadow);

}

.navbar-header .header-search .form-control::placeholder {

  color: var(--topbar-item-border);

  opacity: 1;

}

.navbar-header .topbar-menu {

  display: flex;

  justify-content: space-between;

  position: relative;

}

.navbar-header .topbar-menu.page-container {

  margin: 0;

  padding: 0;

}

.navbar-header .topbar-menu .header-link {

  width: 32px;

  height: 32px;

}

.navbar-header .topbar-menu .header-item {

  display: flex;

  align-items: center;

  justify-content: center;

  height: var(--topbar-height);

}

.navbar-header .topbar-menu .header-item .topbar-link {
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 38px;
    height: 38px;
    border-radius: 25px;
    color: #ffffff;
    border: 1px solid var(--topbar-item-border);
    box-shadow: 0px 0px 2px #9f9f9f;
    padding: 5px;
    position: relative;

}

.navbar-header .topbar-menu .header-item .topbar-link:hover {

  background-color: var(--topbar-item-hover-bg);

  border-color: var(--topbar-item-hover-bg);

}

.navbar-header .topbar-menu .header-item .topbar-link i {

  font-size: 16px;

}

.navbar-header .topbar-menu .header-item .topbar-link.topbar-teal-link {

  background-color: var(--teal-100);

  color: var(--teal);

  border: none;

}

.navbar-header .topbar-menu .header-item .topbar-link.topbar-teal-link:hover {

  background-color: var(--teal);

  color: #fff;

}

.navbar-header .topbar-menu .header-item .topbar-link.topbar-indigo-link {

  background-color: var(--indigo-100);

  color: var(--indigo);

  border: none;

}

.navbar-header .topbar-menu .header-item .topbar-link.topbar-indigo-link:hover {

  background-color: var(--indigo);

  color: #fff;

}

.navbar-header .topbar-menu .header-item .topbar-link.topbar-warning-link {

  background-color: var(--warning-transparent);

  color: var(--warning);

  border: none;

}

.navbar-header .topbar-menu .header-item .topbar-link.topbar-warning-link:hover {

  background-color: var(--warning);

  color: #fff;

}

.navbar-header .topbar-menu .header-item .topbar-link .badge {

  color: #fff;

  font-weight: 700;

  position: absolute;

  top: 6px;

  right: 6px;

  background: var(--primary);

  width: 12px;

  height: 12px;

  font-weight: 400;

  padding: 0;

  font-size: 6px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  justify-content: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

}

.navbar-header ul {

  list-style-type: none;

  margin-bottom: 0;

}

.navbar-header .logo {

  display: none;

}



.sidenav-toggle-btn:hover {

  color: var(--primary);

}

@media (max-width: 991.98px) {

  .sidenav-toggle-btn {

    display: none !important;

  }

}



@media (min-width: 992px) {

  .mobile-btn {

    display: none;

  }

}



html[data-bs-theme=dark] #light-dark-mode .ti-moon::before {

  content: "\eb30";

}



.nav-user {

  display: flex;

  align-items: center;

  gap: 10px;

  border: 1px solid var(--border-color);

  padding: 10px;

  transition: none;

}



.header-search .input-group-sm > .form-control,

.header-search .input-group-sm > .form-select,

.header-search .input-group-sm > .input-group-text,

.header-search .input-group-sm > .btn {

  padding: 0.3rem 0.5rem;

}



.notification-badge {

  position: absolute;

  top: 3px;

  right: 3px;

  width: 6px;

  height: 6px;

  background-color: #FD5812;

  border-radius: 50px;

}



.notification-body {

  min-height: 280px;

  max-height: 280px;

}



.notification-item {

  background-color: var(--white);

  position: relative;

  cursor: pointer;

  border-radius: 0 !important;

}

.notification-item .notification-item-close {

  position: absolute;

  right: 0;

  display: none;

  top: 0;

  bottom: 0;

  padding: 15px;

  background-color: var(--light);

}

.notification-item .notification-action {

  display: none !important;

}

.notification-item .notification-read {

  display: block;

  width: 8px;

  height: 8px;

}

.notification-item .notification-badge {

  height: 22px;

  width: 22px;

  text-align: center;

  color: var(--white);

  top: -12px;

  right: -8px;

  border: 2px solid var(--white);

  line-height: 18px;

  font-size: 11px;

}

.notification-item:hover .notification-item-close {

  display: block;

}

.notification-item:hover .notification-action {

  display: flex !important;

}



.animate-ring {

  animation: tada 1.5s ease infinite;

}



@keyframes tada {

  0% {

    transform: scaleZ(1);

  }

  10%, 20% {

    transform: scale3d(0.95, 0.95, 0.95) rotate3d(0, 0, 1, -10deg);

  }

  30%, 50%, 70%, 90% {

    transform: scaleZ(1) rotate3d(0, 0, 1, 10deg);

  }

  40%, 60%, 80% {

    transform: rotate3d(0, 0, 1, -10deg);

  }

  to {

    transform: scaleZ(1);

  }

}

@media (max-width: 575.98px) {

  .navbar-header .topbar-menu {

    position: initial;

  }

  .navbar-header .dropdown {

    position: static;

  }

  .navbar-header .dropdown .dropdown-menu {

    width: 100%;

    left: 0 !important;

    right: 0 !important;

  }

}

@media (max-width: 767.98px) {

  .navbar-header {

    padding: 0 0.625rem;

  }

  .mobile-btn {

    color: #fff;

  }

  .welcome-card h2 {

    font-size: 16px;

}

.sidebar-contact .toggle-theme  {

  display: none !important;

}

}

[data-layout=hidden] #toggle_btn2 {

  display: block;

}

[data-layout=hidden] .hidden-layout #toggle_btn2 {

  display: none;

}



.header-collapse .navbar-header {

  display: none;

  height: 0;

}

.header-collapse #collapse-header i {

  transform: rotate(180deg);

  -webkit-transform: rotate(180deg);

  -ms-transform: rotate(180deg);

}

.header-collapse .page-wrapper .content {

  padding: 1.25rem;

  min-height: calc(100vh - 39px);

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.sidebar {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  background: #0d2d62;

  border-right: 1px solid var(--menu-item-border);

  margin-top: 0;

  z-index: 99;

  position: fixed;

  top: 0;

  bottom: 0;

  left: 0;

  transition: all 0.25s ease-in-out;

  width: var(--sidenav-width);

}

@media (max-width: 991.98px) {

  .sidebar {

    margin-left: -575px;

    transition: all 0.4s ease;

    z-index: 9999;

    top: 0;

  }

}

.sidebar .sidebar-logo {

  position: fixed;

  line-height: var(--topbar-height);

  width: var(--sidenav-width);

  padding: 0 16px;

  border-bottom: 1px solid var(--menu-item-border);

}

.sidebar .sidebar-logo .logo {

  display: block;

}

.sidebar .sidebar-logo .logo-small, .sidebar .sidebar-logo .dark-logo {

  display: none;

}

@media (min-width: 992px) {

  .sidebar .sidebar-logo #toggle_btn {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 16px;

    width: 22px;

    height: 22px;

    border-radius: 50%;

    color: #edffff;

    font-size: 16px;

  }

}

.sidebar [data-simplebar] {

  top: var(--topbar-height);

  height: calc(100% - var(--topbar-height));

}

@media (max-width: 575.98px) {

  .sidebar [data-simplebar] {

    width: 100% !important;

  }

}

@media (max-width: 991.98px) {

  .sidebar [data-simplebar] {

    height: 100%;

  }

}

.sidebar [data-simplebar] .sidebar-menu {

  margin-top: 0;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  height: 100%;

}

.sidebar .sidebar-inner {

  width: 100%;

}

.sidebar .sidebar-menu {

  margin-top: var(--topbar-height);

  padding: 6px;

}

.sidebar .sidebar-menu ul {

  margin: 0;

  padding-left: 0;

  list-style: none;

  display: flex;

  flex-direction: column;

}

.sidebar .sidebar-menu > ul > li {

  margin-bottom: 3px;

}

.sidebar .sidebar-menu > ul > li:last-child {

  margin-bottom: 0;

}

.sidebar .sidebar-menu > ul > li:first-child.menu-title {

  margin-top: 0;

}

.sidebar .sidebar-menu > ul > li > ul > li > a .count {

  width: 14px;

  height: 14px;

  border-radius: 50%;

  background: var(--danger);

  font-size: 10px;

  display: flex;

  align-items: center;

  justify-content: center;

  color: var(--white);

  flex-shrink: 0;

  margin-left: auto;

  font-weight: 400;

}

.sidebar .sidebar-menu > ul > li > ul > li > a:hover {

  /* background: #fde9e92e; */

  color: var(--primary);

}

.sidebar .sidebar-menu > ul > li > ul > li > a:hover i {

  color: #fff;

  background-color: var(--primary);

}

.sidebar .sidebar-menu > ul > li > ul > li > a:hover .menu-arrow::before {

  border-color: var(--white);

}

.sidebar .sidebar-menu > ul > li:last-child ul {

  margin-bottom: 0;

}

.sidebar .sidebar-menu > ul > li.active a {

  color: var(--white);

}

.sidebar .sidebar-menu > ul > li > a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  padding: 6px 6px;

  gap: 5px;

  position: relative;

  color: #ffffff;

  border-bottom: none;

}

.sidebar .sidebar-menu > ul > li > a.active {

  background: #f38c19;

  border-radius: 6px;

  /* border-left: 2px solid var(--menu-item-active-color); */

}

.sidebar .sidebar-menu > ul > li > a span {

  font-size: 15px;

  font-weight: 400;

  color: #f4f3ff;

}

.sidebar .sidebar-menu > ul > li.submenu ul {

  display: none;

}

.sidebar .sidebar-menu > ul > li.submenu ul li a {

  font-weight: 500;

  font-size: 14px;

  position: relative;

  display: block;

  padding: 8px 8px 8px 40px;

  padding-left: 30px;

}

.sidebar .sidebar-menu > ul > li ul {

  display: flex;

  flex-direction: column;

}

.sidebar .sidebar-menu > ul > li ul li {

  overflow: hidden;

  margin-bottom: 5px;

}

.sidebar .sidebar-menu > ul > li ul li a {

  display: -webkit-box;

  border-radius: 6px;

  display: -ms-flexbox;

  display: flex;

  align-items: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  font-size: 11px;

  color: #f5f5f5;

  font-weight: 500;

  position: relative;

  width: 100%;

  padding: 3px 4px;

}

.sidebar .sidebar-menu > ul > li ul li a i {

  font-size: 11px;

  width: 20px;

  height: 20px;

  background-color: var(--menu-icon-bg);

  /* display: flex; */

  align-items: center;

  justify-content: center;

  border-radius: 5px;

  flex-shrink: 0;

  padding: 5px;

  color: #000;

}

.sidebar .sidebar-menu > ul > li ul li a span {

  white-space: nowrap;

  margin-left: 8px;

}

.sidebar .sidebar-menu > ul > li ul li a.active {

  color: #ffffff;

}

.sidebar .sidebar-menu > ul > li ul li a.active .menu-arrow::before {

  border-color: var(--white);

}

.sidebar .sidebar-menu > ul > li ul li a.active::before {

  opacity: 1;

}

.sidebar .sidebar-menu > ul > li ul > li.active a {

  background: var(--menu-item-active-bg);

  border-radius: 6px;

  color: var(--primary);

}

.sidebar .sidebar-menu > ul > li ul > li.active a i {

  color: #fff;

  background-color: var(--primary);

}

.sidebar .sidebar-menu > ul > li ul > li.active a .menu-arrow::before {

  border-right: 2px solid var(--primary);

  border-bottom: 2px solid var(--primary);

}

.sidebar .sidebar-menu > ul > li ul > li.active a.subdrop {

  background: var(--primary-transparent);

  border-radius: 6px;

  color: var(--primary);

}

.sidebar .sidebar-menu > ul > li ul > li.active a.subdrop i {

  color: var(--white);

  background: var(--white);

}

.sidebar .sidebar-menu > ul > li ul > li.active a.subdrop span {

  color: var(--primary);

}

.sidebar .sidebar-menu > ul > li .submenu ul {

  display: none;

  border: 0;

  padding-top: 0;

  padding-bottom: 0;

  position: relative;

}

.sidebar .sidebar-menu > ul > li .submenu ul li {

  margin: 0;

}

.sidebar .sidebar-menu > ul li.menu-title {

  font-weight: 500;

  letter-spacing: 0;

  font-size: 13px;

  margin: 8px 0 12px;

  text-transform: uppercase;

  position: relative;

  display: flex;

  align-items: center;

  border: 0;

  color: #de9334;

}

.sidebar .sidebar-menu > ul li.menu-title span {

  flex-shrink: 0;

}

.sidebar .sidebar-menu > ul li .submenu > ul {

  margin: 4px 0 0;

  position: relative;

}

.sidebar .sidebar-menu > ul li .submenu > ul li a {

  padding: 8px 4px 8px 36px;

  font-size: 13px;

  position: relative;

  color: var(--menu-item-color);

  font-weight: 400;

}

.sidebar .sidebar-menu > ul li .submenu > ul li a.active {

  color: var(--submenu-active-color);

}

.sidebar .sidebar-menu > ul li .submenu > ul li a.active::before {

  opacity: 1;

}

.sidebar .sidebar-menu > ul li .submenu > ul li a.active::after {

  background-color: var(--submenu-active-color);

}

.sidebar .sidebar-menu > ul li .submenu > ul li a:hover {

  color: var(--submenu-active-color);

}

.sidebar .sidebar-menu > ul li .submenu > ul li a:hover::after {

  background-color: var(--submenu-active-color);

}

.sidebar .sidebar-menu > ul li .submenu > ul li a:hover .menu-arrow::before {

  border-color: var(--menu-item-hover-color);

}

.sidebar .sidebar-menu > ul li .submenu > ul li a::after {

  position: absolute;

  content: "";

  background-color: var(--menu-item-color);

  width: 8px;

  height: 8px;

  left: 20px;

  top: 50%;

  border-radius: 50%;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

}

.sidebar .sidebar-menu > ul li .submenu > ul li a::before {

  position: absolute;

  content: "";

  background-color: var(--menu-item-border);

  width: 0.5px;

  height: 8px;

  left: 22.5px;

  top: -2px;

}

.sidebar .sidebar-menu > ul li .submenu > a.subdrop {

  background: var(--menu-item-active-bg);

  border-radius: 6px;

  color: var(--primary);

}

.sidebar .sidebar-menu > ul li .submenu > a.subdrop i {

  color: #fff;

  background-color: var(--primary);

}

.sidebar .sidebar-menu > ul li .submenu > a.subdrop .menu-arrow::before {

  border-color: var(--primary);

}

.sidebar .sidebar-menu > ul li .submenu > a.active {

  background: var(--menu-item-active-bg);

  border-radius: 6px;

  color: var(--primary);

}

.sidebar .sidebar-menu > ul li .submenu > a.active i {

  color: #fff;

  background-color: var(--primary);

}

.sidebar .sidebar-menu > ul li .submenu.submenu-two a.subdrop {

  background: transparent;

  color: var(--menu-item-active-color);

  border: 0;

}

.sidebar .sidebar-menu > ul li .submenu.submenu-two a.subdrop .menu-arrow::before {

  border-color: var(--menu-item-active-color);

}

.sidebar .sidebar-menu > ul li .submenu.submenu-two a.active {

  background: transparent;

  color: var(--menu-active-color);

  border: 0;

}

.sidebar .sidebar-menu > ul li .submenu.submenu-two a.active .menu-arrow::before {

  border-color: var(--menu-active-color);

}

.sidebar .sidebar-menu > ul li .submenu.submenu-two ul {

  margin-top: 0;

}

.sidebar .sidebar-menu > ul li .submenu.submenu-two ul li {

  margin-left: 20px;

}

.sidebar .sidebar-menu > ul li .submenu.submenu-two.submenu-three ul li {

  margin-left: 20px;

}

.sidebar .sidebar-menu .menu-arrow {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  justify-content: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  text-rendering: auto;

  line-height: 40px;

  font-size: 18px;

  line-height: 16px;

  width: 16px;

  height: 16px;

  border-radius: 50%;

  position: absolute;

  top: 50%;

  right: 6px;

  transform: translatey(-50%);

  transition: all 0.2s ease;

}

.sidebar .sidebar-menu .menu-arrow::before {

  position: absolute;

  right: 0;

  top: 50%;

  content: "\ea5f";

  font-family: "tabler-icons";

  margin-right: 0;

  font-size: 11px;

  display: inline-block;

  transform: translateY(-50%);

}

.sidebar .sidebar-menu .menu-arrow.inside-submenu {

  right: 10px;

}

.sidebar .sidebar-menu.subdrop .menu-arrow {

  transform: translateY(-50%) rotate(90deg);

  background: #FFEDDC;

}

.sidebar li a.subdrop .menu-arrow::before {

  content: "\ea62";

}



@media (min-width: 992px) {

  .mini-sidebar .page-wrapper {

    margin-left: var(--sidenav-width-sm);

  }

  .mini-sidebar .header-left #toggle_btn {

    opacity: 1;

    transform: rotate(180deg);

  }

  .mini-sidebar .header-left #toggle_btn:after {

    border: 0;

  }

  .mini-sidebar .sidebar .sidebar-menu .clinicdropdown > a {

    padding: 5px;

  }

  .mini-sidebar.expand-menu .header-left #toggle_btn {

    opacity: 1;

    transform: rotate(180deg);

  }

  .mini-sidebar.expand-menu .sidebar .sidebar-menu .clinicdropdown > a {

    padding: 10px 15px;

  }

  .mini-sidebar .sidebar-right {

    display: none;

  }

  .mini-sidebar .sidebar {

    width: var(--sidenav-width-sm);

    overflow: hidden;

  }

  .mini-sidebar .sidebar .sidebar-menu ul li a span, .mini-sidebar .sidebar .sidebar-menu ul li a .count {

    display: none;

  }

  .mini-sidebar .sidebar .sidebar-menu ul li .menu-title {

    font-size: 0;

  }

  .mini-sidebar .sidebar .sidebar-menu ul li .menu-title::after {

    margin-left: 0;

  }

  .mini-sidebar .sidebar .sidebar-menu ul li svg {

    margin-right: 0;

  }

  .expand-menu.mini-sidebar .navbar-header {

    margin-left: var(--sidenav-width);

  }

}

@media (min-width: 992px) and (min-width: 992px) {

  .expand-menu.mini-sidebar .navbar-header #toggle_btn {

    left: -32px;

    background: transparent;

    color: var(--gray-900);

  }

}

@media (min-width: 992px) {

  .expand-menu.mini-sidebar #toggle_btn {

    opacity: 1;

  }

  .expand-menu.mini-sidebar #toggle_btn i {

    transform: rotate(180deg);

  }

  .expand-menu.mini-sidebar .sidebar {

    width: var(--sidenav-width);

  }

  .expand-menu.mini-sidebar .sidebar .sidebar-logo {

    width: var(--sidenav-width);

  }

  .expand-menu.mini-sidebar .sidebar .sidebar-logo .logo {

    display: block;

  }

  .expand-menu.mini-sidebar .sidebar .sidebar-logo .logo-small {

    display: none;

    text-align: center;

  }

  .expand-menu.mini-sidebar .sidebar .sidebar-menu ul li a .count {

    display: flex;

  }

  .expand-menu.mini-sidebar .sidebar .sidebar-menu .menu-title {

    display: flex;

  }

  .expand-menu.mini-sidebar .sidebar .sidebar-menu .menu-title::after {

    margin-left: 8px;

  }

  .expand-menu.mini-sidebar .sidebar .user-names {

    display: none;

  }

  .expand-menu .sidebar-right {

    display: block;

    transition: all 0.2s ease;

  }

  .expand-menu .sidebar {

    width: var(--sidenav-width);

  }

  .expand-menu .sidebar .sidebar-menu ul > li > a span {

    display: inline-block;

  }

  .expand-menu .sidebar .sidebar-menu .menu-title {

    display: flex;

  }

  #toggle_btn {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    align-items: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    justify-content: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    color: var(--topbar-item-color);

  }

  #toggle_btn.active {

    border: 0;

    background: transparent;

  }

  #toggle_btn:hover {

    color: var(--topbar-item-hover-color);

  }

}

.mini-sidebar .navbar-header {

  margin-left: var(--sidenav-width-sm);

}

@media (max-width: 991.98px) {

  .mini-sidebar .navbar-header {

    left: 0;

    margin-left: 0;

  }

}

.mini-sidebar #toggle_btn {

  opacity: 0;

}

.mini-sidebar .sidebar .sidebar-logo {

  width: var(--sidenav-width-sm);

}

.mini-sidebar .sidebar .sidebar-logo .logo {

  display: none;

}

.mini-sidebar .sidebar .sidebar-logo .logo-small {

  display: block;

  text-align: center;

}

@media (max-width: 991.98px) {

  .mini-sidebar .sidebar .sidebar-logo {

    width: 240px;

  }

  .mini-sidebar .sidebar .sidebar-logo .logo-small {

    display: none;

  }

  .mini-sidebar .sidebar .sidebar-logo .logo {

    display: block;

  }

}

.mini-sidebar .sidebar .sidebar-menu > ul li {

  position: relative;

}

.mini-sidebar .sidebar .sidebar-menu > ul li.menu-title {

  display: none;

}

@media (min-width: 992px) {

  .mini-sidebar .sidebar .sidebar-menu > ul li.menu-title span {

    display: none;

  }

}

.mini-sidebar .sidebar .sidebar-menu > ul li:first-child.menu-title::before {

  content: none;

}

.mini-sidebar .sidebar .sidebar-menu > ul li a {

  justify-content: center;

  height: 38px;

}

.mini-sidebar.expand-menu .sidebar .sidebar-menu > ul > li.submenu-open ul li a {

  justify-content: left;

  -webkit-justify-content: left;

  -ms-flex-pack: left;

  padding-left: 18px;

}

.mini-sidebar.expand-menu .sidebar .sidebar-menu > ul > li ul > li.active a {

  justify-content: start;

}

.mini-sidebar.expand-menu .sidebar .user-names {

  display: block !important;

}

.mini-sidebar.expand-menu .sidebar .sidebar-menu > ul li.menu-title::before {

  content: none;

}

.mini-sidebar.expand-menu .sidebar .sidebar-menu > ul li.menu-title span {

  display: block;

}

.mini-sidebar.expand-menu .sidebar .sidebar-menu > ul li a {

  justify-content: start;

}



.slide-nav .sidebar {

  margin-left: 0;

}



.mini-sidebar .slide-nav .sidebar .sidebar-menu > ul li a {

  justify-content: start;

}

.mini-sidebar .slide-nav .active.subdrop ~ ul {

  display: block !important;

}



.sidebar-overlay {

  display: none;

  height: 100%;

  width: 100%;

  z-index: 1050;

  background-color: rgba(0, 0, 0, 0.6);

  position: fixed;

  top: 0;

  left: 0;

}

.sidebar-overlay.opened {

  display: block;

}



.mini-sidebar .active.subdrop ~ ul {

  display: none !important;

}



.mini-sidebar.expand-menu .active.subdrop ~ ul {

  display: block !important;

}



.active.subdrop ~ ul {

  display: block !important;

}



.mini-sidebar.expand-menu .navbar-header #toggle_btn {

  opacity: 1;

}



.sidebar-close {

  display: none;

  z-index: 1;

  position: absolute;

  background: transparent;

  border: none;

  top: 0;

  right: 10px;

  cursor: pointer;

  color: var(--menu-item-color);

  line-height: var(--topbar-height);

  font-size: 20px;

}

.sidebar-close:hover, .sidebar-close:focus, .sidebar-close:active {

  color: var(--menu-item-hover-color);

}

@media (max-width: 991.98px) {

  .sidebar-close {

    display: block;

  }

}



[data-layout=full-width] .mobile-btn {

  display: block;

}

[data-layout=full-width] .slide-nav .sidebar {

  margin-left: 0;

  transition: all 0.4s ease;

  z-index: 9999;

  top: 0;

  opacity: 1;

}

[data-layout=full-width] .sidenav-toggle-btn {

  display: none !important;

}

[data-layout=full-width] .sidebar-close {

  display: block;

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.page-wrapper {

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  transition: all 0.5s ease;

  margin: 0 0 0 var(--sidenav-width);

  display: flex;

  flex-direction: column;

  position: relative;

  left: 0;

  min-height: calc(100vh - (var(--topbar-height) + 1px));

  -webkit-transition: all 0.2s ease;

  -ms-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

@media (max-width: 991.98px) {

  .page-wrapper {

    margin: 0;

  }

}

.page-wrapper .content {

  padding: 1.25rem;

  min-height: calc(100vh - 96px);

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.footer {

  margin-top: auto;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 8px 20px;

  color: var(--gray-500);

  -webkit-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  transition: all 0.5s ease;

  border-top: 1px solid var(--border-color);

  background-color: var(--white);

}

.footer .footer-links a {

  color: var(--gray-500);

  transition: all 0.4s;

}

.footer .footer-links a:hover {

  color: var(--primary);

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.sidebar-contact {

  position: fixed;

  top: 0%;

  right: -350px;

  transform: translateY(-50%);

  width: 350px;

  height: auto;

  background: var(--white);

  box-sizing: border-box;

  transition: 0.5s;

  z-index: 9999;

}

.sidebar-contact .toggle-theme {

  position: absolute;

  width: 35px;

  text-align: center;

  cursor: pointer;

  background: var(--primary);

  top: 225px;

  right: 350px;

  padding: 6px;

  height: 35px;

  color: #fff;

  border-top-left-radius: 3px;

  border-bottom-left-radius: 3px;

  display: flex;

  align-items: center;

  justify-content: center;

}

.sidebar-contact .toggle-theme .ti-spin {

  -webkit-animation: rotate 2s infinite linear;

  animation: rotate 2s linear infinite;

  display: inline-block;

}

@keyframes rotate {

  100% {

    transform: rotate(360deg);

  }

}



#theme-settings {

  width: 26px;

  height: 26px;

  border: 1px solid var(--gray-200);

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50px;

}



.input-themeselect label {

  width: 100%;

}



.sidebar-themesettings {

  transition: all 0.5s;

  width: 400px !important;

  height: 100vh;

  z-index: 99999;

  overflow: auto;

  max-width: 100%;

}

.sidebar-themesettings.open {

  right: 0;

}

.sidebar-themesettings .offcanvas-header {

  position: relative;

}

.sidebar-themesettings .offcanvas-header h5 {

  color: #fff;

}

.sidebar-themesettings .offcanvas-header .close {

  color: #fff;

  font-size: 20px;

}

.sidebar-themesettings .offcanvas-header .close:hover {

  color: var(--danger);

}

.sidebar-themesettings .offcanvas-body .bg-dark {

  background: #0A0C0C !important;

}

.sidebar-themesettings .offcanvas-body .bg-light {

  background: #F7F8F9 !important;

}

.sidebar-themesettings .offcanvas-body .bg-white {

  background: #fff !important;

}

.sidebar-themesettings .offcanvas-body .bg-primary {

  background: #E41F07 !important;

}

.sidebar-themesettings .offcanvas-body .bg-primary-gradient {

  background-image: linear-gradient(180deg, #18ACCF 0%, #0F59AD 100%) !important;

}

.sidebar-themesettings .themesettings-inner .accordion-button {

  background-color: transparent;

  font-size: 16px;

  font-weight: 600;

}

.sidebar-themesettings .input-themeselect {

  background: var(--light);

  padding: 10px;

  border-radius: 10px;

  border: 1px solid var(--gray-200);

  margin-bottom: 15px;

}

.sidebar-themesettings .input-themeselect input[type=radio] {

  display: none;

}

.sidebar-themesettings .input-themeselect input[type=radio]:checked ~ label .checkboxs-theme:after {

  background-color: var(--purple);

  border-color: var(--purple);

  content: "";

}

.sidebar-themesettings .input-themeselect input[type=radio]:checked ~ label .checkboxs-theme::before {

  content: "\f00c";

  font-family: "Font Awesome 5 Free";

  color: var(--white);

  font-weight: 700;

  font-size: 10px;

  right: 4px;

  position: absolute;

  top: -14px;

  z-index: 9;

}

.sidebar-themesettings .input-themeselect img {

  height: 80px;

}

.sidebar-themesettings .input-themeselect .checkboxs-theme {

  position: relative;

  width: 100%;

  display: block;

}

.sidebar-themesettings .input-themeselect .checkboxs-theme:after {

  position: absolute;

  content: "";

  border: 1px solid var(--border-color);

  width: 16px;

  height: 16px;

  border-radius: 5px;

  right: 0;

  top: -17px;

}



.sidebar-themeoverlay {

  position: fixed;

  width: 100%;

  height: 100vh;

  background: rgba(var(--dark-rgb), 0.75);

  top: 0;

  left: -100%;

  z-index: 10000;

}

.sidebar-themeoverlay.open {

  left: 0;

}



.sidebar-themesettings.offcanvas.offcanvas-end {

  width: 400px !important;

}



.theme-colorsset {

  line-height: 0;

}

.theme-colorsset label {

  width: 34px;

  height: 34px;

  border-radius: 50%;

  position: relative;

  border: 1px solid var(--gray-200);

}

.theme-colorsset label::before {

  width: 24px;

  height: 24px;

  position: absolute;

  top: 50%;

  left: 50%;

  content: "";

  transform: translate(-50%, -50%);

  border-radius: 50%;

}

.theme-colorsset label.primary-clr::before {

  background: var(--primary);

}

.theme-colorsset label.secondary-clr::before {

  background: var(--secondary);

}

.theme-colorsset label.purple-clr::before {

  background: var(--purple);

}

.theme-colorsset label.indigo-clr::before {

  background: var(--indigo);

}

.theme-colorsset label.pink-clr::before {

  background: var(--pink);

}

.theme-colorsset label.info-clr::before {

  background: var(--info);

}

.theme-colorsset label.teal-clr::before {

  background: var(--teal);

}

.theme-colorsset label.orange-clr::before {

  background: var(--orange);

}

.theme-colorsset label.warning-clr::before {

  background: var(--warning);

}

.theme-colorsset label.success-clr::before {

  background: var(--success);

}

.theme-colorsset label.danger-clr::before {

  background: var(--danger);

}

.theme-colorsset input[type=radio] {

  display: none;

}

.theme-colorsset input[type=radio]:checked ~ label {

  border-color: var(--primary);

}

.theme-colorsset input[type=radio]:checked ~ label:after {

  content: "\ea5e";

  font-family: "tabler-icons" !important;

  color: var(--primary);

  font-weight: 700;

  font-size: 8px;

  display: flex;

  align-items: center;

  justify-content: center;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  position: absolute;

  width: 12px;

  height: 12px;

  background: var(--white);

  border: 1px solid var(--gray-200);

  border-radius: 4px;

}



.theme-layout {

  text-align: center;

}

.theme-layout.active img {

  border: 1px solid var(--primary);

  border-radius: 5px;

}

.theme-layout input[type=radio] {

  display: none;

}

.theme-layout input[type=radio]:checked ~ label .layout-img .theme-check {

  display: block;

}

.theme-layout input[type=radio]:checked ~ label .layout-type {

  position: relative;

}

.theme-layout label .layout-img {

  position: relative;

}

.theme-layout label .layout-img .theme-check {

  width: 18px;

  height: 18px;

  background-color: var(--success);

  color: #fff;

  display: block;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  display: none;

}

.theme-layout label .layout-img img {

  border-radius: 5px;

}

.theme-layout label .layout-type {

  color: var(--gray-900);

  font-weight: 500;

}

.theme-layout label:after {

  display: none;

}

.theme-layout .layout-img img {

  border: 1px solid var(--gray-200);

  border-radius: 5px;

}



.theme-sidebarcolor input[type=radio] {

  display: none;

}

.theme-sidebarcolor input[type=radio]:checked ~ label {

  border-color: var(--primary) !important;

  position: relative;

}

.theme-sidebarcolor input[type=radio]:checked ~ label:after {

  content: "\f058";

  font-family: "Fontawesome";

  color: var(--primary);

  font-weight: 700;

  font-size: 12px;

  display: flex;

  align-items: center;

  justify-content: center;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  position: absolute;

}

.theme-sidebarcolor input[type=radio]:checked ~ label.bg-dark:after {

  color: #fff;

}

.theme-sidebarcolor label {

  width: 29px;

  height: 46px;

  border: 1px solid var(--gray-200);

}



.theme-colorselect {

  line-height: 0;

}

.theme-colorselect input[type=radio] {

  display: none;

}

.theme-colorselect input[type=radio]:checked ~ label .theme-check {

  display: flex;

  align-items: center;

  justify-content: center;

}

.theme-colorselect input[type=radio]:checked ~ label::after {

  display: none;

}

.theme-colorselect input[type=radio]:checked ~ label.primary-topbar:after, .theme-colorselect input[type=radio]:checked ~ label.dark-topbar:after {

  color: #fff;

}

.theme-colorselect label {

  width: 28px;

  height: 45px;

  border-radius: 5px;

  position: relative;

  outline-offset: 3px;

  outline: 1px solid var(--border-color);

}

.theme-colorselect label.white-topbar {

  background: var(--white);

  border: 1px solid var(--light);

}

.theme-colorselect label .theme-check {

  width: 18px;

  height: 18px;

  background-color: var(--success);

  color: var(--white);

  display: block;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  display: none;

}



.topbar-background .theme-colorselect input[type=radio]:checked ~ label .theme-check {

  display: flex;

  align-items: center;

  justify-content: center;

}

.topbar-background .theme-colorselect input[type=radio]:checked ~ label::after {

  display: none;

}

.topbar-background .theme-colorselect label {

  width: 25px;

  height: 25px;

}



.invoice-logo-white {

  display: none;

}



#compose-close {

  opacity: 1;

}



[data-layout=full-width] .full-width .sidebar {

  margin-left: 0;

  opacity: 1;

  width: var(--sidenav-width);

  z-index: 9999;

}

[data-layout=full-width] .full-width .sidebar .sidebar-close {

  display: block;

}

[data-layout=full-width] .full-width .slide-nav .sidebar {

  margin-left: 0;

}

[data-layout=full-width] .navbar-header {

  margin-left: 0;

}

@media (min-width: 992px) {

  [data-layout=full-width] .sidebar {

    margin-left: calc(var(--sidenav-width) * -1);

    opacity: 0;

  }

}

[data-layout=full-width] .page-wrapper {

  margin-left: 0;

}



[data-layout=hidden] .hidden-layout .sidebar {

  margin-left: 0;

  opacity: 1;

  width: var(--sidenav-width);

}

[data-layout=hidden] .hidden-layout .navbar-header {

  margin-left: var(--sidenav-width);

}

[data-layout=hidden] .hidden-layout .page-wrapper {

  margin-left: var(--sidenav-width);

}

[data-layout=hidden] .navbar-header {

  margin-left: 0;

}

@media (min-width: 992px) {

  [data-layout=hidden] .sidebar {

    margin-left: calc(var(--sidenav-width) * -1);

    opacity: 0;

  }

}

[data-layout=hidden] .page-wrapper {

  margin-left: 0;

}



[data-sidebar=sidebar3] .sidebar .dark-logo, [data-sidebar=sidebar4] .sidebar .dark-logo, [data-sidebar=sidebar5] .sidebar .dark-logo,

[data-sidebar=sidebar6] .sidebar .dark-logo, [data-sidebar=sidebar7] .sidebar .dark-logo, [data-sidebar=sidebar8] .sidebar .dark-logo, [data-sidebar=gradientsidebar1] .sidebar .dark-logo,

[data-sidebar=gradientsidebar2] .sidebar .dark-logo, [data-sidebar=gradientsidebar3] .sidebar .dark-logo, [data-sidebar=gradientsidebar4] .sidebar .dark-logo,

[data-sidebar=gradientsidebar5] .sidebar .dark-logo, [data-sidebar=gradientsidebar6] .sidebar .dark-logo, [data-sidebar=gradientsidebar7] .sidebar .dark-logo {

  display: block;

}

[data-sidebar=sidebar3] .sidebar .logo, [data-sidebar=sidebar4] .sidebar .logo, [data-sidebar=sidebar5] .sidebar .logo,

[data-sidebar=sidebar6] .sidebar .logo, [data-sidebar=sidebar7] .sidebar .logo, [data-sidebar=sidebar8] .sidebar .logo, [data-sidebar=gradientsidebar1] .sidebar .logo,

[data-sidebar=gradientsidebar2] .sidebar .logo, [data-sidebar=gradientsidebar3] .sidebar .logo, [data-sidebar=gradientsidebar4] .sidebar .logo,

[data-sidebar=gradientsidebar5] .sidebar .logo, [data-sidebar=gradientsidebar6] .sidebar .logo, [data-sidebar=gradientsidebar7] .sidebar .logo {

  display: none;

}

@media (min-width: 992px) {

  [data-sidebar=sidebar3] .mini-sidebar .sidebar .sidebar-logo .dark-logo, [data-sidebar=sidebar4] .mini-sidebar .sidebar .sidebar-logo .dark-logo, [data-sidebar=sidebar5] .mini-sidebar .sidebar .sidebar-logo .dark-logo,

  [data-sidebar=sidebar6] .mini-sidebar .sidebar .sidebar-logo .dark-logo, [data-sidebar=sidebar7] .mini-sidebar .sidebar .sidebar-logo .dark-logo, [data-sidebar=sidebar8] .mini-sidebar .sidebar .sidebar-logo .dark-logo, [data-sidebar=gradientsidebar1] .mini-sidebar .sidebar .sidebar-logo .dark-logo,

  [data-sidebar=gradientsidebar2] .mini-sidebar .sidebar .sidebar-logo .dark-logo, [data-sidebar=gradientsidebar3] .mini-sidebar .sidebar .sidebar-logo .dark-logo, [data-sidebar=gradientsidebar4] .mini-sidebar .sidebar .sidebar-logo .dark-logo,

  [data-sidebar=gradientsidebar5] .mini-sidebar .sidebar .sidebar-logo .dark-logo, [data-sidebar=gradientsidebar6] .mini-sidebar .sidebar .sidebar-logo .dark-logo, [data-sidebar=gradientsidebar7] .mini-sidebar .sidebar .sidebar-logo .dark-logo {

    display: none !important;

  }

  [data-sidebar=sidebar3] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo, [data-sidebar=sidebar4] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo, [data-sidebar=sidebar5] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo,

  [data-sidebar=sidebar6] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo, [data-sidebar=sidebar7] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo, [data-sidebar=sidebar8] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo, [data-sidebar=gradientsidebar1] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo,

  [data-sidebar=gradientsidebar2] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo, [data-sidebar=gradientsidebar3] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo, [data-sidebar=gradientsidebar4] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo,

  [data-sidebar=gradientsidebar5] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo, [data-sidebar=gradientsidebar6] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo, [data-sidebar=gradientsidebar7] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo {

    display: none !important;

  }

  [data-sidebar=sidebar3] .mini-sidebar.expand-menu .sidebar .sidebar-logo .dark-logo, [data-sidebar=sidebar4] .mini-sidebar.expand-menu .sidebar .sidebar-logo .dark-logo, [data-sidebar=sidebar5] .mini-sidebar.expand-menu .sidebar .sidebar-logo .dark-logo,

  [data-sidebar=sidebar6] .mini-sidebar.expand-menu .sidebar .sidebar-logo .dark-logo, [data-sidebar=sidebar7] .mini-sidebar.expand-menu .sidebar .sidebar-logo .dark-logo, [data-sidebar=sidebar8] .mini-sidebar.expand-menu .sidebar .sidebar-logo .dark-logo, [data-sidebar=gradientsidebar1] .mini-sidebar.expand-menu .sidebar .sidebar-logo .dark-logo,

  [data-sidebar=gradientsidebar2] .mini-sidebar.expand-menu .sidebar .sidebar-logo .dark-logo, [data-sidebar=gradientsidebar3] .mini-sidebar.expand-menu .sidebar .sidebar-logo .dark-logo, [data-sidebar=gradientsidebar4] .mini-sidebar.expand-menu .sidebar .sidebar-logo .dark-logo,

  [data-sidebar=gradientsidebar5] .mini-sidebar.expand-menu .sidebar .sidebar-logo .dark-logo, [data-sidebar=gradientsidebar6] .mini-sidebar.expand-menu .sidebar .sidebar-logo .dark-logo, [data-sidebar=gradientsidebar7] .mini-sidebar.expand-menu .sidebar .sidebar-logo .dark-logo {

    display: block !important;

  }

}



[data-bs-theme=dark] .header .header-left .logo {

  display: none;

}

[data-bs-theme=dark] .header .header-left .dark-logo {

  display: block;

}

[data-bs-theme=dark] .sidebar .sidebar-logo .logo {

  display: none;

}

[data-bs-theme=dark] .sidebar .sidebar-logo .dark-logo {

  display: block;

}

[data-bs-theme=dark] .mini-sidebar .sidebar .sidebar-logo .dark-logo {

  display: none;

}

[data-bs-theme=dark] .mini-sidebar.expand-menu .sidebar .sidebar-logo .dark-logo {

  display: block;

}

[data-bs-theme=dark] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo-small, [data-bs-theme=dark] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo {

  display: none;

}

[data-bs-theme=dark] .offcanvas-backdrop, [data-bs-theme=dark] .modal-backdrop.show, [data-bs-theme=dark] .sidebar-overlay {

  background-color: rgba(0, 0, 0, 0.75);

}

[data-bs-theme=dark] .badge.bg-dark {

  color: var(--gray-900);

}

[data-bs-theme=dark] .table .table-dark th {

  background-color: var(--white);

}

[data-bs-theme=dark] .signature {

  filter: invert(1) brightness(2);

}

[data-bs-theme=dark] .invoice-logo-white {

  display: block;

}

[data-bs-theme=dark] .invoice-logo {

  display: none;

}

[data-bs-theme=dark] #compose-close {

  filter: invert(0) grayscale(100%) brightness(0%);

}

[data-bs-theme=dark] .fc-event.bg-dark .fc-event-time, [data-bs-theme=dark] .fc-event.bg-dark .fc-event-title {

  color: #000 !important;

}

[data-bs-theme=dark] .alert.alert-dark {

  background: #0A0C0C !important;

  border-color: #0A0C0C !important;

  color: var(--gray-900);

}

[data-bs-theme=dark] .btn-outline-light:hover, [data-bs-theme=dark] .btn-outline-light.disabled, [data-bs-theme=dark] .btn-outline-light:disabled {

  background-color: #084298;

}

[data-bs-theme=dark] .dropdown-menu .dropdown-item {

  color: #d9dcff;

}

[data-bs-theme=dark] .bg-soft-dark {

  background-color: #272738 !important;

}

[data-bs-theme=dark] .topbar-warning-link {

  background-color: #fef8e6 !important;

}

[data-bs-theme=dark] .offcanvas-header .btn-close {

  background-color: transparent;

}

[data-bs-theme=dark] .offcanvas-header .btn-close::before {

  background-color: #000;

}

[data-bs-theme=dark] .filter-header .btn-close {

  background-color: transparent;

}

[data-bs-theme=dark] .filter-header .btn-close::before {

  background-color: #000;

}

[data-bs-theme=dark] .modal-header .btn-close {

  background-color: transparent;

}

[data-bs-theme=dark] .modal-header .btn-close::before {

  background-color: #000;

}

[data-bs-theme=dark] .btn-close.btn-close-white {

  background-color: #fff;

}

[data-bs-theme=dark] .btn-close.btn-close-white::before {

  background-color: #000;

}



[data-sidebar=sidebar2][data-bs-theme=dark] .sidebar .dark-logo {

  display: none;

}

[data-sidebar=sidebar2][data-bs-theme=dark] .sidebar .logo {

  display: block;

}

@media (min-width: 992px) {

  [data-sidebar=sidebar2][data-bs-theme=dark] .mini-sidebar .sidebar .sidebar-logo .dark-logo, [data-sidebar=sidebar2][data-bs-theme=dark] .mini-sidebar .sidebar .sidebar-logo .logo {

    display: none !important;

  }

  [data-sidebar=sidebar2][data-bs-theme=dark] .mini-sidebar .sidebar .dark-logo, [data-sidebar=sidebar2][data-bs-theme=dark] .mini-sidebar .sidebar .logo {

    display: none !important;

  }

  [data-sidebar=sidebar2][data-bs-theme=dark] .mini-sidebar.expand-menu .sidebar .sidebar-logo .logo {

    display: block !important;

  }

  [data-sidebar=sidebar2][data-bs-theme=dark] .mini-sidebar.expand-menu .sidebar .sidebar-logo .dark-logo {

    display: none !important;

  }

}



.dark-logo {

  display: none;

}



[data-bs-theme=dark] .btn:active, [data-bs-theme=dark] .btn:focus, [data-bs-theme=dark] .btn.hover {

  color: #fff;

}

[data-bs-theme=dark] .btn.active {

  color: #fff !important;

  border-color: var(--primary) !important;

}

[data-bs-theme=dark] .dark-logo {

  display: block;

}

[data-bs-theme=dark] .invoice-light-logo {

  display: none;

}

[data-bs-theme=dark] .welcome-wrap .bg-dark {

  background: var(--black) !important;

}

[data-bs-theme=dark] .welcome-wrap h2, [data-bs-theme=dark] .welcome-wrap p {

  color: var(--white) !important;

}

[data-bs-theme=dark] .bg-soft-indigo {

  color: var(--indigo);

}

[data-bs-theme=dark] .bg-soft-indigo:hover {

  color: var(--white);

}

[data-bs-theme=dark] .border {

  border-color: var(--border-color) !important;

}

[data-bs-theme=dark] .dropdown-menu .form-check-reverse .form-check-label {

  color: var(--gray-900);

}

[data-bs-theme=dark] .dropdown-menu .form-check-reverse:hover .form-check-label {

  color: var(--body-color);

}

[data-bs-theme=dark] .avatar.bg-primary.text-white {

  color: var(--white) !important;

}

[data-bs-theme=dark] #preview .offcanvas-body .bg-light {

  background: var(--light) !important;

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

[dir=rtl] .navbar-header .header-search .header-search-icon {

  right: auto;

  left: 5px;

}

[dir=rtl] .navbar-header .profile-dropdown label i {

  margin-right: 0;

  margin-left: 8px;

}

[dir=rtl] .dropdown-item, [dir=rtl] .dropdown-menu {

  text-align: right;

}

[dir=rtl] .input-group-flat .form-control:not(:last-child) {

  border-left: 0;

  border-right: 1px solid;

}

[dir=rtl] .input-group-flat .form-control:not(:first-child) {

  border-right: 0;

  border-left: 1px solid;

}

[dir=rtl] .input-group-flat .input-group-text:first-child {

  padding-left: 0;

  padding-right: 0.5rem;

}

[dir=rtl] .input-group-flat .input-group-text:last-child {

  padding-right: 0;

  padding-left: 0.5rem;

}

[dir=rtl] .simplebar-track {

  left: 0;

  right: auto;

}

[dir=rtl] .sidebar-close {

  left: 10px;

  right: auto;

}

[dir=rtl] .dataTables_length {

  float: right;

}

[dir=rtl] .breadcrumb-item + .breadcrumb-item::before {

  float: right;

  padding-right: 0;

  padding-left: 0.25rem;

}

[dir=rtl] .breadcrumb-item + .breadcrumb-item {

  padding-left: 0;

  padding-right: 0.25rem;

}

[dir=rtl] .slide-nav .sidebar {

  margin-right: 0;

}

[dir=rtl] .header #toggle_btn {

  left: auto;

  right: -12px;

}

@media (min-width: 992px) {

  [dir=rtl] .header .dropdown-menu {

    left: 0 !important;

    right: unset !important;

  }

}

[dir=rtl] .sidebar {

  right: 0;

  border-right: 0;

  border-left: 1px solid var(--border-color);

}

@media (max-width: 991.98px) {

  [dir=rtl] .sidebar {

    right: 0;

  }

}

[dir=rtl] .sidebar .sidebar-logo #toggle_btn {

  right: auto;

  left: 16px;

}

[dir=rtl] .sidebar .sidebar-menu ul {

  padding-right: 0;

}

[dir=rtl] .sidebar .sidebar-menu > ul > li ul > li.active a {

  border-left: 0;

  border-right: 2px solid var(--primary);

}

[dir=rtl] .sidebar .sidebar-menu > ul > li .submenu ul::before {

  right: 14px;

  left: unset;

}

[dir=rtl] .sidebar .sidebar-menu > ul > li .submenu > ul li a {

  padding: 8px 36px 8px 16px;

}

[dir=rtl] .sidebar .sidebar-menu > ul > li .submenu > ul li a::before {

  right: 13px;

  left: unset;

}

[dir=rtl] .sidebar .sidebar-menu > ul > li .submenu > ul li a::after {

  left: 0;

  right: 10px;

}

[dir=rtl] .sidebar .sidebar-menu > ul li .submenu.submenu-two ul li {

  margin: 0 20px 0 0;

}

[dir=rtl] .sidebar .sidebar-menu > ul ul li a span {

  margin-right: 8px;

  margin-left: 0;

}

[dir=rtl] .sidebar .sidebar-menu .menu-arrow {

  left: 10px;

  right: unset;

}

[dir=rtl] .sidebar .sidebar-menu > ul > li .submenu-hdr::after {

  margin-right: 8px;

  margin-left: 0;

}

@media (max-width: 991.98px) {

  [dir=rtl] .sidebar {

    margin-right: -575px;

  }

}

[dir=rtl] .page-wrapper {

  margin-right: var(--sidenav-width);

  margin-left: 0;

}

@media (max-width: 991.98px) {

  [dir=rtl] .page-wrapper {

    margin-right: 0;

  }

}

@media (min-width: 992px) {

  [dir=rtl] .navbar-header {

    margin-right: var(--sidenav-width);

    margin-left: 0;

  }

}

[dir=rtl] .navbar-header .input-group input {

  border-right: 1px solid var(--border-color) !important;

  border-top-left-radius: 0 !important;

  border-bottom-left-radius: 0 !important;

  border-top-right-radius: 5px !important;

  border-bottom-right-radius: 5px !important;

  border-left: 0 !important;

}

[dir=rtl] .navbar-header .input-group .input-group-text {

  border-right: 0;

  border-radius: 5px !important;

  border-top-right-radius: 0 !important;

  border-bottom-right-radius: 0 !important;

  border-left: 1px solid var(--gray-200);

}

@media (max-width: 991.98px) {

  [dir=rtl] .navbar-header .mobile_btn {

    right: 0;

    left: unset;

  }

}

[dir=rtl] .navbar-header .mobile-user-menu {

  left: 0;

  right: auto;

  text-align: left;

}

[dir=rtl] .mini-sidebar.expand-menu .header {

  right: 252px;

  left: 0;

}

[dir=rtl] .dropdown-toggle::after {

  margin-left: 0;

  margin-right: 0.255em;

}

@media (min-width: 992px) {

  [dir=rtl] .mini-sidebar .page-wrapper {

    margin-right: var(--sidenav-width-sm);

    margin-left: 0;

  }

  [dir=rtl] .mini-sidebar .navbar-header {

    margin-right: var(--sidenav-width-sm);

    margin-left: 0;

  }

  [dir=rtl] .mini-sidebar.expand-menu .navbar-header {

    margin-right: var(--sidenav-width);

    margin-left: 0;

  }

  [dir=rtl] .mini-sidebar.expand-menu .page-wrapper {

    margin-right: var(--sidenav-width);

    margin-left: 0;

  }

}

[dir=rtl] .input-group-text {

  border-right: none;

}

[dir=rtl] .modal-header .btn-close.btn-close-modal {

  margin-left: 0;

}



.accordion-item {

  background-color: var(--white);

  border: 1px solid var(--border-color);

}



.accordion-button {

  font-size: 14px;

  font-weight: 500;

  color: var(--body-color);

  padding: 16px 20px;

  box-shadow: none !important;

  background-color: transparent;

}

.accordion-button::after {

  height: 0.75rem;

  width: 0.75rem;

  background-size: 0.75rem;

}

.accordion-button:not(.collapsed) {

  background-color: var(--light);

  color: var(--body-color);

}



.accordion-body {

  padding: 20px 20px;

  color: var(--body-color);

}



.accordion-bordered .accordion-item {

  border-top: 1px solid var(--border-color);

  border-radius: 6px;

}

.accordion-bordered .accordion-item:not(:first-of-type) {

  margin-top: 0.5rem;

}

.accordion-bordered .accordion-item .accordion-header {

  background-color: transparent !important;

}

.accordion-bordered .accordion-item .accordion-button {

  border-radius: 6px;

  font-size: 16px;

  font-weight: 700 !important;

  color: var(--gray-900);

  background-color: transparent;

}

.accordion-bordered .accordion-item .accordion-button.accordion-custom-button .avatar {

  color: var(--gray-900);

  width: 30px;

  height: 30px;

  font-size: 14px;

  transition: 0.4s;

}

.accordion-bordered .accordion-item .accordion-button.accordion-custom-button:not(.collapsed) .avatar {

  background-color: var(--primary);

  color: #fff;

}

.accordion-bordered .accordion-item .accordion-button:not(.collapsed) {

  border-bottom-left-radius: 0 !important;

  border-bottom-right-radius: 0 !important;

  background-color: transparent;

}

.accordion-bordered .accordion-item .accordion-button:not(.collapsed)::after {

  content: "";

}



.accordion-arrow-none .accordion-button::after {

  background-image: none;

}



.accordion-custom-icon .accordion-icon {

  position: absolute;

  right: 1.25rem;

}

.accordion-custom-icon .accordion-icon-off {

  display: none;

}

.accordion-custom-icon [aria-expanded=true] .accordion-icon-off {

  display: block;

}

.accordion-custom-icon [aria-expanded=true] .accordion-icon-on {

  display: none;

}



.accordions-items-seperate .accordion-item:not(:first-of-type) {

  margin-block-start: 1rem;

}

.accordions-items-seperate .accordion-item {

  border-block-start: 1px solid var(--border-color);

  border-radius: 6px;

  overflow: hidden;

}



.accordion.accordion-primary .accordion-button {

  background-color: rgba(var(--primary-rgb), 0.1);

  color: var(--primary);

}

.accordion.accordion-primary .accordion-button.collapsed {

  background-color: var(--white);

  color: var(--body-color);

}

.accordion.accordion-primary .accordion-button.collapsed:after {

  background-color: var(--white);

  color: var(--body-color);

}

.accordion.accordion-secondary .accordion-button {

  background-color: rgba(var(--secondary-rgb), 0.1);

  color: var(--secondary);

}

.accordion.accordion-secondary .accordion-button.collapsed {

  background-color: var(--white);

  color: var(--body-color);

}

.accordion.accordion-secondary .accordion-button.collapsed:after {

  background-color: var(--white);

  color: var(--body-color);

}

.accordion.accordion-success .accordion-button {

  background-color: rgba(var(--success-rgb), 0.1);

  color: var(--success);

}

.accordion.accordion-success .accordion-button.collapsed {

  background-color: var(--white);

  color: var(--body-color);

}

.accordion.accordion-success .accordion-button.collapsed:after {

  background-color: var(--white);

  color: var(--body-color);

}

.accordion.accordion-danger .accordion-button {

  background-color: rgba(var(--danger-rgb), 0.1);

  color: var(--danger);

}

.accordion.accordion-danger .accordion-button.collapsed {

  background-color: var(--white);

  color: var(--body-color);

}

.accordion.accordion-danger .accordion-button.collapsed:after {

  background-color: var(--white);

  color: var(--body-color);

}

.accordion.accordion-warning .accordion-button {

  background-color: rgba(var(--warning-rgb), 0.1);

  color: var(--warning);

}

.accordion.accordion-warning .accordion-button.collapsed {

  background-color: var(--white);

  color: var(--body-color);

}

.accordion.accordion-warning .accordion-button.collapsed:after {

  background-color: var(--white);

}

.accordion.accordion-info .accordion-button {

  background-color: rgba(var(--info-rgb), 0.1);

  color: var(--info);

}

.accordion.accordion-info .accordion-button.collapsed {

  background-color: var(--white);

  color: var(--body-color);

}

.accordion.accordion-info .accordion-button.collapsed:after {

  background-color: var(--white);

  color: var(--body-color);

}



.accordion.accordion-solid-primary .accordion-button {

  background-color: var(--primary);

  color: var(--white);

}

.accordion.accordion-solid-primary .accordion-button:after {

  background-color: transparent;

  color: var(--white);

  content: "\ea5f";

  font-family: "tabler-icons";

  display: flex;

  align-items: center;

  justify-content: center;

  background-image: none;

}

.accordion.accordion-solid-primary .accordion-button.collapsed {

  background-color: var(--white);

  color: var(--body-color);

}

.accordion.accordion-solid-primary .accordion-button.collapsed:after {

  color: var(--body-color);

}

.accordion.accordion-solid-secondary .accordion-button {

  background-color: var(--secondary);

  color: var(--white);

}

.accordion.accordion-solid-secondary .accordion-button:after {

  background-color: transparent;

  color: var(--white);

  content: "\ea5f";

  font-family: "tabler-icons";

  display: flex;

  align-items: center;

  justify-content: center;

  background-image: none;

}

.accordion.accordion-solid-secondary .accordion-button.collapsed {

  background-color: var(--white);

  color: var(--body-color);

}

.accordion.accordion-solid-secondary .accordion-button.collapsed:after {

  color: var(--body-color);

}

.accordion.accordion-solid-success .accordion-button {

  background-color: var(--success);

  color: var(--white);

}

.accordion.accordion-solid-success .accordion-button:after {

  background-color: transparent;

  color: var(--white);

  content: "\ea5f";

  font-family: "tabler-icons";

  display: flex;

  align-items: center;

  justify-content: center;

  background-image: none;

}

.accordion.accordion-solid-success .accordion-button.collapsed {

  background-color: var(--white);

  color: var(--body-color);

}

.accordion.accordion-solid-success .accordion-button.collapsed:after {

  color: var(--body-color);

}

.accordion.accordion-solid-danger .accordion-button {

  background-color: var(--danger);

  color: var(--white);

}

.accordion.accordion-solid-danger .accordion-button:after {

  background-color: transparent;

  color: var(--white);

  content: "\ea5f";

  font-family: "tabler-icons";

  display: flex;

  align-items: center;

  justify-content: center;

  background-image: none;

}

.accordion.accordion-solid-danger .accordion-button.collapsed {

  background-color: var(--white);

  color: var(--body-color);

}

.accordion.accordion-solid-danger .accordion-button.collapsed:after {

  color: var(--body-color);

}

.accordion.accordion-solid-warning .accordion-button {

  background-color: var(--warning);

  color: var(--white);

}

.accordion.accordion-solid-warning .accordion-button:after {

  background-color: transparent;

  color: var(--white);

  content: "\ea5f";

  font-family: "tabler-icons";

  display: flex;

  align-items: center;

  justify-content: center;

  background-image: none;

}

.accordion.accordion-solid-warning .accordion-button.collapsed {

  background-color: var(--white);

  color: var(--body-color);

}

.accordion.accordion-solid-warning .accordion-button.collapsed:after {

  color: var(--body-color);

}

.accordion.accordion-solid-info .accordion-button {

  background-color: var(--info);

  color: var(--white);

}

.accordion.accordion-solid-info .accordion-button:after {

  background-color: transparent;

  color: var(--white);

  content: "\ea5f";

  font-family: "tabler-icons";

  display: flex;

  align-items: center;

  justify-content: center;

  background-image: none;

}

.accordion.accordion-solid-info .accordion-button.collapsed {

  background-color: var(--white);

  color: var(--body-color);

}

.accordion.accordion-solid-info .accordion-button.collapsed:after {

  color: var(--body-color);

}



.accordion.accordion-border-primary .accordion-item {

  border: 1px solid var(--primary);

}

.accordion.accordion-border-primary .accordion-button {

  background-color: var(--white);

  color: var(--primary);

  border-block-end: 0px;

}

.accordion.accordion-border-primary .accordion-button:after {

  background-color: var(--white);

  color: var(--primary);

  content: "\ea5f";

  font-family: "tabler-icons";

  display: flex;

  align-items: center;

  justify-content: center;

  background-image: none;

}

.accordion.accordion-border-primary .accordion-button:not(.collapsed) {

  border-block-end: 1px solid var(--primary);

}

.accordion.accordion-border-secondary .accordion-item {

  border: 1px solid var(--secondary);

}

.accordion.accordion-border-secondary .accordion-button {

  background-color: var(--white);

  color: var(--secondary);

  border-block-end: 0px;

}

.accordion.accordion-border-secondary .accordion-button:after {

  background-color: var(--white);

  color: var(--secondary);

  content: "\ea5f";

  font-family: "tabler-icons";

  display: flex;

  align-items: center;

  justify-content: center;

  background-image: none;

}

.accordion.accordion-border-secondary .accordion-button:not(.collapsed) {

  border-block-end: 1px solid var(--secondary);

}

.accordion.accordion-border-success .accordion-item {

  border: 1px solid var(--success);

}

.accordion.accordion-border-success .accordion-button {

  background-color: var(--white);

  color: var(--success);

  border-block-end: 0px;

}

.accordion.accordion-border-success .accordion-button:after {

  background-color: var(--white);

  color: var(--success);

  content: "\ea5f";

  font-family: "tabler-icons";

  display: flex;

  align-items: center;

  justify-content: center;

  background-image: none;

}

.accordion.accordion-border-success .accordion-button:not(.collapsed) {

  border-block-end: 1px solid var(--success);

}

.accordion.accordion-border-danger .accordion-item {

  border: 1px solid var(--danger);

}

.accordion.accordion-border-danger .accordion-button {

  background-color: var(--white);

  color: var(--danger);

  border-block-end: 0px;

}

.accordion.accordion-border-danger .accordion-button:after {

  background-color: var(--white);

  color: var(--danger);

  content: "\ea5f";

  font-family: "tabler-icons";

  display: flex;

  align-items: center;

  justify-content: center;

  background-image: none;

}

.accordion.accordion-border-danger .accordion-button:not(.collapsed) {

  border-block-end: 1px solid var(--danger);

}

.accordion.accordion-border-warning .accordion-item {

  border: 1px solid var(--warning);

}

.accordion.accordion-border-warning .accordion-button {

  background-color: var(--white);

  color: var(--warning);

  border-block-end: 0px;

}

.accordion.accordion-border-warning .accordion-button:after {

  background-color: var(--white);

  color: var(--warning);

  content: "\ea5f";

  font-family: "tabler-icons";

  display: flex;

  align-items: center;

  justify-content: center;

  background-image: none;

}

.accordion.accordion-border-warning .accordion-button:not(.collapsed) {

  border-block-end: 1px solid var(--warning);

}

.accordion.accordion-border-info .accordion-item {

  border: 1px solid var(--info);

}

.accordion.accordion-border-info .accordion-button {

  background-color: var(--white);

  color: var(--info);

  border-block-end: 0px;

}

.accordion.accordion-border-info .accordion-button:after {

  background-color: var(--white);

  color: var(--info);

  content: "\ea5f";

  font-family: "tabler-icons";

  display: flex;

  align-items: center;

  justify-content: center;

  background-image: none;

}

.accordion.accordion-border-info .accordion-button:not(.collapsed) {

  border-block-end: 1px solid var(--info);

}



.accordion-bordered .accordion-item {

  border: 1px solid var(--border-color) !important;

  border-radius: 5px;

}

.accordion-bordered .accordion-item .accordion-button {

  border: none !important;

  outline: none;

  box-shadow: none;

  border-radius: 5px !important;

  background-color: transparent;

  color: var(--gray-900);

  font-weight: 700;

}

.accordion-bordered .accordion-item .accordion-button::after {

  color: var(--gray-900);

}

.accordion-bordered .accordion-item .accordion-body {

  border-top: 1px solid var(--border-color);

}

.accordion-bordered .accordion-item .accordion-body label.btn {

  padding: 0.537rem 0.77rem;

}



.alert-primary {

  color: var(--primary);

  background-color: var(--primary-transparent);

  border-color: var(--primary-transparent);

}



.alert-primary.bg-text-primary {

  color: #fff;

  border-color: var(--primary);

}



.alert.alert-primary .alert-link {

  color: var(--primary);

}



.alert-secondary {

  color: var(--secondary);

  background-color: var(--secondary-transparent);

  border-color: var(--secondary-transparent);

}



.alert-secondary.bg-text-secondary {

  color: #fff;

  border-color: var(--secondary);

}



.alert.alert-secondary .alert-link {

  color: var(--secondary);

}



.alert-success {

  color: var(--success);

  background-color: var(--success-transparent);

  border-color: var(--success-transparent);

}



.alert-success.bg-text-success {

  color: #fff;

  border-color: var(--success);

}



.alert.alert-success .alert-link {

  color: var(--success);

}



.alert-info {

  color: var(--info);

  background-color: var(--info-transparent);

  border-color: var(--info-transparent);

}



.alert-info.bg-text-info {

  color: #fff;

  border-color: var(--info);

}



.alert.alert-info .alert-link {

  color: var(--info);

}



.alert-warning {

  color: var(--warning);

  background-color: var(--warning-transparent);

  border-color: var(--warning-transparent);

}



.alert-warning.bg-text-warning {

  color: #fff;

  border-color: var(--warning);

}



.alert.alert-warning .alert-link {

  color: var(--warning);

}



.alert-danger {

  color: var(--danger);

  background-color: var(--danger-transparent);

  border-color: var(--danger-transparent);

}



.alert-danger.bg-text-danger {

  color: #fff;

  border-color: var(--danger);

}



.alert.alert-danger .alert-link {

  color: var(--danger);

}



.alert-dark {

  color: var(--dark);

  background-color: var(--dark-transparent);

  border-color: var(--dark-transparent);

}



.alert-dark.bg-text-dark {

  color: #fff;

  border-color: var(--dark);

}



.alert.alert-dark .alert-link {

  color: var(--dark);

}



.alert-light {

  color: var(--light);

  background-color: var(--light-transparent);

  border-color: var(--light-transparent);

}



.alert-light.bg-text-light {

  color: #fff;

  border-color: var(--light);

}



.alert.alert-light .alert-link {

  color: var(--light);

}



.alert-orange {

  color: var(--orange);

  background-color: var(--orange-transparent);

  border-color: var(--orange-transparent);

}



.alert-orange.bg-text-orange {

  color: #fff;

  border-color: var(--orange);

}



.alert.alert-orange .alert-link {

  color: var(--orange);

}



.alert-purple {

  color: var(--purple);

  background-color: var(--purple-transparent);

  border-color: var(--purple-transparent);

}



.alert-purple.bg-text-purple {

  color: #fff;

  border-color: var(--purple);

}



.alert.alert-purple .alert-link {

  color: var(--purple);

}



.alert-pink {

  color: var(--pink);

  background-color: var(--pink-transparent);

  border-color: var(--pink-transparent);

}



.alert-pink.bg-text-pink {

  color: #fff;

  border-color: var(--pink);

}



.alert.alert-pink .alert-link {

  color: var(--pink);

}



.alert-indigo {

  color: var(--indigo);

  background-color: var(--indigo-transparent);

  border-color: var(--indigo-transparent);

}



.alert-indigo.bg-text-indigo {

  color: #fff;

  border-color: var(--indigo);

}



.alert.alert-indigo .alert-link {

  color: var(--indigo);

}



.alert-teal {

  color: var(--teal);

  background-color: var(--teal-transparent);

  border-color: var(--teal-transparent);

}



.alert-teal.bg-text-teal {

  color: #fff;

  border-color: var(--teal);

}



.alert.alert-teal .alert-link {

  color: var(--teal);

}



.alert-light, .alert.alert-light .alert-link {

  color: var(--gray-500) !important;

}



.alert {

  padding: 12px 16px;

}

.alert.alert-primary {

  color: var(--primary);

  background-color: var(--primary-transparent);

  border-color: var(--primary-transparent);

}

.alert.alert-primary.text-bg-primary {

  background-color: var(--primary) !important;

  border-color: var(--primary);

}

.alert.alert-primary .alert-link {

  color: var(--primary);

}

.alert.alert-secondary {

  color: var(--secondary);

  background-color: var(--secondary-transparent);

  border-color: var(--secondary-transparent);

}

.alert.alert-secondary.text-bg-secondary {

  background-color: var(--secondary) !important;

  border-color: var(--secondary);

}

.alert.alert-secondary .alert-link {

  color: var(--secondary);

}

.alert.alert-success {

  color: var(--success);

  background-color: var(--success-transparent);

  border-color: var(--success-transparent);

}

.alert.alert-success.text-bg-success {

  background-color: var(--success) !important;

  border-color: var(--success);

}

.alert.alert-success .alert-link {

  color: var(--success);

}

.alert.alert-danger {

  color: var(--danger);

  background-color: var(--danger-transparent);

  border-color: var(--danger-transparent);

}

.alert.alert-danger.text-bg-danger {

  background-color: var(--danger) !important;

  border-color: var(--danger);

}

.alert.alert-danger .alert-link {

  color: var(--danger);

}

.alert.alert-warning {

  color: var(--warning);

  background-color: var(--warning-transparent);

  border-color: var(--warning-transparent);

}

.alert.alert-warning.text-bg-warning {

  background-color: var(--warning) !important;

  border-color: var(--warning);

  color: var(--white) !important;

}

.alert.alert-warning .alert-link {

  color: var(--warning);

}

.alert.alert-info {

  color: var(--info);

  background-color: var(--info-transparent);

  border-color: var(--info-transparent);

}

.alert.alert-info.text-bg-info {

  background-color: var(--info) !important;

  border-color: var(--info);

  color: var(--white) !important;

}

.alert.alert-info .alert-link {

  color: var(--info);

}

.alert.alert-light {

  color: var(--gray-500);

  background-color: var(--light-transparent);

  border-color: var(--light-transparent);

}

.alert.alert-dark {

  color: var(--dark);

  background-color: var(--gray-200);

  border-color: var(--gray-200);

}

.alert.alert-dismissible .btn-close {

  padding: 1rem 1rem;

}



.avatar-xxs {

  height: 1.3rem;

  width: 1.3rem;

}



.avatar-xs {

  height: 1.5rem;

  width: 1.5rem;

}



.avatar-sm {

  height: 2rem;

  width: 2rem;

}



.avatar-md {

  height: 2.5rem;

  width: 2.5rem;

}



.avatar-lg {

  height: 3rem;

  width: 3rem;

}



.avatar-xl {

  height: 3.5rem;

  width: 3.5rem;

}



.avatar-title {

  align-items: center;

  color: var(--white);

  display: flex;

  height: 100%;

  justify-content: center;

  width: 100%;

}



.avatar-group {

  padding-left: 0.75rem;

  line-height: 1;

}

.avatar-group .avatar {

  margin-left: -0.75rem;

  transition: all 0.2s;

  line-height: 1;

}

.avatar-group .avatar:hover {

  position: relative;

  transform: translateY(-3px);

  z-index: 1;

}

.avatar-group.avatar-group-sm .avatar {

  margin-left: -0.5rem;

}



.user-img {

  height: 1em;

  width: 1em;

}



.avatar {

  position: relative;

  height: 2.5rem;

  width: 2.5rem;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  border-radius: 6px;

  color: var(--white);

  font-weight: 500;

}

.avatar:hover {

  color: var(--white);

}

.avatar a.badge:hover {

  color: var(--white);

}

.avatar img {

  width: 100%;

  height: 100%;

  border-radius: 6px;

}

.avatar.avatar-rounded {

  border-radius: 50%;

}

.avatar.avatar-rounded img {

  border-radius: 50%;

}

.avatar.avatar-radius-0 {

  border-radius: 0;

}

.avatar.avatar-radius-0 img {

  border-radius: 0;

}

.avatar .avatar-badge {

  position: absolute;

  inset-block-start: -4%;

  inset-inline-end: -0.375rem;

  width: 1.4rem;

  height: 1.4rem;

  font-size: 0.625rem;

  border: 2px solid var(--white);

  border-radius: 50% !important;

  display: flex;

  align-items: center;

  justify-content: center;

}

.avatar.online:before, .avatar.offline:before, .avatar.away:before {

  position: absolute;

  content: "";

  width: 0.7rem;

  height: 0.7rem;

  border-radius: 50%;

  inset-inline-end: 0;

  inset-block-end: 0;

  border: 2px solid var(--white) !important;

  z-index: 1;

}

.avatar.online:before {

  background-color: var(--success);

}

.avatar.offline:before {

  background-color: var(--danger);

}

.avatar.away:before {

  background-color: var(--warning);

}

.avatar.avatar-xss {

  width: 1.3rem;

  height: 1.3rem;

  line-height: 1.3rem;

  font-size: 0.65rem;

}

.avatar.avatar-xss .avatar-badge {

  padding: 0.25rem;

  width: 1rem;

  height: 1rem;

  line-height: 1rem;

  font-size: 0.5rem;

  inset-block-start: -25%;

  inset-inline-end: -0.5rem;

}

.avatar.avatar-xss.online:before, .avatar.avatar-xss.offline:before {

  width: 0.5rem;

  height: 0.5rem;

}

.avatar.avatar-xs {

  width: 1.5rem;

  height: 1.5rem;

  line-height: 1.5rem;

  font-size: 0.65rem;

}

.avatar.avatar-xs .avatar-badge {

  padding: 0.25rem;

  width: 1rem;

  height: 1rem;

  line-height: 1rem;

  font-size: 0.5rem;

  inset-block-start: -25%;

  inset-inline-end: -0.5rem;

}

.avatar.avatar-xs.online:before, .avatar.avatar-xs.offline:before {

  width: 0.5rem;

  height: 0.5rem;

}

.avatar.avatar-sm {

  width: 2rem;

  height: 2rem;

  line-height: 2rem;

  font-size: 0.65rem;

}

.avatar.avatar-sm .avatar-badge {

  padding: 0.3rem;

  width: 1.1rem;

  height: 1.1rem;

  line-height: 1.1rem;

  font-size: 0.5rem;

  inset-block-start: -28%;

  inset-inline-end: -0.45rem;

}

.avatar.avatar-sm.online:before, .avatar.avatar-sm.offline:before {

  width: 0.5rem;

  height: 0.5rem;

}

.avatar.avatar-md {

  width: 2.5rem;

  height: 2.5rem;

  line-height: 2.5rem;

  font-size: 0.8rem;

}

.avatar.avatar-md .avatar-badge {

  padding: 0.4rem;

  width: 1.2rem;

  height: 1.2rem;

  line-height: 1.2rem;

  font-size: 0.65rem;

  inset-block-start: -6%;

  inset-inline-end: -13%;

}

.avatar.avatar-md.online:before, .avatar.avatar-md.offline:before {

  width: 0.5rem;

  height: 0.5rem;

}

.avatar.avatar-md svg {

  width: 1.5rem;

  height: 1.5rem;

}

.avatar.avatar-lg {

  width: 3rem;

  height: 3rem;

  line-height: 3rem;

  font-size: 1rem;

}

.avatar.avatar-lg .avatar-badge {

  inset-block-start: -15%;

  inset-inline-end: -0.25%;

}

.avatar.avatar-lg.online:before, .avatar.avatar-lg.offline:before {

  width: 0.8rem;

  height: 0.8rem;

}

.avatar.avatar-lg svg {

  width: 1.8rem;

  height: 1.8rem;

}

.avatar.avatar-xl {

  width: 3.5rem;

  height: 3.5rem;

  line-height: 3.5rem;

  font-size: 1.25rem;

}

.avatar.avatar-xl .avatar-badge {

  inset-block-start: -8%;

  inset-inline-end: -0.2%;

}

.avatar.avatar-xl.online:before, .avatar.avatar-xl.offline:before {

  width: 0.95rem;

  height: 0.95rem;

}

.avatar.avatar-xxl {

  width: 5rem;

  height: 5rem;

  line-height: 5rem;

  font-size: 1.5rem;

}

.avatar.avatar-xxl .avatar-badge {

  inset-block-start: -4%;

  inset-inline-end: 0rem;

}

.avatar.avatar-xxl.online:before, .avatar.avatar-xxl.offline:before {

  width: 1.05rem;

  height: 1.05rem;

  inset-block-end: 0.25rem;

}

.avatar.avatar-xxxl {

  width: 6rem;

  height: 6rem;

  line-height: 6rem;

  font-size: 1.75rem;

}

.avatar.avatar-xxxl .avatar-badge {

  inset-block-start: -4%;

  inset-inline-end: 0rem;

}

.avatar.avatar-xxxl.online:before, .avatar.avatar-xxxl.offline:before {

  width: 1.05rem;

  height: 1.05rem;

  inset-block-end: 0.25rem;

}



.avatar-list-stacked {

  padding: 0;

}

.avatar-list-stacked.avatar-group-overlapped .avatar {

  margin-right: -0.875rem;

}

.avatar-list-stacked.avatar-group-overlapped .avatar:hover {

  z-index: 1;

}

.avatar-list-stacked.avatar-group-lg .avatar {

  width: 3.25rem;

  height: 3.25rem;

}

.avatar-list-stacked.avatar-group-lg .avatar > .initial-wrap {

  font-size: 0.95rem;

}

.avatar-list-stacked.avatar-group-lg.avatar-group-overlapped .avatar {

  margin-right: -1rem;

}

.avatar-list-stacked.avatar-group-sm .avatar {

  width: 1.5rem;

  height: 1.5rem;

}

.avatar-list-stacked.avatar-group-sm .avatar > .initial-wrap {

  font-size: 0.6rem;

}

.avatar-list-stacked.avatar-group-sm.avatar-group-overlapped .avatar {

  margin-right: -0.625rem;

}

.avatar-list-stacked.avatar-group-xs .avatar {

  width: 1rem;

  height: 1rem;

  margin-inline-end: -6px !important;

}

.avatar-list-stacked.avatar-group-xs .avatar > .initial-wrap {

  font-size: 0.6rem;

}

.avatar-list-stacked.avatar-group-xs.avatar-group-overlapped .avatar {

  margin-right: -6px;

}

.avatar-list-stacked .avatar {

  margin-inline-end: -0.875rem !important;

  border: 1px solid rgba(0, 0, 0, 0.05);

  vertical-align: middle;

  transition: transform ease 200ms;

}

.avatar-list-stacked .avatar:last-child {

  margin-inline-end: 0 !important;

}

.avatar-list-stacked .avatar:hover {

  z-index: 1;

  transform: translateY(-0.188rem);

}



.avatar-group {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

}

.avatar-group .avatar {

  width: 2.625rem;

  height: 2.625rem;

}

.avatar-group .avatar .avatar-img,

.avatar-group .avatar > .initial-wrap {

  border: 2px solid var(--white);

  font-size: 0.9rem;

}

.avatar-group.avatar-group-overlapped .avatar {

  margin-right: -0.875rem;

}

.avatar-group.avatar-group-overlapped .avatar:hover {

  z-index: 1;

}

.avatar-group.avatar-group-lg .avatar {

  width: 3.25rem;

  height: 3.25rem;

}

.avatar-group.avatar-group-lg .avatar > .initial-wrap {

  font-size: 0.95rem;

}

.avatar-group.avatar-group-lg.avatar-group-overlapped .avatar {

  margin-right: -1rem;

}

.avatar-group.avatar-group-sm .avatar {

  width: 2rem;

  height: 2rem;

}

.avatar-group.avatar-group-sm .avatar > .initial-wrap {

  font-size: 0.6rem;

}

.avatar-group.avatar-group-sm.avatar-group-overlapped .avatar {

  margin-right: -0.625rem;

}



.avatar.avatar-xl.border.online::before {

  width: 10px;

  height: 10px;

  inset-inline-end: 5px;

}



.avatar.avatar-icon {

  width: 44px;

  height: 44px;

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.badge-soft-primary {

  color: var(--primary);

  background-color: var(--primary-transparent);

  border-bottom: 1px solid var(--primary);

}

.badge-soft-primary[href] {

  color: var(--primary);

  text-decoration: none;

  background-color: var(--primary-transparent);

}

.badge-soft-primary[href]:is(:hover, :focus) {

  color: var(--primary);

  text-decoration: none;

  background-color: var(--primary-transparent);

}



.badge-soft-secondary {

  color: var(--secondary);

  background-color: var(--secondary-transparent);

  border-bottom: 1px solid var(--secondary);

}

.badge-soft-secondary[href] {

  color: var(--secondary);

  text-decoration: none;

  background-color: var(--secondary-transparent);

}

.badge-soft-secondary[href]:is(:hover, :focus) {

  color: var(--secondary);

  text-decoration: none;

  background-color: var(--secondary-transparent);

}



.badge-soft-success {

  color: var(--success);

  background-color: var(--success-transparent);

  border-bottom: 1px solid var(--success);

}

.badge-soft-success[href] {

  color: var(--success);

  text-decoration: none;

  background-color: var(--success-transparent);

}

.badge-soft-success[href]:is(:hover, :focus) {

  color: var(--success);

  text-decoration: none;

  background-color: var(--success-transparent);

}



.badge-soft-info {

  color: var(--info);

  background-color: var(--info-transparent);

  border-bottom: 1px solid var(--info);

}

.badge-soft-info[href] {

  color: var(--info);

  text-decoration: none;

  background-color: var(--info-transparent);

}

.badge-soft-info[href]:is(:hover, :focus) {

  color: var(--info);

  text-decoration: none;

  background-color: var(--info-transparent);

}



.badge-soft-warning {

  color: var(--warning);

  background-color: var(--warning-transparent);

  border-bottom: 1px solid var(--warning);

}

.badge-soft-warning[href] {

  color: var(--warning);

  text-decoration: none;

  background-color: var(--warning-transparent);

}

.badge-soft-warning[href]:is(:hover, :focus) {

  color: var(--warning);

  text-decoration: none;

  background-color: var(--warning-transparent);

}



.badge-soft-danger {

  color: var(--danger);

  background-color: var(--danger-transparent);

  border-bottom: 1px solid var(--danger);

}

.badge-soft-danger[href] {

  color: var(--danger);

  text-decoration: none;

  background-color: var(--danger-transparent);

}

.badge-soft-danger[href]:is(:hover, :focus) {

  color: var(--danger);

  text-decoration: none;

  background-color: var(--danger-transparent);

}



.badge-soft-dark {

  color: var(--dark);

  background-color: var(--dark-transparent);

  border-bottom: 1px solid var(--dark);

}

.badge-soft-dark[href] {

  color: var(--dark);

  text-decoration: none;

  background-color: var(--dark-transparent);

}

.badge-soft-dark[href]:is(:hover, :focus) {

  color: var(--dark);

  text-decoration: none;

  background-color: var(--dark-transparent);

}



.badge-soft-light {

  color: var(--light);

  background-color: var(--light-transparent);

  border-bottom: 1px solid var(--light);

}

.badge-soft-light[href] {

  color: var(--light);

  text-decoration: none;

  background-color: var(--light-transparent);

}

.badge-soft-light[href]:is(:hover, :focus) {

  color: var(--light);

  text-decoration: none;

  background-color: var(--light-transparent);

}



.badge-soft-orange {

  color: var(--orange);

  background-color: var(--orange-transparent);

  border-bottom: 1px solid var(--orange);

}

.badge-soft-orange[href] {

  color: var(--orange);

  text-decoration: none;

  background-color: var(--orange-transparent);

}

.badge-soft-orange[href]:is(:hover, :focus) {

  color: var(--orange);

  text-decoration: none;

  background-color: var(--orange-transparent);

}



.badge-soft-purple {

  color: var(--purple);

  background-color: var(--purple-transparent);

  border-bottom: 1px solid var(--purple);

}

.badge-soft-purple[href] {

  color: var(--purple);

  text-decoration: none;

  background-color: var(--purple-transparent);

}

.badge-soft-purple[href]:is(:hover, :focus) {

  color: var(--purple);

  text-decoration: none;

  background-color: var(--purple-transparent);

}



.badge-soft-pink {

  color: var(--pink);

  background-color: var(--pink-transparent);

  border-bottom: 1px solid var(--pink);

}

.badge-soft-pink[href] {

  color: var(--pink);

  text-decoration: none;

  background-color: var(--pink-transparent);

}

.badge-soft-pink[href]:is(:hover, :focus) {

  color: var(--pink);

  text-decoration: none;

  background-color: var(--pink-transparent);

}



.badge-soft-indigo {

  color: var(--indigo);

  background-color: var(--indigo-transparent);

  border-bottom: 1px solid var(--indigo);

}

.badge-soft-indigo[href] {

  color: var(--indigo);

  text-decoration: none;

  background-color: var(--indigo-transparent);

}

.badge-soft-indigo[href]:is(:hover, :focus) {

  color: var(--indigo);

  text-decoration: none;

  background-color: var(--indigo-transparent);

}



.badge-soft-teal {

  color: var(--teal);

  background-color: var(--teal-transparent);

  border-bottom: 1px solid var(--teal);

}

.badge-soft-teal[href] {

  color: var(--teal);

  text-decoration: none;

  background-color: var(--teal-transparent);

}

.badge-soft-teal[href]:is(:hover, :focus) {

  color: var(--teal);

  text-decoration: none;

  background-color: var(--teal-transparent);

}



.badge-soft-purple {

  background-color: var(--purple-transparent);

  color: var(--purple);

}



.badge-soft-pink {

  background-color: var(--pink-transparent);

  color: var(--pink);

}



.badge-soft-teal {

  background-color: var(--teal-transparent);

  color: var(--teal);

}



.badge-soft-orange {

  background-color: var(--orange-transparent);

  color: var(--orange);

}



.badge-soft-light {

  color: var(--gray-900) !important;

}



.badge-outline-primary {

  color: var(--primary);

  border: 1px solid var(--primary);

  background-color: transparent;

}

.badge-outline-primary[href] {

  color: var(--primary);

  text-decoration: none;

  background-color: var(--primary-transparent);

}

.badge-outline-primary[href]:is(:hover, :focus) {

  color: var(--primary);

  text-decoration: none;

  background-color: var(--primary-transparent);

}



.badge-outline-secondary {

  color: var(--secondary);

  border: 1px solid var(--secondary);

  background-color: transparent;

}

.badge-outline-secondary[href] {

  color: var(--secondary);

  text-decoration: none;

  background-color: var(--secondary-transparent);

}

.badge-outline-secondary[href]:is(:hover, :focus) {

  color: var(--secondary);

  text-decoration: none;

  background-color: var(--secondary-transparent);

}



.badge-outline-success {

  color: var(--success);

  border: 1px solid var(--success);

  background-color: transparent;

}

.badge-outline-success[href] {

  color: var(--success);

  text-decoration: none;

  background-color: var(--success-transparent);

}

.badge-outline-success[href]:is(:hover, :focus) {

  color: var(--success);

  text-decoration: none;

  background-color: var(--success-transparent);

}



.badge-outline-info {

  color: var(--info);

  border: 1px solid var(--info);

  background-color: transparent;

}

.badge-outline-info[href] {

  color: var(--info);

  text-decoration: none;

  background-color: var(--info-transparent);

}

.badge-outline-info[href]:is(:hover, :focus) {

  color: var(--info);

  text-decoration: none;

  background-color: var(--info-transparent);

}



.badge-outline-warning {

  color: var(--warning);

  border: 1px solid var(--warning);

  background-color: transparent;

}

.badge-outline-warning[href] {

  color: var(--warning);

  text-decoration: none;

  background-color: var(--warning-transparent);

}

.badge-outline-warning[href]:is(:hover, :focus) {

  color: var(--warning);

  text-decoration: none;

  background-color: var(--warning-transparent);

}



.badge-outline-danger {

  color: var(--danger);

  border: 1px solid var(--danger);

  background-color: transparent;

}

.badge-outline-danger[href] {

  color: var(--danger);

  text-decoration: none;

  background-color: var(--danger-transparent);

}

.badge-outline-danger[href]:is(:hover, :focus) {

  color: var(--danger);

  text-decoration: none;

  background-color: var(--danger-transparent);

}



.badge-outline-dark {

  color: var(--dark);

  border: 1px solid var(--dark);

  background-color: transparent;

}

.badge-outline-dark[href] {

  color: var(--dark);

  text-decoration: none;

  background-color: var(--dark-transparent);

}

.badge-outline-dark[href]:is(:hover, :focus) {

  color: var(--dark);

  text-decoration: none;

  background-color: var(--dark-transparent);

}



.badge-outline-light {

  color: var(--light);

  border: 1px solid var(--light);

  background-color: transparent;

}

.badge-outline-light[href] {

  color: var(--light);

  text-decoration: none;

  background-color: var(--light-transparent);

}

.badge-outline-light[href]:is(:hover, :focus) {

  color: var(--light);

  text-decoration: none;

  background-color: var(--light-transparent);

}



.badge-outline-orange {

  color: var(--orange);

  border: 1px solid var(--orange);

  background-color: transparent;

}

.badge-outline-orange[href] {

  color: var(--orange);

  text-decoration: none;

  background-color: var(--orange-transparent);

}

.badge-outline-orange[href]:is(:hover, :focus) {

  color: var(--orange);

  text-decoration: none;

  background-color: var(--orange-transparent);

}



.badge-outline-purple {

  color: var(--purple);

  border: 1px solid var(--purple);

  background-color: transparent;

}

.badge-outline-purple[href] {

  color: var(--purple);

  text-decoration: none;

  background-color: var(--purple-transparent);

}

.badge-outline-purple[href]:is(:hover, :focus) {

  color: var(--purple);

  text-decoration: none;

  background-color: var(--purple-transparent);

}



.badge-outline-pink {

  color: var(--pink);

  border: 1px solid var(--pink);

  background-color: transparent;

}

.badge-outline-pink[href] {

  color: var(--pink);

  text-decoration: none;

  background-color: var(--pink-transparent);

}

.badge-outline-pink[href]:is(:hover, :focus) {

  color: var(--pink);

  text-decoration: none;

  background-color: var(--pink-transparent);

}



.badge-outline-indigo {

  color: var(--indigo);

  border: 1px solid var(--indigo);

  background-color: transparent;

}

.badge-outline-indigo[href] {

  color: var(--indigo);

  text-decoration: none;

  background-color: var(--indigo-transparent);

}

.badge-outline-indigo[href]:is(:hover, :focus) {

  color: var(--indigo);

  text-decoration: none;

  background-color: var(--indigo-transparent);

}



.badge-outline-teal {

  color: var(--teal);

  border: 1px solid var(--teal);

  background-color: transparent;

}

.badge-outline-teal[href] {

  color: var(--teal);

  text-decoration: none;

  background-color: var(--teal-transparent);

}

.badge-outline-teal[href]:is(:hover, :focus) {

  color: var(--teal);

  text-decoration: none;

  background-color: var(--teal-transparent);

}



.badge {

  vertical-align: middle;

  font-size: 0.75rem;

  font-weight: 500;

  padding: 5px 6px;

  border-radius: 6px;

}



.badge.badge-md {

  font-size: 13px;

  padding: 0.375rem 0.5rem;

}



.badge.badge-lg {

  font-size: 14px;

  padding: 0.5rem 0.75rem;

}



.border {

  border-color: var(--border-color) !important;

}



.border-top {

  border-color: var(--border-color) !important;

}



.border-bottom {

  border-color: var(--border-color) !important;

}



.border-end {

  border-color: var(--border-color) !important;

}



.border-start {

  border-color: var(--border-color) !important;

}



.border-primary-subtle {

  border-color: var(--primary-transparent) !important;

}



.border-secondary-subtle {

  border-color: var(--secondary-transparent) !important;

}



.border-success-subtle {

  border-color: var(--success-transparent) !important;

}



.border-info-subtle {

  border-color: var(--info-transparent) !important;

}



.border-warning-subtle {

  border-color: var(--warning-transparent) !important;

}



.border-danger-subtle {

  border-color: var(--danger-transparent) !important;

}



.border-dark-subtle {

  border-color: var(--dark-transparent) !important;

}



.border-light-subtle {

  border-color: var(--light-transparent) !important;

}



.border-orange-subtle {

  border-color: var(--orange-transparent) !important;

}



.border-purple-subtle {

  border-color: var(--purple-transparent) !important;

}



.border-pink-subtle {

  border-color: var(--pink-transparent) !important;

}



.border-indigo-subtle {

  border-color: var(--indigo-transparent) !important;

}



.border-teal-subtle {

  border-color: var(--teal-transparent) !important;

}



.border-opacity-100 {

  --border-opacity: 1;

}



.border-opacity-75 {

  --border-opacity: 0.75;

}



.border-opacity-50 {

  --border-opacity: 0.5;

}



.border-opacity-25 {

  --border-opacity: 0.25;

}



.border-opacity-10 {

  --border-opacity: 0.10;

}



.border-primary {

  border-color: rgba(var(--primary-rgb), var(--border-opacity, 1)) !important;

}



.border-secondary {

  border-color: rgba(var(--secondary-rgb), var(--border-opacity, 1)) !important;

}



.border-success {

  border-color: rgba(var(--success-rgb), var(--border-opacity, 1)) !important;

}



.border-info {

  border-color: rgba(var(--info-rgb), var(--border-opacity, 1)) !important;

}



.border-warning {

  border-color: rgba(var(--warning-rgb), var(--border-opacity, 1)) !important;

}



.border-danger {

  border-color: rgba(var(--danger-rgb), var(--border-opacity, 1)) !important;

}



.border-dark {

  border-color: rgba(var(--dark-rgb), var(--border-opacity, 1)) !important;

}



.border-light {

  border-color: rgba(var(--light-rgb), var(--border-opacity, 1)) !important;

}



.border-orange {

  border-color: rgba(var(--orange-rgb), var(--border-opacity, 1)) !important;

}



.border-purple {

  border-color: rgba(var(--purple-rgb), var(--border-opacity, 1)) !important;

}



.border-pink {

  border-color: rgba(var(--pink-rgb), var(--border-opacity, 1)) !important;

}



.border-indigo {

  border-color: rgba(var(--indigo-rgb), var(--border-opacity, 1)) !important;

}



.border-teal {

  border-color: rgba(var(--teal-rgb), var(--border-opacity, 1)) !important;

}



.rounded {

  border-radius: 5px !important;

}



.shadow {

  box-shadow: var(--box-shadow) !important;

}



.shadow-sm {

  box-shadow: var(--box-shadow-sm) !important;

}



.shadow-lg {

  box-shadow: var(--box-shadow-lg) !important;

}



.link-opacity-10 {

  opacity: 0.1;

}



.link-opacity-25 {

  opacity: 0.25;

}



.link-opacity-50 {

  opacity: 0.5;

}



.link-opacity-75 {

  opacity: 0.75;

}



.link-opacity-10-hover:hover {

  opacity: 0.1;

}



.link-opacity-25-hover:hover {

  opacity: 0.25;

}



.link-opacity-50-hover:hover {

  opacity: 0.5;

}



.link-opacity-75-hover:hover {

  opacity: 0.75;

}



.link-underline-opacity-100 {

  --link-underline-opacity: 1;

}



.link-underline-opacity-75 {

  --link-underline-opacity: 0.75;

}



.link-underline-opacity-50 {

  --link-underline-opacity: 0.5;

}



.link-underline-opacity-25 {

  --link-underline-opacity: 0.25;

}



.link-underline-opacity-10 {

  --link-underline-opacity: 0.10;

}



.link-underline-opacity-0 {

  --link-underline-opacity: 0;

}



.link-underline {

  text-decoration-color: rgba(var(--primary-rgb), var(--link-underline-opacity, 1)) !important;

}



.rounded-2 {

  border-radius: 5px !important;

}



.fs-7 {

  font-size: 0.4375rem !important;

}



.fs-8 {

  font-size: 0.5rem !important;

}



.fs-9 {

  font-size: 0.5625rem;

}



.fs-10 {

  font-size: 0.75em !important;

}



.fs-11 {

  font-size: 0.6875rem;

}



.fs-12 {

  font-size: 0.75rem !important;

}



.fs-13 {

  font-size: 0.8125rem;

}



.fs-14 {

  font-size: 0.875rem !important;

}



.fs-15 {

  font-size: 0.9375rem;

}



.fs-16 {

  font-size: 1rem !important;

}



.fs-17 {

  font-size: 1.0625rem;

}



.fs-18 {

  font-size: 1.125rem;

}



.fs-19 {

  font-size: 1.1875rem;

}



.fs-20 {

  font-size: 1.25rem;

}



.fs-21 {

  font-size: 1.3125rem;

}



.fs-22 {

  font-size: 1.375rem;

}



.fs-23 {

  font-size: 1.4375rem;

}



.fs-24 {

  font-size: 1.5rem;

}



.fs-25 {

  font-size: 1.5625rem;

}



.fs-26 {

  font-size: 1.625rem;

}



.fs-27 {

  font-size: 1.6875rem;

}



.fs-28 {

  font-size: 1.75rem;

}



.fs-29 {

  font-size: 1.8125rem;

}



.fs-30 {

  font-size: 1.875rem;

}



.fs-32 {

  font-size: 2rem;

}



.fs-34 {

  font-size: 2.125rem;

}



.fs-36 {

  font-size: 2.25rem;

}



.fs-38 {

  font-size: 2.375rem;

}



.fs-40 {

  font-size: 2.5rem;

}



.fs-42 {

  font-size: 2.625rem;

}



.fs-44 {

  font-size: 2.75rem;

}



.fs-46 {

  font-size: 2.875rem;

}



.fs-48 {

  font-size: 3rem;

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.breadcrumb-item a {

  color: var(--body-color);

  font-weight: 400;

}

.breadcrumb-item a:hover {

  color: var(--primary);

}

.breadcrumb-item + .breadcrumb-item::before {

  content: var(--bs-breadcrumb-divider, "\ea61");

  font-family: "tabler-icons";

}



.page-header-breadcrumb .breadcrumb-item + .breadcrumb-item::before {

  content: var(--bs-breadcrumb-divider, "\ea65");

  font-family: "tabler-icons" !important;

}



[dir=rtl] .page-header-breadcrumb .breadcrumb-item + .breadcrumb-item::before {

  content: var(--bs-breadcrumb-divider, "\ea64");

  font-family: "tabler-icons" !important;

}



.breadcrumb .breadcrumb-item {

  color: var(--gray-500);

  font-weight: 500;

}

.breadcrumb .breadcrumb-item a:hover {

  color: var(--primary);

}

.breadcrumb .breadcrumb-item.active {

  color: var(--gray-900);

}



.breadcrumb-arrow .breadcrumb-item + .breadcrumb-item::before {

  content: var(--bs-breadcrumb-divider, "\ea65");

  font-family: "tabler-icons" !important;

}



.breadcrumb-pipe .breadcrumb-item + .breadcrumb-item::before {

  content: var(--bs-breadcrumb-divider, "\ea1f");

  font-family: "tabler-icons" !important;

}



.breadcrumb-line .breadcrumb-item + .breadcrumb-item::before {

  content: "-";

  opacity: 1;

}



.breadcrumb-dot .breadcrumb-item + .breadcrumb-item::before {

  content: "•";

  opacity: 1;

}



.breadcrumb-divide .breadcrumb-item + .breadcrumb-item::before {

  content: "\f054";

  content: var(--bs-breadcrumb-divider, "\ea1f");

  font-family: "tabler-icons" !important;

}



.breadcrumb-separatorless .breadcrumb-item + .breadcrumb-item::before {

  content: "";

  display: none;

}



.breadcrumb-colored {

  padding: 12px 15px;

  border-radius: 6px;

}

.breadcrumb-colored li a {

  color: var(--white);

}

.breadcrumb-colored .breadcrumb-item a {

  color: var(--white);

}

.breadcrumb-colored .breadcrumb-item.active {

  color: var(--white);

  opacity: 0.8;

}

.breadcrumb-colored .breadcrumb-item + .breadcrumb-item a {

  color: var(--white);

}

.breadcrumb-colored .breadcrumb-item + .breadcrumb-item::before {

  color: var(--white);

}



.embedded-breadcrumb:before {

  opacity: 0.7;

}



[data-theme-mode=dark] .embedded-breadcrumb:before {

  filter: invert(1);

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  font-size: 14px;

  font-weight: 500;

  padding: 8px 16px;

  border-radius: 5px;

  box-shadow: none;

}

.btn-icon {

  position: relative;

  display: inline-flex;

  justify-content: center;

  align-items: center;

  height: 38px;

  width: 38px;

  padding: 0;

  font-size: 16px;

}

.btn-icon :is(i, svg, img) {

  vertical-align: middle;

}

.btn-icon.btn-xs {

  height: 20px;

  width: 20px;

}

.btn-icon.btn-sm {

  height: calc(0.6rem + 1.5em + 2px);

  width: calc(0.6rem + 1.5em + 2px);

}

.btn-icon.btn-lg {

  height: calc(1.3rem + 1.5em + 2px);

  width: calc(1.3rem + 1.5em + 2px);

}

.btn.btn-sm {

  font-size: 13px;

  padding: 6px 10px;

}

.btn.btn-xs {

  font-size: 12px;

  padding: 4px 6px;

}

.btn.btn-lg {

  font-size: 15px;

  padding: 4px 12px;

}

.btn.btn-outline-white {

  border-color: var(--border-color);

}



.btn.disabled, .btn:disabled, fieldset:disabled .btn {

  background-color: var(--white);

  border-color: var(--border-color);

  color: var(--gray-900);

}



.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {

  background-color: var(--white);

  border-color: var(--border-color);

  color: var(--gray-900);

}



.btn-primary {

  color: #fff;

  background-color: var(--primary);

  border-color: var(--primary);

}

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary:disabled, .btn-primary.show {

  color: #fff;

  background-color: var(--primary-hover);

  border-color: var(--primary-hover);

}



.btn-check:checked + .btn-primary, .btn-primary:first-child:active, :not(.btn-check) + .btn-primary:active, .btn-check + .btn-primary:hover {

  background-color: var(--primary-hover);

  border-color: var(--primary-hover);

  color: #fff;

}



.btn-secondary {

  color: #fff;

  background-color: var(--secondary);

  border-color: var(--secondary);

}

.btn-secondary:hover, .btn-secondary:active, .btn-secondary.active, .btn-secondary.disabled, .btn-secondary:disabled, .btn-secondary.show {

  color: #fff;

  background-color: var(--secondary-hover);

  border-color: var(--secondary-hover);

}



.btn-check:checked + .btn-secondary, .btn-secondary:first-child:active, :not(.btn-check) + .btn-secondary:active, .btn-check + .btn-secondary:hover {

  background-color: var(--secondary-hover);

  border-color: var(--secondary-hover);

  color: #fff;

}



.btn-success {

  color: #fff;

  background-color: var(--success);

  border-color: var(--success);

}

.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success:disabled, .btn-success.show {

  color: #fff;

  background-color: var(--success-hover);

  border-color: var(--success-hover);

}



.btn-check:checked + .btn-success, .btn-success:first-child:active, :not(.btn-check) + .btn-success:active, .btn-check + .btn-success:hover {

  background-color: var(--success-hover);

  border-color: var(--success-hover);

  color: #fff;

}



.btn-info {

  color: #fff;

  background-color: var(--info);

  border-color: var(--info);

}

.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info:disabled, .btn-info.show {

  color: #fff;

  background-color: var(--info-hover);

  border-color: var(--info-hover);

}



.btn-check:checked + .btn-info, .btn-info:first-child:active, :not(.btn-check) + .btn-info:active, .btn-check + .btn-info:hover {

  background-color: var(--info-hover);

  border-color: var(--info-hover);

  color: #fff;

}



.btn-warning {

  color: #fff;

  background-color: var(--warning);

  border-color: var(--warning);

}

.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning:disabled, .btn-warning.show {

  color: #fff;

  background-color: var(--warning-hover);

  border-color: var(--warning-hover);

}



.btn-check:checked + .btn-warning, .btn-warning:first-child:active, :not(.btn-check) + .btn-warning:active, .btn-check + .btn-warning:hover {

  background-color: var(--warning-hover);

  border-color: var(--warning-hover);

  color: #fff;

}



.btn-danger {

  color: #fff;

  background-color: var(--danger);

  border-color: var(--danger);

}

.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger:disabled, .btn-danger.show {

  color: #fff;

  background-color: var(--danger-hover);

  border-color: var(--danger-hover);

}



.btn-check:checked + .btn-danger, .btn-danger:first-child:active, :not(.btn-check) + .btn-danger:active, .btn-check + .btn-danger:hover {

  background-color: var(--danger-hover);

  border-color: var(--danger-hover);

  color: #fff;

}



.btn-dark {

  color: #fff;

  background-color: var(--dark);

  border-color: var(--dark);

}

.btn-dark:hover, .btn-dark:active, .btn-dark.active, .btn-dark.disabled, .btn-dark:disabled, .btn-dark.show {

  color: #fff;

  background-color: var(--dark-hover);

  border-color: var(--dark-hover);

}



.btn-check:checked + .btn-dark, .btn-dark:first-child:active, :not(.btn-check) + .btn-dark:active, .btn-check + .btn-dark:hover {

  background-color: var(--dark-hover);

  border-color: var(--dark-hover);

  color: #fff;

}



.btn-light {

  color: #fff;

  background-color: var(--light);

  border-color: var(--light);

}

.btn-light:hover, .btn-light:active, .btn-light.active, .btn-light.disabled, .btn-light:disabled, .btn-light.show {

  color: #fff;

  background-color: var(--light-hover);

  border-color: var(--light-hover);

}



.btn-check:checked + .btn-light, .btn-light:first-child:active, :not(.btn-check) + .btn-light:active, .btn-check + .btn-light:hover {

  background-color: var(--light-hover);

  border-color: var(--light-hover);

  color: #fff;

}



.btn-orange {

  color: #fff;

  background-color: var(--orange);

  border-color: var(--orange);

}

.btn-orange:hover, .btn-orange:active, .btn-orange.active, .btn-orange.disabled, .btn-orange:disabled, .btn-orange.show {

  color: #fff;

  background-color: var(--orange-hover);

  border-color: var(--orange-hover);

}



.btn-check:checked + .btn-orange, .btn-orange:first-child:active, :not(.btn-check) + .btn-orange:active, .btn-check + .btn-orange:hover {

  background-color: var(--orange-hover);

  border-color: var(--orange-hover);

  color: #fff;

}



.btn-purple {

  color: #fff;

  background-color: var(--purple);

  border-color: var(--purple);

}

.btn-purple:hover, .btn-purple:active, .btn-purple.active, .btn-purple.disabled, .btn-purple:disabled, .btn-purple.show {

  color: #fff;

  background-color: var(--purple-hover);

  border-color: var(--purple-hover);

}



.btn-check:checked + .btn-purple, .btn-purple:first-child:active, :not(.btn-check) + .btn-purple:active, .btn-check + .btn-purple:hover {

  background-color: var(--purple-hover);

  border-color: var(--purple-hover);

  color: #fff;

}



.btn-pink {

  color: #fff;

  background-color: var(--pink);

  border-color: var(--pink);

}

.btn-pink:hover, .btn-pink:active, .btn-pink.active, .btn-pink.disabled, .btn-pink:disabled, .btn-pink.show {

  color: #fff;

  background-color: var(--pink-hover);

  border-color: var(--pink-hover);

}



.btn-check:checked + .btn-pink, .btn-pink:first-child:active, :not(.btn-check) + .btn-pink:active, .btn-check + .btn-pink:hover {

  background-color: var(--pink-hover);

  border-color: var(--pink-hover);

  color: #fff;

}



.btn-indigo {

  color: #fff;

  background-color: var(--indigo);

  border-color: var(--indigo);

}

.btn-indigo:hover, .btn-indigo:active, .btn-indigo.active, .btn-indigo.disabled, .btn-indigo:disabled, .btn-indigo.show {

  color: #fff;

  background-color: var(--indigo-hover);

  border-color: var(--indigo-hover);

}



.btn-check:checked + .btn-indigo, .btn-indigo:first-child:active, :not(.btn-check) + .btn-indigo:active, .btn-check + .btn-indigo:hover {

  background-color: var(--indigo-hover);

  border-color: var(--indigo-hover);

  color: #fff;

}



.btn-teal {

  color: #fff;

  background-color: var(--teal);

  border-color: var(--teal);

}

.btn-teal:hover, .btn-teal:active, .btn-teal.active, .btn-teal.disabled, .btn-teal:disabled, .btn-teal.show {

  color: #fff;

  background-color: var(--teal-hover);

  border-color: var(--teal-hover);

}



.btn-check:checked + .btn-teal, .btn-teal:first-child:active, :not(.btn-check) + .btn-teal:active, .btn-check + .btn-teal:hover {

  background-color: var(--teal-hover);

  border-color: var(--teal-hover);

  color: #fff;

}



.btn-light {

  color: var(--gray-900) !important;

}

.btn-light:hover, .btn-light:active, .btn-light.active, .btn-light.disabled, .btn-light:disabled {

  color: var(--gray-900) !important;

}



.btn-dark {

  background-color: #0A0C0C;

  border-color: #0A0C0C;

}

.btn-dark:hover {

  background-color: var(--gray-700);

  border-color: var(--gray-700);

}



.btn-white {

  background-color: var(--white);

  border-color: var(--border-color);

  color: var(--gray-900);

}

.btn-white:hover, .btn-white.disabled, .btn-white:disabled {

  color: var(--gray-900);

  background-color: var(--light);

  border-color: var(--border-color);

}

.btn-white:active, .btn-white.active {

  color: #fff;

  background-color: var(--primary);

  border-color: var(--primary);

}



.btn-outline-primary {

  color: var(--primary);

  background-color: var(--white);

  border-color: var(--primary);

}

.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.disabled, .btn-outline-primary:disabled {

  color: var(--white);

  background-color: var(--primary);

  border-color: var(--primary);

}



.btn-check:checked + .btn-outline-primary, .btn-outline-primary:first-child:active, :not(.btn-check) + .btn-outline-primary:active,

.btn-check + .btn-outline-primary:hover {

  background-color: var(--primary-hover);

  border-color: var(--primary-hover);

  color: var(--white);

}



.btn-outline-secondary {

  color: var(--secondary);

  background-color: var(--white);

  border-color: var(--secondary);

}

.btn-outline-secondary:hover, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {

  color: var(--white);

  background-color: var(--secondary);

  border-color: var(--secondary);

}



.btn-check:checked + .btn-outline-secondary, .btn-outline-secondary:first-child:active, :not(.btn-check) + .btn-outline-secondary:active,

.btn-check + .btn-outline-secondary:hover {

  background-color: var(--secondary-hover);

  border-color: var(--secondary-hover);

  color: var(--white);

}



.btn-outline-success {

  color: var(--success);

  background-color: var(--white);

  border-color: var(--success);

}

.btn-outline-success:hover, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.disabled, .btn-outline-success:disabled {

  color: var(--white);

  background-color: var(--success);

  border-color: var(--success);

}



.btn-check:checked + .btn-outline-success, .btn-outline-success:first-child:active, :not(.btn-check) + .btn-outline-success:active,

.btn-check + .btn-outline-success:hover {

  background-color: var(--success-hover);

  border-color: var(--success-hover);

  color: var(--white);

}



.btn-outline-info {

  color: var(--info);

  background-color: var(--white);

  border-color: var(--info);

}

.btn-outline-info:hover, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.disabled, .btn-outline-info:disabled {

  color: var(--white);

  background-color: var(--info);

  border-color: var(--info);

}



.btn-check:checked + .btn-outline-info, .btn-outline-info:first-child:active, :not(.btn-check) + .btn-outline-info:active,

.btn-check + .btn-outline-info:hover {

  background-color: var(--info-hover);

  border-color: var(--info-hover);

  color: var(--white);

}



.btn-outline-warning {

  color: var(--warning);

  background-color: var(--white);

  border-color: var(--warning);

}

.btn-outline-warning:hover, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.disabled, .btn-outline-warning:disabled {

  color: var(--white);

  background-color: var(--warning);

  border-color: var(--warning);

}



.btn-check:checked + .btn-outline-warning, .btn-outline-warning:first-child:active, :not(.btn-check) + .btn-outline-warning:active,

.btn-check + .btn-outline-warning:hover {

  background-color: var(--warning-hover);

  border-color: var(--warning-hover);

  color: var(--white);

}



.btn-outline-danger {

  color: var(--danger);

  background-color: var(--white);

  border-color: var(--danger);

}

.btn-outline-danger:hover, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.disabled, .btn-outline-danger:disabled {

  color: var(--white);

  background-color: var(--danger);

  border-color: var(--danger);

}



.btn-check:checked + .btn-outline-danger, .btn-outline-danger:first-child:active, :not(.btn-check) + .btn-outline-danger:active,

.btn-check + .btn-outline-danger:hover {

  background-color: var(--danger-hover);

  border-color: var(--danger-hover);

  color: var(--white);

}



.btn-outline-dark {

  color: var(--dark);

  background-color: var(--white);

  border-color: var(--dark);

}

.btn-outline-dark:hover, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.disabled, .btn-outline-dark:disabled {

  color: var(--white);

  background-color: var(--dark);

  border-color: var(--dark);

}



.btn-check:checked + .btn-outline-dark, .btn-outline-dark:first-child:active, :not(.btn-check) + .btn-outline-dark:active,

.btn-check + .btn-outline-dark:hover {

  background-color: var(--dark-hover);

  border-color: var(--dark-hover);

  color: var(--white);

}



.btn-outline-light {

  color: var(--light);

  background-color: var(--white);

  border-color: var(--light);

}

.btn-outline-light:hover, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.disabled, .btn-outline-light:disabled {

  color: var(--white);

  background-color: var(--light);

  border-color: var(--light);

}



.btn-check:checked + .btn-outline-light, .btn-outline-light:first-child:active, :not(.btn-check) + .btn-outline-light:active,

.btn-check + .btn-outline-light:hover {

  background-color: var(--light-hover);

  border-color: var(--light-hover);

  color: var(--white);

}



.btn-outline-orange {

  color: var(--orange);

  background-color: var(--white);

  border-color: var(--orange);

}

.btn-outline-orange:hover, .btn-outline-orange:active, .btn-outline-orange.active, .btn-outline-orange.disabled, .btn-outline-orange:disabled {

  color: var(--white);

  background-color: var(--orange);

  border-color: var(--orange);

}



.btn-check:checked + .btn-outline-orange, .btn-outline-orange:first-child:active, :not(.btn-check) + .btn-outline-orange:active,

.btn-check + .btn-outline-orange:hover {

  background-color: var(--orange-hover);

  border-color: var(--orange-hover);

  color: var(--white);

}



.btn-outline-purple {

  color: var(--purple);

  background-color: var(--white);

  border-color: var(--purple);

}

.btn-outline-purple:hover, .btn-outline-purple:active, .btn-outline-purple.active, .btn-outline-purple.disabled, .btn-outline-purple:disabled {

  color: var(--white);

  background-color: var(--purple);

  border-color: var(--purple);

}



.btn-check:checked + .btn-outline-purple, .btn-outline-purple:first-child:active, :not(.btn-check) + .btn-outline-purple:active,

.btn-check + .btn-outline-purple:hover {

  background-color: var(--purple-hover);

  border-color: var(--purple-hover);

  color: var(--white);

}



.btn-outline-pink {

  color: var(--pink);

  background-color: var(--white);

  border-color: var(--pink);

}

.btn-outline-pink:hover, .btn-outline-pink:active, .btn-outline-pink.active, .btn-outline-pink.disabled, .btn-outline-pink:disabled {

  color: var(--white);

  background-color: var(--pink);

  border-color: var(--pink);

}



.btn-check:checked + .btn-outline-pink, .btn-outline-pink:first-child:active, :not(.btn-check) + .btn-outline-pink:active,

.btn-check + .btn-outline-pink:hover {

  background-color: var(--pink-hover);

  border-color: var(--pink-hover);

  color: var(--white);

}



.btn-outline-indigo {

  color: var(--indigo);

  background-color: var(--white);

  border-color: var(--indigo);

}

.btn-outline-indigo:hover, .btn-outline-indigo:active, .btn-outline-indigo.active, .btn-outline-indigo.disabled, .btn-outline-indigo:disabled {

  color: var(--white);

  background-color: var(--indigo);

  border-color: var(--indigo);

}



.btn-check:checked + .btn-outline-indigo, .btn-outline-indigo:first-child:active, :not(.btn-check) + .btn-outline-indigo:active,

.btn-check + .btn-outline-indigo:hover {

  background-color: var(--indigo-hover);

  border-color: var(--indigo-hover);

  color: var(--white);

}



.btn-outline-teal {

  color: var(--teal);

  background-color: var(--white);

  border-color: var(--teal);

}

.btn-outline-teal:hover, .btn-outline-teal:active, .btn-outline-teal.active, .btn-outline-teal.disabled, .btn-outline-teal:disabled {

  color: var(--white);

  background-color: var(--teal);

  border-color: var(--teal);

}



.btn-check:checked + .btn-outline-teal, .btn-outline-teal:first-child:active, :not(.btn-check) + .btn-outline-teal:active,

.btn-check + .btn-outline-teal:hover {

  background-color: var(--teal-hover);

  border-color: var(--teal-hover);

  color: var(--white);

}



.btn-outline-light {

  color: var(--gray-900) !important;

  border-color: var(--border-color);

}

.btn-outline-light:hover, .btn-outline-light.disabled, .btn-outline-light:disabled {

  color: var(--gray-900) !important;

  background-color: var(--primary-transparent);

}

.btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.show {

  color: #fff !important;

  background-color: var(--primary) !important;

}



.btn-soft-primary {

  color: var(--primary);

  background-color: var(--primary-transparent);

  border-color: var(--primary);

}

.btn-soft-primary:hover, .btn-soft-primary:active, .btn-soft-primary.active, .btn-soft-primary.disabled, .btn-soft-primary:disabled {

  color: var(--white);

  background-color: var(--primary);

  border-color: var(--primary);

}



.btn-soft-secondary {

  color: var(--secondary);

  background-color: var(--secondary-transparent);

  border-color: var(--secondary);

}

.btn-soft-secondary:hover, .btn-soft-secondary:active, .btn-soft-secondary.active, .btn-soft-secondary.disabled, .btn-soft-secondary:disabled {

  color: var(--white);

  background-color: var(--secondary);

  border-color: var(--secondary);

}



.btn-soft-success {

  color: var(--success);

  background-color: var(--success-transparent);

  border-color: var(--success);

}

.btn-soft-success:hover, .btn-soft-success:active, .btn-soft-success.active, .btn-soft-success.disabled, .btn-soft-success:disabled {

  color: var(--white);

  background-color: var(--success);

  border-color: var(--success);

}



.btn-soft-info {

  color: var(--info);

  background-color: var(--info-transparent);

  border-color: var(--info);

}

.btn-soft-info:hover, .btn-soft-info:active, .btn-soft-info.active, .btn-soft-info.disabled, .btn-soft-info:disabled {

  color: var(--white);

  background-color: var(--info);

  border-color: var(--info);

}



.btn-soft-warning {

  color: var(--warning);

  background-color: var(--warning-transparent);

  border-color: var(--warning);

}

.btn-soft-warning:hover, .btn-soft-warning:active, .btn-soft-warning.active, .btn-soft-warning.disabled, .btn-soft-warning:disabled {

  color: var(--white);

  background-color: var(--warning);

  border-color: var(--warning);

}



.btn-soft-danger {

  color: var(--danger);

  background-color: var(--danger-transparent);

  border-color: var(--danger);

}

.btn-soft-danger:hover, .btn-soft-danger:active, .btn-soft-danger.active, .btn-soft-danger.disabled, .btn-soft-danger:disabled {

  color: var(--white);

  background-color: var(--danger);

  border-color: var(--danger);

}



.btn-soft-dark {

  color: var(--dark);

  background-color: var(--dark-transparent);

  border-color: var(--dark);

}

.btn-soft-dark:hover, .btn-soft-dark:active, .btn-soft-dark.active, .btn-soft-dark.disabled, .btn-soft-dark:disabled {

  color: var(--white);

  background-color: var(--dark);

  border-color: var(--dark);

}



.btn-soft-light {

  color: var(--light);

  background-color: var(--light-transparent);

  border-color: var(--light);

}

.btn-soft-light:hover, .btn-soft-light:active, .btn-soft-light.active, .btn-soft-light.disabled, .btn-soft-light:disabled {

  color: var(--white);

  background-color: var(--light);

  border-color: var(--light);

}



.btn-soft-orange {

  color: var(--orange);

  background-color: var(--orange-transparent);

  border-color: var(--orange);

}

.btn-soft-orange:hover, .btn-soft-orange:active, .btn-soft-orange.active, .btn-soft-orange.disabled, .btn-soft-orange:disabled {

  color: var(--white);

  background-color: var(--orange);

  border-color: var(--orange);

}



.btn-soft-purple {

  color: var(--purple);

  background-color: var(--purple-transparent);

  border-color: var(--purple);

}

.btn-soft-purple:hover, .btn-soft-purple:active, .btn-soft-purple.active, .btn-soft-purple.disabled, .btn-soft-purple:disabled {

  color: var(--white);

  background-color: var(--purple);

  border-color: var(--purple);

}



.btn-soft-pink {

  color: var(--pink);

  background-color: var(--pink-transparent);

  border-color: var(--pink);

}

.btn-soft-pink:hover, .btn-soft-pink:active, .btn-soft-pink.active, .btn-soft-pink.disabled, .btn-soft-pink:disabled {

  color: var(--white);

  background-color: var(--pink);

  border-color: var(--pink);

}



.btn-soft-indigo {

  color: var(--indigo);

  background-color: var(--indigo-transparent);

  border-color: var(--indigo);

}

.btn-soft-indigo:hover, .btn-soft-indigo:active, .btn-soft-indigo.active, .btn-soft-indigo.disabled, .btn-soft-indigo:disabled {

  color: var(--white);

  background-color: var(--indigo);

  border-color: var(--indigo);

}



.btn-soft-teal {

  color: var(--teal);

  background-color: var(--teal-transparent);

  border-color: var(--teal);

}

.btn-soft-teal:hover, .btn-soft-teal:active, .btn-soft-teal.active, .btn-soft-teal.disabled, .btn-soft-teal:disabled {

  color: var(--white);

  background-color: var(--teal);

  border-color: var(--teal);

}



.btn-soft-light {

  color: var(--gray-900) !important;

}

.btn-soft-light:hover, .btn-soft-light:active, .btn-soft-light.active, .btn-soft-light.disabled, .btn-soft-light:disabled {

  color: var(--gray-900) !important;

}



.btn-effect {

  position: relative;

  cursor: pointer;

  display: inline-block;

  overflow: hidden;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  -webkit-tap-highlight-color: transparent;

}



.btn-animation {

  overflow: hidden;

  -webkit-transition: border-color 0.3s, background-color 0.3s;

  transition: border-color 0.3s, background-color 0.3s;

  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);

  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);

  position: relative;

}

.btn-animation::after {

  content: attr(data-text);

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  opacity: 0;

  -webkit-transform: translate3d(0, 25%, 0);

  transform: translate3d(0, 25%, 0);

  padding: 0.5rem 0.85rem;

  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;

  transition: opacity 0.3s, -webkit-transform 0.3s;

  transition: transform 0.3s, opacity 0.3s;

  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;

  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);

  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);

}

.btn-animation > span {

  display: block;

  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;

  transition: opacity 0.3s, -webkit-transform 0.3s;

  transition: transform 0.3s, opacity 0.3s;

  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;

  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);

  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);

}

.btn-animation:hover::after {

  opacity: 1;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}



.btn-animation:hover > span {

  opacity: 0;

  -webkit-transform: translate3d(0, -25%, 0);

  transform: translate3d(0, -25%, 0);

}



.btn-primary.btn-animation:is(:hover, :focus, :active, :focus-visible) {

  color: var(--primary) !important;

  border-color: var(--primary) !important;

  background-color: rgba(var(--primary-rgb), 0.1);

}



.btn-secondary.btn-animation:is(:hover, :focus, :active, :focus-visible) {

  color: var(--secondary) !important;

  border-color: var(--secondary) !important;

  background-color: rgba(var(--secondary-rgb), 0.1);

}



.btn-warning.btn-animation:is(:hover, :focus, :active, :focus-visible) {

  color: var(--warning) !important;

  background-color: rgba(var(--warning-rgb), 0.1);

}



.btn-danger.btn-animation:is(:hover, :focus, :active, :focus-visible) {

  color: var(--danger) !important;

  background-color: rgba(var(--danger-rgb), 0.1);

}



.btn-info.btn-animation:is(:hover, :focus, :active, :focus-visible) {

  color: var(--info) !important;

  background-color: rgba(var(--info-rgb), 0.1);

}



.btn-success.btn-animation:is(:hover, :focus, :active, :focus-visible) {

  color: var(--success) !important;

  background-color: rgba(var(--success-rgb), 0.1);

}



.btn-dark.btn-animation:is(:hover, :focus, :active, :focus-visible) {

  color: var(--dark) !important;

  background-color: rgba(var(--dark-rgb), 0.1);

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.fill-primary {

  fill: rgba(var(--primary-rgb), 0.1);

}



.fill-secondary {

  fill: rgba(var(--secondary-rgb), 0.1);

}



.fill-success {

  fill: rgba(var(--success-rgb), 0.1);

}



.fill-info {

  fill: rgba(var(--info-rgb), 0.1);

}



.fill-warning {

  fill: rgba(var(--warning-rgb), 0.1);

}



.fill-danger {

  fill: rgba(var(--danger-rgb), 0.1);

}



.fill-dark {

  fill: rgba(var(--dark-rgb), 0.1);

}



.fill-light {

  fill: rgba(var(--light-rgb), 0.1);

}



.fill-orange {

  fill: rgba(var(--orange-rgb), 0.1);

}



.fill-purple {

  fill: rgba(var(--purple-rgb), 0.1);

}



.fill-pink {

  fill: rgba(var(--pink-rgb), 0.1);

}



.fill-indigo {

  fill: rgba(var(--indigo-rgb), 0.1);

}



.fill-teal {

  fill: rgba(var(--teal-rgb), 0.1);

}



.bg-opacity-100 {

  --bg-opacity: 1 !important;

}



.bg-opacity-75 {

  --bg-opacity: 0.75 !important;

}



.bg-opacity-50 {

  --bg-opacity: 0.5 !important;

}



.bg-opacity-25 {

  --bg-opacity: 0.25 !important;

}



.bg-opacity-10 {

  --bg-opacity: 0.10 !important;

}



.bg-primary:not([class*=bg-opacity-]) {

  --bg-opacity: 1;

}



.bg-primary {

  background-color: rgba(var(--primary-rgb), var(--bg-opacity, 1)) !important;

}



.bg-secondary:not([class*=bg-opacity-]) {

  --bg-opacity: 1;

}



.bg-secondary {

  background-color: rgba(var(--secondary-rgb), var(--bg-opacity, 1)) !important;

}



.bg-success:not([class*=bg-opacity-]) {

  --bg-opacity: 1;

}



.bg-success {

  background-color: rgba(var(--success-rgb), var(--bg-opacity, 1)) !important;

}



.bg-info:not([class*=bg-opacity-]) {

  --bg-opacity: 1;

}



.bg-info {

  background-color: rgba(var(--info-rgb), var(--bg-opacity, 1)) !important;

}



.bg-warning:not([class*=bg-opacity-]) {

  --bg-opacity: 1;

}



.bg-warning {

  background-color: rgba(var(--warning-rgb), var(--bg-opacity, 1)) !important;

}



.bg-danger:not([class*=bg-opacity-]) {

  --bg-opacity: 1;

}



.bg-danger {

  background-color: rgba(var(--danger-rgb), var(--bg-opacity, 1)) !important;

}



.bg-dark:not([class*=bg-opacity-]) {

  --bg-opacity: 1;

}



.bg-dark {

  background-color: rgba(var(--dark-rgb), var(--bg-opacity, 1)) !important;

}



.bg-light:not([class*=bg-opacity-]) {

  --bg-opacity: 1;

}



.bg-light {

  background-color: rgba(var(--light-rgb), var(--bg-opacity, 1)) !important;

}



.bg-orange:not([class*=bg-opacity-]) {

  --bg-opacity: 1;

}



.bg-orange {

  background-color: rgba(var(--orange-rgb), var(--bg-opacity, 1)) !important;

}



.bg-purple:not([class*=bg-opacity-]) {

  --bg-opacity: 1;

}



.bg-purple {

  background-color: rgba(var(--purple-rgb), var(--bg-opacity, 1)) !important;

}



.bg-pink:not([class*=bg-opacity-]) {

  --bg-opacity: 1;

}



.bg-pink {

  background-color: rgba(var(--pink-rgb), var(--bg-opacity, 1)) !important;

}



.bg-indigo:not([class*=bg-opacity-]) {

  --bg-opacity: 1;

}



.bg-indigo {

  background-color: rgba(var(--indigo-rgb), var(--bg-opacity, 1)) !important;

}



.bg-teal:not([class*=bg-opacity-]) {

  --bg-opacity: 1;

}



.bg-teal {

  background-color: rgba(var(--teal-rgb), var(--bg-opacity, 1)) !important;

}



.bg-white {

  background-color: var(--white) !important;

}



.bg-body {

  background-color: var(--light-200) !important;

}



.bg-body-secondary {

  background-color: var(--white) !important;

}



.bg-primary-subtle {

  background-color: var(--primary-transparent) !important;

}



.bg-secondary-subtle {

  background-color: var(--secondary-transparent) !important;

}



.bg-success-subtle {

  background-color: var(--success-transparent) !important;

}



.bg-danger-subtle {

  background-color: var(--danger-transparent) !important;

}



.bg-warning-subtle {

  background-color: var(--warning-transparent) !important;

}



.bg-info-subtle {

  background-color: var(--info-transparent) !important;

}



.bg-light-subtle {

  background-color: var(--light-transparent) !important;

}



.bg-dark-subtle {

  background-color: var(--gray-transparent) !important;

}



.bg-soft-primary {

  background-color: var(--primary) !important;

}



.bg-soft-secondary {

  background-color: var(--secondary-transparent) !important;

}



.bg-soft-success {

  background-color: var(--success-transparent) !important;

}



.bg-soft-info {

  background-color: var(--info-transparent) !important;

}



.bg-soft-warning {

  background-color: var(--warning-transparent) !important;

}



.bg-soft-danger {

  background-color: var(--danger-transparent) !important;

}



.bg-soft-light {

  background-color: var(--light-transparent) !important;

}



.bg-soft-dark {

  background-color: var(--gray-100) !important;

}



.bg-soft-pink {

  background-color: var(--pink-transparent);

}



.bg-soft-indigo {

  background-color: var(--indigo-transparent);

}



.bg-soft-orange {

  background-color: var(--orange-transparent);

}



.text-bg-primary {

  background-color: var(--primary) !important;

}



.text-bg-secondary {

  background-color: var(--secondary) !important;

}



.text-bg-success {

  background-color: var(--success) !important;

}



.text-bg-info {

  background-color: var(--info) !important;

}



.text-bg-warning {

  background-color: var(--warning) !important;

}



.text-bg-danger {

  background-color: var(--danger) !important;

}



.text-bg-dark {

  background-color: var(--dark) !important;

}



.text-bg-light {

  background-color: var(--light) !important;

}



.text-bg-orange {

  background-color: var(--orange) !important;

}



.text-bg-purple {

  background-color: var(--purple) !important;

}



.text-bg-pink {

  background-color: var(--pink) !important;

}



.text-bg-indigo {

  background-color: var(--indigo) !important;

}



.text-bg-teal {

  background-color: var(--teal) !important;

}



.text-bg-info {

  background-color: var(--info) !important;

  color: var(--white) !important;

}



.text-primary-emphasis {

  color: var(--primary-hover) !important;

}



.text-secondary-emphasis {

  color: var(--secondary-hover) !important;

}



.text-success-emphasis {

  color: var(--success-hover) !important;

}



.text-info-emphasis {

  color: var(--info-hover) !important;

}



.text-warning-emphasis {

  color: var(--warning-hover) !important;

}



.text-danger-emphasis {

  color: var(--danger-hover) !important;

}



.text-dark-emphasis {

  color: var(--dark-hover) !important;

}



.text-light-emphasis {

  color: var(--light-hover) !important;

}



.text-orange-emphasis {

  color: var(--orange-hover) !important;

}



.text-purple-emphasis {

  color: var(--purple-hover) !important;

}



.text-pink-emphasis {

  color: var(--pink-hover) !important;

}



.text-indigo-emphasis {

  color: var(--indigo-hover) !important;

}



.text-teal-emphasis {

  color: var(--teal-hover) !important;

}



.text-primary {

  color: var(--primary) !important;

}

.text-primary.text-opacity-75 {

  opacity: 0.75 !important;

}



.link-primary {

  color: var(--primary) !important;

}

.link-primary:hover, .link-primary:focus {

  color: var(--primary-hover) !important;

}

.link-primary.text-decoration-underline {

  text-decoration-color: var(--primary) !important;

}



.link-underline-primary {

  text-decoration-color: var(--primary) !important;

}



.text-secondary {

  color: var(--secondary) !important;

}

.text-secondary.text-opacity-75 {

  opacity: 0.75 !important;

}



.link-secondary {

  color: var(--secondary) !important;

}

.link-secondary:hover, .link-secondary:focus {

  color: var(--secondary-hover) !important;

}

.link-secondary.text-decoration-underline {

  text-decoration-color: var(--secondary) !important;

}



.link-underline-secondary {

  text-decoration-color: var(--secondary) !important;

}



.text-success {

  color: var(--success) !important;

}

.text-success.text-opacity-75 {

  opacity: 0.75 !important;

}



.link-success {

  color: var(--success) !important;

}

.link-success:hover, .link-success:focus {

  color: var(--success-hover) !important;

}

.link-success.text-decoration-underline {

  text-decoration-color: var(--success) !important;

}



.link-underline-success {

  text-decoration-color: var(--success) !important;

}



.text-info {

  color: var(--info) !important;

}

.text-info.text-opacity-75 {

  opacity: 0.75 !important;

}



.link-info {

  color: var(--info) !important;

}

.link-info:hover, .link-info:focus {

  color: var(--info-hover) !important;

}

.link-info.text-decoration-underline {

  text-decoration-color: var(--info) !important;

}



.link-underline-info {

  text-decoration-color: var(--info) !important;

}



.text-warning {

  color: var(--warning) !important;

}

.text-warning.text-opacity-75 {

  opacity: 0.75 !important;

}



.link-warning {

  color: var(--warning) !important;

}

.link-warning:hover, .link-warning:focus {

  color: var(--warning-hover) !important;

}

.link-warning.text-decoration-underline {

  text-decoration-color: var(--warning) !important;

}



.link-underline-warning {

  text-decoration-color: var(--warning) !important;

}



.text-danger {

  color: var(--danger) !important;

}

.text-danger.text-opacity-75 {

  opacity: 0.75 !important;

}



.link-danger {

  color: var(--danger) !important;

}

.link-danger:hover, .link-danger:focus {

  color: var(--danger-hover) !important;

}

.link-danger.text-decoration-underline {

  text-decoration-color: var(--danger) !important;

}



.link-underline-danger {

  text-decoration-color: var(--danger) !important;

}



.text-dark {

  color: var(--dark) !important;

}

.text-dark.text-opacity-75 {

  opacity: 0.75 !important;

}



.link-dark {

  color: var(--dark) !important;

}

.link-dark:hover, .link-dark:focus {

  color: var(--dark-hover) !important;

}

.link-dark.text-decoration-underline {

  text-decoration-color: var(--dark) !important;

}



.link-underline-dark {

  text-decoration-color: var(--dark) !important;

}



.text-light {

  color: var(--light) !important;

}

.text-light.text-opacity-75 {

  opacity: 0.75 !important;

}



.link-light {

  color: var(--light) !important;

}

.link-light:hover, .link-light:focus {

  color: var(--light-hover) !important;

}

.link-light.text-decoration-underline {

  text-decoration-color: var(--light) !important;

}



.link-underline-light {

  text-decoration-color: var(--light) !important;

}



.text-orange {

  color: var(--orange) !important;

}

.text-orange.text-opacity-75 {

  opacity: 0.75 !important;

}



.link-orange {

  color: var(--orange) !important;

}

.link-orange:hover, .link-orange:focus {

  color: var(--orange-hover) !important;

}

.link-orange.text-decoration-underline {

  text-decoration-color: var(--orange) !important;

}



.link-underline-orange {

  text-decoration-color: var(--orange) !important;

}



.text-purple {

  color: var(--purple) !important;

}

.text-purple.text-opacity-75 {

  opacity: 0.75 !important;

}



.link-purple {

  color: var(--purple) !important;

}

.link-purple:hover, .link-purple:focus {

  color: var(--purple-hover) !important;

}

.link-purple.text-decoration-underline {

  text-decoration-color: var(--purple) !important;

}



.link-underline-purple {

  text-decoration-color: var(--purple) !important;

}



.text-pink {

  color: var(--pink) !important;

}

.text-pink.text-opacity-75 {

  opacity: 0.75 !important;

}



.link-pink {

  color: var(--pink) !important;

}

.link-pink:hover, .link-pink:focus {

  color: var(--pink-hover) !important;

}

.link-pink.text-decoration-underline {

  text-decoration-color: var(--pink) !important;

}



.link-underline-pink {

  text-decoration-color: var(--pink) !important;

}



.text-indigo {

  color: var(--indigo) !important;

}

.text-indigo.text-opacity-75 {

  opacity: 0.75 !important;

}



.link-indigo {

  color: var(--indigo) !important;

}

.link-indigo:hover, .link-indigo:focus {

  color: var(--indigo-hover) !important;

}

.link-indigo.text-decoration-underline {

  text-decoration-color: var(--indigo) !important;

}



.link-underline-indigo {

  text-decoration-color: var(--indigo) !important;

}



.text-teal {

  color: var(--teal) !important;

}

.text-teal.text-opacity-75 {

  opacity: 0.75 !important;

}



.link-teal {

  color: var(--teal) !important;

}

.link-teal:hover, .link-teal:focus {

  color: var(--teal-hover) !important;

}

.link-teal.text-decoration-underline {

  text-decoration-color: var(--teal) !important;

}



.link-underline-teal {

  text-decoration-color: var(--teal) !important;

}



.text-white {

  color: var(--white) !important;

}



.text-body {

  color: var(--body-color) !important;

}



.text-body-emphasis {

  color: var(--gray-hover) !important;

}



.text-body-secondary {

  color: var(--gray-900) !important;

}



.text-body-tertiary {

  color: var(--gray-300) !important;

}



.text-black {

  color: var(--black) !important;

}



.text-muted {

  color: var(--body-color) !important;

}



.text-dark {

  color: var(--gray-900) !important;

}



.bg-indigo-gradient {

  background-image: linear-gradient(180deg, #8351FD 0%, #5112A9 100%) !important;

}



.bg-primary-gradient {

  background-image: linear-gradient(180deg, #18ACCF 0%, #0F59AD 100%) !important;

}



.bg-secondary-gradient {

  background-image: linear-gradient(180deg, #309F92 0%, #0C5666 100%) !important;

}



.bg-dark-gradient {

  background-image: linear-gradient(180deg, #4B749F 0%, #243748 100%) !important;

}



.bg-purple-gradient {

  background-image: linear-gradient(180deg, #AF1FAF 0%, #800080 100%) !important;

}



.bg-orange-gradient {

  background-image: linear-gradient(180deg, #F99D6F 0%, #FA6D70 100%) !important;

}



.bg-info-gradient {

  background-image: linear-gradient(180deg, #4F84F4 0%, #320F84 100%) !important;

}



.bg-teal-gradient {

  background-image: linear-gradient(180deg, #18C3B0 0%, #0E9384 100%) !important;

}



.bg-success-gradient {

  background-image: linear-gradient(120deg, #138710 0%, #18ac15 60%, #1abe17 100%);

}



.bg-warning-gradient {

  background-image: linear-gradient(120deg, #bc8b01 0%, #e5a901 60%, #f9b801 100%);

}



.bg-danger-gradient {

  background-image: linear-gradient(120deg, #c20000 0%, #eb0000 60%, red 100%);

}



.bg-light-gradient {

  background-image: linear-gradient(120deg, #dadada 0%, #efefef 60%, #f9f9f9 100%);

}



[data-color=primary] {

  --primary: #08053b;

  --primary-rgb: 228, 31, 7;

}



[data-color=secondary] {

  --primary: #FFA201;

  --primary-rgb: 255, 162, 1;

}



[data-color=success] {

  --primary: #1ABE17;

  --primary-rgb: 26, 190, 23;

}



[data-color=info] {

  --primary: #2F80ED;

  --primary-rgb: 47, 128, 237;

}



[data-color=warning] {

  --primary: #f9b801;

  --primary-rgb: 249, 184, 1;

}



[data-color=danger] {

  --primary: #EF1E1E;

  --primary-rgb: 239, 30, 30;

}



[data-color=dark] {

  --primary: #0A0C0C;

  --primary-rgb: 10, 12, 12;

}



[data-color=light] {

  --primary: #F7F8F9;

  --primary-rgb: 247, 248, 249;

}



[data-color=orange] {

  --primary: #EF5E25;

  --primary-rgb: 239, 94, 37;

}



[data-color=purple] {

  --primary: #800080;

  --primary-rgb: 128, 0, 128;

}



[data-color=pink] {

  --primary: #DD2590;

  --primary-rgb: 221, 37, 144;

}



[data-color=indigo] {

  --primary: #3538CD;

  --primary-rgb: 53, 56, 205;

}



[data-color=teal] {

  --primary: #0E9384;

  --primary-rgb: 14, 147, 132;

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.card {

  margin-bottom: 20px;

  border: 1px solid var(--border-color);

  border-radius: 5px;

  color: inherit;

  box-shadow: var(--box-shadow);

  background-color: var(--white);

}

.card .header-title {

  margin-bottom: 0;

  font-weight: 600;

  font-size: 1rem;

}

.card .card-title {

  color: var(--gray-900);

  margin-bottom: 0;

  font-weight: 600;

  font-size: 16px;

}

.card .card-header {

  padding: 15px 20px;

  margin-bottom: 0;

  border-color: var(--border-color);

  background: transparent;

}

.card .card-body {

  padding: 10px;

}

.card .card-footer {

  padding: 0.75rem 1.25rem;

  background: transparent;

  border-color: var(--border-color);

}

.card .card-drop {

  font-size: 20px;

  color: inherit;

}

.card .card-drop:hover {

  color: var(--primary);

}

.card .card-widgets {

  float: right;

  height: 16px;

}

.card .card-widgets > a {

  color: inherit;

  font-size: 18px;

  display: inline-block;

  line-height: 1;

  margin: 0 3px;

}

.card .card-widgets > a.collapsed i:before {

  content: "\eb0b";

}



.card-bg {

  background-color: var(--white);

}



.card-disabled {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  border-radius: 6px;

  background: var(--light);

  opacity: 0.8;

  cursor: progress;

}

.card-disabled .card-portlets-loader {

  background-color: var(--dark);

  animation: rotatebox 1.2s infinite ease-in-out;

  height: 30px;

  width: 30px;

  border-radius: 3px;

  position: absolute;

  left: 50%;

  top: 50%;

  margin-left: -0.625rem;

  margin-top: -0.625rem;

}



@keyframes rotatebox {

  0% {

    transform: perspective(120px) rotateX(0deg) rotateY(0deg);

  }

  50% {

    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);

  }

  100% {

    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);

  }

}

.card-h-100 {

  height: calc(100% - 1.25rem);

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.dropdown-menu {

  box-shadow: var(--box-shadow);

  animation-name: DropDownSlideUp;

  animation-duration: 0.3s;

  animation-fill-mode: both;

  will-change: transform;

  position: absolute;

  z-index: 1000;

  border-color: var(--border-color);

  padding: 4px;

  font-size: 14px;

  border-radius: 5px;

  background-color: var(--white);

}

.dropdown-menu[data-popper-placement=top-start], .dropdown-menu[data-popper-placement=top] {

  animation-name: DropDownSlideDown;

}

.dropdown-menu .dropdown-item {

  border-radius: 6px;

  font-size: 14px;

  color: var(--body-color);

  padding: 0.4rem 0.9375rem;

  background-color: transparent;

}

.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:active, .dropdown-menu .dropdown-item.active {

  background: var(--light);

}



.dropdown-divider {

  margin-left: -0.25rem;

  margin-right: -0.25rem;

}



@media (min-width: 576px) {

  .hover-dropdown:hover > .dropdown-menu {

    display: block;

  }

}

@keyframes DropDownSlideUp {

  100% {

    margin-top: -1px;

  }

  0% {

    margin-top: 5px;

  }

}

@keyframes DropDownSlideDown {

  100% {

    margin-bottom: 0;

  }

  0% {

    margin-bottom: 5px;

  }

}

@media (min-width: 768px) {

  .dropdown-menu-xxl {

    width: 740px;

  }

  .dropdown-menu-xl {

    width: 430px;

  }

}

@media (min-width: 576px) {

  .dropdown-menu-lg {

    width: 320px;

  }

  .dropdown-menu-md {

    width: 250px;

  }

  .dropdown-menu-full {

    width: auto;

    position: fixed !important;

    left: 10px !important;

    right: 10px !important;

  }

}

.drop-arrow-none:after {

  display: none;

  content: none !important;

}



.dropdown-toggle::after {

  display: inline-block;

  vertical-align: 0;

  content: "\ea5f";

  font-family: "tabler-icons" !important;

  border: 0;

  font-size: 14px;

  position: relative;

}



.dropdown-toggle-split:before {

  content: "";

  position: absolute;

  background-color: rgba(var(--white-rgb), 0.12);

  top: -1px;

  bottom: -1px;

  right: -1px;

  left: 0;

  border-radius: 0 6px 6px 0;

}



.dropstart .dropdown-toggle-split::before {

  inset: auto;

  border-radius: 0;

  position: relative;

  z-index: 1;

}

.dropstart .dropdown-toggle-split::after {

  content: "";

  display: inline-block;

  position: absolute;

  background-color: rgba(var(--dark-rgb), 0.1);

  top: 0;

  bottom: 0;

  right: 0;

  left: 0;

  border-radius: 6px 0 0 6px;

  border: none;

  margin-left: 0;

}



.dropdown-icon-item {

  display: block;

  border-radius: 3px;

  text-align: center;

  padding: 15px;

  display: block;

  color: var(--body-color);

  margin: 7px 0;

}

.dropdown-icon-item img {

  height: 24px;

}

.dropdown-icon-item span {

  display: block;

  overflow: hidden;

  margin-top: 7px;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.dropdown-icon-item:hover {

  background-color: var(--light);

  color: var(--body-color);

}



.dropdown-menu.dropdown-menu-primary {

  background-color: var(--primary);

}

.dropdown-menu.dropdown-menu-primary li a {

  color: rgba(255, 255, 255, 0.9);

}

.dropdown-menu.dropdown-menu-primary .dropdown-item:hover, .dropdown-menu.dropdown-menu-primary .dropdown-item:focus, .dropdown-menu.dropdown-menu-primary .dropdown-item:active, .dropdown-menu.dropdown-menu-primary .dropdown-item.active {

  color: var(--white);

}

.dropdown-menu.dropdown-menu-secondary {

  background-color: var(--secondary);

}

.dropdown-menu.dropdown-menu-secondary li a {

  color: rgba(255, 255, 255, 0.9);

}

.dropdown-menu.dropdown-menu-secondary .dropdown-item:hover, .dropdown-menu.dropdown-menu-secondary .dropdown-item:focus, .dropdown-menu.dropdown-menu-secondary .dropdown-item:active, .dropdown-menu.dropdown-menu-secondary .dropdown-item.active {

  color: var(--white);

}

.dropdown-menu.dropdown-menu-warning {

  background-color: var(--warning);

}

.dropdown-menu.dropdown-menu-warning li a {

  color: rgba(255, 255, 255, 0.9);

}

.dropdown-menu.dropdown-menu-warning .dropdown-item:hover, .dropdown-menu.dropdown-menu-warning .dropdown-item:focus, .dropdown-menu.dropdown-menu-warning .dropdown-item:active, .dropdown-menu.dropdown-menu-warning .dropdown-item.active {

  color: var(--white);

}

.dropdown-menu.dropdown-menu-info {

  background-color: var(--info);

}

.dropdown-menu.dropdown-menu-info li a {

  color: rgba(255, 255, 255, 0.9);

}

.dropdown-menu.dropdown-menu-info .dropdown-item:hover, .dropdown-menu.dropdown-menu-info .dropdown-item:focus, .dropdown-menu.dropdown-menu-info .dropdown-item:active, .dropdown-menu.dropdown-menu-info .dropdown-item.active {

  color: var(--white);

}

.dropdown-menu.dropdown-menu-success {

  background-color: var(--success);

}

.dropdown-menu.dropdown-menu-success li a {

  color: rgba(255, 255, 255, 0.9);

}

.dropdown-menu.dropdown-menu-success .dropdown-item:hover, .dropdown-menu.dropdown-menu-success .dropdown-item:focus, .dropdown-menu.dropdown-menu-success .dropdown-item:active, .dropdown-menu.dropdown-menu-success .dropdown-item.active {

  color: var(--white);

}

.dropdown-menu.dropdown-menu-danger {

  background-color: var(--danger);

}

.dropdown-menu.dropdown-menu-danger li a {

  color: rgba(255, 255, 255, 0.9);

}

.dropdown-menu.dropdown-menu-danger .dropdown-item:hover, .dropdown-menu.dropdown-menu-danger .dropdown-item:focus, .dropdown-menu.dropdown-menu-danger .dropdown-item:active, .dropdown-menu.dropdown-menu-danger .dropdown-item.active {

  color: var(--white);

}



.dropdown-menu.dropmenu-item-primary .dropdown-item:hover, .dropdown-menu.dropmenu-item-primary .dropdown-item:focus, .dropdown-menu.dropmenu-item-primary .dropdown-item:active, .dropdown-menu.dropmenu-item-primary .dropdown-item.active {

  background-color: rgba(var(--primary-rgb), 0.1) !important;

  color: var(--primary);

}

.dropdown-menu.dropmenu-item-secondary .dropdown-item:hover, .dropdown-menu.dropmenu-item-secondary .dropdown-item:focus, .dropdown-menu.dropmenu-item-secondary .dropdown-item:active, .dropdown-menu.dropmenu-item-secondary .dropdown-item.active {

  background-color: rgba(var(--secondary-rgb), 0.1) !important;

  color: var(--secondary);

}

.dropdown-menu.dropmenu-item-warning .dropdown-item:hover, .dropdown-menu.dropmenu-item-warning .dropdown-item:focus, .dropdown-menu.dropmenu-item-warning .dropdown-item:active, .dropdown-menu.dropmenu-item-warning .dropdown-item.active {

  background-color: rgba(var(--warning-rgb), 0.1) !important;

  color: var(--warning);

}

.dropdown-menu.dropmenu-item-info .dropdown-item:hover, .dropdown-menu.dropmenu-item-info .dropdown-item:focus, .dropdown-menu.dropmenu-item-info .dropdown-item:active, .dropdown-menu.dropmenu-item-info .dropdown-item.active {

  background-color: rgba(var(--info-rgb), 0.1) !important;

  color: var(--info);

}

.dropdown-menu.dropmenu-item-success .dropdown-item:hover, .dropdown-menu.dropmenu-item-success .dropdown-item:focus, .dropdown-menu.dropmenu-item-success .dropdown-item:active, .dropdown-menu.dropmenu-item-success .dropdown-item.active {

  background-color: rgba(var(--success-rgb), 0.1) !important;

  color: var(--success);

}

.dropdown-menu.dropmenu-item-danger .dropdown-item:hover, .dropdown-menu.dropmenu-item-danger .dropdown-item:focus, .dropdown-menu.dropmenu-item-danger .dropdown-item:active, .dropdown-menu.dropmenu-item-danger .dropdown-item.active {

  background-color: rgba(var(--danger-rgb), 0.1) !important;

  color: var(--danger);

}



.dropdown-menu.dropmenu-light-primary {

  background-color: rgba(var(--secondary-rgb), 0.1);

  backdrop-filter: blur(2rem);

}

.dropdown-menu.dropmenu-light-primary .dropdown-item:hover, .dropdown-menu.dropmenu-light-primary .dropdown-item:focus, .dropdown-menu.dropmenu-light-primary .dropdown-item:active, .dropdown-menu.dropmenu-light-primary .dropdown-item.active {

  color: var(--white);

  background-color: var(--primary) !important;

}

.dropdown-menu.dropmenu-light-secondary {

  background-color: rgba(var(--secondary-rgb), 0.1);

  backdrop-filter: blur(2rem);

}

.dropdown-menu.dropmenu-light-secondary .dropdown-item:hover, .dropdown-menu.dropmenu-light-secondary .dropdown-item:focus, .dropdown-menu.dropmenu-light-secondary .dropdown-item:active, .dropdown-menu.dropmenu-light-secondary .dropdown-item.active {

  color: var(--white);

  background-color: var(--secondary) !important;

}

.dropdown-menu.dropmenu-light-info {

  background-color: rgba(var(--info-rgb), 0.1);

  backdrop-filter: blur(2rem);

}

.dropdown-menu.dropmenu-light-info .dropdown-item:hover, .dropdown-menu.dropmenu-light-info .dropdown-item:focus, .dropdown-menu.dropmenu-light-info .dropdown-item:active, .dropdown-menu.dropmenu-light-info .dropdown-item.active {

  color: var(--white);

  background-color: var(--info) !important;

}

.dropdown-menu.dropmenu-light-warning {

  background-color: rgba(var(--warning-rgb), 0.1);

  backdrop-filter: blur(2rem);

}

.dropdown-menu.dropmenu-light-warning .dropdown-item:hover, .dropdown-menu.dropmenu-light-warning .dropdown-item:focus, .dropdown-menu.dropmenu-light-warning .dropdown-item:active, .dropdown-menu.dropmenu-light-warning .dropdown-item.active {

  color: var(--white);

  background-color: var(--warning) !important;

}

.dropdown-menu.dropmenu-light-success {

  background-color: rgba(var(--success-rgb), 0.1);

  backdrop-filter: blur(2rem);

}

.dropdown-menu.dropmenu-light-success .dropdown-item:hover, .dropdown-menu.dropmenu-light-success .dropdown-item:focus, .dropdown-menu.dropmenu-light-success .dropdown-item:active, .dropdown-menu.dropmenu-light-success .dropdown-item.active {

  color: var(--white);

  background-color: var(--success) !important;

}

.dropdown-menu.dropmenu-light-danger {

  background-color: rgba(var(--danger-rgb), 0.1);

  backdrop-filter: blur(2rem);

}

.dropdown-menu.dropmenu-light-danger .dropdown-item:hover, .dropdown-menu.dropmenu-light-danger .dropdown-item:focus, .dropdown-menu.dropmenu-light-danger .dropdown-item:active, .dropdown-menu.dropmenu-light-danger .dropdown-item.active {

  color: var(--white);

  background-color: var(--danger) !important;

}



.dropdown .online {

  position: absolute;

  font-size: 8px;

  right: -3px;

  bottom: -1px;

  z-index: 1;

}

.dropdown .btn {

  font-weight: normal;

}



.filter-dropdown-menu .filter-header {

  padding: 16px 20px;

}

.filter-dropdown-menu .filter-set-content {

  margin-bottom: 16px;

}

.filter-dropdown-menu .filter-set-content .filter-set-content-head a {

  font-weight: 600;

  position: relative;

  padding-left: 20px;

  display: block;

}

.filter-dropdown-menu .filter-set-content .filter-set-content-head a::before {

  content: "\ea61";

  font-family: "tabler-icons";

  position: absolute;

  top: 50%;

  left: 0;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  font-size: 14px;

}

.filter-dropdown-menu .filter-set-content .filter-set-content-head a:not(.collapsed)::before {

  content: "\ea5f";

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.form-control {

  padding: 0.5rem 0.75rem;

  font-size: 0.875rem;

  font-weight: 400;

  color: var(--body-color);

  background-color: var(--white);

  border: 1px solid var(--border-color);

  border-radius: 6px;

  box-shadow: var(--box-shadow);

}

.form-control:focus {

  border-color: var(--border-color);

  background-color: var(--white);

  outline: 0;

  box-shadow: none;

}



.form-control-sm {

  font-size: 12px;

  padding: 5px 12px;

}



.form-control-lg {

  font-size: 16px;

  padding: 8px 12px;

}



input.form-control[type=color],

input.form-control[type=range] {

  min-height: 39px;

}



input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



.form-check-label {

  font-weight: 400;

}



.custom-select.is-invalid:focus,

.form-control.is-invalid:focus,

.custom-select:invalid:focus,

.form-control:invalid:focus,

.custom-select.is-valid:focus,

.form-control.is-valid:focus,

.custom-select:valid:focus,

.form-control:valid:focus {

  box-shadow: none !important;

}



select.form-control:not([size]):not([multiple]) {

  height: 2.375rem;

}



select.form-control-sm:not([size]):not([multiple]) {

  height: 2rem;

}



.form-select {

  font-size: 14px;

}

.form-select:focus {

  box-shadow: none;

}



.form-label {

  color: var(--heading-color);

}



.password-eye {

  cursor: pointer;

}

.password-eye:before {

  font-family: tabler-icons;

  content: "\ea9a";

  font-style: normal;

  font-weight: 400;

  font-variant: normal;

  vertical-align: middle;

  line-height: 1.2;

  font-size: 16px;

}



.show-password .password-eye:before {

  content: "\f06d1";

}



.form-checkbox-primary .form-check-input:checked,

.form-radio-primary .form-check-input:checked {

  background-color: var(--primary);

  border-color: var(--primary);

}



.form-checkbox-secondary .form-check-input:checked,

.form-radio-secondary .form-check-input:checked {

  background-color: var(--secondary);

  border-color: var(--secondary);

}



.form-checkbox-success .form-check-input:checked,

.form-radio-success .form-check-input:checked {

  background-color: var(--success);

  border-color: var(--success);

}



.form-checkbox-info .form-check-input:checked,

.form-radio-info .form-check-input:checked {

  background-color: var(--info);

  border-color: var(--info);

}



.form-checkbox-warning .form-check-input:checked,

.form-radio-warning .form-check-input:checked {

  background-color: var(--warning);

  border-color: var(--warning);

}



.form-checkbox-danger .form-check-input:checked,

.form-radio-danger .form-check-input:checked {

  background-color: var(--danger);

  border-color: var(--danger);

}



.form-checkbox-dark .form-check-input:checked,

.form-radio-dark .form-check-input:checked {

  background-color: var(--dark);

  border-color: var(--dark);

}



.form-checkbox-light .form-check-input:checked,

.form-radio-light .form-check-input:checked {

  background-color: var(--light);

  border-color: var(--light);

}



.form-checkbox-orange .form-check-input:checked,

.form-radio-orange .form-check-input:checked {

  background-color: var(--orange);

  border-color: var(--orange);

}



.form-checkbox-purple .form-check-input:checked,

.form-radio-purple .form-check-input:checked {

  background-color: var(--purple);

  border-color: var(--purple);

}



.form-checkbox-pink .form-check-input:checked,

.form-radio-pink .form-check-input:checked {

  background-color: var(--pink);

  border-color: var(--pink);

}



.form-checkbox-indigo .form-check-input:checked,

.form-radio-indigo .form-check-input:checked {

  background-color: var(--indigo);

  border-color: var(--indigo);

}



.form-checkbox-teal .form-check-input:checked,

.form-radio-teal .form-check-input:checked {

  background-color: var(--teal);

  border-color: var(--teal);

}



.form-check .form-check-input {

  border: 1px solid var(--border-color) !important;

  background-color: var(--white);

}



.card-radio {

  padding: 0;

}

.card-radio .form-check-label {

  background-color: var(--white);

  border: 1px solid var(--border-color);

  border-radius: 6px;

  padding: 1rem;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  display: block;

  position: relative;

  padding-right: 32px;

}

.card-radio .form-check-label:hover {

  cursor: pointer;

}

.card-radio .form-check-input {

  display: none;

}

.card-radio .form-check-input:checked + .form-check-label:before {

  content: "\f704";

  font-family: tabler-icons;

  position: absolute;

  top: 7px;

  right: 6px;

  font-size: 16px;

  color: var(--secondary);

}

.card-radio.dark .form-check-input:checked + .form-check-label:before {

  color: var(--white);

}



/* Input Group */

.input-group-flat:focus-within {

  border-radius: 6px;

}

.input-group-flat:focus-within .form-control,

.input-group-flat:focus-within .input-group-text {

  border-color: var(--border-color) !important;

  background-color: var(--white);

}

.input-group-flat .form-control:focus {

  border-color: var(--border-color);

  box-shadow: none;

}

.input-group-flat .form-control:not(:last-child) {

  border-right: 0;

}

.input-group-flat .form-control:not(:first-child) {

  border-left: 0;

}

.input-group-flat .input-group-text {

  background-color: var(--white);

  border-color: var(--border-color);

  color: var(--heading-color);

}

.input-group-flat .input-group-text:first-child {

  padding-right: 0;

}

.input-group-flat .input-group-text:last-child {

  padding-left: 0;

}



.input-icon-addon {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  color: var(--gray-400);

  pointer-events: none;

  font-size: 14px;

  padding: 0 12px 0 12px;

}

.input-icon-addon:last-child {

  right: 0;

  left: auto;

}



.input-icon-start .form-control {

  padding-left: 32px;

}



.input-icon-end .input-icon-addon {

  right: 0;

  left: auto;

}

.input-icon-end .form-control {

  padding-right: 32px;

}



.input-group-text,

.col-form-label {

  color: var(--heading-color);

  background-color: transparent;

}



.form-control::placeholder {

  color: var(--gray-400);

  font-weight: 400;

  opacity: 1;

}



.form-control:disabled {

  background-color: var(--light);

  opacity: 1;

}



.form-control::file-selector-button {

  padding: 0.5rem 0.77rem;

  margin: -0.5rem -0.77rem;

  margin-inline-end: 0.77rem;

  color: var(--body-color);

  background-color: var(--light);

  pointer-events: none;

  border-color: inherit;

  border-style: solid;

  border-width: 0;

  border-inline-end-width: 1px;

  border-radius: 0;

  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}



.choices {

  margin-bottom: 0;

}

.choices[data-type*=select-one] {

  cursor: pointer;

}

.choices[data-type*=select-one] .choices__input {

  padding: 0.5rem 0.77rem !important;

  background-color: var(--white);

  border: 1px solid var(--border-color);

  font-size: 0.875rem;

  border-radius: 5px;

  color: var(--body-color);

  margin-bottom: 10px;

}

.choices[data-type*=select-one]:after {

  content: "\ea5f";

  position: absolute;

  border: 0;

  top: 18px;

  right: 12px;

  left: auto;

  font-size: 20px;

  font-family: tabler-icons;

  width: auto;

  height: auto;

  margin-top: 0;

  transform: translateY(-50%);

  transition: transform 0.2s ease-in-out;

  pointer-events: none;

}

.choices[data-type*=select-one].is-open:after {

  margin-top: 0;

  transform: translateY(-50%) rotate(-180deg);

}

.choices[data-type*=select-one] .choices__button {

  right: 20px;

}

.choices[data-type*=select-multiple] .choices__inner, .choices[data-type*=text] .choices__inner {

  cursor: text;

  padding: 0.5rem 0.75rem !important;

  min-height: 38px;

  display: flex;

  align-items: center;

  overflow-x: auto;

}

.choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button {

  border-left: 0;

  border-right: 0;

  filter: brightness(0);

  margin-left: 4px;

}

.choices[data-type*=select-multiple] .choices__list--dropdown, .choices[data-type*=text] .choices__list--dropdown {

  padding-bottom: 10px;

}

.choices[data-type*=select-multiple] .choices__list--dropdown .choices__list, .choices[data-type*=text] .choices__list--dropdown .choices__list {

  margin-bottom: 0;

}

.choices[data-type*=select-multiple] .choices__input {

  padding-top: 3px;

}

.choices.is-disabled .choices__inner,

.choices.is-disabled .choices__input {

  background-color: var(--light);

  cursor: not-allowed;

  -webkit-user-select: none;

  user-select: none;

}



.input-light .choices__inner {

  background-color: var(--light);

  border: none;

}



.choices__inner {

  display: inline-block;

  padding: 0.5rem 0.77rem !important;

  vertical-align: middle;

  background-color: var(--white);

  border: 1px solid var(--border-color);

  border-radius: 5px !important;

  font-size: 0.875rem;

  min-height: auto;

  overflow: hidden;

}

.choices__inner .choices__list--single {

  padding: 0 !important;

}



.is-focused .choices__inner,

.is-open .choices__inner {

  border-color: var(--border-color);

}



.choices__list--multiple {

  display: inline-flex;

}

.choices__list--multiple .choices__item {

  display: inline-block;

  vertical-align: initial;

  border-radius: 5px;

  padding: 2px 7px;

  font-size: 13px;

  font-weight: 500;

  margin: 0 5px 0 0;

  color: var(--gray-900);

  background-color: var(--light);

  border: 1px solid var(--border-color);

  word-break: break-all;

  box-sizing: border-box;

  white-space: nowrap;

}

.choices__list--multiple .choices__item.is-highlighted {

  background-color: var(--primary);

  border: 1px solid var(--primary);

}

.choices__list--multiple .choices__item[data-deletable] {

  padding-right: 5px;

}



.is-disabled .choices__list--multiple .choices__item {

  background-color: var(--light-transparent);

  border: 1px solid var(--white);

}



.choices__list--dropdown {

  padding: 10px 10px 20px 10px;

  background-color: var(--white) !important;

  border: 1px solid transparent !important;

  box-shadow: var(--box-shadow);

  margin-top: 0 !important;

  border-radius: 5px;

  animation-duration: 0.3s;

  animation-fill-mode: both;

  transform: translateY(1px);

  max-height: 300px;

}

.choices__list--dropdown.is-active {

  animation-name: DropDownSlide;

}

.choices__list--dropdown .choices__item--selectable.is-highlighted {

  background-color: var(--light) !important;

}

.choices__list--dropdown .choices__list {

  margin: 0 -10px -16px;

}

.choices__list--dropdown .choices__list::-webkit-scrollbar {

  -webkit-appearance: none;

}

.choices__list--dropdown .choices__list::-webkit-scrollbar-thumb {

  background-color: var(--gray-100);

  border-radius: 5px;

  border: 2px solid var(--white);

}

.choices__list--dropdown .choices__list::-webkit-scrollbar-track {

  border-radius: 5px;

  background-color: var(--white);

}

.choices__list--dropdown .has-no-results {

  font-style: italic;

  font-weight: 500;

}

.choices__list--dropdown .choices__item--selectable:after {

  display: none;

}

.choices__list--dropdown .choices__item {

  font-size: 0.875rem;

  padding: 0.4rem 0.9375rem 0.4rem 16px;

}



.is-open .choices__list--dropdown {

  border-color: transparent;

}



.is-flipped .choices__list--dropdown.is-active {

  border-radius: 5px;

  animation-name: DropDownSlideDown;

  transform: translateY(-1px);

}



.choices__heading {

  font-weight: 600;

  padding: 10px 16px;

  border-bottom: 1px solid var(--border-color);

  color: var(--gray-500);

  font-size: 12px;

}



.choices__input {

  display: inline-block;

  background-color: var(--white);

  color: var(--body-color);

  font-size: 0.875rem;

  margin-bottom: 0;

  padding: 0 0 0 2px;

  vertical-align: baseline;

  border: 0;

  border-radius: 0;

  max-width: 100%;

}

.choices__input::placeholder {

  color: var(--gray-400);

}



.choices__placeholder {

  color: var(--gray-400);

  opacity: 1;

}



[data-bs-theme=dark] .choices[data-type*=select-one] .choices__button {

  filter: invert(1) grayscale(100%) brightness(200%);

}



[dir=rtl] .choices[data-type*=select-one]:after {

  left: 12px;

  right: auto;

}



.select2-container {

  width: 100% !important;

}

.select2-container .select2-selection--single {

  border: 1px solid var(--border-color);

  height: calc(1.5em + 1rem + 2px);

  background-color: var(--white);

  outline: none;

  border-radius: 5px;

}

.select2-container .select2-selection--single .select2-selection__rendered {

  line-height: 38px;

  padding-left: 12px;

  padding-right: 28px;

  color: var(--body-color);

}

.select2-container .select2-selection--single .select2-selection__arrow {

  height: 34px;

  width: 38px;

  position: absolute;

  top: 1px;

  right: 3px;

}

.select2-container .select2-selection--multiple {

  min-height: calc(1.5em + 1rem + 2px);

  border: 1px solid var(--border-color) !important;

  background-color: var(--white);

}

.select2-container .select2-selection--multiple .select2-selection__rendered {

  padding: 1px 12px;

}

.select2-container .select2-selection--multiple .select2-search__field {

  border: 0;

  color: var(--body-color);

}

.select2-container .select2-selection--multiple .select2-selection__choice {

  background-color: var(--primary);

  border: none;

  color: var(--white);

  border-radius: 5px;

  padding: 0px 7px 0 0;

  margin-top: 6px;

}

.select2-container .select2-search--inline .select2-search__field {

  margin-top: 7px;

  font-family: "Inter", sans-serif;

}

.select2-container .select2-search textarea::placeholder {

  color: var(--gray-400);

}



.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {

  border-color: var(--gray-900);

  border-width: 1px 0 0 1px !important;

  margin-top: 3px;

}

.select2-container--default .select2-results__option--selected {

  background-color: var(--light);

}

.select2-container--default .select2-search--dropdown {

  padding: 10px;

  background-color: var(--white);

}

.select2-container--default .select2-search--dropdown .select2-search__field {

  outline: none;

  border: 1px solid var(--border-color);

  background-color: var(--white);

  color: var(--body-color);

  border-radius: 5px;

}

.select2-container--default .select2-results__option--highlighted[aria-selected] {

  background-color: var(--primary);

}

.select2-container--default .select2-results__option[aria-selected=true] {

  background-color: var(--white);

  color: var(--body-color);

}

.select2-container--default .select2-results__option[aria-selected=true]:hover {

  background-color: var(--primary);

  color: var(--white);

}

.select2-container--default .select2-selection--single .select2-selection__arrow {

  cursor: text;

  right: 1px;

  left: auto;

}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {

  padding-left: 36px;

  padding-right: 5px;

}



.select2-results__option {

  padding: 6px 12px;

}



.select2-dropdown {

  border: 1px solid var(--border-color);

  box-shadow: var(--box-shadow);

  background-color: var(--white);

  z-index: 1056;

}



.select2-results__options {

  scrollbar-width: thin;

}



[dir=rtl] .select2-container .select2-selection--multiple .select2-selection__choice {

  padding: 0 0 0 7px;

}



.form-wizard-header {

  margin-left: -20px;

  margin-right: -20px;

  background-color: var(--light);

}



.form-checkbox-primary .form-check-input:checked,

.form-radio-primary .form-check-input:checked {

  background-color: var(--primary);

  border-color: var(--primary);

}



.form-checkbox-secondary .form-check-input:checked,

.form-radio-secondary .form-check-input:checked {

  background-color: var(--secondary);

  border-color: var(--secondary);

}



.form-checkbox-success .form-check-input:checked,

.form-radio-success .form-check-input:checked {

  background-color: var(--success);

  border-color: var(--success);

}



.form-checkbox-info .form-check-input:checked,

.form-radio-info .form-check-input:checked {

  background-color: var(--info);

  border-color: var(--info);

}



.form-checkbox-warning .form-check-input:checked,

.form-radio-warning .form-check-input:checked {

  background-color: var(--warning);

  border-color: var(--warning);

}



.form-checkbox-danger .form-check-input:checked,

.form-radio-danger .form-check-input:checked {

  background-color: var(--danger);

  border-color: var(--danger);

}



.form-checkbox-light .form-check-input:checked,

.form-radio-light .form-check-input:checked {

  background-color: var(--light);

  border-color: var(--light);

}



.form-checkbox-dark .form-check-input:checked,

.form-radio-dark .form-check-input:checked {

  background-color: var(--dark);

  border-color: var(--dark);

}



.form-check-input:checked {

  background-color: var(--primary);

  border-color: var(--primary);

  box-shadow: none;

}



.dataTables_length {

  padding: 20px 0 0;

  float: left;

}



.dataTables_paginate {

  margin-top: 20px !important;

}



.dataTables_info {

  display: none;

}



.input-group-text {

  background: var(--white);

  border: 1px solid var(--border-color) !important;

}

.input-group-text i {

  font-size: 14px;

}



.form-check-input:focus {

  border-color: var(--border-color);

  outline: 0;

  box-shadow: none;

}



.form-select {

  display: block;

  width: 100%;

  padding: 0.5rem 2.31rem 0.5rem 0.77rem;

  font-size: 0.875rem;

  font-weight: 400;

  line-height: 1.5;

  border: 1px solid var(--border-color);

  border-radius: 6px;

  background-color: var(--white);

}

.form-select:focus {

  border-color: var(--border-color);

  background-color: var(--white);

  outline: 0;

  box-shadow: none;

}



.reportrange-picker {

  padding: 8px 8px;

  border-radius: 5px;

  border: 1px solid var(--border-color);

  background-color: transparent;

  color: var(--heading-color);

  background-color: var(--white);

}



.form-check-input {

  width: 1.25em;

  height: 1.25em;

  background-color: var(--white);

  border: 1px solid var(--border-color);

}



.status-radio:checked,

.status-radio:not(:checked) {

  position: absolute;

  left: -9999px;

}



.status-radio:checked + label,

.status-radio:not(:checked) + label {

  position: relative;

  padding-left: 24px;

  cursor: pointer;

  line-height: 16px;

  display: inline-block;

  color: var(--gray-900);

}



.status-radio:checked + label:before,

.status-radio:not(:checked) + label:before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 16px;

  height: 16px;

  border: 1px solid var(--border-color);

  border-radius: 100%;

  background: var(--light);

}



.status-radio:checked + label:before {

  background: var(--primary);

  border-color: var(--primary);

}



.status-radio[type=radio]:checked + label:after,

.status-radio[type=radio]:not(:checked) + label:after {

  content: "";

  width: 8px;

  height: 8px;

  background: var(--white);

  position: absolute;

  top: 4px;

  left: 4px;

  border-radius: 100%;

  -webkit-transition: all 0.2s ease;

  transition: all 0.2s ease;

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.modal-content {

  box-shadow: var(--box-shadow);

  background-color: var(--white);

  border-color: var(--border-color);

}



.modal-title {

  color: var(--heading-color);

  font-size: 18px;

}



.modal-full-width {

  width: 95%;

  max-width: none;

}



.modal-top {

  margin: 0 auto;

}



.modal.show .modal-right,

.modal.show .modal-left {

  transform: translate(0, 0) !important;

}



.modal-bottom {

  display: flex;

  flex-flow: column nowrap;

  -ms-flex-pack: end;

  justify-content: flex-end;

  height: 100%;

  margin: 0 auto;

  align-content: center;

}



.modal-filled {

  color: var(--white);

}

.modal-filled .modal-header {

  background-color: rgba(var(--white-rgb), 0.1);

}

.modal-filled .modal-title {

  color: var(--white);

}

.modal-filled .modal-header,

.modal-filled .modal-footer {

  border: none;

}



.modal-backdrop {

  backdrop-filter: blur(10px);

}



.modal-header {

  padding: 16px 20px;

  border-bottom: 1px solid var(--border-color);

}

.modal-header .btn-close {

  background-color: var(--danger-transparent);

  font-size: 8px;

  padding: 8px;

  border-radius: 50%;

  color: var(--danger);

  opacity: 1;

  position: relative;

}

.modal-header .btn-close::before {

  content: "";

  position: absolute;

  inset: 0;

  background-color: var(--danger); /* icon color */

  mask: var(--bs-btn-close-bg) center/1em auto no-repeat;

  -webkit-mask: var(--bs-btn-close-bg) center/1em auto no-repeat;

}

.modal-header .btn-close:focus {

  box-shadow: none !important;

}

.modal-header .btn-close.btn-close-modal {

  background: none;

  color: var(--body-color);

  opacity: 1;

  font-size: 24px;

  display: flex;

  align-items: center;

}

.modal-header .btn-close.btn-close-modal:hover {

  color: var(--danger);

}



.filter-header .btn-close {

  background-color: var(--danger-transparent);

  font-size: 8px;

  padding: 8px;

  border-radius: 50%;

  color: var(--danger) !important;

  opacity: 1;

  position: relative;

}

.filter-header .btn-close::before {

  content: "";

  position: absolute;

  inset: 0;

  background-color: var(--danger); /* icon color */

  mask: var(--bs-btn-close-bg) center/1em auto no-repeat;

  -webkit-mask: var(--bs-btn-close-bg) center/1em auto no-repeat;

}

.filter-header .btn-close:focus {

  box-shadow: none !important;

}



.modal-sm {

  min-width: 400px;

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.nav-tabs > li > a,

.nav-pills > li > a {

  font-weight: 500;

  color: var(--gray-600);

}



.bg-nav-pills {

  background-color: var(--light);

}



.nav-pills .nav-link.active,

.nav-pills .show > .nav-link {

  background-color: var(--primary);

  color: #fff;

}



.nav-tabs.nav-bordered {

  border-bottom: 1px solid var(--border-color);

}

.nav-tabs.nav-bordered .nav-item .nav-link {

  border: 0;

  color: var(--gray-600);

}

.nav-tabs.nav-bordered .nav-item .nav-link.active {

  color: var(--gray-900);

  border-bottom: 2px solid var(--primary);

}



.nav-tabs.nav-bordered-primary.nav-tabs-top .nav-item .nav-link:hover, .nav-tabs.nav-bordered-primary.nav-tabs-top .nav-item .nav-link:focus {

  color: #E41F07;

}

.nav-tabs.nav-bordered-primary.nav-tabs-top .nav-item .nav-link.active {

  border-top: 2px solid #E41F07;

  border-bottom: 0;

  color: #E41F07;

}

.nav-tabs.nav-bordered-primary.nav-tabs-top li a {

  border-width: 0 0 2px 0;

}

.nav-tabs.nav-bordered-primary.nav-tabs-top li a.active, .nav-tabs.nav-bordered-primary.nav-tabs-top li a:hover {

  border-bottom-color: var(--primary);

  background: transparent;

  border-radius: 0;

  color: var(--primary);

}

.nav-tabs.nav-bordered-primary .nav-item .nav-link:hover, .nav-tabs.nav-bordered-primary .nav-item .nav-link:focus {

  color: #E41F07;

}

.nav-tabs.nav-bordered-primary .nav-item .nav-link.active {

  border-bottom: 2px solid #E41F07;

  color: #E41F07;

}

.nav-tabs.nav-solid-primary {

  border: 0;

}

.nav-tabs.nav-solid-primary.nav-tabs-rounded li a {

  border-radius: 50px;

}

.nav-tabs.nav-solid-primary.nav-tabs-rounded li a:hover {

  border-color: transparent;

  color: #E41F07;

}

.nav-tabs.nav-solid-primary.nav-tabs-rounded li a.active {

  background-color: #E41F07;

  border-color: #E41F07;

  color: var(--white);

  border-radius: 50px;

}

.nav-tabs.nav-solid-primary.nav-tabs-rounded-fill li a {

  border-color: var(--border-color);

}

.nav-tabs.nav-solid-primary.nav-tabs-rounded-fill li a.active {

  background-color: #E41F07;

  border-color: #E41F07;

  color: var(--white);

  border-radius: 50px;

}

.nav-tabs.nav-solid-primary li a:hover {

  border-color: transparent;

  color: #E41F07;

}

.nav-tabs.nav-solid-primary li a.active {

  background-color: #E41F07;

  border-color: #E41F07;

  color: var(--white);

  border-radius: 0;

}

.nav-tabs.nav-solid-primary li a.active:hover {

  color: var(--white);

}



.nav-tabs.nav-bordered-secondary.nav-tabs-top .nav-item .nav-link:hover, .nav-tabs.nav-bordered-secondary.nav-tabs-top .nav-item .nav-link:focus {

  color: #FFA201;

}

.nav-tabs.nav-bordered-secondary.nav-tabs-top .nav-item .nav-link.active {

  border-top: 2px solid #FFA201;

  border-bottom: 0;

  color: #FFA201;

}

.nav-tabs.nav-bordered-secondary.nav-tabs-top li a {

  border-width: 0 0 2px 0;

}

.nav-tabs.nav-bordered-secondary.nav-tabs-top li a.active, .nav-tabs.nav-bordered-secondary.nav-tabs-top li a:hover {

  border-bottom-color: var(--primary);

  background: transparent;

  border-radius: 0;

  color: var(--primary);

}

.nav-tabs.nav-bordered-secondary .nav-item .nav-link:hover, .nav-tabs.nav-bordered-secondary .nav-item .nav-link:focus {

  color: #FFA201;

}

.nav-tabs.nav-bordered-secondary .nav-item .nav-link.active {

  border-bottom: 2px solid #FFA201;

  color: #FFA201;

}

.nav-tabs.nav-solid-secondary {

  border: 0;

}

.nav-tabs.nav-solid-secondary.nav-tabs-rounded li a {

  border-radius: 50px;

}

.nav-tabs.nav-solid-secondary.nav-tabs-rounded li a:hover {

  border-color: transparent;

  color: #FFA201;

}

.nav-tabs.nav-solid-secondary.nav-tabs-rounded li a.active {

  background-color: #FFA201;

  border-color: #FFA201;

  color: var(--white);

  border-radius: 50px;

}

.nav-tabs.nav-solid-secondary.nav-tabs-rounded-fill li a {

  border-color: var(--border-color);

}

.nav-tabs.nav-solid-secondary.nav-tabs-rounded-fill li a.active {

  background-color: #FFA201;

  border-color: #FFA201;

  color: var(--white);

  border-radius: 50px;

}

.nav-tabs.nav-solid-secondary li a:hover {

  border-color: transparent;

  color: #FFA201;

}

.nav-tabs.nav-solid-secondary li a.active {

  background-color: #FFA201;

  border-color: #FFA201;

  color: var(--white);

  border-radius: 0;

}

.nav-tabs.nav-solid-secondary li a.active:hover {

  color: var(--white);

}



.nav-tabs.nav-bordered-success.nav-tabs-top .nav-item .nav-link:hover, .nav-tabs.nav-bordered-success.nav-tabs-top .nav-item .nav-link:focus {

  color: #1ABE17;

}

.nav-tabs.nav-bordered-success.nav-tabs-top .nav-item .nav-link.active {

  border-top: 2px solid #1ABE17;

  border-bottom: 0;

  color: #1ABE17;

}

.nav-tabs.nav-bordered-success.nav-tabs-top li a {

  border-width: 0 0 2px 0;

}

.nav-tabs.nav-bordered-success.nav-tabs-top li a.active, .nav-tabs.nav-bordered-success.nav-tabs-top li a:hover {

  border-bottom-color: var(--primary);

  background: transparent;

  border-radius: 0;

  color: var(--primary);

}

.nav-tabs.nav-bordered-success .nav-item .nav-link:hover, .nav-tabs.nav-bordered-success .nav-item .nav-link:focus {

  color: #1ABE17;

}

.nav-tabs.nav-bordered-success .nav-item .nav-link.active {

  border-bottom: 2px solid #1ABE17;

  color: #1ABE17;

}

.nav-tabs.nav-solid-success {

  border: 0;

}

.nav-tabs.nav-solid-success.nav-tabs-rounded li a {

  border-radius: 50px;

}

.nav-tabs.nav-solid-success.nav-tabs-rounded li a:hover {

  border-color: transparent;

  color: #1ABE17;

}

.nav-tabs.nav-solid-success.nav-tabs-rounded li a.active {

  background-color: #1ABE17;

  border-color: #1ABE17;

  color: var(--white);

  border-radius: 50px;

}

.nav-tabs.nav-solid-success.nav-tabs-rounded-fill li a {

  border-color: var(--border-color);

}

.nav-tabs.nav-solid-success.nav-tabs-rounded-fill li a.active {

  background-color: #1ABE17;

  border-color: #1ABE17;

  color: var(--white);

  border-radius: 50px;

}

.nav-tabs.nav-solid-success li a:hover {

  border-color: transparent;

  color: #1ABE17;

}

.nav-tabs.nav-solid-success li a.active {

  background-color: #1ABE17;

  border-color: #1ABE17;

  color: var(--white);

  border-radius: 0;

}

.nav-tabs.nav-solid-success li a.active:hover {

  color: var(--white);

}



.nav-tabs.nav-bordered-info.nav-tabs-top .nav-item .nav-link:hover, .nav-tabs.nav-bordered-info.nav-tabs-top .nav-item .nav-link:focus {

  color: #2F80ED;

}

.nav-tabs.nav-bordered-info.nav-tabs-top .nav-item .nav-link.active {

  border-top: 2px solid #2F80ED;

  border-bottom: 0;

  color: #2F80ED;

}

.nav-tabs.nav-bordered-info.nav-tabs-top li a {

  border-width: 0 0 2px 0;

}

.nav-tabs.nav-bordered-info.nav-tabs-top li a.active, .nav-tabs.nav-bordered-info.nav-tabs-top li a:hover {

  border-bottom-color: var(--primary);

  background: transparent;

  border-radius: 0;

  color: var(--primary);

}

.nav-tabs.nav-bordered-info .nav-item .nav-link:hover, .nav-tabs.nav-bordered-info .nav-item .nav-link:focus {

  color: #2F80ED;

}

.nav-tabs.nav-bordered-info .nav-item .nav-link.active {

  border-bottom: 2px solid #2F80ED;

  color: #2F80ED;

}

.nav-tabs.nav-solid-info {

  border: 0;

}

.nav-tabs.nav-solid-info.nav-tabs-rounded li a {

  border-radius: 50px;

}

.nav-tabs.nav-solid-info.nav-tabs-rounded li a:hover {

  border-color: transparent;

  color: #2F80ED;

}

.nav-tabs.nav-solid-info.nav-tabs-rounded li a.active {

  background-color: #2F80ED;

  border-color: #2F80ED;

  color: var(--white);

  border-radius: 50px;

}

.nav-tabs.nav-solid-info.nav-tabs-rounded-fill li a {

  border-color: var(--border-color);

}

.nav-tabs.nav-solid-info.nav-tabs-rounded-fill li a.active {

  background-color: #2F80ED;

  border-color: #2F80ED;

  color: var(--white);

  border-radius: 50px;

}

.nav-tabs.nav-solid-info li a:hover {

  border-color: transparent;

  color: #2F80ED;

}

.nav-tabs.nav-solid-info li a.active {

  background-color: #2F80ED;

  border-color: #2F80ED;

  color: var(--white);

  border-radius: 0;

}

.nav-tabs.nav-solid-info li a.active:hover {

  color: var(--white);

}



.nav-tabs.nav-bordered-warning.nav-tabs-top .nav-item .nav-link:hover, .nav-tabs.nav-bordered-warning.nav-tabs-top .nav-item .nav-link:focus {

  color: #f9b801;

}

.nav-tabs.nav-bordered-warning.nav-tabs-top .nav-item .nav-link.active {

  border-top: 2px solid #f9b801;

  border-bottom: 0;

  color: #f9b801;

}

.nav-tabs.nav-bordered-warning.nav-tabs-top li a {

  border-width: 0 0 2px 0;

}

.nav-tabs.nav-bordered-warning.nav-tabs-top li a.active, .nav-tabs.nav-bordered-warning.nav-tabs-top li a:hover {

  border-bottom-color: var(--primary);

  background: transparent;

  border-radius: 0;

  color: var(--primary);

}

.nav-tabs.nav-bordered-warning .nav-item .nav-link:hover, .nav-tabs.nav-bordered-warning .nav-item .nav-link:focus {

  color: #f9b801;

}

.nav-tabs.nav-bordered-warning .nav-item .nav-link.active {

  border-bottom: 2px solid #f9b801;

  color: #f9b801;

}

.nav-tabs.nav-solid-warning {

  border: 0;

}

.nav-tabs.nav-solid-warning.nav-tabs-rounded li a {

  border-radius: 50px;

}

.nav-tabs.nav-solid-warning.nav-tabs-rounded li a:hover {

  border-color: transparent;

  color: #f9b801;

}

.nav-tabs.nav-solid-warning.nav-tabs-rounded li a.active {

  background-color: #f9b801;

  border-color: #f9b801;

  color: var(--white);

  border-radius: 50px;

}

.nav-tabs.nav-solid-warning.nav-tabs-rounded-fill li a {

  border-color: var(--border-color);

}

.nav-tabs.nav-solid-warning.nav-tabs-rounded-fill li a.active {

  background-color: #f9b801;

  border-color: #f9b801;

  color: var(--white);

  border-radius: 50px;

}

.nav-tabs.nav-solid-warning li a:hover {

  border-color: transparent;

  color: #f9b801;

}

.nav-tabs.nav-solid-warning li a.active {

  background-color: #f9b801;

  border-color: #f9b801;

  color: var(--white);

  border-radius: 0;

}

.nav-tabs.nav-solid-warning li a.active:hover {

  color: var(--white);

}



.nav-tabs.nav-bordered-danger.nav-tabs-top .nav-item .nav-link:hover, .nav-tabs.nav-bordered-danger.nav-tabs-top .nav-item .nav-link:focus {

  color: #EF1E1E;

}

.nav-tabs.nav-bordered-danger.nav-tabs-top .nav-item .nav-link.active {

  border-top: 2px solid #EF1E1E;

  border-bottom: 0;

  color: #EF1E1E;

}

.nav-tabs.nav-bordered-danger.nav-tabs-top li a {

  border-width: 0 0 2px 0;

}

.nav-tabs.nav-bordered-danger.nav-tabs-top li a.active, .nav-tabs.nav-bordered-danger.nav-tabs-top li a:hover {

  border-bottom-color: var(--primary);

  background: transparent;

  border-radius: 0;

  color: var(--primary);

}

.nav-tabs.nav-bordered-danger .nav-item .nav-link:hover, .nav-tabs.nav-bordered-danger .nav-item .nav-link:focus {

  color: #EF1E1E;

}

.nav-tabs.nav-bordered-danger .nav-item .nav-link.active {

  border-bottom: 2px solid #EF1E1E;

  color: #EF1E1E;

}

.nav-tabs.nav-solid-danger {

  border: 0;

}

.nav-tabs.nav-solid-danger.nav-tabs-rounded li a {

  border-radius: 50px;

}

.nav-tabs.nav-solid-danger.nav-tabs-rounded li a:hover {

  border-color: transparent;

  color: #EF1E1E;

}

.nav-tabs.nav-solid-danger.nav-tabs-rounded li a.active {

  background-color: #EF1E1E;

  border-color: #EF1E1E;

  color: var(--white);

  border-radius: 50px;

}

.nav-tabs.nav-solid-danger.nav-tabs-rounded-fill li a {

  border-color: var(--border-color);

}

.nav-tabs.nav-solid-danger.nav-tabs-rounded-fill li a.active {

  background-color: #EF1E1E;

  border-color: #EF1E1E;

  color: var(--white);

  border-radius: 50px;

}

.nav-tabs.nav-solid-danger li a:hover {

  border-color: transparent;

  color: #EF1E1E;

}

.nav-tabs.nav-solid-danger li a.active {

  background-color: #EF1E1E;

  border-color: #EF1E1E;

  color: var(--white);

  border-radius: 0;

}

.nav-tabs.nav-solid-danger li a.active:hover {

  color: var(--white);

}



.nav-tabs.nav-bordered-dark.nav-tabs-top .nav-item .nav-link:hover, .nav-tabs.nav-bordered-dark.nav-tabs-top .nav-item .nav-link:focus {

  color: #0A0C0C;

}

.nav-tabs.nav-bordered-dark.nav-tabs-top .nav-item .nav-link.active {

  border-top: 2px solid #0A0C0C;

  border-bottom: 0;

  color: #0A0C0C;

}

.nav-tabs.nav-bordered-dark.nav-tabs-top li a {

  border-width: 0 0 2px 0;

}

.nav-tabs.nav-bordered-dark.nav-tabs-top li a.active, .nav-tabs.nav-bordered-dark.nav-tabs-top li a:hover {

  border-bottom-color: var(--primary);

  background: transparent;

  border-radius: 0;

  color: var(--primary);

}

.nav-tabs.nav-bordered-dark .nav-item .nav-link:hover, .nav-tabs.nav-bordered-dark .nav-item .nav-link:focus {

  color: #0A0C0C;

}

.nav-tabs.nav-bordered-dark .nav-item .nav-link.active {

  border-bottom: 2px solid #0A0C0C;

  color: #0A0C0C;

}

.nav-tabs.nav-solid-dark {

  border: 0;

}

.nav-tabs.nav-solid-dark.nav-tabs-rounded li a {

  border-radius: 50px;

}

.nav-tabs.nav-solid-dark.nav-tabs-rounded li a:hover {

  border-color: transparent;

  color: #0A0C0C;

}

.nav-tabs.nav-solid-dark.nav-tabs-rounded li a.active {

  background-color: #0A0C0C;

  border-color: #0A0C0C;

  color: var(--white);

  border-radius: 50px;

}

.nav-tabs.nav-solid-dark.nav-tabs-rounded-fill li a {

  border-color: var(--border-color);

}

.nav-tabs.nav-solid-dark.nav-tabs-rounded-fill li a.active {

  background-color: #0A0C0C;

  border-color: #0A0C0C;

  color: var(--white);

  border-radius: 50px;

}

.nav-tabs.nav-solid-dark li a:hover {

  border-color: transparent;

  color: #0A0C0C;

}

.nav-tabs.nav-solid-dark li a.active {

  background-color: #0A0C0C;

  border-color: #0A0C0C;

  color: var(--white);

  border-radius: 0;

}

.nav-tabs.nav-solid-dark li a.active:hover {

  color: var(--white);

}



.nav-tabs.nav-bordered-light.nav-tabs-top .nav-item .nav-link:hover, .nav-tabs.nav-bordered-light.nav-tabs-top .nav-item .nav-link:focus {

  color: #F7F8F9;

}

.nav-tabs.nav-bordered-light.nav-tabs-top .nav-item .nav-link.active {

  border-top: 2px solid #F7F8F9;

  border-bottom: 0;

  color: #F7F8F9;

}

.nav-tabs.nav-bordered-light.nav-tabs-top li a {

  border-width: 0 0 2px 0;

}

.nav-tabs.nav-bordered-light.nav-tabs-top li a.active, .nav-tabs.nav-bordered-light.nav-tabs-top li a:hover {

  border-bottom-color: var(--primary);

  background: transparent;

  border-radius: 0;

  color: var(--primary);

}

.nav-tabs.nav-bordered-light .nav-item .nav-link:hover, .nav-tabs.nav-bordered-light .nav-item .nav-link:focus {

  color: #F7F8F9;

}

.nav-tabs.nav-bordered-light .nav-item .nav-link.active {

  border-bottom: 2px solid #F7F8F9;

  color: #F7F8F9;

}

.nav-tabs.nav-solid-light {

  border: 0;

}

.nav-tabs.nav-solid-light.nav-tabs-rounded li a {

  border-radius: 50px;

}

.nav-tabs.nav-solid-light.nav-tabs-rounded li a:hover {

  border-color: transparent;

  color: #F7F8F9;

}

.nav-tabs.nav-solid-light.nav-tabs-rounded li a.active {

  background-color: #F7F8F9;

  border-color: #F7F8F9;

  color: var(--white);

  border-radius: 50px;

}

.nav-tabs.nav-solid-light.nav-tabs-rounded-fill li a {

  border-color: var(--border-color);

}

.nav-tabs.nav-solid-light.nav-tabs-rounded-fill li a.active {

  background-color: #F7F8F9;

  border-color: #F7F8F9;

  color: var(--white);

  border-radius: 50px;

}

.nav-tabs.nav-solid-light li a:hover {

  border-color: transparent;

  color: #F7F8F9;

}

.nav-tabs.nav-solid-light li a.active {

  background-color: #F7F8F9;

  border-color: #F7F8F9;

  color: var(--white);

  border-radius: 0;

}

.nav-tabs.nav-solid-light li a.active:hover {

  color: var(--white);

}



.nav-tabs.nav-bordered-orange.nav-tabs-top .nav-item .nav-link:hover, .nav-tabs.nav-bordered-orange.nav-tabs-top .nav-item .nav-link:focus {

  color: #EF5E25;

}

.nav-tabs.nav-bordered-orange.nav-tabs-top .nav-item .nav-link.active {

  border-top: 2px solid #EF5E25;

  border-bottom: 0;

  color: #EF5E25;

}

.nav-tabs.nav-bordered-orange.nav-tabs-top li a {

  border-width: 0 0 2px 0;

}

.nav-tabs.nav-bordered-orange.nav-tabs-top li a.active, .nav-tabs.nav-bordered-orange.nav-tabs-top li a:hover {

  border-bottom-color: var(--primary);

  background: transparent;

  border-radius: 0;

  color: var(--primary);

}

.nav-tabs.nav-bordered-orange .nav-item .nav-link:hover, .nav-tabs.nav-bordered-orange .nav-item .nav-link:focus {

  color: #EF5E25;

}

.nav-tabs.nav-bordered-orange .nav-item .nav-link.active {

  border-bottom: 2px solid #EF5E25;

  color: #EF5E25;

}

.nav-tabs.nav-solid-orange {

  border: 0;

}

.nav-tabs.nav-solid-orange.nav-tabs-rounded li a {

  border-radius: 50px;

}

.nav-tabs.nav-solid-orange.nav-tabs-rounded li a:hover {

  border-color: transparent;

  color: #EF5E25;

}

.nav-tabs.nav-solid-orange.nav-tabs-rounded li a.active {

  background-color: #EF5E25;

  border-color: #EF5E25;

  color: var(--white);

  border-radius: 50px;

}

.nav-tabs.nav-solid-orange.nav-tabs-rounded-fill li a {

  border-color: var(--border-color);

}

.nav-tabs.nav-solid-orange.nav-tabs-rounded-fill li a.active {

  background-color: #EF5E25;

  border-color: #EF5E25;

  color: var(--white);

  border-radius: 50px;

}

.nav-tabs.nav-solid-orange li a:hover {

  border-color: transparent;

  color: #EF5E25;

}

.nav-tabs.nav-solid-orange li a.active {

  background-color: #EF5E25;

  border-color: #EF5E25;

  color: var(--white);

  border-radius: 0;

}

.nav-tabs.nav-solid-orange li a.active:hover {

  color: var(--white);

}



.nav-tabs.nav-bordered-purple.nav-tabs-top .nav-item .nav-link:hover, .nav-tabs.nav-bordered-purple.nav-tabs-top .nav-item .nav-link:focus {

  color: #800080;

}

.nav-tabs.nav-bordered-purple.nav-tabs-top .nav-item .nav-link.active {

  border-top: 2px solid #800080;

  border-bottom: 0;

  color: #800080;

}

.nav-tabs.nav-bordered-purple.nav-tabs-top li a {

  border-width: 0 0 2px 0;

}

.nav-tabs.nav-bordered-purple.nav-tabs-top li a.active, .nav-tabs.nav-bordered-purple.nav-tabs-top li a:hover {

  border-bottom-color: var(--primary);

  background: transparent;

  border-radius: 0;

  color: var(--primary);

}

.nav-tabs.nav-bordered-purple .nav-item .nav-link:hover, .nav-tabs.nav-bordered-purple .nav-item .nav-link:focus {

  color: #800080;

}

.nav-tabs.nav-bordered-purple .nav-item .nav-link.active {

  border-bottom: 2px solid #800080;

  color: #800080;

}

.nav-tabs.nav-solid-purple {

  border: 0;

}

.nav-tabs.nav-solid-purple.nav-tabs-rounded li a {

  border-radius: 50px;

}

.nav-tabs.nav-solid-purple.nav-tabs-rounded li a:hover {

  border-color: transparent;

  color: #800080;

}

.nav-tabs.nav-solid-purple.nav-tabs-rounded li a.active {

  background-color: #800080;

  border-color: #800080;

  color: var(--white);

  border-radius: 50px;

}

.nav-tabs.nav-solid-purple.nav-tabs-rounded-fill li a {

  border-color: var(--border-color);

}

.nav-tabs.nav-solid-purple.nav-tabs-rounded-fill li a.active {

  background-color: #800080;

  border-color: #800080;

  color: var(--white);

  border-radius: 50px;

}

.nav-tabs.nav-solid-purple li a:hover {

  border-color: transparent;

  color: #800080;

}

.nav-tabs.nav-solid-purple li a.active {

  background-color: #800080;

  border-color: #800080;

  color: var(--white);

  border-radius: 0;

}

.nav-tabs.nav-solid-purple li a.active:hover {

  color: var(--white);

}



.nav-tabs.nav-bordered-pink.nav-tabs-top .nav-item .nav-link:hover, .nav-tabs.nav-bordered-pink.nav-tabs-top .nav-item .nav-link:focus {

  color: #DD2590;

}

.nav-tabs.nav-bordered-pink.nav-tabs-top .nav-item .nav-link.active {

  border-top: 2px solid #DD2590;

  border-bottom: 0;

  color: #DD2590;

}

.nav-tabs.nav-bordered-pink.nav-tabs-top li a {

  border-width: 0 0 2px 0;

}

.nav-tabs.nav-bordered-pink.nav-tabs-top li a.active, .nav-tabs.nav-bordered-pink.nav-tabs-top li a:hover {

  border-bottom-color: var(--primary);

  background: transparent;

  border-radius: 0;

  color: var(--primary);

}

.nav-tabs.nav-bordered-pink .nav-item .nav-link:hover, .nav-tabs.nav-bordered-pink .nav-item .nav-link:focus {

  color: #DD2590;

}

.nav-tabs.nav-bordered-pink .nav-item .nav-link.active {

  border-bottom: 2px solid #DD2590;

  color: #DD2590;

}

.nav-tabs.nav-solid-pink {

  border: 0;

}

.nav-tabs.nav-solid-pink.nav-tabs-rounded li a {

  border-radius: 50px;

}

.nav-tabs.nav-solid-pink.nav-tabs-rounded li a:hover {

  border-color: transparent;

  color: #DD2590;

}

.nav-tabs.nav-solid-pink.nav-tabs-rounded li a.active {

  background-color: #DD2590;

  border-color: #DD2590;

  color: var(--white);

  border-radius: 50px;

}

.nav-tabs.nav-solid-pink.nav-tabs-rounded-fill li a {

  border-color: var(--border-color);

}

.nav-tabs.nav-solid-pink.nav-tabs-rounded-fill li a.active {

  background-color: #DD2590;

  border-color: #DD2590;

  color: var(--white);

  border-radius: 50px;

}

.nav-tabs.nav-solid-pink li a:hover {

  border-color: transparent;

  color: #DD2590;

}

.nav-tabs.nav-solid-pink li a.active {

  background-color: #DD2590;

  border-color: #DD2590;

  color: var(--white);

  border-radius: 0;

}

.nav-tabs.nav-solid-pink li a.active:hover {

  color: var(--white);

}



.nav-tabs.nav-bordered-indigo.nav-tabs-top .nav-item .nav-link:hover, .nav-tabs.nav-bordered-indigo.nav-tabs-top .nav-item .nav-link:focus {

  color: #3538CD;

}

.nav-tabs.nav-bordered-indigo.nav-tabs-top .nav-item .nav-link.active {

  border-top: 2px solid #3538CD;

  border-bottom: 0;

  color: #3538CD;

}

.nav-tabs.nav-bordered-indigo.nav-tabs-top li a {

  border-width: 0 0 2px 0;

}

.nav-tabs.nav-bordered-indigo.nav-tabs-top li a.active, .nav-tabs.nav-bordered-indigo.nav-tabs-top li a:hover {

  border-bottom-color: var(--primary);

  background: transparent;

  border-radius: 0;

  color: var(--primary);

}

.nav-tabs.nav-bordered-indigo .nav-item .nav-link:hover, .nav-tabs.nav-bordered-indigo .nav-item .nav-link:focus {

  color: #3538CD;

}

.nav-tabs.nav-bordered-indigo .nav-item .nav-link.active {

  border-bottom: 2px solid #3538CD;

  color: #3538CD;

}

.nav-tabs.nav-solid-indigo {

  border: 0;

}

.nav-tabs.nav-solid-indigo.nav-tabs-rounded li a {

  border-radius: 50px;

}

.nav-tabs.nav-solid-indigo.nav-tabs-rounded li a:hover {

  border-color: transparent;

  color: #3538CD;

}

.nav-tabs.nav-solid-indigo.nav-tabs-rounded li a.active {

  background-color: #3538CD;

  border-color: #3538CD;

  color: var(--white);

  border-radius: 50px;

}

.nav-tabs.nav-solid-indigo.nav-tabs-rounded-fill li a {

  border-color: var(--border-color);

}

.nav-tabs.nav-solid-indigo.nav-tabs-rounded-fill li a.active {

  background-color: #3538CD;

  border-color: #3538CD;

  color: var(--white);

  border-radius: 50px;

}

.nav-tabs.nav-solid-indigo li a:hover {

  border-color: transparent;

  color: #3538CD;

}

.nav-tabs.nav-solid-indigo li a.active {

  background-color: #3538CD;

  border-color: #3538CD;

  color: var(--white);

  border-radius: 0;

}

.nav-tabs.nav-solid-indigo li a.active:hover {

  color: var(--white);

}



.nav-tabs.nav-bordered-teal.nav-tabs-top .nav-item .nav-link:hover, .nav-tabs.nav-bordered-teal.nav-tabs-top .nav-item .nav-link:focus {

  color: #0E9384;

}

.nav-tabs.nav-bordered-teal.nav-tabs-top .nav-item .nav-link.active {

  border-top: 2px solid #0E9384;

  border-bottom: 0;

  color: #0E9384;

}

.nav-tabs.nav-bordered-teal.nav-tabs-top li a {

  border-width: 0 0 2px 0;

}

.nav-tabs.nav-bordered-teal.nav-tabs-top li a.active, .nav-tabs.nav-bordered-teal.nav-tabs-top li a:hover {

  border-bottom-color: var(--primary);

  background: transparent;

  border-radius: 0;

  color: var(--primary);

}

.nav-tabs.nav-bordered-teal .nav-item .nav-link:hover, .nav-tabs.nav-bordered-teal .nav-item .nav-link:focus {

  color: #0E9384;

}

.nav-tabs.nav-bordered-teal .nav-item .nav-link.active {

  border-bottom: 2px solid #0E9384;

  color: #0E9384;

}

.nav-tabs.nav-solid-teal {

  border: 0;

}

.nav-tabs.nav-solid-teal.nav-tabs-rounded li a {

  border-radius: 50px;

}

.nav-tabs.nav-solid-teal.nav-tabs-rounded li a:hover {

  border-color: transparent;

  color: #0E9384;

}

.nav-tabs.nav-solid-teal.nav-tabs-rounded li a.active {

  background-color: #0E9384;

  border-color: #0E9384;

  color: var(--white);

  border-radius: 50px;

}

.nav-tabs.nav-solid-teal.nav-tabs-rounded-fill li a {

  border-color: var(--border-color);

}

.nav-tabs.nav-solid-teal.nav-tabs-rounded-fill li a.active {

  background-color: #0E9384;

  border-color: #0E9384;

  color: var(--white);

  border-radius: 50px;

}

.nav-tabs.nav-solid-teal li a:hover {

  border-color: transparent;

  color: #0E9384;

}

.nav-tabs.nav-solid-teal li a.active {

  background-color: #0E9384;

  border-color: #0E9384;

  color: var(--white);

  border-radius: 0;

}

.nav-tabs.nav-solid-teal li a.active:hover {

  color: var(--white);

}



.nav-pills .nav-link {

  color: var(--gray-600);

}



.nav-tabs.nav-item-primary li a {

  border-color: var(--border-color);

  color: var(--gray-900);

  background-color: var(--white);

}

.nav-tabs.nav-item-primary li a:hover {

  border-color: transparent;

  color: var(--white);

  background-color: var(--primary);

}

.nav-tabs.nav-item-primary li a.active {

  background-color: var(--primary) !important;

  border-color: var(--primary);

  color: var(--white);

  border-radius: 0;

}

.nav-tabs.nav-item-primary li a.active:hover {

  color: var(--white);

}



.page-link:focus {

  box-shadow: none;

}



.list-group-item {

  padding: 0.625rem 1rem;

  background-color: var(--white);

  border-color: var(--border-color);

}

.list-group-item.active {

  background: var(--primary);

  border-color: var(--primary);

}

.list-group-item-primary {

  background: var(--primary-transparent);

  border-color: var(--primary-transparent);

  color: var(--primary);

}

.list-group-item-secondary {

  background: var(--secondary-transparent);

  border-color: var(--secondary-transparent);

  color: var(--secondary);

}

.list-group-item-success {

  background: var(--success-transparent);

  border-color: var(--success-transparent);

  color: var(--success);

}

.list-group-item-danger {

  background: var(--danger-transparent);

  border-color: var(--danger-transparent);

  color: var(--danger);

}

.list-group-item-info {

  background: var(--info-transparent);

  border-color: var(--info-transparent);

  color: var(--info);

}

.list-group-item-warning {

  background: var(--warning-transparent);

  border-color: var(--warning-transparent);

  color: var(--warning);

}

.list-group-item-light {

  background: var(--light-transparent);

  border-color: var(--light);

  color: var(--dark);

}

.list-group-item-dark {

  background: var(--gray-transparent);

  border-color: var(--gray-100);

  color: var(--dark);

}

.list-group-item-action {

  color: var(--body-color);

}

.list-group-item-action.list-group-item-primary:hover {

  background: var(--primary-transparent);

}

.list-group-item-action.list-group-item-secondary:hover {

  background: var(--secondary-transparent);

}

.list-group-item-action.list-group-item-warning:hover {

  background: var(--warning-transparent);

}

.list-group-item-action.list-group-item-success:hover {

  background: var(--success-transparent);

}

.list-group-item-action.list-group-item-danger:hover {

  background: var(--danger-transparent);

}

.list-group-item-action.list-group-item-info:hover {

  background: var(--info-transparent);

}

.list-group-item-action.list-group-item-light:hover {

  background: var(--light-transparent);

}

.list-group-item-action.list-group-item-dark:hover {

  background: var(--gray-100);

}



.nav-link:hover {

  color: var(--primary);

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.offcanvas-header {

  border-bottom: 1px solid var(--border-color);

  padding: 16px 20px;

}

.offcanvas-header .btn-close {

  background-color: var(--danger-transparent);

  font-size: 8px;

  padding: 8px;

  border-radius: 50%;

  margin-right: 0;

  color: var(--danger);

  opacity: 1;

  position: relative;

}

.offcanvas-header .btn-close::before {

  content: "";

  position: absolute;

  inset: 0;

  background-color: var(--danger); /* icon color */

  mask: var(--bs-btn-close-bg) center/1em auto no-repeat;

  -webkit-mask: var(--bs-btn-close-bg) center/1em auto no-repeat;

}

.offcanvas-header .btn-close:focus {

  box-shadow: none !important;

}



.offcanvas-body {

  padding: 20px;

}



.offcanvas {

  max-width: 800px;

  width: 100% !important;

  background-color: var(--white);

  border-left: var(--border-color) !important;

}



.pagination .page-link {

  color: var(--gray-900);

  border-color: var(--border-color);

  font-size: 14px;

}

.pagination .page-link svg {

  height: 14px;

}

.pagination .page-link:hover, .pagination .page-link:focus {

  background-color: var(--light);

  box-shadow: none;

  color: var(--primary);

}

.pagination .disabled > .page-link, .pagination .page-link.disabled {

  background: transparent;

}



.active > .page-link, .page-link.active {

  background-color: var(--primary);

  color: var(--white);

  border-color: var(--primary);

}



.pagination-boxed .page-link {

  display: inline-flex;

  justify-content: center;

  align-items: center;

  margin-left: 0.35rem !important;

  height: 35px;

  width: 35px;

  padding: 0;

  border-radius: 5px;

}

.pagination-boxed.pagination-sm .page-link {

  height: 31px;

  width: 31px;

}

.pagination-boxed.pagination-lg .page-link {

  height: 47px;

  width: 47px;

}



.pagination-rounded .page-link {

  border-radius: 50% !important;

}



.pagination-primary .page-item.active .page-link {

  background-color: var(--primary);

  border-color: var(--primary);

}

.pagination-primary .page-item.active .page-link:hover {

  color: var(--white);

}



.pagination-secondary .page-item.active .page-link {

  background-color: var(--secondary);

  border-color: var(--secondary);

}

.pagination-secondary .page-item.active .page-link:hover {

  color: var(--white);

}



.pagination-success .page-item.active .page-link {

  background-color: var(--success);

  border-color: var(--success);

}

.pagination-success .page-item.active .page-link:hover {

  color: var(--white);

}



.pagination-info .page-item.active .page-link {

  background-color: var(--info);

  border-color: var(--info);

}

.pagination-info .page-item.active .page-link:hover {

  color: var(--white);

}



.pagination-warning .page-item.active .page-link {

  background-color: var(--warning);

  border-color: var(--warning);

}

.pagination-warning .page-item.active .page-link:hover {

  color: var(--white);

}



.pagination-danger .page-item.active .page-link {

  background-color: var(--danger);

  border-color: var(--danger);

}

.pagination-danger .page-item.active .page-link:hover {

  color: var(--white);

}



.pagination-dark .page-item.active .page-link {

  background-color: var(--dark);

  border-color: var(--dark);

}

.pagination-dark .page-item.active .page-link:hover {

  color: var(--white);

}



.pagination-light .page-item.active .page-link {

  background-color: var(--light);

  border-color: var(--light);

}

.pagination-light .page-item.active .page-link:hover {

  color: var(--white);

}



.pagination-orange .page-item.active .page-link {

  background-color: var(--orange);

  border-color: var(--orange);

}

.pagination-orange .page-item.active .page-link:hover {

  color: var(--white);

}



.pagination-purple .page-item.active .page-link {

  background-color: var(--purple);

  border-color: var(--purple);

}

.pagination-purple .page-item.active .page-link:hover {

  color: var(--white);

}



.pagination-pink .page-item.active .page-link {

  background-color: var(--pink);

  border-color: var(--pink);

}

.pagination-pink .page-item.active .page-link:hover {

  color: var(--white);

}



.pagination-indigo .page-item.active .page-link {

  background-color: var(--indigo);

  border-color: var(--indigo);

}

.pagination-indigo .page-item.active .page-link:hover {

  color: var(--white);

}



.pagination-teal .page-item.active .page-link {

  background-color: var(--teal);

  border-color: var(--teal);

}

.pagination-teal .page-item.active .page-link:hover {

  color: var(--white);

}



.pagination-gradient .page-link {

  background-image: var(--bs-gradient);

}



.pagination-soft-primary .page-item.active .page-link {

  background-color: var(--primary-transparent);

  border-color: transparent;

  color: var(--primary);

}

.pagination-soft-primary .page-item.active .page-link:hover {

  color: var(--primary);

}



.pagination-soft-secondary .page-item.active .page-link {

  background-color: var(--secondary-transparent);

  border-color: transparent;

  color: var(--secondary);

}

.pagination-soft-secondary .page-item.active .page-link:hover {

  color: var(--secondary);

}



.pagination-soft-success .page-item.active .page-link {

  background-color: var(--success-transparent);

  border-color: transparent;

  color: var(--success);

}

.pagination-soft-success .page-item.active .page-link:hover {

  color: var(--success);

}



.pagination-soft-info .page-item.active .page-link {

  background-color: var(--info-transparent);

  border-color: transparent;

  color: var(--info);

}

.pagination-soft-info .page-item.active .page-link:hover {

  color: var(--info);

}



.pagination-soft-warning .page-item.active .page-link {

  background-color: var(--warning-transparent);

  border-color: transparent;

  color: var(--warning);

}

.pagination-soft-warning .page-item.active .page-link:hover {

  color: var(--warning);

}



.pagination-soft-danger .page-item.active .page-link {

  background-color: var(--danger-transparent);

  border-color: transparent;

  color: var(--danger);

}

.pagination-soft-danger .page-item.active .page-link:hover {

  color: var(--danger);

}



.pagination-soft-dark .page-item.active .page-link {

  background-color: var(--dark-transparent);

  border-color: transparent;

  color: var(--dark);

}

.pagination-soft-dark .page-item.active .page-link:hover {

  color: var(--dark);

}



.pagination-soft-light .page-item.active .page-link {

  background-color: var(--light-transparent);

  border-color: transparent;

  color: var(--light);

}

.pagination-soft-light .page-item.active .page-link:hover {

  color: var(--light);

}



.pagination-soft-orange .page-item.active .page-link {

  background-color: var(--orange-transparent);

  border-color: transparent;

  color: var(--orange);

}

.pagination-soft-orange .page-item.active .page-link:hover {

  color: var(--orange);

}



.pagination-soft-purple .page-item.active .page-link {

  background-color: var(--purple-transparent);

  border-color: transparent;

  color: var(--purple);

}

.pagination-soft-purple .page-item.active .page-link:hover {

  color: var(--purple);

}



.pagination-soft-pink .page-item.active .page-link {

  background-color: var(--pink-transparent);

  border-color: transparent;

  color: var(--pink);

}

.pagination-soft-pink .page-item.active .page-link:hover {

  color: var(--pink);

}



.pagination-soft-indigo .page-item.active .page-link {

  background-color: var(--indigo-transparent);

  border-color: transparent;

  color: var(--indigo);

}

.pagination-soft-indigo .page-item.active .page-link:hover {

  color: var(--indigo);

}



.pagination-soft-teal .page-item.active .page-link {

  background-color: var(--teal-transparent);

  border-color: transparent;

  color: var(--teal);

}

.pagination-soft-teal .page-item.active .page-link:hover {

  color: var(--teal);

}



.popover {

  border-color: var(--border-color);

  border-radius: 5px;

}



.popover-header {

  padding: 0.7rem 0.8rem;

  font-size: 0.875rem;

  color: var(--heading-color);

  border-color: var(--border-color);

  border-top-left-radius: 5px;

  border-top-right-radius: 5px;

  background-color: var(--light);

}



.popover-body {

  padding: 0.5rem 0.75rem;

  color: var(--body-color);

}



.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,

.bs-popover-end > .popover-arrow::before {

  border-right-color: var(--border-color);

}



.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,

.bs-popover-start > .popover-arrow::before {

  border-left-color: var(--border-color);

}



.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,

.bs-popover-top > .popover-arrow::before {

  border-top-color: var(--border-color);

}



.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,

.bs-popover-bottom > .popover-arrow::before {

  border-bottom-color: var(--border-color);

}



.popover-primary {

  border-color: var(--primary);

  background-color: var(--primary);

}

.popover-primary .popover-header {

  color: #fff;

  border-color: var(--primary);

  background-color: var(--primary);

}

.popover-primary .popover-body {

  color: #fff;

}

.popover-primary.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .popover-primary.bs-popover-end > .popover-arrow::before {

  border-right-color: var(--primary);

}

.popover-primary.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,

.popover-primary .popover-primary .bs-popover-end > .popover-arrow::after {

  border-right-color: var(--primary);

}

.popover-primary.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .popover-primary.bs-popover-start > .popover-arrow::before, .popover-primary.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover-primary.bs-popover-start > .popover-arrow::after {

  border-left-color: var(--primary);

}

.popover-primary.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .popover-primary.bs-popover-top > .popover-arrow::before, .popover-primary.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover-primary.bs-popover-top > .popover-arrow::after {

  border-top-color: var(--primary);

}

.popover-primary.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .popover-primary.bs-popover-bottom > .popover-arrow::before, .popover-primary.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover-primary.bs-popover-bottom > .popover-arrow::after {

  border-bottom-color: var(--primary);

}



.popover-secondary {

  border-color: var(--secondary);

  background-color: var(--secondary);

}

.popover-secondary .popover-header {

  color: #fff;

  border-color: var(--secondary);

  background-color: var(--secondary);

}

.popover-secondary .popover-body {

  color: #fff;

}

.popover-secondary.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .popover-secondary.bs-popover-end > .popover-arrow::before {

  border-right-color: var(--secondary);

}

.popover-secondary.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,

.popover-secondary .popover-primary .bs-popover-end > .popover-arrow::after {

  border-right-color: var(--secondary);

}

.popover-secondary.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .popover-secondary.bs-popover-start > .popover-arrow::before, .popover-secondary.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover-secondary.bs-popover-start > .popover-arrow::after {

  border-left-color: var(--secondary);

}

.popover-secondary.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .popover-secondary.bs-popover-top > .popover-arrow::before, .popover-secondary.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover-secondary.bs-popover-top > .popover-arrow::after {

  border-top-color: var(--secondary);

}

.popover-secondary.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .popover-secondary.bs-popover-bottom > .popover-arrow::before, .popover-secondary.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover-secondary.bs-popover-bottom > .popover-arrow::after {

  border-bottom-color: var(--secondary);

}



.popover-success {

  border-color: var(--success);

  background-color: var(--success);

}

.popover-success .popover-header {

  color: #fff;

  border-color: var(--success);

  background-color: var(--success);

}

.popover-success .popover-body {

  color: #fff;

}

.popover-success.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .popover-success.bs-popover-end > .popover-arrow::before {

  border-right-color: var(--success);

}

.popover-success.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,

.popover-success .popover-primary .bs-popover-end > .popover-arrow::after {

  border-right-color: var(--success);

}

.popover-success.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .popover-success.bs-popover-start > .popover-arrow::before, .popover-success.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover-success.bs-popover-start > .popover-arrow::after {

  border-left-color: var(--success);

}

.popover-success.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .popover-success.bs-popover-top > .popover-arrow::before, .popover-success.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover-success.bs-popover-top > .popover-arrow::after {

  border-top-color: var(--success);

}

.popover-success.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .popover-success.bs-popover-bottom > .popover-arrow::before, .popover-success.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover-success.bs-popover-bottom > .popover-arrow::after {

  border-bottom-color: var(--success);

}



.popover-info {

  border-color: var(--info);

  background-color: var(--info);

}

.popover-info .popover-header {

  color: #fff;

  border-color: var(--info);

  background-color: var(--info);

}

.popover-info .popover-body {

  color: #fff;

}

.popover-info.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .popover-info.bs-popover-end > .popover-arrow::before {

  border-right-color: var(--info);

}

.popover-info.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,

.popover-info .popover-primary .bs-popover-end > .popover-arrow::after {

  border-right-color: var(--info);

}

.popover-info.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .popover-info.bs-popover-start > .popover-arrow::before, .popover-info.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover-info.bs-popover-start > .popover-arrow::after {

  border-left-color: var(--info);

}

.popover-info.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .popover-info.bs-popover-top > .popover-arrow::before, .popover-info.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover-info.bs-popover-top > .popover-arrow::after {

  border-top-color: var(--info);

}

.popover-info.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .popover-info.bs-popover-bottom > .popover-arrow::before, .popover-info.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover-info.bs-popover-bottom > .popover-arrow::after {

  border-bottom-color: var(--info);

}



.popover-warning {

  border-color: var(--warning);

  background-color: var(--warning);

}

.popover-warning .popover-header {

  color: #fff;

  border-color: var(--warning);

  background-color: var(--warning);

}

.popover-warning .popover-body {

  color: #fff;

}

.popover-warning.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .popover-warning.bs-popover-end > .popover-arrow::before {

  border-right-color: var(--warning);

}

.popover-warning.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,

.popover-warning .popover-primary .bs-popover-end > .popover-arrow::after {

  border-right-color: var(--warning);

}

.popover-warning.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .popover-warning.bs-popover-start > .popover-arrow::before, .popover-warning.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover-warning.bs-popover-start > .popover-arrow::after {

  border-left-color: var(--warning);

}

.popover-warning.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .popover-warning.bs-popover-top > .popover-arrow::before, .popover-warning.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover-warning.bs-popover-top > .popover-arrow::after {

  border-top-color: var(--warning);

}

.popover-warning.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .popover-warning.bs-popover-bottom > .popover-arrow::before, .popover-warning.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover-warning.bs-popover-bottom > .popover-arrow::after {

  border-bottom-color: var(--warning);

}



.popover-danger {

  border-color: var(--danger);

  background-color: var(--danger);

}

.popover-danger .popover-header {

  color: #fff;

  border-color: var(--danger);

  background-color: var(--danger);

}

.popover-danger .popover-body {

  color: #fff;

}

.popover-danger.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .popover-danger.bs-popover-end > .popover-arrow::before {

  border-right-color: var(--danger);

}

.popover-danger.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,

.popover-danger .popover-primary .bs-popover-end > .popover-arrow::after {

  border-right-color: var(--danger);

}

.popover-danger.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .popover-danger.bs-popover-start > .popover-arrow::before, .popover-danger.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover-danger.bs-popover-start > .popover-arrow::after {

  border-left-color: var(--danger);

}

.popover-danger.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .popover-danger.bs-popover-top > .popover-arrow::before, .popover-danger.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover-danger.bs-popover-top > .popover-arrow::after {

  border-top-color: var(--danger);

}

.popover-danger.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .popover-danger.bs-popover-bottom > .popover-arrow::before, .popover-danger.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover-danger.bs-popover-bottom > .popover-arrow::after {

  border-bottom-color: var(--danger);

}



.popover-dark {

  border-color: var(--dark);

  background-color: var(--dark);

}

.popover-dark .popover-header {

  color: #fff;

  border-color: var(--dark);

  background-color: var(--dark);

}

.popover-dark .popover-body {

  color: #fff;

}

.popover-dark.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .popover-dark.bs-popover-end > .popover-arrow::before {

  border-right-color: var(--dark);

}

.popover-dark.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,

.popover-dark .popover-primary .bs-popover-end > .popover-arrow::after {

  border-right-color: var(--dark);

}

.popover-dark.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .popover-dark.bs-popover-start > .popover-arrow::before, .popover-dark.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover-dark.bs-popover-start > .popover-arrow::after {

  border-left-color: var(--dark);

}

.popover-dark.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .popover-dark.bs-popover-top > .popover-arrow::before, .popover-dark.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover-dark.bs-popover-top > .popover-arrow::after {

  border-top-color: var(--dark);

}

.popover-dark.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .popover-dark.bs-popover-bottom > .popover-arrow::before, .popover-dark.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover-dark.bs-popover-bottom > .popover-arrow::after {

  border-bottom-color: var(--dark);

}



.popover-light {

  border-color: var(--light);

  background-color: var(--light);

}

.popover-light .popover-header {

  color: #fff;

  border-color: var(--light);

  background-color: var(--light);

}

.popover-light .popover-body {

  color: #fff;

}

.popover-light.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .popover-light.bs-popover-end > .popover-arrow::before {

  border-right-color: var(--light);

}

.popover-light.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,

.popover-light .popover-primary .bs-popover-end > .popover-arrow::after {

  border-right-color: var(--light);

}

.popover-light.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .popover-light.bs-popover-start > .popover-arrow::before, .popover-light.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover-light.bs-popover-start > .popover-arrow::after {

  border-left-color: var(--light);

}

.popover-light.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .popover-light.bs-popover-top > .popover-arrow::before, .popover-light.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover-light.bs-popover-top > .popover-arrow::after {

  border-top-color: var(--light);

}

.popover-light.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .popover-light.bs-popover-bottom > .popover-arrow::before, .popover-light.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover-light.bs-popover-bottom > .popover-arrow::after {

  border-bottom-color: var(--light);

}



.popover-orange {

  border-color: var(--orange);

  background-color: var(--orange);

}

.popover-orange .popover-header {

  color: #fff;

  border-color: var(--orange);

  background-color: var(--orange);

}

.popover-orange .popover-body {

  color: #fff;

}

.popover-orange.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .popover-orange.bs-popover-end > .popover-arrow::before {

  border-right-color: var(--orange);

}

.popover-orange.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,

.popover-orange .popover-primary .bs-popover-end > .popover-arrow::after {

  border-right-color: var(--orange);

}

.popover-orange.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .popover-orange.bs-popover-start > .popover-arrow::before, .popover-orange.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover-orange.bs-popover-start > .popover-arrow::after {

  border-left-color: var(--orange);

}

.popover-orange.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .popover-orange.bs-popover-top > .popover-arrow::before, .popover-orange.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover-orange.bs-popover-top > .popover-arrow::after {

  border-top-color: var(--orange);

}

.popover-orange.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .popover-orange.bs-popover-bottom > .popover-arrow::before, .popover-orange.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover-orange.bs-popover-bottom > .popover-arrow::after {

  border-bottom-color: var(--orange);

}



.popover-purple {

  border-color: var(--purple);

  background-color: var(--purple);

}

.popover-purple .popover-header {

  color: #fff;

  border-color: var(--purple);

  background-color: var(--purple);

}

.popover-purple .popover-body {

  color: #fff;

}

.popover-purple.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .popover-purple.bs-popover-end > .popover-arrow::before {

  border-right-color: var(--purple);

}

.popover-purple.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,

.popover-purple .popover-primary .bs-popover-end > .popover-arrow::after {

  border-right-color: var(--purple);

}

.popover-purple.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .popover-purple.bs-popover-start > .popover-arrow::before, .popover-purple.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover-purple.bs-popover-start > .popover-arrow::after {

  border-left-color: var(--purple);

}

.popover-purple.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .popover-purple.bs-popover-top > .popover-arrow::before, .popover-purple.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover-purple.bs-popover-top > .popover-arrow::after {

  border-top-color: var(--purple);

}

.popover-purple.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .popover-purple.bs-popover-bottom > .popover-arrow::before, .popover-purple.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover-purple.bs-popover-bottom > .popover-arrow::after {

  border-bottom-color: var(--purple);

}



.popover-pink {

  border-color: var(--pink);

  background-color: var(--pink);

}

.popover-pink .popover-header {

  color: #fff;

  border-color: var(--pink);

  background-color: var(--pink);

}

.popover-pink .popover-body {

  color: #fff;

}

.popover-pink.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .popover-pink.bs-popover-end > .popover-arrow::before {

  border-right-color: var(--pink);

}

.popover-pink.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,

.popover-pink .popover-primary .bs-popover-end > .popover-arrow::after {

  border-right-color: var(--pink);

}

.popover-pink.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .popover-pink.bs-popover-start > .popover-arrow::before, .popover-pink.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover-pink.bs-popover-start > .popover-arrow::after {

  border-left-color: var(--pink);

}

.popover-pink.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .popover-pink.bs-popover-top > .popover-arrow::before, .popover-pink.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover-pink.bs-popover-top > .popover-arrow::after {

  border-top-color: var(--pink);

}

.popover-pink.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .popover-pink.bs-popover-bottom > .popover-arrow::before, .popover-pink.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover-pink.bs-popover-bottom > .popover-arrow::after {

  border-bottom-color: var(--pink);

}



.popover-indigo {

  border-color: var(--indigo);

  background-color: var(--indigo);

}

.popover-indigo .popover-header {

  color: #fff;

  border-color: var(--indigo);

  background-color: var(--indigo);

}

.popover-indigo .popover-body {

  color: #fff;

}

.popover-indigo.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .popover-indigo.bs-popover-end > .popover-arrow::before {

  border-right-color: var(--indigo);

}

.popover-indigo.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,

.popover-indigo .popover-primary .bs-popover-end > .popover-arrow::after {

  border-right-color: var(--indigo);

}

.popover-indigo.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .popover-indigo.bs-popover-start > .popover-arrow::before, .popover-indigo.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover-indigo.bs-popover-start > .popover-arrow::after {

  border-left-color: var(--indigo);

}

.popover-indigo.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .popover-indigo.bs-popover-top > .popover-arrow::before, .popover-indigo.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover-indigo.bs-popover-top > .popover-arrow::after {

  border-top-color: var(--indigo);

}

.popover-indigo.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .popover-indigo.bs-popover-bottom > .popover-arrow::before, .popover-indigo.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover-indigo.bs-popover-bottom > .popover-arrow::after {

  border-bottom-color: var(--indigo);

}



.popover-teal {

  border-color: var(--teal);

  background-color: var(--teal);

}

.popover-teal .popover-header {

  color: #fff;

  border-color: var(--teal);

  background-color: var(--teal);

}

.popover-teal .popover-body {

  color: #fff;

}

.popover-teal.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .popover-teal.bs-popover-end > .popover-arrow::before {

  border-right-color: var(--teal);

}

.popover-teal.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,

.popover-teal .popover-primary .bs-popover-end > .popover-arrow::after {

  border-right-color: var(--teal);

}

.popover-teal.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .popover-teal.bs-popover-start > .popover-arrow::before, .popover-teal.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover-teal.bs-popover-start > .popover-arrow::after {

  border-left-color: var(--teal);

}

.popover-teal.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .popover-teal.bs-popover-top > .popover-arrow::before, .popover-teal.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover-teal.bs-popover-top > .popover-arrow::after {

  border-top-color: var(--teal);

}

.popover-teal.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .popover-teal.bs-popover-bottom > .popover-arrow::before, .popover-teal.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover-teal.bs-popover-bottom > .popover-arrow::after {

  border-bottom-color: var(--teal);

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

html {

  position: relative;

  min-height: 100%;

}



body {

  margin: 0;

  /* font-family: "Golos Text", sans-serif; */

  font-size: 12px;

  font-weight: 400;

  line-height: 1.5;

  color: var(--body-color);

  background-color: var(--light);

  overflow-x: hidden;

}



::selection {

  background: var(--primary);

  color: var(--white);

}



button,

a {

  outline: none !important;

}



a {

  text-decoration: none;

  color: var(--gray-900);

}

a:hover {

  color: var(--primary);

}



label {

  font-weight: 500;

}



b,

strong {

  font-weight: 600;

}



.border-dashed {

  border-style: dashed;

}



h1,

.h1 {

  font-size: 32px;

  font-weight: 700;

  color: var(--heading-color);

}

@media (max-width: 991.98px) {

  h1,

  .h1 {

    font-size: 28px;

  }

}

@media (max-width: 767.98px) {

  h1,

  .h1 {

    font-size: 24px;

  }

}



h2,

.h2 {

  font-size: 28px;

  font-weight: 700;

  color: var(--heading-color);

}

@media (max-width: 991.98px) {

  h2,

  .h2 {

    font-size: 22px;

  }

}

@media (max-width: 767.98px) {

  h2,

  .h2 {

    font-size: 20px;

  }

}



h3,

.h3 {

  font-size: 24px;

  font-weight: 700;

  color: var(--heading-color);

}

@media (max-width: 991.98px) {

  h3,

  .h3 {

    font-size: 20px;

  }

}

@media (max-width: 767.98px) {

  h3,

  .h3 {

    font-size: 18px;

  }

}



h4,

.h4 {

  font-size: 15px;

  font-weight: 600;

  color: var(--heading-color);

}

@media (max-width: 991.98px) {

  h4,

  .h4 {

    font-size: 18px;

  }

}

@media (max-width: 767.98px) {

  h4,

  .h4 {

    font-size: 17px;

  }

}



h5,

.h5 {

  font-size: 18px;

  font-weight: 700;

  color: var(--heading-color);

}

@media (max-width: 767.98px) {

  h5,

  .h5 {

    font-size: 17px;

  }

}



h6,

.h6 {

  font-size: 16px;

  font-weight: 700;

  color: var(--heading-color);

}



.display-1 {

  font-size: 80px;

}

@media (max-width: 1199.98px) {

  .display-1 {

    font-size: 70px;

  }

}



.display-2 {

  font-size: 72px;

}

@media (max-width: 1199.98px) {

  .display-2 {

    font-size: 64px;

  }

}

@media (max-width: 991.98px) {

  .display-2 {

    font-size: 50px;

  }

}



.display-3 {

  font-size: 64px;

}

@media (max-width: 1199.98px) {

  .display-3 {

    font-size: 58px;

  }

}

@media (max-width: 991.98px) {

  .display-3 {

    font-size: 42px;

  }

}



.display-4 {

  font-size: 56px;

}

@media (max-width: 1199.98px) {

  .display-4 {

    font-size: 50px;

  }

}

@media (max-width: 991.98px) {

  .display-4 {

    font-size: 38px;

  }

}



.display-5 {

  font-size: 48px;

}

@media (max-width: 1199.98px) {

  .display-5 {

    font-size: 44px;

  }

}

@media (max-width: 991.98px) {

  .display-5 {

    font-size: 34px;

  }

}



.display-6 {

  font-size: 40px;

}

@media (max-width: 1199.98px) {

  .display-6 {

    font-size: 36px;

  }

}

@media (max-width: 991.98px) {

  .display-6 {

    font-size: 28px;

  }

}



p {

  margin-top: 0;

  margin-bottom: 1rem;

}



@media (min-width: 768px) {

  .page-title-head {

    height: 85px;

  }

}

@media (max-width: 767.98px) {

  .page-title-head {

    padding: 1.25rem 0;

  }

}

.link-reset {

  color: inherit;

  transition: all 0.25s ease-in-out;

}

.link-reset:hover {

  color: var(--primary);

}



.slick-next {

  z-index: 99;

  background: transparent;

  border: 1px solid var(--border-color);

  width: 24px;

  height: 24px;

  border-radius: 50%;

  right: 10px;

  top: -45px;

}

.slick-next::before {

  font-family: "tabler-icons";

  content: "\ea61";

  color: var(--gray-900);

  font-size: 12px;

  font-weight: 900;

}

.slick-next:hover {

  background-color: var(--light);

}



.slick-prev {

  z-index: 99;

  background: transparent;

  border: 1px solid var(--border-color);

  width: 24px;

  height: 24px;

  border-radius: 50%;

  left: auto;

  right: 40px;

  top: -45px;

}

.slick-prev::before {

  font-family: "tabler-icons";

  content: "\ea60";

  color: var(--gray-900);

  font-size: 12px;

  font-weight: 900;

}

.slick-prev:hover {

  background-color: var(--light);

}



.visit-slider .slick-prev {

  left: 132px;

  right: auto;

  top: -51px;

}

.visit-slider .slick-next {

  left: 162px;

  right: auto;

  top: -51px;

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.table {

  background-color: var(--white);

  margin-bottom: 0 !important;

  border: 1px solid var(--border-color);

}

.table thead tr {

  border: 1px solid var(--border-color);

}

.table thead tr th {

  font-weight: 600;

  padding: 8px 10px;

  color: var(--heading-color);

}

.table tbody tr {

  border: 1px solid var(--border-color);

}

.table tbody tr td {

  padding: 10px !important;

  white-space: nowrap;

}

.table tbody tr:last-child td {

  border-bottom-width: 0px !important;

}

.table tbody td {

  vertical-align: middle;

  border-bottom-color: var(--border-color);

  border-bottom-width: 1px !important;

}

.table tbody th {

  vertical-align: middle;

  padding: 20px 10px 20px 10px !important;

}



th {

  font-weight: 600;

  color: var(--gray-900);

}



.thead-sm > * > * {

  padding: 0.5rem 0.5rem !important;

}



.table > :not(caption) > * > * {

  background-color: var(--white);

  color: inherit;

}



.table-custom tfoot > tr > th:first-child,

.table-custom thead > tr > th:first-child,

.table-custom tr th:first-child,

.table-custom tr td:first-child {

  padding-left: 1.125rem !important;

}

.table-custom tfoot > tr > th:last-child,

.table-custom thead > tr > th:last-child,

.table-custom tr th:last-child,

.table-custom tr td:last-child {

  padding-right: 1.125rem !important;

}



.table-nowrap th {

  white-space: nowrap;

  color: var(--gray-500);

}



.table-light th {

  background: var(--light) !important;

}



.ac .action-item > a {

  width: 22px;

  height: 22px;

  border: 1px solid var(--border-color);

  border-radius: 7px;

  color: var(--gray-500);

  font-size: 12px;

  display: flex;

  align-items: center;

  justify-content: center;

  box-shadow: var(--box-shadow);

}



.table-header {

  padding: 8px 16px;

}



.table-search {

  margin-bottom: 20px;

}



.table.dataTable th {

  padding: 8px 16px;

}



.search-input input {

  font-size: 12px;

}

.search-input .btn-searchset {

  border-radius: 50px;

}



table.dataTable > thead .sorting:before, table.dataTable > thead .sorting_asc:before, table.dataTable > thead .sorting_desc:before, table.dataTable > thead .sorting_asc_disabled:before, table.dataTable > thead .sorting_desc_disabled:before {

  right: 5px !important;

  content: "\ea1d" !important;

  font-family: "tabler-icons";

  top: 50% !important;

  color: var(--gray-900) !important;

  font-size: 12px !important;

  opacity: 1 !important;

  position: absolute;

  font-weight: 400;

  line-height: 1px !important;

}



table.dataTable > thead .sorting:after, table.dataTable > thead .sorting_asc:after, table.dataTable > thead .sorting_desc:after, table.dataTable > thead .sorting_asc_disabled:after, table.dataTable > thead .sorting_desc_disabled:after {

  right: 0 !important;

  content: "\ea1a" !important;

  font-family: "tabler-icons";

  bottom: 12px !important;

  color: var(--gray-900) !important;

  font-size: 12px !important;

  opacity: 1 !important;

  position: absolute;

  font-weight: 400;

  line-height: 1px !important;

}



.table-dark th {

  color: #fff !important;

  background-color: #0B0D0E;

  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;

}



.table-dark tr {

  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;

}



.table.table-dark > :not(caption) > * > * {

  background-color: #0B0D0E;

  border-color: rgba(255, 255, 255, 0.1);

}



.table.table-success > :not(caption) > * > * {

  background-color: var(--success);

}



.table > :not(caption) > .table-primary > * {

  background-color: var(--primary);

  border-color: rgb(var(--primary-rgb), 0.1);

  color: #fff;

}



.border-primary thead tr th {

  border-color: var(--primary) !important;

}

.border-primary tbody td, .border-primary tbody th {

  border-color: var(--primary) !important;

}

.border-primary.table-bordered > :not(caption) > * {

  border-color: var(--primary) !important;

}



.table > :not(caption) > .table-secondary > * {

  background-color: var(--secondary);

  border-color: rgb(var(--secondary-rgb), 0.1);

  color: #fff;

}



.border-secondary thead tr th {

  border-color: var(--secondary) !important;

}

.border-secondary tbody td, .border-secondary tbody th {

  border-color: var(--secondary) !important;

}

.border-secondary.table-bordered > :not(caption) > * {

  border-color: var(--secondary) !important;

}



.table > :not(caption) > .table-success > * {

  background-color: var(--success);

  border-color: rgb(var(--success-rgb), 0.1);

  color: #fff;

}



.border-success thead tr th {

  border-color: var(--success) !important;

}

.border-success tbody td, .border-success tbody th {

  border-color: var(--success) !important;

}

.border-success.table-bordered > :not(caption) > * {

  border-color: var(--success) !important;

}



.table > :not(caption) > .table-info > * {

  background-color: var(--info);

  border-color: rgb(var(--info-rgb), 0.1);

  color: #fff;

}



.border-info thead tr th {

  border-color: var(--info) !important;

}

.border-info tbody td, .border-info tbody th {

  border-color: var(--info) !important;

}

.border-info.table-bordered > :not(caption) > * {

  border-color: var(--info) !important;

}



.table > :not(caption) > .table-warning > * {

  background-color: var(--warning);

  border-color: rgb(var(--warning-rgb), 0.1);

  color: #fff;

}



.border-warning thead tr th {

  border-color: var(--warning) !important;

}

.border-warning tbody td, .border-warning tbody th {

  border-color: var(--warning) !important;

}

.border-warning.table-bordered > :not(caption) > * {

  border-color: var(--warning) !important;

}



.table > :not(caption) > .table-danger > * {

  background-color: var(--danger);

  border-color: rgb(var(--danger-rgb), 0.1);

  color: #fff;

}



.border-danger thead tr th {

  border-color: var(--danger) !important;

}

.border-danger tbody td, .border-danger tbody th {

  border-color: var(--danger) !important;

}

.border-danger.table-bordered > :not(caption) > * {

  border-color: var(--danger) !important;

}



.table > :not(caption) > .table-dark > * {

  background-color: var(--dark);

  border-color: rgb(var(--dark-rgb), 0.1);

  color: #fff;

}



.border-dark thead tr th {

  border-color: var(--dark) !important;

}

.border-dark tbody td, .border-dark tbody th {

  border-color: var(--dark) !important;

}

.border-dark.table-bordered > :not(caption) > * {

  border-color: var(--dark) !important;

}



.table > :not(caption) > .table-light > * {

  background-color: var(--light);

  border-color: rgb(var(--light-rgb), 0.1);

  color: #fff;

}



.border-light thead tr th {

  border-color: var(--light) !important;

}

.border-light tbody td, .border-light tbody th {

  border-color: var(--light) !important;

}

.border-light.table-bordered > :not(caption) > * {

  border-color: var(--light) !important;

}



.table > :not(caption) > .table-orange > * {

  background-color: var(--orange);

  border-color: rgb(var(--orange-rgb), 0.1);

  color: #fff;

}



.border-orange thead tr th {

  border-color: var(--orange) !important;

}

.border-orange tbody td, .border-orange tbody th {

  border-color: var(--orange) !important;

}

.border-orange.table-bordered > :not(caption) > * {

  border-color: var(--orange) !important;

}



.table > :not(caption) > .table-purple > * {

  background-color: var(--purple);

  border-color: rgb(var(--purple-rgb), 0.1);

  color: #fff;

}



.border-purple thead tr th {

  border-color: var(--purple) !important;

}

.border-purple tbody td, .border-purple tbody th {

  border-color: var(--purple) !important;

}

.border-purple.table-bordered > :not(caption) > * {

  border-color: var(--purple) !important;

}



.table > :not(caption) > .table-pink > * {

  background-color: var(--pink);

  border-color: rgb(var(--pink-rgb), 0.1);

  color: #fff;

}



.border-pink thead tr th {

  border-color: var(--pink) !important;

}

.border-pink tbody td, .border-pink tbody th {

  border-color: var(--pink) !important;

}

.border-pink.table-bordered > :not(caption) > * {

  border-color: var(--pink) !important;

}



.table > :not(caption) > .table-indigo > * {

  background-color: var(--indigo);

  border-color: rgb(var(--indigo-rgb), 0.1);

  color: #fff;

}



.border-indigo thead tr th {

  border-color: var(--indigo) !important;

}

.border-indigo tbody td, .border-indigo tbody th {

  border-color: var(--indigo) !important;

}

.border-indigo.table-bordered > :not(caption) > * {

  border-color: var(--indigo) !important;

}



.table > :not(caption) > .table-teal > * {

  background-color: var(--teal);

  border-color: rgb(var(--teal-rgb), 0.1);

  color: #fff;

}



.border-teal thead tr th {

  border-color: var(--teal) !important;

}

.border-teal tbody td, .border-teal tbody th {

  border-color: var(--teal) !important;

}

.border-teal.table-bordered > :not(caption) > * {

  border-color: var(--teal) !important;

}



.table > :not(caption) > .table-light > * {

  color: var(--body-color);

}



.table > :not(caption) > * > * {

  border-bottom-width: 0px !important;

}



.set-star i {

  color: var(--border-color);

}

.set-star.filled i {

  color: var(--warning);

}



.tooltip-primary .tooltip-inner {

  background-color: var(--primary);

  color: #fff;

}

.tooltip-primary.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-primary.bs-tooltip-bottom .tooltip-arrow::before {

  border-bottom-color: var(--primary);

}

.tooltip-primary.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-primary.bs-tooltip-bottom .tooltip-arrow::before {

  border-top-color: var(--primary);

}

.tooltip-primary.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-primary.bs-tooltip-bottom .tooltip-arrow::before {

  border-right-color: var(--primary);

}

.tooltip-primary.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-primary.bs-tooltip-bottom .tooltip-arrow::before {

  border-left-color: var(--primary);

}



.tooltip-secondary .tooltip-inner {

  background-color: var(--secondary);

  color: #fff;

}

.tooltip-secondary.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-secondary.bs-tooltip-bottom .tooltip-arrow::before {

  border-bottom-color: var(--secondary);

}

.tooltip-secondary.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-secondary.bs-tooltip-bottom .tooltip-arrow::before {

  border-top-color: var(--secondary);

}

.tooltip-secondary.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-secondary.bs-tooltip-bottom .tooltip-arrow::before {

  border-right-color: var(--secondary);

}

.tooltip-secondary.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-secondary.bs-tooltip-bottom .tooltip-arrow::before {

  border-left-color: var(--secondary);

}



.tooltip-success .tooltip-inner {

  background-color: var(--success);

  color: #fff;

}

.tooltip-success.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-success.bs-tooltip-bottom .tooltip-arrow::before {

  border-bottom-color: var(--success);

}

.tooltip-success.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-success.bs-tooltip-bottom .tooltip-arrow::before {

  border-top-color: var(--success);

}

.tooltip-success.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-success.bs-tooltip-bottom .tooltip-arrow::before {

  border-right-color: var(--success);

}

.tooltip-success.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-success.bs-tooltip-bottom .tooltip-arrow::before {

  border-left-color: var(--success);

}



.tooltip-info .tooltip-inner {

  background-color: var(--info);

  color: #fff;

}

.tooltip-info.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-info.bs-tooltip-bottom .tooltip-arrow::before {

  border-bottom-color: var(--info);

}

.tooltip-info.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-info.bs-tooltip-bottom .tooltip-arrow::before {

  border-top-color: var(--info);

}

.tooltip-info.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-info.bs-tooltip-bottom .tooltip-arrow::before {

  border-right-color: var(--info);

}

.tooltip-info.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-info.bs-tooltip-bottom .tooltip-arrow::before {

  border-left-color: var(--info);

}



.tooltip-warning .tooltip-inner {

  background-color: var(--warning);

  color: #fff;

}

.tooltip-warning.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-warning.bs-tooltip-bottom .tooltip-arrow::before {

  border-bottom-color: var(--warning);

}

.tooltip-warning.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-warning.bs-tooltip-bottom .tooltip-arrow::before {

  border-top-color: var(--warning);

}

.tooltip-warning.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-warning.bs-tooltip-bottom .tooltip-arrow::before {

  border-right-color: var(--warning);

}

.tooltip-warning.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-warning.bs-tooltip-bottom .tooltip-arrow::before {

  border-left-color: var(--warning);

}



.tooltip-danger .tooltip-inner {

  background-color: var(--danger);

  color: #fff;

}

.tooltip-danger.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-danger.bs-tooltip-bottom .tooltip-arrow::before {

  border-bottom-color: var(--danger);

}

.tooltip-danger.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-danger.bs-tooltip-bottom .tooltip-arrow::before {

  border-top-color: var(--danger);

}

.tooltip-danger.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-danger.bs-tooltip-bottom .tooltip-arrow::before {

  border-right-color: var(--danger);

}

.tooltip-danger.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-danger.bs-tooltip-bottom .tooltip-arrow::before {

  border-left-color: var(--danger);

}



.tooltip-dark .tooltip-inner {

  background-color: var(--dark);

  color: #fff;

}

.tooltip-dark.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-dark.bs-tooltip-bottom .tooltip-arrow::before {

  border-bottom-color: var(--dark);

}

.tooltip-dark.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-dark.bs-tooltip-bottom .tooltip-arrow::before {

  border-top-color: var(--dark);

}

.tooltip-dark.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-dark.bs-tooltip-bottom .tooltip-arrow::before {

  border-right-color: var(--dark);

}

.tooltip-dark.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-dark.bs-tooltip-bottom .tooltip-arrow::before {

  border-left-color: var(--dark);

}



.tooltip-light .tooltip-inner {

  background-color: var(--light);

  color: #fff;

}

.tooltip-light.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-light.bs-tooltip-bottom .tooltip-arrow::before {

  border-bottom-color: var(--light);

}

.tooltip-light.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-light.bs-tooltip-bottom .tooltip-arrow::before {

  border-top-color: var(--light);

}

.tooltip-light.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-light.bs-tooltip-bottom .tooltip-arrow::before {

  border-right-color: var(--light);

}

.tooltip-light.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-light.bs-tooltip-bottom .tooltip-arrow::before {

  border-left-color: var(--light);

}



.tooltip-orange .tooltip-inner {

  background-color: var(--orange);

  color: #fff;

}

.tooltip-orange.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-orange.bs-tooltip-bottom .tooltip-arrow::before {

  border-bottom-color: var(--orange);

}

.tooltip-orange.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-orange.bs-tooltip-bottom .tooltip-arrow::before {

  border-top-color: var(--orange);

}

.tooltip-orange.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-orange.bs-tooltip-bottom .tooltip-arrow::before {

  border-right-color: var(--orange);

}

.tooltip-orange.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-orange.bs-tooltip-bottom .tooltip-arrow::before {

  border-left-color: var(--orange);

}



.tooltip-purple .tooltip-inner {

  background-color: var(--purple);

  color: #fff;

}

.tooltip-purple.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-purple.bs-tooltip-bottom .tooltip-arrow::before {

  border-bottom-color: var(--purple);

}

.tooltip-purple.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-purple.bs-tooltip-bottom .tooltip-arrow::before {

  border-top-color: var(--purple);

}

.tooltip-purple.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-purple.bs-tooltip-bottom .tooltip-arrow::before {

  border-right-color: var(--purple);

}

.tooltip-purple.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-purple.bs-tooltip-bottom .tooltip-arrow::before {

  border-left-color: var(--purple);

}



.tooltip-pink .tooltip-inner {

  background-color: var(--pink);

  color: #fff;

}

.tooltip-pink.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-pink.bs-tooltip-bottom .tooltip-arrow::before {

  border-bottom-color: var(--pink);

}

.tooltip-pink.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-pink.bs-tooltip-bottom .tooltip-arrow::before {

  border-top-color: var(--pink);

}

.tooltip-pink.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-pink.bs-tooltip-bottom .tooltip-arrow::before {

  border-right-color: var(--pink);

}

.tooltip-pink.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-pink.bs-tooltip-bottom .tooltip-arrow::before {

  border-left-color: var(--pink);

}



.tooltip-indigo .tooltip-inner {

  background-color: var(--indigo);

  color: #fff;

}

.tooltip-indigo.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-indigo.bs-tooltip-bottom .tooltip-arrow::before {

  border-bottom-color: var(--indigo);

}

.tooltip-indigo.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-indigo.bs-tooltip-bottom .tooltip-arrow::before {

  border-top-color: var(--indigo);

}

.tooltip-indigo.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-indigo.bs-tooltip-bottom .tooltip-arrow::before {

  border-right-color: var(--indigo);

}

.tooltip-indigo.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-indigo.bs-tooltip-bottom .tooltip-arrow::before {

  border-left-color: var(--indigo);

}



.tooltip-teal .tooltip-inner {

  background-color: var(--teal);

  color: #fff;

}

.tooltip-teal.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-teal.bs-tooltip-bottom .tooltip-arrow::before {

  border-bottom-color: var(--teal);

}

.tooltip-teal.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-teal.bs-tooltip-bottom .tooltip-arrow::before {

  border-top-color: var(--teal);

}

.tooltip-teal.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-teal.bs-tooltip-bottom .tooltip-arrow::before {

  border-right-color: var(--teal);

}

.tooltip-teal.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-teal.bs-tooltip-bottom .tooltip-arrow::before {

  border-left-color: var(--teal);

}



.tooltip-inner {

  padding: 0.3125rem 0.625rem;

  background-color: var(--dark);

}



.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,

.bs-tooltip-top .tooltip-arrow::before {

  border-top-color: var(--dark);

}



.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,

.bs-tooltip-bottom .tooltip-arrow::before {

  border-bottom-color: var(--dark);

}



.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,

.bs-tooltip-left .tooltip-arrow::before {

  border-left-color: var(--dark);

}



.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,

.bs-tooltip-right .tooltip-arrow::before {

  border-right-color: var(--dark);

}



.tooltip-primary .tooltip-inner {

  background-color: var(--primary);

}

.tooltip-primary.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-primary.bs-tooltip-top .tooltip-arrow::before {

  border-top-color: var(--primary);

}

.tooltip-primary.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-primary.bs-tooltip-bottom .tooltip-arrow::before {

  border-bottom-color: var(--primary);

}

.tooltip-primary.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-primary.bs-tooltip-left .tooltip-arrow::before {

  border-left-color: var(--primary);

}

.tooltip-primary.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-primary.bs-tooltip-right .tooltip-arrow::before {

  border-right-color: var(--primary);

}



.tooltip-secondary .tooltip-inner {

  background-color: var(--secondary);

}

.tooltip-secondary.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-secondary.bs-tooltip-top .tooltip-arrow::before {

  border-top-color: var(--secondary);

}

.tooltip-secondary.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-secondary.bs-tooltip-bottom .tooltip-arrow::before {

  border-bottom-color: var(--secondary);

}

.tooltip-secondary.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-secondary.bs-tooltip-left .tooltip-arrow::before {

  border-left-color: var(--secondary);

}

.tooltip-secondary.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-secondary.bs-tooltip-right .tooltip-arrow::before {

  border-right-color: var(--secondary);

}



.tooltip-success .tooltip-inner {

  background-color: var(--success);

}

.tooltip-success.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-success.bs-tooltip-top .tooltip-arrow::before {

  border-top-color: var(--success);

}

.tooltip-success.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-success.bs-tooltip-bottom .tooltip-arrow::before {

  border-bottom-color: var(--success);

}

.tooltip-success.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-success.bs-tooltip-left .tooltip-arrow::before {

  border-left-color: var(--success);

}

.tooltip-success.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-success.bs-tooltip-right .tooltip-arrow::before {

  border-right-color: var(--success);

}



.tooltip-info .tooltip-inner {

  background-color: var(--info);

}

.tooltip-info.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-info.bs-tooltip-top .tooltip-arrow::before {

  border-top-color: var(--info);

}

.tooltip-info.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-info.bs-tooltip-bottom .tooltip-arrow::before {

  border-bottom-color: var(--info);

}

.tooltip-info.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-info.bs-tooltip-left .tooltip-arrow::before {

  border-left-color: var(--info);

}

.tooltip-info.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-info.bs-tooltip-right .tooltip-arrow::before {

  border-right-color: var(--info);

}



.tooltip-warning .tooltip-inner {

  background-color: var(--warning);

}

.tooltip-warning.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-warning.bs-tooltip-top .tooltip-arrow::before {

  border-top-color: var(--warning);

}

.tooltip-warning.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-warning.bs-tooltip-bottom .tooltip-arrow::before {

  border-bottom-color: var(--warning);

}

.tooltip-warning.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-warning.bs-tooltip-left .tooltip-arrow::before {

  border-left-color: var(--warning);

}

.tooltip-warning.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-warning.bs-tooltip-right .tooltip-arrow::before {

  border-right-color: var(--warning);

}



.tooltip-danger .tooltip-inner {

  background-color: var(--danger);

}

.tooltip-danger.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-danger.bs-tooltip-top .tooltip-arrow::before {

  border-top-color: var(--danger);

}

.tooltip-danger.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-danger.bs-tooltip-bottom .tooltip-arrow::before {

  border-bottom-color: var(--danger);

}

.tooltip-danger.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-danger.bs-tooltip-left .tooltip-arrow::before {

  border-left-color: var(--danger);

}

.tooltip-danger.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-danger.bs-tooltip-right .tooltip-arrow::before {

  border-right-color: var(--danger);

}



.tooltip-dark .tooltip-inner {

  background-color: var(--dark);

}

.tooltip-dark.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip-dark.bs-tooltip-top .tooltip-arrow::before {

  border-top-color: var(--dark);

}

.tooltip-dark.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip-dark.bs-tooltip-bottom .tooltip-arrow::before {

  border-bottom-color: var(--dark);

}

.tooltip-dark.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip-dark.bs-tooltip-left .tooltip-arrow::before {

  border-left-color: var(--dark);

}

.tooltip-dark.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip-dark.bs-tooltip-right .tooltip-arrow::before {

  border-right-color: var(--dark);

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.bd-example-zindex-levels {

  min-height: 15rem;

  z-index: 1;

}

.bd-example-zindex-levels > div {

  color: var(--bs-body-bg);

}

.bd-example-zindex-levels > div > span {

  position: absolute;

  right: 5px;

  bottom: 0;

}

.bd-example-zindex-levels > :nth-child(2) {

  top: 1.5rem;

  left: 1.5rem;

}

.bd-example-zindex-levels > :nth-child(3) {

  top: 3rem;

  left: 3rem;

}

.bd-example-zindex-levels > :nth-child(4) {

  top: 4.5rem;

  left: 4.5rem;

}

.bd-example-zindex-levels > :nth-child(5) {

  top: 6rem;

  left: 6rem;

}



.color-container {

  width: 5rem;

  height: 5rem;

  border-radius: 6px;

  display: flex;

  align-items: center;

  justify-content: center;

  line-height: 3rem;

}



.text-container {

  padding: 0.25rem 0.5rem;

  border-radius: 6px;

  box-shadow: var(--box-shadow);

}



.color-box {

  width: 80px;

  height: 80px;

  border-radius: 6px;

  margin-right: 0.75rem;

  margin-bottom: 0.75rem;

}



.link-underline:hover {

  text-decoration-color: var(--primary) !important;

}



.progress-bar {

  background-color: var(--primary);

}



.progress {

  background-color: var(--light);

}



.progress-xs {

  height: 3px;

}



.progress-sm {

  height: 5px;

}



.progress-md {

  height: 8px;

}



.progress-lg {

  height: 12px;

}



.progress-xl {

  height: 15px;

}



.progress-with-border .progress-bar + .progress-bar {

  border-left: 3px solid var(--white);

}



.progress-value {

  display: block;

  position: absolute;

  top: -28px;

  right: 0px;

}



.pipeline-progress .progress {

  background: transparent;

  width: 70px;

  height: 5px;

}

.pipeline-progress .progress .progress-bar {

  width: 70px;

  height: 5px;

  border-radius: 5px;

}

.pipeline-progress .progress .progress-bar.progress-bar-success {

  background: var(--success);

}

.pipeline-progress .progress .progress-bar.progress-bar-violet {

  background: var(--purple);

}

.pipeline-progress .progress .progress-bar.progress-bar-info {

  background: var(--info);

}

.pipeline-progress .progress .progress-bar.progress-bar-warning {

  background: var(--warning);

}

.pipeline-progress .progress .progress-bar.progress-bar-green {

  background: var(--teal);

}

.pipeline-progress .progress .progress-bar.progress-bar-danger {

  background: var(--danger);

}

.pipeline-progress span {

  margin-left: 10px;

  color: var(--gray-900);

  font-weight: 500;

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.chat-users {

  max-height: calc(-23.5rem + 100vh) !important;

  padding-bottom: 10px !important;

}



.user-list {

  cursor: pointer;

}

.user-list.active {

  background: var(--light-200);

}

.user-list:hover {

  background: var(--light-200);

}



.chat-user-nav {

  flex-shrink: 0;

  width: 350px;

  border-right: 1px solid var(--border-color);

}

@media (max-width: 991.98px) {

  .chat-user-nav {

    border: none !important;

    width: 100% !important;

  }

}



.message-count {

  width: 16px;

  height: 16px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 10px;

}



.message-body {

  max-height: calc(-23.5rem + 100vh) !important;

  background-image: url(../img/bg/chat-bg.png);

  background-size: cover;

}



.message-box {

  border: 1px solid var(--border-color);

}



.receive-message {

  border-radius: 0 5px 5px 5px;

  background: var(--light-200);

}



.sent-message {

  border-radius: 5px 0 5px 5px;

  background: var(--light-800);

}



.chat-list {

  max-width: 75%;

}

@media (max-width: 1199.98px) {

  .chat-list {

    max-width: 85%;

  }

}

@media (max-width: 575.98px) {

  .chat-list {

    max-width: 100%;

  }

}



.count-circle, .message-count {

  width: 16px;

  height: 16px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 10px;

}



.chat-user-nav {

  flex-shrink: 0;

  width: 350px;

  border-right: 1px solid var(--border-color);

}



@media (max-width: 991.98px) {

  .chat-messages {

    display: none;

  }

}

.chat-messages .custom-dot {

  position: relative;

  left: -3px;

}



@media (max-width: 991.98px) {

  .chat-messages.show {

    display: block;

  }

}



@media (max-width: 991.98px) {

  .chat-user-nav.hide {

    display: none;

  }

}



/*============================

  36.todo

============================*/

.todo-inbox-check .checkboxs {

  margin-bottom: 0;

  display: flex;

  align-items: center;

}

.todo-inbox-check .checkboxs input ~ .checkmarks {

  border-color: rgba(145, 158, 171, 0.3);

  border-radius: 5px;

  margin-top: 0;

  width: 20px;

  height: 20px;

}

.todo-inbox-check .checkboxs input:checked ~ .checkmarks {

  border-color: var(--primary);

  background-color: var(--primary);

}



.cursor-pointer {

  cursor: pointer;

}



.strike-info h4 {

  margin-bottom: 0;

  font-size: 14px;

}



.iti__country-list {

  z-index: 101;

}



.todo-strike-content .strike-info h4 {

  text-decoration: line-through;

  margin-bottom: 0;

}

.todo-strike-content .strike-info p {

  text-decoration: line-through;

}



.fs-6 {

  font-size: 6px !important;

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.radio-activity li {

  display: inline-block;

}

.radio-activity li .active-type input[type=radio] {

  display: none;

}

.radio-activity li .active-type input[type=radio] ~ label {

  border: 1px solid var(--border-color);

  padding: 6px 16px;

  color: var(--gray-900);

  cursor: pointer;

}

.radio-activity li .active-type input[type=radio] ~ label i {

  margin-right: 5px;

}

.radio-activity li .active-type input[type=radio]:checked ~ label {

  border-color: var(--primary);

  color: var(--primary);

}

.radio-activity li:last-child {

  margin-right: 0;

}



.step-progress .step {

  position: relative;

  padding: 10px 25px;

  font-weight: 500;

  font-size: 14px;

  color: var(--white);

  background-color: var(--light);

  white-space: nowrap;

  display: flex;

  align-items: center;

  justify-content: center;

  min-width: 160px;

  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0 100%, 12px 50%);

  margin-right: -8px;

}

.step-progress .step.appointment {

  background-color: var(--light-transparent);

  color: var(--dark);

}

.step-progress .step:first-child {

  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0 100%);

  border-top-left-radius: 8px;

  border-bottom-left-radius: 8px;

}

.step-progress .step:last-child {

  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 12px 50%);

  margin-right: 0;

  border-top-right-radius: 8px;

  border-bottom-right-radius: 8px;

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.single-video .join-video {

  margin-bottom: 0;

  height: calc(100vh - 198px);

}

@media (max-width: 767.98px) {

  .single-video .join-video {

    height: calc(100vh - 214px);

  }

}

.single-video .join-video img {

  border-radius: 5px;

}

.single-video .join-video .video-avatar img {

  width: 170px;

  height: 146px;

  object-fit: cover;

}

@media (max-width: 767.98px) {

  .single-video .join-video .video-avatar img {

    width: 100px;

    height: 86px;

  }

}



.join-video img {

  border-radius: 10px;

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.card-max-height {

  position: relative;

  height: calc(100vh - 195px);

  overflow-y: auto;

}

@media (max-width: 767.98px) {

  .card-max-height {

    height: calc(100vh - 195px);

  }

}



.animation-ripple {

  animation: ripple 2s infinite;

}



@keyframes ripple {

  0% {

    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);

    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);

    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);

  }

  100% {

    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);

    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);

    box-shadow: 0 0 0 40px rgba(0, 0, 0, 0);

  }

}

.truncate-2-lines {

  display: -webkit-box;

  -webkit-line-clamp: 2; /* Number of lines to show */

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.email-sidebar {

  max-width: 288px;

  height: calc(100vh - 56px) !important;

}

@media (max-width: 767.98px) {

  .email-sidebar {

    max-width: 100%;

    margin-bottom: 20px;

  }

}



.mail-notifications {

  height: calc(100vh - 56px) !important;

}



.mail-detail {

  height: calc(100vh - 56px) !important;

}



.more-menu {

  display: none;

}



.mails-list .list-group-item {

  cursor: pointer;

}



.mail-notifications {

  width: 50%;

  transition: 0.5s all;

}

.mail-notifications.compress-width {

  max-width: 400px;

  transition: 0.5s all;

}

@media (max-width: 767.98px) {

  .mail-notifications.compress-width {

    display: none;

  }

}

@media (max-width: 767.98px) {

  .mail-notifications {

    width: 100%;

    max-width: 100%;

  }

}



.tag-with-img .choices__inner {

  border: 0;

  padding: 0;

}



.list-item-hover {

  transition: 0.5s all;

}

.list-item-hover:hover {

  border-color: var(--primary) !important;

  transition: 0.5s all;

}



.w-120 {

  width: 125px;

}



.project-status {

  min-width: 265px;

}



.kanban-drag-wrap, .kanban-drag {

  min-width: 220px;

  min-height: 50px;

}



.files-list a.active {

  background: var(--light);

  border-radius: 5px;

}



.img-full-view a {

  position: relative;

  transition: 0.5s all;

  display: block;

}

.img-full-view a span {

  position: absolute;

  top: 0;

  left: 50%;

  transform: translatex(-50%);

  transition: 0.5s all;

  background: var(--white);

  opacity: 0;

}

.img-full-view a span i {

  color: var(--dark);

  opacity: 1;

}

.img-full-view a:hover {

  transition: 0.5s all;

}

.img-full-view a:hover span {

  top: 50%;

  transform: translate(-50%, -50%);

  transition: 0.5s all;

  opacity: 0.5;

}

.img-full-view a:hover::before {

  content: "";

  width: 100%;

  height: 100%;

  border-radius: 5px;

  background: var(--gray-900);

  opacity: 0.8;

  position: absolute;

  transition: 0.5s all;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

}

.img-full-view a img {

  transition: 0.5s all;

}



.card-img-hover {

  position: relative;

  overflow: hidden;

  transition: 0.5s all;

}

.card-img-hover img {

  transition: 0.5s all;

}

.card-img-hover:hover {

  transition: 0.5s all;

}

.card-img-hover:hover img {

  transform: scale(1.14);

  transition: 0.5s all;

}



#compose-view {

  overflow-y: auto;

  z-index: 9999;

  display: none;

  transform: scale(0.9);

  transition: opacity 0.3s ease, transform 0.3s ease;

}

#compose-view.show {

  display: flex;

  transform: scale(1);

}



.compose-view {

  top: auto;

  bottom: 0;

  right: 20px;

  max-width: 500px;

  width: 100%;

  left: auto;

  margin: 20px 0 20px auto;

  transform: scale(0.9);

  transition: opacity 0.3s ease, transform 0.3s ease;

}

.compose-view .choices__inner {

  border: 0;

  padding: 0;

}

.compose-view .choices[data-type*=text] .choices__inner {

  padding: 0 !important;

}



.compose-header {

  border-radius: 4px 4px 0 0;

}



.compose-footer {

  border-radius: 0 0 4px 4px;

}



.drag-upload-btn {

  font-size: 12px;

  font-weight: 600;

  border-radius: 5px;

  padding: 6px 16px;

  position: relative;

  transition: all 0.5s;

}

.drag-upload-btn input {

  opacity: 0;

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  cursor: pointer;

}



.file-upload {

  border-radius: 5px;

  text-align: center;

  position: relative;

}

.file-upload input {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  cursor: pointer;

}

.file-upload.drag-file {

  height: 120px;

}



.note-edit-wrap {

  display: none;

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.scrollspy-example {

  position: relative;

  height: 200px;

  margin-top: 0.5rem;

  overflow: auto;

}



.grid-structure .grid-container {

  background-color: var(--light);

  margin-bottom: 10px;

  font-size: 0.8rem;

  font-weight: 600;

  padding: 10px 20px;

}



.icon-box .card {

  height: 80px;

  width: 80px;

  margin-bottom: 0 !important;

  cursor: pointer;

  text-align: center;

  line-height: 80px;

}

.icon-box .card .card-body {

  padding: 0;

}

.icon-box .card .card-body i {

  vertical-align: middle;

}

.icon-box .card:hover iconify-icon {

  color: var(--primary);

}



ul {

  padding: 0;

  margin: 0;

  list-style: none;

}



.icons-list-demo div {

  cursor: pointer;

  line-height: 45px;

  white-space: nowrap;

  text-overflow: ellipsis;

  display: block;

  overflow: hidden;

}

.icons-list-demo div p {

  margin-bottom: 0;

  line-height: inherit;

}

.icons-list-demo div:hover, .icons-list-demo div:hover i {

  color: var(--primary);

}

.icons-list-demo i {

  text-align: center;

  vertical-align: middle;

  font-size: 24px;

  width: 50px;

  height: 50px;

  line-height: 50px;

  margin-right: 12px;

  border-radius: 3px;

  display: inline-block;

  transition: all 0.2s;

}



.icons-list {

  padding: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  gap: 10px;

}

.icons-list li {

  display: block;

  width: 40px;

  height: 40px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  justify-content: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  font-size: 18px;

  border-radius: 50px;

  border: 1px solid var(--border-color);

  -webkit-box-shadow: 0 2px 3px rgb(215, 197, 255);

  -moz-box-shadow: 0 2px 3px rgb(215, 197, 255);

  box-shadow: 0 2px 3px rgb(215, 197, 255);

}

.icons-list .icons-list-item {

  display: block;

  width: 50px;

  height: 50px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  align-items: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  justify-content: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  font-size: 18px;

  border-radius: 50px;

  border: 1px solid var(--border-color);

}

.icons-list .icons-list-item:hover {

  color: var(--primary);

  font-size: 24px;

}



.h-250 {

  height: 250px;

}



#sales-income .apexcharts-bar-series .apexcharts-series:nth-child(1) path, #revenue-income .apexcharts-bar-series .apexcharts-series:nth-child(1) path, #leads_stage .apexcharts-bar-series .apexcharts-series:nth-child(1) path, #s-col .apexcharts-bar-series .apexcharts-series:nth-child(1) path, #s-col-stacked .apexcharts-bar-series .apexcharts-series:nth-child(1) path {

  fill: var(--primary);

}



#deals_stage .apexcharts-bar-series .apexcharts-series path, #emp-department .apexcharts-bar-series .apexcharts-series path, #s-bar .apexcharts-bar-series .apexcharts-series path, #mixed-chart .apexcharts-bar-series .apexcharts-series path {

  fill: var(--primary);

}



#mixed-chart .apexcharts-legend-series:first-child .apexcharts-legend-marker, #s-col-stacked .apexcharts-legend-series:first-child .apexcharts-legend-marker, #s-col .apexcharts-legend-series:first-child .apexcharts-legend-marker {

  fill: var(--primary);

}



#s-line .apexcharts-line-series .apexcharts-series path {

  stroke: var(--primary);

}

#s-line .apexcharts-line-series .apexcharts-marker {

  fill: var(--primary);

}



#chart-bar-stacked .c3-target-data2 .c3-bar, #chart-bar .c3-target-data2 .c3-bar, #chart-bar-rotated .c3-target-data2 .c3-bar {

  fill: var(--primary) !important;

}



#chart-spline-rotated .c3-target-data2 .c3-line {

  stroke: var(--primary) !important;

}

#chart-spline-rotated .c3-target-data2 .c3-circle {

  fill: var(--primary) !important;

}



#contacts-analysis .apexcharts-legend-text, #leadpiechart .apexcharts-legend-text {

  color: var(--gray-900) !important;

  font-weight: 500 !important;

}



#map,

#map1,

#map-popup,

#map-custom-icon,

#interactive-map {

  height: 18.75rem;

  z-index: 10;

}



.jvm-zoom-btn {

  background-color: var(--light);

  color: var(--body-color);

  border: 1px solid var(--border-color);

  font-size: 20px;

}



#vector-map,

#marker-map,

#marker-image-map,

#lines-map,

#us-map,

#canada-map,

#spain-map,

#russia-map {

  height: 21.875rem;

}



.jvm-tooltip {

  background-color: #1a1c1e;

}



#vector-map #jvm-regions-group path,

#marker-map #jvm-regions-group path,

#marker-image-map #jvm-regions-group path,

#lines-map #jvm-regions-group path,

#users-map #jvm-regions-group path {

  fill: var(--light);

}



.jvm-zoom-btn {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 20px;

  height: 20px;

  line-height: 20px;

}



.jvm-zoom-btn.jvm-zoomin {

  inset-block-start: 5px;

}



#jvm-markers-labels-group text {

  fill: var(--body-color);

}



.snow-editor {

  height: 120px;

}



#worktime-chart,

#unproductivetime-chart,

#productivetime-chart,

#manualtime-chart {

  max-width: 65px !important;

  min-height: 60px !important;

}



.bg-soft-indigo {

  background-color: var(--indigo-transparent);

  color: var(--indigo);

}

.bg-soft-indigo:hover, .bg-soft-indigo:focus, .bg-soft-indigo.active {

  background-color: var(--indigo);

  color: var(--white);

}



.social-links li {

  margin: 0 2px;

}

.social-links li a {

  font-size: 16px;

  border-radius: 50%;

  width: 24px;

  height: 24px;

  display: flex;

  align-items: center;

  justify-content: center;

}

.social-links li a:hover, .social-links li a:focus {

  color: var(--heading-color);

  background-color: var(--light);

}



.view-icons .btn {

  color: var(--heading-color);

  font-size: 15px !important;

}

.view-icons .btn:hover, .view-icons .btn.active {

  background-color: var(--teal);

  color: var(--white);

}



[data-bs-theme=dark] .super-admin-logo-dark {

  display: none;

}



[data-bs-theme=light] .super-admin-logo-light {

  display: none;

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.settings-sidebar a {

  border-radius: 5px;

  color: var(--gray-500);

}

.settings-sidebar a.active {

  background: var(--primary-transparent);

  color: var(--primary);

  border-left: 1px solid var(--primary);

}

.settings-sidebar a:hover {

  color: var(--primary);

}



.profile-upload .profile-upload-img span {

  color: var(--gray-400);

  position: absolute;

}

.profile-upload .preview1 {

  display: none;

}

.profile-upload .it {

  width: 70px;

  height: 70px;

  border-radius: 10px;

  display: block;

  position: relative;

  background: var(--white);

  object-fit: cover;

}

.profile-upload .profile-remove {

  display: none;

}

.profile-upload .profile-remove-btn {

  width: 14px;

  height: 14px;

  font-size: 10px;

  color: var(--white);

  background: var(--danger);

  border: 1px solid var(--danger);

  border-radius: 10px;

  padding: 0;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  position: absolute;

  top: 8px;

  right: 8px;

}



.w-min-content {

  min-width: max-content;

}



.theme-type-images {

  flex-wrap: wrap;

}

.theme-type-images .theme-image {

  border: 1px solid var(--border-color);

}

.theme-type-images .theme-image img {

  width: 150px;

}

@media (max-width: 1399.98px) {

  .theme-type-images .theme-image img {

    width: 130px;

  }

}

.theme-type-images .theme-image span {

  color: var(--gray-900);

}

.theme-type-images .theme-image.active {

  border-color: var(--primary);

}

.theme-type-images .theme-image.active span {

  color: var(--primary);

}



.theme-colors span {

  width: 30px;

  height: 30px;

  border-radius: 50%;

  background-color: var(--primary);

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  position: relative;

}

.theme-colors span.active {

  background-color: rgba(var(--primary-rgb), 0.1);

}

.theme-colors span.active:after {

  content: "";

  width: 25px;

  height: 25px;

  background-color: var(--primary);

  border-radius: 50%;

  opacity: 1;

}

.theme-colors span.theme-secondary {

  background-color: var(--secondary);

}

.theme-colors span.theme-secondary.active {

  background-color: rgba(var(--secondary-rgb), 0.1);

}

.theme-colors span.theme-secondary.active:after {

  background-color: var(--secondary);

}

.theme-colors span.theme-violet {

  background-color: var(--indigo);

}

.theme-colors span.theme-violet.active {

  background-color: rgba(var(--indigo-rgb), 0.1);

}

.theme-colors span.theme-violet.active:after {

  background-color: var(--indigo);

}

.theme-colors span.theme-blue {

  background-color: var(--info);

}

.theme-colors span.theme-blue.active {

  background-color: rgba(var(--info-rgb), 0.1);

}

.theme-colors span.theme-blue.active:after {

  background-color: var(--info);

}

.theme-colors span.theme-brown {

  background-color: var(--teal);

}

.theme-colors span.theme-brown.active {

  background-color: rgba(var(--teal-rgb), 0.1);

}

.theme-colors span.theme-brown.active:after {

  background-color: var(--teal);

}



.table.notification-table tbody tr td {

  padding: 5px !important;

}



.bank-radio {

  position: absolute;

  width: 100%;

  height: 100%;

  opacity: 0;

  z-index: 1;

  cursor: pointer;

}

.bank-radio:checked + .bank-box {

  border: 2px solid var(--success) !important;

  background: var(--white) !important;

}

.bank-radio:checked + .bank-box .check-icon {

  opacity: 1;

}



.bank-box {

  background: var(--light);

  border: 2px solid var(--light);

  padding: 20px;

  border-radius: 6px;

  position: relative;

  cursor: pointer;

  transition: border 0.2s ease;

}

.bank-box .check-icon {

  position: absolute;

  top: -12px;

  left: -8px;

  background-color: var(--success);

  color: var(--white);

  font-size: 11px;

  width: 24px;

  height: 24px;

  border-radius: 50%;

  display: none;

  display: flex;

  align-items: center;

  justify-content: center;

  opacity: 0;

  border: 3px solid var(--white);

}

.bank-box .check-icon::before {

  content: "✔";

  opacity: 1;

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.account-bg-01 {

  background-image: url(../img/all/2150038401.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  border-radius: 10px;

  height: calc(100vh - 40px);

}





.account-bg-02 {

  background-image: url(../img/all/register.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  border-radius: 10px;

  height: calc(100vh - 40px);

}



.account-bg-03 {

  background-image: url(../img/authentication/forgot-bg.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  border-radius: 10px;

  height: calc(100vh - 40px);

}



.account-bg-04 {

  background-image: url(../img/authentication/reset-bg.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  border-radius: 10px;

  height: calc(100vh - 40px);

}



.account-bg-05 {

  background-image: url(../img/authentication/email-bg.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  border-radius: 10px;

  height: calc(100vh - 40px);

}



.account-bg-06 {

  background-image: url(../img/authentication/verification-bg.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  border-radius: 10px;

  height: calc(100vh - 40px);

}



.account-bg-07 {

  background-image: url(../img/authentication/success-bg.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  border-radius: 10px;

  height: calc(100vh - 40px);

}



.link-hover {

  position: relative;

}

.link-hover:after {

  content: "";

  height: 2px;

  width: 100%;

  background: var(--primary);

  transform: scale(0);

  -webkit-transform: scale(0);

  -ms-transform: scale(0);

  -webkit-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  transition: all 0.3s ease;

  position: absolute;

  bottom: -3px;

  left: 0;

}

.link-hover:hover:after {

  transform: scale(1);

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

}

.link-hover:hover {

  color: var(--primary) !important;

}



.bg-backdrop {

  background: rgba(255, 255, 255, 0.9490196078);

  backdrop-filter: blur(10px);

}



.or-login h6:after {

  content: "";

  background: var(--gray-100);

  width: 21px;

  height: 1px;

  position: absolute;

  top: 50%;

  left: calc(50% - 40px);

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

}

.or-login h6:before {

  content: "";

  background: var(--gray-100);

  width: 21px;

  height: 1px;

  top: 50%;

  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  position: absolute;

  right: calc(50% - 40px);

}



.digit-group input {

  width: 70px !important;

  height: 70px;

  border: 1px solid var(--border-color);

}

.digit-group input.active {

  border: 2px solid var(--primary);

}



.error-img {

  max-width: 500px;

}



.count-box {

  width: 85px;

  height: 85px;

}

@media (max-width: 575.98px) {

  .count-box {

    width: 50px;

    height: 50px;

  }

}



.account-page .acc-vh, .account-page .vh-100 {

  height: calc(100vh - 20px) !important;

}



.auth-logo img {

  width: 100%;

  /* max-width: 141px; */

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.blog-item .blog-img {

  position: relative;

  overflow: hidden;

}

.blog-item .blog-img img {

  width: 100%;

  transition: 0.8s;

}

.blog-item .blog-img:hover::before {

  -webkit-animation: circle 1s;

  animation: circle 1s;

}

.blog-item .blog-img:hover img {

  transform: scale(1.1);

}

.blog-item .blog-img::before {

  position: absolute;

  top: 50%;

  left: 50%;

  z-index: 2;

  display: block;

  content: "";

  width: 0;

  height: 0;

  background: rgba(255, 255, 255, 0.2);

  border-radius: 100%;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  opacity: 0;

}



@keyframes circle {

  0% {

    opacity: 1;

  }

  40% {

    opacity: 1;

  }

  100% {

    width: 200%;

    height: 200%;

    opacity: 0;

  }

}

/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.add-details-wizard ul {

  display: flex;

  align-items: center;

  margin-bottom: 15px;

}

@media (max-width: 575.98px) {

  .add-details-wizard ul {

    flex-direction: column;

  }

}

.add-details-wizard ul li {

  line-height: normal;

  background: var(--light);

  padding: 10px 20px;

  display: flex;

  align-items: center;

  border-radius: 5px;

}

@media (max-width: 575.98px) {

  .add-details-wizard ul li {

    width: 100%;

    margin-bottom: 10px;

  }

}

.add-details-wizard ul li span {

  margin-right: 5px;

}

.add-details-wizard ul li .multi-step-info h6 {

  margin-bottom: 0;

  font-weight: 500;

  font-size: 14px;

}

.add-details-wizard ul li.active {

  background: var(--primary);

  color: var(--white);

}

.add-details-wizard ul li.active h6 {

  color: var(--white);

}



fieldset {

  display: none;

}

fieldset#first-field-file {

  display: block;

}



.sign-item .status-radio:checked + label:before, .sign-item .status-radio:not(:checked) + label:before {

  border: 1px solid var(--border-color);

}

.sign-item .status-radio:checked + label:before {

  border-color: var(--primary);

}



.notication-card .noti-btn {

  opacity: 0;

  transition: 0.3s;

}

@media (max-width: 767.98px) {

  .notication-card .noti-btn {

    opacity: 1;

  }

}

.notication-card:hover .noti-btn {

  opacity: 1;

}



.kanban-list-items {

  min-width: 300px;

}



.gu-mirror {

  position: fixed !important;

  margin: 0 !important;

  z-index: 9999 !important;

  opacity: 0.8;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

  filter: alpha(opacity=80);

}



.gu-hide {

  display: none !important;

}



.gu-unselectable {

  user-select: none !important;

}



.gu-transit {

  opacity: 0.2;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";

  filter: alpha(opacity=20);

}



.dragula-handle {

  position: relative;

  width: 36px;

  height: 36px;

  font-size: 22px;

  text-align: center;

  cursor: move;

}

.dragula-handle:before {

  content: "\f22f";

  font-family: "tabler-icons";

  position: absolute;

}



.handle {

  cursor: move;

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.dropzone {

  border: 2px dashed var(--border-color);

  background: var(--white);

  border-radius: 8px;

  cursor: pointer;

  min-height: 150px;

  padding: 20px;

}

.dropzone .dz-message {

  text-align: center;

  margin: 2rem 0;

}

.dropzone.dz-started .dz-message {

  display: none;

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.form-wizard-header {

  margin-left: -20px;

  margin-right: -20px;

  background-color: var(--light);

}



.img-preview {

  float: left;

  margin-bottom: 0.5rem;

  margin-right: 0.5rem;

  overflow: hidden;

}



.img-preview > img {

  max-width: 100%;

}



.preview-lg {

  height: 9rem;

  width: 16rem;

}



.preview-md {

  height: 4.5rem;

  width: 8rem;

}



.preview-sm {

  height: 2.25rem;

  width: 4rem;

}



.preview-xs {

  height: 1.125rem;

  margin-right: 0;

  width: 2rem;

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.choices {

  margin-bottom: 0;

}

.choices[data-type*=select-one] {

  cursor: pointer;

}

.choices[data-type*=select-one] .choices__input {

  padding: 0.5rem 1.1rem !important;

  background-color: var(--white);

  border: 1px solid var(--border-color);

  font-size: 14px;

  border-radius: 6px;

  color: var(--body-color);

  margin-bottom: 10px;

}

.choices[data-type*=select-one]:after {

  content: "\ea5f";

  position: absolute;

  border: 0;

  top: 18px;

  right: 12px;

  left: auto;

  font-size: 20px;

  font-family: tabler-icons;

  width: auto;

  height: auto;

  margin-top: 0;

  transform: translateY(-50%);

  transition: transform 0.2s ease-in-out;

  pointer-events: none;

}

.choices[data-type*=select-one].is-open:after {

  margin-top: 0;

  transform: translateY(-50%) rotate(-180deg);

}

.choices[data-type*=select-one] .choices__button {

  right: 20px;

}

.choices[data-type*=select-multiple] .choices__inner, .choices[data-type*=text] .choices__inner {

  cursor: text;

  padding: 0.5rem 0.55rem !important;

  min-height: 38px;

  display: flex;

  align-items: center;

  overflow-x: auto;

  box-shadow: var(--box-shadow);

  margin-bottom: 5px;

}

.choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button {

  border-left: 0;

  border-right: 0;

  filter: invert(100%);

}

.choices[data-type*=select-multiple] .choices__list--dropdown, .choices[data-type*=text] .choices__list--dropdown {

  padding-bottom: 10px;

}

.choices[data-type*=select-multiple] .choices__list--dropdown .choices__list, .choices[data-type*=text] .choices__list--dropdown .choices__list {

  margin-bottom: 0;

}

.choices[data-type*=select-multiple] .choices__input {

  padding-top: 3px;

}



.input-light .choices__inner {

  background-color: var(--light);

  border: none;

}



.choices__inner {

  display: inline-block;

  padding: 0.5rem 1.1rem !important;

  vertical-align: middle;

  background-color: var(--white);

  border: 1px solid var(--border-color);

  border-radius: 6px !important;

  font-size: 14px;

  min-height: auto;

  overflow: hidden;

}

.choices__inner .choices__list--single {

  padding: 0 !important;

}



.is-focused .choices__inner,

.is-open .choices__inner {

  border-color: var(--border-color);

}



.choices__list--multiple {

  display: inline-flex;

}

.choices__list--multiple .choices__item {

  display: inline-block;

  vertical-align: initial;

  border-radius: 7px;

  padding: 2px 7px;

  font-size: 10px;

  font-weight: 400;

  margin: 0 5px 0 0;

  background-color: var(--border-color);

  border: 1px solid var(--border-color);

  color: var(--heading-color);

  word-break: break-all;

  box-sizing: border-box;

  white-space: nowrap;

}

.choices__list--multiple .choices__item.is-highlighted {

  background-color: var(--primary);

  border: 1px solid var(--primary);

}

.choices__list--multiple .choices__item[data-deletable] {

  padding-right: 5px;

}



.is-disabled .choices__list--multiple .choices__item {

  background-color: var(--secondary);

  border: 1px solid var(--secondary);

}



.choices.is-disabled .choices__inner, .choices.is-disabled .choices__input {

  background-color: var(--light);

  cursor: not-allowed;

  -webkit-user-select: none;

  user-select: none;

}



.choices__list--dropdown {

  padding: 10px 10px 20px 10px;

  background-color: var(--white) !important;

  border: 1px solid transparent !important;

  box-shadow: var(--box-shadow);

  margin-top: 0 !important;

  border-radius: 6px;

  animation-duration: 0.3s;

  animation-fill-mode: both;

  transform: translateY(1px);

}

.choices__list--dropdown.is-active {

  animation-name: DropDownSlide;

}

.choices__list--dropdown .choices__item--selectable.is-highlighted {

  background-color: var(--light) !important;

}

.choices__list--dropdown .choices__list {

  margin: 0 -10px -16px;

}

.choices__list--dropdown .choices__list::-webkit-scrollbar {

  -webkit-appearance: none;

}

.choices__list--dropdown .choices__list::-webkit-scrollbar-thumb {

  background-color: rgba(var(--dark-rgb), 0.1);

  border-radius: 10px;

  border: 2px solid var(--white);

}

.choices__list--dropdown .choices__list::-webkit-scrollbar-track {

  border-radius: 10px;

  background-color: var(--white);

}

.choices__list--dropdown .has-no-results {

  font-style: italic;

  font-weight: 500;

}

.choices__list--dropdown .choices__item--selectable:after {

  display: none;

}



.is-open .choices__list--dropdown {

  border-color: transparent;

}



.is-flipped .choices__list--dropdown.is-active {

  border-radius: 6px;

  animation-name: DropDownSlideDown;

  transform: translateY(-1px);

}



.choices__list--dropdown .choices__list {

  max-height: 300px;

}

.choices__list--dropdown .choices__item {

  font-size: 14px;

  padding: 0.4rem 0.9375rem 0.4rem 16px;

}



.choices__heading {

  font-weight: 600;

  padding: 10px 16px;

  border-bottom: 1px solid var(--border-color);

  color: var(--gray-400);

  font-size: 12px;

}



.choices__input {

  display: inline-block;

  background-color: var(--white);

  color: var(--body-color);

  font-size: 14px;

  margin-bottom: 0;

  padding: 0 0 0 2px;

  vertical-align: baseline;

  border: 0;

  border-radius: 0;

  max-width: 100%;

}

.choices__input::placeholder {

  color: var(--gray-400);

}



.choices__placeholder {

  color: var(--gray-400);

  opacity: 1;

}



[data-bs-theme=dark] .choices[data-type*=select-one] .choices__button {

  filter: invert(1) grayscale(100%) brightness(200%);

}



[dir=rtl] .choices[data-type*=select-one]:after {

  left: 12px;

  right: auto;

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.select2-container {

  width: 100% !important;

}

.select2-container .select2-selection--multiple {

  box-shadow: var(--box-shadow);

}

.select2-container .select2-selection--single {

  border: 1px solid var(--border-color);

  background-color: var(--white);

  outline: none;

  box-shadow: var(--box-shadow);

  border-radius: 6px;

}

.select2-container .select2-selection--single .select2-selection__rendered {

  line-height: 38px;

  padding-left: 12px;

  padding-right: 28px;

  color: var(--gray-900);

}

.select2-container .select2-selection--single .select2-selection__arrow {

  height: 34px;

  width: 38px;

  position: absolute;

  top: 1px;

  /*rtl:ignore*/

  right: 3px;

}

.select2-container .select2-selection--single .select2-selection__arrow b {

  border-color: var(--gray-500) transparent transparent transparent;

  border-width: 5px 5px 0 5px;

  height: 0;

  left: 50%;

  margin-left: -4px;

  margin-top: -2px;

  position: absolute;

  top: 50%;

  width: 0;

  border-style: solid;

}



.select2-container--open .select2-selection--single .select2-selection__arrow b {

  border-color: transparent transparent var(--gray-500) transparent !important;

  border-width: 0 5px 5px 5px !important;

}



.select2-results__option {

  padding: 6px 12px;

}



.select2-dropdown {

  border: 1px solid var(--border-color);

  box-shadow: var(--box-shadow);

  background-color: var(--white);

  z-index: 1056;

}



.select2-results__options {

  scrollbar-width: thin;

}



.select2-container--default .select2-results__option--selected {

  background-color: var(--light);

}

.select2-container--default .select2-search--dropdown {

  padding: 10px;

  background-color: var(--white);

}

.select2-container--default .select2-search--dropdown .select2-search__field {

  outline: none;

  border: 1px solid var(--border-color);

  background-color: var(--white);

  color: var(--body-color);

  border-radius: 6px;

}

.select2-container--default .select2-results__option--highlighted[aria-selected] {

  background-color: var(--primary);

}

.select2-container--default .select2-results__option[aria-selected=true] {

  background-color: var(--white);

  color: var(--body-color);

}

.select2-container--default .select2-results__option[aria-selected=true]:hover {

  background-color: var(--primary);

  color: var(--white);

}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {

  padding-left: 36px;

  padding-right: 5px;

}

.select2-container--default .select2-selection--single .select2-selection__arrow {

  border-radius: 4px;

  cursor: text;

  /*rtl:ignore*/

  right: 1px;

  /*rtl:ignore*/

  left: auto;

}



.select2-container .select2-selection--multiple {

  min-height: 39px;

  border: 1px solid var(--border-color) !important;

  background-color: var(--white);

}

.select2-container .select2-selection--multiple .select2-selection__rendered {

  padding: 1px 12px;

}

.select2-container .select2-selection--multiple .select2-search__field {

  border: 0;

  color: var(--body-color);

}

.select2-container .select2-selection--multiple .select2-selection__choice {

  background-color: var(--light);

  border: none;

  color: var(--gray-500);

  border-radius: 3px;

  padding: 2px 7px 2px 0;

  margin-top: 6px;

}

.select2-container .select2-selection--multiple .select2-selection__choice .img-flag {

  border-radius: 50%;

}

.select2-container .select2-selection--multiple .select2-selection__choice__remove {

  color: var(--gray-500);

  margin-right: 0;

  padding: 0 8px;

}

.select2-container .select2-search--inline .select2-search__field {

  margin-top: 7px;

  font-family: "Golos Text", sans-serif;

}

.select2-container .select2-search textarea::placeholder {

  color: var(--gray-400);

}



[dir=rtl] .select2-container .select2-selection--multiple .select2-selection__choice {

  padding: 0 0 0 7px;

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

[data-simplebar] {

  position: relative;

  flex-direction: column;

  flex-wrap: wrap;

  justify-content: flex-start;

  align-content: flex-start;

  align-items: flex-start;

}



.simplebar-wrapper {

  overflow: hidden;

  width: inherit;

  height: inherit;

  max-width: inherit;

  max-height: inherit;

}



.simplebar-mask {

  direction: inherit;

  position: absolute;

  overflow: hidden;

  padding: 0;

  margin: 0;

  left: 0;

  top: 0;

  bottom: 0;

  right: 0;

  width: auto !important;

  height: auto !important;

  z-index: 0;

}



.simplebar-offset {

  direction: inherit !important;

  box-sizing: inherit !important;

  resize: none !important;

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  padding: 0;

  margin: 0;

  -webkit-overflow-scrolling: touch;

}



.simplebar-content-wrapper {

  direction: inherit;

  box-sizing: border-box !important;

  position: relative;

  display: block;

  height: 100%;

  /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */

  width: auto;

  overflow: auto;

  /* Scroll on this element otherwise element can't have a padding applied properly */

  max-width: 100%;

  /* Not required for horizontal scroll to trigger */

  max-height: 100%;

  /* Needed for vertical scroll to trigger */

  scrollbar-width: none;

}



.simplebar-content-wrapper::-webkit-scrollbar,

.simplebar-hide-scrollbar::-webkit-scrollbar {

  display: none;

}



.simplebar-content:before,

.simplebar-content:after {

  content: " ";

  display: table;

}



.simplebar-placeholder {

  max-height: 100%;

  max-width: 100%;

  width: 100%;

  pointer-events: none;

}



.simplebar-height-auto-observer-wrapper {

  box-sizing: inherit !important;

  height: 100%;

  width: 100%;

  max-width: 1px;

  position: relative;

  float: left;

  max-height: 1px;

  overflow: hidden;

  z-index: -1;

  padding: 0;

  margin: 0;

  pointer-events: none;

  flex-grow: inherit;

  flex-shrink: 0;

  flex-basis: 0;

}



.simplebar-height-auto-observer {

  box-sizing: inherit;

  display: block;

  opacity: 0;

  position: absolute;

  top: 0;

  left: 0;

  height: 1000%;

  width: 1000%;

  min-height: 1px;

  min-width: 1px;

  overflow: hidden;

  pointer-events: none;

  z-index: -1;

}



.simplebar-track {

  z-index: 1;

  position: absolute;

  right: 0;

  bottom: 0;

  pointer-events: none;

  overflow: hidden;

}



[data-simplebar].simplebar-dragging .simplebar-content {

  pointer-events: none;

  user-select: none;

}



[data-simplebar].simplebar-dragging .simplebar-track {

  pointer-events: all;

}



.simplebar-scrollbar {

  position: absolute;

  right: 2px;

  width: 5px;

  min-height: 10px;

}

.simplebar-scrollbar:before {

  position: absolute;

  content: "";

  background: #a2adb7;

  border-radius: 7px;

  left: 0;

  right: 0;

  opacity: 0;

  transition: opacity 0.2s linear;

}



.simplebar-scrollbar.simplebar-visible:before {

  /* When hovered, remove all transitions from drag handle */

  opacity: 0.5;

  transition: opacity 0s linear;

}



.simplebar-track.simplebar-vertical {

  top: 0;

  width: 11px;

}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {

  top: 2px;

  bottom: 2px;

}



.simplebar-track.simplebar-horizontal {

  left: 0;

  height: 11px;

}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {

  right: auto;

  left: 0;

  top: 2px;

  height: 7px;

  min-height: 0;

  min-width: 10px;

  width: auto;

}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {

  height: 100%;

  left: 2px;

  right: 2px;

}



/* Rtl support */

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {

  right: auto;

  left: 0;

}



.hs-dummy-scrollbar-size {

  direction: rtl;

  position: fixed;

  opacity: 0;

  visibility: hidden;

  height: 500px;

  width: 500px;

  overflow-y: hidden;

  overflow-x: scroll;

}



.simplebar-hide-scrollbar {

  position: fixed;

  left: 0;

  visibility: hidden;

  overflow-y: scroll;

  scrollbar-width: none;

}



.custom-scroll::-webkit-scrollbar {

  -webkit-appearance: none;

}

.custom-scroll::-webkit-scrollbar-thumb {

  background-color: rgba(var(--dark-rgb), 0.2);

  border-radius: 10px;

  margin-right: 5px;

  border: none;

}

.custom-scroll::-webkit-scrollbar-track {

  border-radius: 10px;

  background-color: transparent;

}

.custom-scroll::-webkit-scrollbar-corner {

  background-color: transparent;

}



[data-simplebar-lg] .simplebar-scrollbar {

  right: 1px;

  width: 10px;

}



[data-simplebar-primary] .simplebar-scrollbar:before {

  background: var(--primary);

}



.simplebar-height {

  max-height: 280px;

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.swal2-container .swal2-title {

  font-size: 20px;

  font-weight: 500;

  color: var(--heading-color);

}



.swal2-popup {

  width: 28em;

  padding: 2rem;

  border-radius: 6px;

  background-color: var(--white);

  color: var(--body-color);

}

.swal2-popup .swal2-html-container {

  font-size: 16px !important;

  color: var(--body-color);

}



.swal2-footer {

  border-top: 1px solid var(--border-color);

  color: var(--body-color);

}



.swal2-icon.swal2-question {

  border-color: var(--info);

  color: var(--info);

}

.swal2-icon.swal2-success [class^=swal2-success-line] {

  background-color: var(--success);

}

.swal2-icon.swal2-success .swal2-success-ring {

  border-color: var(--success);

}

.swal2-icon.swal2-warning {

  border-color: var(--warning);

  color: var(--warning);

}



div:where(.swal2-icon) {

  width: 4em;

  height: 4em;

  margin: 0.5rem auto;

}

div:where(.swal2-icon) .swal2-icon-content {

  font-size: 3em;

}

div:where(.swal2-icon).swal2-info {

  border-color: var(--info);

  color: var(--info);

}



.swal2-styled:focus {

  box-shadow: none;

}



.swal2-loader {

  border-color: var(--primary) transparent var(--primary) transparent;

}



.swal2-timer-progress-bar {

  background-color: rgba(var(--success-rgb), 0.4);

}



.swal2-progress-steps .swal2-progress-step {

  background: var(--primary);

}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {

  background: var(--primary);

}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step, .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {

  background: rgba(var(--primary-rgb), 0.3);

}

.swal2-progress-steps .swal2-progress-step-line {

  background: var(--primary);

}



.swal2-actions.swal2-loading .swal2-styled.swal2-confirm {

  border-left-color: var(--primary) !important;

  border-right-color: var(--primary) !important;

}



.swal2-file,

.swal2-input,

.swal2-textarea {

  border: 1px solid var(--border-color);

}

.swal2-file:focus,

.swal2-input:focus,

.swal2-textarea:focus {

  box-shadow: none;

  border-color: var(--border-color);

}



.swal2-input {

  height: auto;

  display: block;

  padding: 0.5rem 1.1rem;

  font-family: "Golos Text", sans-serif;

  font-size: 14px;

  font-weight: 400;

  line-height: 1.5;

  color: var(--body-color);

  background-color: var(--white);

  background-clip: padding-box;

  border: 1px solid var(--border-color);

}



.swal2-close {

  font-family: "Golos Text", sans-serif;

  font-size: 42px;

  width: 1em;

  height: 1em;

  position: absolute;

  top: 5px;

  right: 5px;

}

.swal2-close:focus {

  box-shadow: none;

}

.swal2-close:hover {

  color: var(--danger);

}



.swal2-validation-message {

  background-color: transparent;

}



div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] {

  width: 1.9375em;

  top: 1.95em;

}



div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip] {

  top: 2.4em;

  width: 1em;

}



.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {

  top: 1.85em;

  right: 0.5em;

  width: 2.25em;

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.noUi-connect {

  background: var(--primary);

}



.noUi-handle {

  background: var(--primary);

  border: 2px solid var(--white);

  box-shadow: none;

}



.noUi-horizontal {

  height: 8px;

}

.noUi-horizontal .noUi-handle {

  height: 20px;

  width: 20px;

  border-radius: 50%;

  right: -10px !important;

  top: -7px;

}

.noUi-horizontal .noUi-handle::before, .noUi-horizontal .noUi-handle::after {

  display: none;

}

.noUi-horizontal .noUi-handle:focus {

  outline: 0;

}



.noUi-pips-horizontal {

  height: 50px;

}



.noUi-tooltip {

  padding: 0.3125rem 0.625rem;

  border-color: var(--border-color);

  border-radius: 6px;

  background-color: var(--white);

  color: var(--body-color);

}



.noUi-vertical {

  width: 8px;

}

.noUi-vertical .noUi-handle {

  height: 20px;

  width: 20px;

  right: -8px;

  top: -12px;

  left: auto;

  border-radius: 50%;

}

.noUi-vertical .noUi-handle::before, .noUi-vertical .noUi-handle::after {

  display: none;

}

.noUi-vertical .noUi-handle:focus {

  outline: 0;

}

.noUi-vertical .noUi-origin {

  top: 0;

}



.noUi-value {

  font-size: 12px;

}



.noUi-marker-horizontal.noUi-marker-large {

  height: 12px;

}



.noUi-value-horizontal {

  padding-top: 4px;

}



.noUi-target {

  box-shadow: none;

  background-color: var(--light);

  border-color: var(--light);

}



.noUi-touch-area:focus {

  outline: 0;

}



#red,

#green,

#blue {

  margin: 10px;

  display: inline-block;

  height: 200px;

}



#colorpicker {

  height: 240px;

  width: 310px;

  margin: 0 auto;

  padding: 10px;

  border: 1px solid var(--border-color);

}



#result {

  margin: 60px 26px;

  height: 100px;

  width: 100px;

  display: inline-block;

  vertical-align: top;

  border: 1px solid var(--border-color);

  box-shadow: 0 0 3px;

  border-radius: 7px;

}



#red .noUi-connect {

  background: var(--danger);

}



#green .noUi-connect {

  background: var(--success);

}



#blue .noUi-connect {

  background: var(--primary);

}



.form-control.keyboard {

  max-width: 340px !important;

}



.example-val {

  font-size: 12px;

  color: var(--gray-400);

  display: block;

  margin: 10px 0;

}

.example-val:before {

  content: "Value: ";

  font-size: 12px;

  font-weight: 600;

}



.noUi-tooltip {

  display: none;

}



.noUi-active .noUi-tooltip {

  display: block;

}



.c-1-color {

  background: var(--danger);

}



.c-2-color {

  background: var(--warning);

}



.c-3-color {

  background: var(--success);

}



.c-4-color {

  background: var(--primary);

}



.c-5-color {

  background: var(--purple);

}



#slider-toggle {

  height: 50px;

}

#slider-toggle.off .noUi-handle {

  border-color: var(--danger);

}



[data-slider-color=primary] .noUi-connect {

  background: #E41F07;

}

[data-slider-color=primary] .noUi-handle {

  background: #E41F07;

}

[data-slider-color=primary][data-slider-style=border] .noUi-handle, [data-slider-color=primary][data-slider-style=square] .noUi-handle {

  border-color: #E41F07;

}



[data-slider-color=secondary] .noUi-connect {

  background: #FFA201;

}

[data-slider-color=secondary] .noUi-handle {

  background: #FFA201;

}

[data-slider-color=secondary][data-slider-style=border] .noUi-handle, [data-slider-color=secondary][data-slider-style=square] .noUi-handle {

  border-color: #FFA201;

}



[data-slider-color=success] .noUi-connect {

  background: #1ABE17;

}

[data-slider-color=success] .noUi-handle {

  background: #1ABE17;

}

[data-slider-color=success][data-slider-style=border] .noUi-handle, [data-slider-color=success][data-slider-style=square] .noUi-handle {

  border-color: #1ABE17;

}



[data-slider-color=info] .noUi-connect {

  background: #2F80ED;

}

[data-slider-color=info] .noUi-handle {

  background: #2F80ED;

}

[data-slider-color=info][data-slider-style=border] .noUi-handle, [data-slider-color=info][data-slider-style=square] .noUi-handle {

  border-color: #2F80ED;

}



[data-slider-color=warning] .noUi-connect {

  background: #f9b801;

}

[data-slider-color=warning] .noUi-handle {

  background: #f9b801;

}

[data-slider-color=warning][data-slider-style=border] .noUi-handle, [data-slider-color=warning][data-slider-style=square] .noUi-handle {

  border-color: #f9b801;

}



[data-slider-color=danger] .noUi-connect {

  background: #EF1E1E;

}

[data-slider-color=danger] .noUi-handle {

  background: #EF1E1E;

}

[data-slider-color=danger][data-slider-style=border] .noUi-handle, [data-slider-color=danger][data-slider-style=square] .noUi-handle {

  border-color: #EF1E1E;

}



[data-slider-color=dark] .noUi-connect {

  background: #0A0C0C;

}

[data-slider-color=dark] .noUi-handle {

  background: #0A0C0C;

}

[data-slider-color=dark][data-slider-style=border] .noUi-handle, [data-slider-color=dark][data-slider-style=square] .noUi-handle {

  border-color: #0A0C0C;

}



[data-slider-color=light] .noUi-connect {

  background: #F7F8F9;

}

[data-slider-color=light] .noUi-handle {

  background: #F7F8F9;

}

[data-slider-color=light][data-slider-style=border] .noUi-handle, [data-slider-color=light][data-slider-style=square] .noUi-handle {

  border-color: #F7F8F9;

}



[data-slider-color=orange] .noUi-connect {

  background: #EF5E25;

}

[data-slider-color=orange] .noUi-handle {

  background: #EF5E25;

}

[data-slider-color=orange][data-slider-style=border] .noUi-handle, [data-slider-color=orange][data-slider-style=square] .noUi-handle {

  border-color: #EF5E25;

}



[data-slider-color=purple] .noUi-connect {

  background: #800080;

}

[data-slider-color=purple] .noUi-handle {

  background: #800080;

}

[data-slider-color=purple][data-slider-style=border] .noUi-handle, [data-slider-color=purple][data-slider-style=square] .noUi-handle {

  border-color: #800080;

}



[data-slider-color=pink] .noUi-connect {

  background: #DD2590;

}

[data-slider-color=pink] .noUi-handle {

  background: #DD2590;

}

[data-slider-color=pink][data-slider-style=border] .noUi-handle, [data-slider-color=pink][data-slider-style=square] .noUi-handle {

  border-color: #DD2590;

}



[data-slider-color=indigo] .noUi-connect {

  background: #3538CD;

}

[data-slider-color=indigo] .noUi-handle {

  background: #3538CD;

}

[data-slider-color=indigo][data-slider-style=border] .noUi-handle, [data-slider-color=indigo][data-slider-style=square] .noUi-handle {

  border-color: #3538CD;

}



[data-slider-color=teal] .noUi-connect {

  background: #0E9384;

}

[data-slider-color=teal] .noUi-handle {

  background: #0E9384;

}

[data-slider-color=teal][data-slider-style=border] .noUi-handle, [data-slider-color=teal][data-slider-style=square] .noUi-handle {

  border-color: #0E9384;

}



[data-slider-size=lg].noUi-horizontal {

  height: 12px;

}

[data-slider-size=lg].noUi-horizontal .noUi-handle {

  width: 24px;

  height: 24px;

}



[data-slider-size=md].noUi-horizontal {

  height: 8px;

}

[data-slider-size=md].noUi-horizontal .noUi-handle {

  width: 20px;

  height: 20px;

}



[data-slider-size=sm].noUi-horizontal {

  height: 4px;

}

[data-slider-size=sm].noUi-horizontal .noUi-handle {

  width: 16px;

  height: 16px;

}



[data-slider-style=line].noUi-horizontal .noUi-handle {

  width: 8px;

  border-radius: 4px;

  right: -8px;

}

[data-slider-style=line].noUi-vertical .noUi-handle {

  height: 8px;

  border-radius: 4px;

  top: -3px;

}



[data-slider-style=border] .noUi-handle {

  border-color: var(--primary);

  background-color: var(--white);

}



[data-slider-style=square] .noUi-handle {

  border-radius: 0px;

  transform: rotate(45deg);

  height: 10px;

  width: 10px;

  top: -4px;

  border-color: var(--primary);

  background-color: var(--white);

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.flatpickr-calendar {

  background: var(--white);

  box-shadow: var(--box-shadow);

  border: 1px solid var(--border-color);

}

.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {

  border-bottom-color: var(--white);

}

.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {

  border-top-color: var(--white);

}

.flatpickr-calendar.open, .flatpickr-calendar.inline {

  opacity: 1;

  max-height: 640px;

  visibility: visible;

}

.flatpickr-calendar.inline {

  display: block;

  position: relative;

  top: 2px;

  width: 100%;

  box-shadow: none;

  border: none;

}

.flatpickr-calendar.inline .flatpickr-rContainer {

  display: block;

  width: 100%;

}

.flatpickr-calendar.inline .flatpickr-rContainer .flatpickr-days {

  width: 100%;

  border: none;

}

.flatpickr-calendar.inline .flatpickr-rContainer .flatpickr-days .dayContainer {

  width: 100%;

  min-width: 100%;

  max-width: 100%;

}

.flatpickr-calendar.inline .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day {

  max-width: 100%;

}

.flatpickr-calendar.inline .flatpickr-current-month {

  padding: 0;

}

.flatpickr-calendar.inline .flatpickr-months .flatpickr-next-month,

.flatpickr-calendar.inline .flatpickr-months .flatpickr-prev-month {

  padding: 0;

}

.flatpickr-calendar.inline .flatpickr-day.today,

.flatpickr-calendar.inline .flatpickr-day.selected {

  background-color: transparent;

  color: var(--danger);

  border: none;

  font-weight: 600;

}



.flatpickr-current-month {

  font-size: 110%;

}

.flatpickr-current-month .numInputWrapper {

  width: 65px;

}



.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {

  background: var(--primary);

  border-color: var(--primary);

}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {

  box-shadow: -10px 0 0 var(--primary);

}



.flatpickr-time input:hover,

.flatpickr-time .flatpickr-am-pm:hover,

.flatpickr-time input:focus,

.flatpickr-time .flatpickr-am-pm:focus {

  background: var(--white);

  color: var(--body-color);

}



.flatpickr-months .flatpickr-month {

  height: 36px;

}

.flatpickr-months .flatpickr-prev-month,

.flatpickr-months .flatpickr-next-month,

.flatpickr-months .flatpickr-month {

  color: var(--gray-500);

  fill: var(--gray-500);

  padding: 5px;

}



.flatpickr-weekdays {

  background-color: var(--light);

}



span.flatpickr-weekday,

.flatpickr-day,

.flatpickr-current-month input.cur-year[disabled],

.flatpickr-current-month input.cur-year[disabled]:hover,

.flatpickr-time input,

.flatpickr-time .flatpickr-time-separator,

.flatpickr-time .flatpickr-am-pm {

  color: var(--body-color);

  fill: var(--body-color);

}



.flatpickr-day.disabled, .flatpickr-day.disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {

  color: var(--body-color);

}

.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {

  background: var(--light);

  border-color: var(--light);

}



.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {

  border-top: 1px solid var(--white);

}



.numInputWrapper:hover,

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {

  background-color: transparent;

  color: var(--body-color);

}



.flatpickr-day.inRange {

  box-shadow: -5px 0 0 var(--light), 5px 0 0 var(--light);

}



.flatpickr-day.flatpickr-disabled,

.flatpickr-day.flatpickr-disabled:hover {

  color: var(--body-color);

}



.flatpickr-calendar.hasTime .flatpickr-time {

  border-top: var(--border-color);

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.dataTables_wrapper.container-fluid {

  padding: 0;

}



table.dataTable {

  border-collapse: collapse !important;

  margin: 15px 0 !important;

}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,

table.dataTable.dtr-inline.collapsed > tbody > tr th.dtr-control:before {

  background-color: var(--primary);

  box-shadow: 0px 0px 2px 0px var(--primary);

}

table.dataTable thead:not(.table-light) th {

  background-color: transparent;

  border-bottom-color: var(--border-color);

}

table.dataTable tbody tr.even td,

table.dataTable tbody tr.odd td {

  background-color: transparent;

}

table.dataTable tbody > tr.selected td {

  background-color: var(--primary);

}

table.dataTable thead .sorting:before,

table.dataTable thead .sorting_asc:before,

table.dataTable thead .sorting_desc:before,

table.dataTable thead .sorting_asc_disabled:before,

table.dataTable thead .sorting_desc_disabled:before {

  right: 0.5rem;

  left: auto;

  content: "שּׂ" !important;

  font-family: "tabler-icons";

  font-size: 14px !important;

  line-height: 7px;

}

table.dataTable thead .sorting:after,

table.dataTable thead .sorting_asc:after,

table.dataTable thead .sorting_desc:after,

table.dataTable thead .sorting_asc_disabled:after,

table.dataTable thead .sorting_desc_disabled:after {

  right: 0.5em;

  left: auto;

  content: "שׁ" !important;

  font-family: "tabler-icons";

  font-size: 14px !important;

  line-height: 7px;

}

table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting {

  padding-right: 30px;

  padding-left: 1rem;

}

table.dataTable tbody > tr.selected,

table.dataTable tbody > tr > .selected {

  background-color: var(--primary);

}

table.dataTable tbody > tr.selected td,

table.dataTable tbody > tr > .selected td {

  border-color: var(--primary);

}

table.dataTable tbody td:focus {

  outline: none !important;

}

table.dataTable tbody th.focus,

table.dataTable tbody td.focus {

  outline: 2px solid var(--primary) !important;

  outline-offset: -1px;

  background-color: rgba(var(--primary-rgb), 0.15);

}



.dataTables_info {

  font-weight: 600;

}



.dtfh-floatingparent {

  top: var(--topbar-height) !important;

}



table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before,

table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before {

  box-shadow: var(--box-shadow-lg);

  background-color: var(--success);

  top: auto;

  bottom: auto;

}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {

  background-color: var(--danger);

}



div.dt-button-info {

  background-color: var(--primary);

  border: none;

  color: var(--white);

  box-shadow: none;

  border-radius: 3px;

  text-align: center;

  z-index: 21;

}

div.dt-button-info h2 {

  border-bottom: none;

  background-color: rgba(var(--white-rgb), 0.2);

  color: var(--white);

}



@media (max-width: 767.98px) {

  li.paginate_button.previous,

  li.paginate_button.next {

    display: inline-block;

    font-size: 1.5rem;

  }

  .dataTables_paginate ul {

    text-align: center;

    display: block;

    margin: 1.25rem 0 0 !important;

  }

  div.dataTables_length {

    float: none;

    text-align: center !important;

  }

  div.dt-buttons {

    display: inline-table;

    margin-bottom: 1.25rem;

  }

}

.activate-select .sorting_1 {

  background-color: var(--gray-100) !important;

}



div.dataTables_wrapper div.dataTables_filter {

  text-align: right;

}

@media (max-width: 576px) {

  div.dataTables_wrapper div.dataTables_filter {

    text-align: center;

  }

}

div.dataTables_wrapper div.dataTables_filter input {

  margin-left: 0.5em;

  margin-right: 0;

}

div.dataTables_wrapper div.dataTables_length {

  text-align: left;

}



div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-child {

  padding-right: 0;

}

div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:first-child {

  padding-left: 0;

}



div.dataTables_scrollBody {

  border-left: none !important;

}

div.dataTables_scrollBody > table {

  margin-bottom: 15px !important;

}

div.dataTables_scrollBody > table > :not(:first-child) {

  border-top: none !important;

}



.table-nowrap th {

  white-space: nowrap;

}

.table-nowrap td {

  white-space: nowrap;

}



[data-bs-theme=dark] a {

  color: var(--gray-900);

}

[data-bs-theme=dark] .btn-light {

  background: var(--gray-300);

  border-color: var(--border-color);

  color: var(--gray-900);

}



table.dataTable {

  margin: 0 !important;

  border: 1px solid var(--border-color);

  border-bottom: none;

  width: 100% !important;

}



.dataTables_length {

  padding: 20px 0 0;

  float: left;

}



table.table.dataTable > tbody > tr {

  border-color: var(--border-color);

}

table.table.dataTable > tbody > tr td {

  border-bottom: 1px solid var(--border-color);

  padding: 20px 10px 20px 10px;

}

table.table.dataTable > thead > tr {

  border-color: var(--border-color);

}

table.table.dataTable > thead > tr th {

  color: var(--gray-900);

  font-size: 11px;

  font-weight: 600;

  padding: 8px 17px 8px 10px;

}



.dataTables_paginate {

  margin-top: 20px !important;

}

.dataTables_paginate .pagination {

  gap: 8px;

  margin: 7px 0 !important;

  display: flex;

  flex-wrap: wrap;

}

.dataTables_paginate .page-item .page-link {

  width: 38px;

  height: 38px;

  box-shadow: var(--box-shadow);

  border-radius: 5px;

  padding: 5px;

  display: flex;

  align-items: center;

  justify-content: center;

  color: var(--gray-500);

  font-weight: 400;

}

.dataTables_paginate .page-item.active .page-link {

  color: #fff;

  background: var(--primary);

}



div.dataTables_wrapper div.dataTables_info {

  padding: 15px 0;

  display: none;

}



.table-search {

  margin-bottom: 20px;

}



table.dataTable > thead .sorting:after,

table.dataTable > thead .sorting_asc:after,

table.dataTable > thead .sorting_desc:after,

table.dataTable > thead .sorting_asc_disabled:after,

table.dataTable > thead .sorting_desc_disabled:after {

  right: 0 !important;

  content: "\ea1a" !important;

  font-family: "tabler-icons";

  bottom: 12px !important;

  color: var(--gray-900) !important;

  font-size: 12px !important;

  opacity: 1 !important;

  position: absolute;

  font-weight: 400;

  line-height: 1px !important;

}



table.dataTable > thead .sorting:before,

table.dataTable > thead .sorting_asc:before,

table.dataTable > thead .sorting_desc:before,

table.dataTable > thead .sorting_asc_disabled:before,

table.dataTable > thead .sorting_desc_disabled:before {

  right: 5px !important;

  content: "\ea1d" !important;

  font-family: "tabler-icons";

  top: 50% !important;

  color: var(--gray-900) !important;

  font-size: 12px !important;

  opacity: 1 !important;

  position: absolute;

  font-weight: 400;

  line-height: 1px !important;

}



table.dataTable thead > tr > th.no-sort.sorting_asc:before {

  display: none;

}



table.dataTable thead > tr > th.no-sort.sorting_asc::after {

  display: none;

}



table.dataTable thead > tr > th.no-sort.sorting:before {

  display: none;

}



table.dataTable thead > tr > th.no-sort.sorting::after {

  display: none;

}



.patient-form-wizard .form-wizard-content {

  display: none;

}



.patient-form-wizard .form-wizard-content.active {

  display: block;

}



.no-filter .dataTables_filter {

  display: none;

}



.no-pagination .dataTables_paginate, .no-pagination .dataTables_length {

  display: none;

}



.dataTables_length label, #dataTables_length label {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  color: #6F6F6F;

  font-size: 14px;

}

@media (max-width: 768px) {

  .dataTables_length label, #dataTables_length label {

    justify-content: center;

  }

}



.dataTables_length label .form-select, #dataTables_length label .form-select {

  width: 73px;

  border: 1px solid var(--border-color);

  border-radius: 5px;

  color: #262A2A;

  margin: 0 8px;

}



.dataTables_paginate .pagination, #dataTables_paginate .pagination {

  justify-content: end;

  -webkit-justify-content: end;

  -ms-flex-pack: end;

}

@media (max-width: 768px) {

  .dataTables_paginate .pagination, #dataTables_paginate .pagination {

    justify-content: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

  }

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.ql-editor {

  text-align: left;

}

.ql-editor ol,

.ql-editor ul {

  padding-left: 1.5em;

  padding-right: 0;

}

.ql-editor li:not(.ql-direction-rtl)::before {

  margin-left: -1.5em;

  margin-right: 0.3em;

  text-align: right;

}



.ql-container {

  font-family: "Golos Text", sans-serif;

}

.ql-container.ql-snow {

  border-color: var(--border-color);

  border-radius: 0 0 6px 6px;

}



.ql-bubble {

  border: 1px solid var(--border-color);

  border-radius: 6px;

}



.ql-toolbar {

  font-family: "Golos Text", sans-serif !important;

}

.ql-toolbar span {

  outline: none !important;

  color: var(--body-color);

}

.ql-toolbar span:hover {

  color: var(--primary) !important;

}

.ql-toolbar.ql-snow {

  border-radius: 6px 6px 0 0;

  border-color: var(--border-color);

}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {

  border-color: transparent;

}

.ql-toolbar.ql-snow .ql-picker-options {

  box-shadow: var(--box-shadow);

  border-radius: 6px;

}



.ql-snow .ql-stroke,

.ql-snow .ql-script,

.ql-snow .ql-strike svg {

  stroke: var(--body-color);

}

.ql-snow .ql-fill {

  fill: var(--body-color);

}

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {

  right: 0;

  left: auto;

}

.ql-snow .ql-picker.ql-expanded .ql-picker-label {

  color: var(--body-color);

}



.ql-snow .ql-picker-options {

  background-color: var(--white);

  border-color: var(--border-color) !important;

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.apex-charts {

  min-height: 10px !important;

}

.apex-charts text {

  font-family: "Golos Text", sans-serif !important;

}

.apex-charts .apexcharts-canvas {

  margin: 0 auto;

}



.apexcharts-tooltip-title,

.apexcharts-tooltip-text {

  font-family: "Golos Text", sans-serif !important;

}



.apexcharts-tooltip {

  border: 1px solid var(--border-color) !important;

  background-color: var(--white) !important;

  box-shadow: var(--box-shadow) !important;

}

.apexcharts-tooltip * {

  font-family: "Golos Text", sans-serif !important;

  color: var(--gray-600) !important;

}

.apexcharts-tooltip .apexcharts-tooltip-title {

  background-color: rgba(var(--light-rgb), 0.75) !important;

  border-bottom: 1px solid var(--border-color) !important;

}



.apexcharts-tooltip.apexcharts-theme-dark * {

  color: var(--white) !important;

}



.apexcharts-legend-series {

  font-weight: 600;

}



.apexcharts-gridline {

  pointer-events: none;

  stroke: var(--gray-100);

}



.apexcharts-legend-text {

  color: var(--body-color) !important;

  font-family: "Golos Text", sans-serif !important;

  font-size: 13px !important;

  vertical-align: middle;

}



.apexcharts-legend-marker {

  vertical-align: middle;

  margin-right: 5px !important;

}



.apexcharts-pie-label {

  fill: var(--white) !important;

}



.apexcharts-title-text,

.apexcharts-subtitle-text {

  fill: var(--body-color);

  font-family: "Golos Text", sans-serif !important;

}



.apexcharts-yaxis text,

.apexcharts-xaxis text {

  font-family: "Golos Text", sans-serif !important;

  fill: var(--body-color);

}



.apexcharts-yaxis-title {

  font-weight: 500;

}



.apexcharts-annotation-rect {

  fill: var(--gray-100) !important;

}



.apexcharts-xaxis-annotations rect,

.apexcharts-yaxis-annotations rect {

  stroke: none;

}



.apex-toolbar .btn-light.active {

  background-color: var(--primary);

  border-color: var(--primary);

  color: var(--white);

  box-shadow: 0px 2px 6px 0px rgba(var(--primary-rgb), 0.5);

}



.apexcharts-xaxistooltip {

  background-color: var(--white) !important;

  border: 1px solid var(--border-color) !important;

  box-shadow: var(--box-shadow) !important;

  color: var(--body-color) !important;

}



.apexcharts-xaxistooltip-bottom:before {

  border-bottom-color: var(--border-color) !important;

}



.apexcharts-xaxistooltip-text,

.apexcharts-datalabels text {

  font-family: "Golos Text", sans-serif !important;

}



.apexcharts-datalabel-value {

  fill: var(--body-color) !important;

}



.apexcharts-menu {

  background: var(--white) !important;

  padding: 0.25rem 0.25rem !important;

  box-shadow: var(--box-shadow) !important;

  border: 1px solid var(--border-color) !important;

  text-align: center !important;

}

.apexcharts-menu .apexcharts-menu-item:hover {

  color: var(--body-color) !important;

  background-color: var(--light) !important;

}



.apexcharts-radar-series polygon {

  fill: transparent;

  stroke: var(--border-color);

}

.apexcharts-radar-series line {

  stroke: var(--border-color);

}



.apexcharts-track path {

  stroke: var(--border-color);

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.chartjs-chart {

  margin: auto;

  position: relative;

  width: 100%;

}



.chart-container {

  border-color: var(--border-color);

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.c3-tooltip {

  box-shadow: var(--box-shadow-lg);

  opacity: 1;

}

.c3-tooltip td {

  border-left: none;

  font-family: "Golos Text", sans-serif;

}

.c3-tooltip td > span {

  background: var(--gray-900);

}

.c3-tooltip tr {

  border: none !important;

}

.c3-tooltip th {

  background-color: var(--gray-900);

  color: var(--gray-100);

}



.c3-chart-arcs-title {

  font-size: 18px;

  font-weight: 600;

}



.c3 text {

  font-family: "Golos Text", sans-serif;

  fill: var(--body-color);

}



.c3-legend-item {

  font-family: "Golos Text", sans-serif;

  font-size: 14px;

}



.c3 line,

.c3 path {

  stroke: var(--gray-400);

}



.c3-chart-arc.c3-target g path {

  stroke: var(--white);

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.flotTip {

  padding: 8px 12px;

  background-color: var(--gray-900);

  z-index: 100;

  color: var(--gray-100);

  opacity: 1;

  border-radius: 3px;

}



.legend {

  font-size: 14px;

}

.legend tr {

  height: 30px;

  font-family: "Golos Text", sans-serif;

}

.legend > div {

  background-color: transparent !important;

}



.legendLabel {

  padding-left: 5px !important;

  line-height: 10px;

  padding-right: 10px;

  font-size: 13px;

  font-weight: 500;

  color: var(--gray-600);

  text-transform: uppercase;

}



.legendColorBox div div {

  border-radius: 50%;

}



.flot-text {

  color: var(--gray-400) !important;

}



.flot-svg text {

  fill: var(--gray-400) !important;

}



@media (max-width: 767.98px) {

  .legendLabel {

    display: none;

  }

}

.legendIcon {

  width: 1.5em;

  height: 1.5em;

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.morris-chart text {

  font-family: "Golos Text", sans-serif !important;

  fill: var(--body-color);

}



.morris-hover {

  position: absolute;

  z-index: 10;

}

.morris-hover.morris-default-style {

  font-size: 12px;

  text-align: center;

  border-radius: 5px;

  padding: 10px 12px;

  background: var(--gray-900);

  color: var(--gray-100);

  font-family: "Golos Text", sans-serif;

}

.morris-hover.morris-default-style .morris-hover-row-label {

  font-weight: bold;

  margin: 0.25em 0;

  font-family: "Golos Text", sans-serif;

}

.morris-hover.morris-default-style .morris-hover-point {

  white-space: nowrap;

  margin: 0.1em 0;

  color: var(--white);

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.daterangepicker {

  font-family: "Golos Text", sans-serif;

  border: 1px solid var(--border-color);

  box-shadow: var(--box-shadow);

  background-color: var(--white);

}

.daterangepicker .calendar-table {

  border: 1px solid var(--white);

  background-color: var(--white);

}

.daterangepicker .calendar-table td,

.daterangepicker .calendar-table th {

  color: var(--gray-600);

}

.daterangepicker .calendar-table .next span,

.daterangepicker .calendar-table .prev span {

  border-color: var(--body-color);

}

.daterangepicker .ranges li:hover {

  background-color: var(--light);

}

.daterangepicker .ranges li.active {

  background-color: var(--primary);

}

.daterangepicker td.in-range {

  background: var(--gray-100);

  color: var(--body-color);

}

.daterangepicker td.off, .daterangepicker td.off.end-date, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date {

  background-color: var(--white);

  color: var(--body-color);

  opacity: 0.5;

}

.daterangepicker td.active, .daterangepicker td.active:hover {

  background-color: var(--primary);

  color: var(--white);

}

.daterangepicker td.available:hover,

.daterangepicker th.available:hover,

.daterangepicker td.active,

.daterangepicker td.active:hover {

  background-color: var(--primary);

  color: var(--white);

}

.daterangepicker td.available:hover span,

.daterangepicker th.available:hover span,

.daterangepicker td.active span,

.daterangepicker td.active:hover span {

  border-color: var(--white);

}

.daterangepicker:after {

  border-bottom: 6px solid var(--white);

}

.daterangepicker:before {

  border-bottom: 7px solid var(--border-color);

}

.daterangepicker .drp-buttons {

  border-top: 1px solid var(--border-color);

}

.daterangepicker select.ampmselect, .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect {

  background: var(--gray-100);

  border: 1px solid var(--gray-100);

  color: var(--body-color);

}

.daterangepicker.show-ranges .drp-calendar.left {

  border-left: 1px solid var(--border-color) !important;

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.gmaps,

.gmaps-panaroma {

  height: 300px;

  background: var(--light);

  border-radius: 3px;

}



.jvm-container text {

  font-family: "Golos Text", sans-serif !important;

  fill: var(--body-color);

}



.jvm-tooltip {

  background-color: var(--primary);

  font-family: "Golos Text", sans-serif !important;

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.iti__country-list {

  border-color: var(--border-color);

  box-shadow: var(--box-shadow-lg);

}

.iti__country-list .iti__country {

  display: flex;

  align-items: center;

}

.iti__country-list .iti__divider {

  border-color: var(--border-color);

}

.iti__country-list .iti__dial-code {

  color: var(--body-color);

}



/*

Template Name: CRMS - Responsive Bootstrap 5 Admin Dashboard

Version: 1.0.0

Author: Dreams Technologies

Author URL: https://themeforest.net/user/dreamstechnologies

*/

.calendar {

  float: left;

  margin-bottom: 0;

}



.fc-view {

  margin-top: 30px;

}



.none-border .modal-footer {

  border-top: none;

}



.fc-toolbar {

  margin: 6px 0 5px 0 !important;

}

.fc-toolbar h2 {

  font-size: 1.25rem !important;

  line-height: 1.875rem;

  text-transform: uppercase;

}



.fc-day-grid-event .fc-time {

  font-weight: 600;

}



th.fc-day-header {

  padding: 0.5rem 0;

}



.fc-day {

  background: transparent;

}



.fc-toolbar .fc-state-active,

.fc-toolbar .ui-state-active,

.fc-toolbar button:focus,

.fc-toolbar button:hover,

.fc-toolbar .ui-state-hover {

  z-index: 0;

}



.fc th.fc-widget-header {

  background: var(--gray-100);

  font-size: 13px;

  line-height: 20px;

  padding: 10px 0;

  text-transform: uppercase;

  font-weight: 600;

}

.fc .fc-daygrid-body,

.fc .fc-scrollgrid-section-body table,

.fc .fc-scrollgrid-section-footer table {

  width: 100% !important;

}



.fc-unthemed th,

.fc-unthemed td,

.fc-unthemed thead,

.fc-unthemed tbody,

.fc-unthemed .fc-divider,

.fc-unthemed .fc-row,

.fc-unthemed .fc-popover {

  border-color: var(--gray-100);

}

.fc-unthemed td.fc-today,

.fc-unthemed .fc-divider {

  background: var(--gray-100);

}



.fc-button {

  background: var(--gray-100);

  border: none;

  color: var(--body-color);

  text-transform: capitalize;

  box-shadow: none;

  border-radius: 3px;

  margin: 0 3px;

  padding: 6px 12px;

  height: auto;

}



.fc-text-arrow {

  font-family: inherit;

  font-size: 1rem;

}



.fc-state-hover,

.fc-state-highlight,

.fc-cell-overlay {

  background: var(--gray-100);

}



.fc-state-down,

.fc-state-active,

.fc-state-disabled {

  background-color: var(--primary);

  color: var(--white);

  text-shadow: none;

}



.fc-unthemed .fc-today {

  background: var(--white);

}



.fc-event {

  border-radius: 2px;

  border: none;

  cursor: move;

  font-size: 0.8125rem;

  margin: 5px 7px;

  padding: 5px 5px;

  text-align: center;

  color: var(--white);

}

.fc-event.bg-dark .fc-event-time,

.fc-event.bg-dark .fc-event-title {

  color: var(--gray-100);

}

.fc-event.bg-dark .fc-daygrid-event-dot {

  border-color: var(--gray-100);

}



.external-event {

  cursor: move;

  margin: 10px 0;

  padding: 8px 10px;

  color: var(--white);

  border-radius: 4px;

}



.fc-basic-view td.fc-week-number span {

  padding-right: 8px;

}

.fc-basic-view td.fc-day-number {

  padding-right: 8px;

}

.fc-basic-view .fc-content {

  color: var(--white);

}



.fc-time-grid-event .fc-content {

  color: var(--white);

}



.fc-daygrid-day-number {

  float: right;

  height: 20px;

  width: 20px;

  text-align: center;

  line-height: 20px;

  background-color: var(--light);

  color: var(--gray-900);

  border-radius: 50%;

  margin: 5px;

  font-size: 11px;

  padding: 0 !important;

}



.fc-daygrid-event-dot {

  border-color: var(--white);

}



.fc-event-time {

  color: var(--white);

}



.table-active,

.table-active > td,

.table-active > th,

.fc .fc-list-sticky .fc-list-day > * {

  background-color: transparent;

}



.fc .fc-list-event:hover td {

  background-color: inherit;

}



@media (max-width: 767.98px) {

  .fc-toolbar {

    display: block !important;

  }

  .fc-toolbar .fc-toolbar-chunk {

    margin: 6px 0;

  }

  .fc-toolbar .fc-left,

  .fc-toolbar .fc-right,

  .fc-toolbar .fc-center {

    float: none;

    display: block;

    clear: both;

    margin: 10px 0;

  }

  .fc .fc-toolbar > * > * {

    float: none;

  }

  .fc-today-button {

    display: none;

  }

}

.fc-toolbar .btn {

  padding: 0.3rem 0.8rem;

  border-radius: 5px;

  font-size: 12px;

}



.fc-list-item-title,

.fc-list-item-time {

  color: var(--white);

}



.fc .fc-button-primary {

  background-color: var(--primary);

  border-color: var(--primary);

  color: var(--white);

}

.fc .fc-button-primary:hover {

  background-color: var(--secondary);

  border-color: var(--secondary);

  color: var(--white);

}

.fc .fc-button-primary:disabled, .fc .fc-button-primary.fc-button-active {

  background-color: var(--primary);

  border-color: var(--primary);

  color: var(--white);

}

.fc .fc-button-primary:disabled:hover, .fc .fc-button-primary.fc-button-active:hover {

  background-color: var(--primary-hover);

  border-color: var(--primary-hover);

  color: var(--white);

}

.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active {

  background-color: var(--primary-hover);

  border-color: var(--primary-hover);

  color: var(--white);

}



.fc-theme-standard td, .fc-theme-standard th {

  border-color: var(--border-color);

}



#calendar .table-bordered td,

#calendar .table-bordered th {

  border: 1px solid var(--border-color);

}



[dir=rtl] .fc-toolbar-chunk .btn-group .btn:first-child {

  border-top-left-radius: 0px !important;

  border-bottom-left-radius: 0px !important;

  border-radius: 5px;

}

[dir=rtl] .fc-toolbar-chunk .btn-group .btn:last-child {

  border-top-right-radius: 0px !important;

  border-bottom-right-radius: 0px !important;

  border-radius: 5px;

}



[data-bs-theme=dark] .fc-theme-standard .fc-scrollgrid {

  border-color: var(--border-color);

}

[data-bs-theme=dark] .fc-theme-standard td, [data-bs-theme=dark] .fc-theme-standard th {

  border-color: var(--border-color);

}



/* Force all day cells to have equal height */

.fc-daygrid-day {

  height: 120px; /* You can adjust this value as needed */

  vertical-align: top;

  position: relative;

}



/* Ensure event content doesn't push the height */

.fc-daygrid-day-frame {

  height: 100%;

  overflow: hidden;

}



/* Adjust calendar event styling to fit inside the cell */

.fc-daygrid-event {

  max-height: 100%;

  overflow: hidden;

}



/* Optional: Prevent overflow from large image lists */

.fc-event-title-container {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}



/* Ensure all day cells are equal height */

.fc-daygrid-day-frame {

  height: 100px; /* adjust as needed */

  display: flex;

  flex-direction: column;

  justify-content: flex-start;

  align-items: flex-start;

}



/* Avatar image */

.popover-body .appointment-item {

  display: flex;

  align-items: center;

  margin-bottom: 10px;

}



.popover-body .appointment-item img {

  width: 36px;

  height: 36px;

  border-radius: 50%;

  margin-right: 10px;

}



.popover-body .appointment-item .name {

  font-weight: 600;

  flex-grow: 1;

}



.popover-body .appointment-item .time {

  white-space: nowrap;

  font-size: 0.9rem;

}



/* Close button */

.fc-col-header-cell .fc-scrollgrid-sync-inner {

  padding: 12px;

  background-color: var(--light);

}



.fc-button-group .fc-button {

  box-shadow: none !important;

}



#calendar-appointment a.fc-event.fc-event-start.fc-event-end.fc-event-past.fc-daygrid-event.fc-daygrid-block-event.fc-h-event {

  background: transparent !important;

}

#calendar-appointment .fc-event {

  background: transparent !important;

}



.sidebar-logo .logo-normal img {

  width: 70px;

}



.dataTables_paginate .pagination {

    margin: 0;

}



.dataTables_paginate .page-item .page-link {

    border-radius: 6px;

    padding: 4px 10px;

}

.sidebar-item {

    /* border: 1px solid #e5e7eb; */

}







.open-notepad-btn{

    position:fixed;

    bottom:20px;

    left:20px;

    background:#1e4ea1;

    color:#fff;

    border:none;

    padding:12px 18px;

    border-radius:6px;

    cursor:pointer;

}



.notepad{

    position:fixed;

    top:100px;

    left:100px;

  width: 350px;

    height: 200px;

    background:#fff;

    border-radius:8px;

    box-shadow:0 8px 25px rgba(0,0,0,.4);

    display:flex;

    flex-direction:column;

    z-index:9999;

}



.hidden{ display:none; }



.notepad-header{

    background:#1e4ea1;

    color:#fff;

    padding:8px;

    cursor:move;

    display:flex;

    justify-content:space-between;

    font-weight:bold;

}



.notepad textarea{

    flex:1;

    border:none;

    padding:12px;

    resize:none;

    font-size:14px;

}



.minimized textarea{ display:none; }





.notepad-launch{

    /* position: fixed; */

    bottom: 22px;

    right: 60px;

    background: linear-gradient(135deg, #1e4ea1, #3f7cff);

    color: #fff;

    border: none;

    border-radius: 11px;

    padding: 4px 12px;

    font-size: 10px;

    font-weight: 600;

    display: flex;

    align-items: center;

    gap: 10px;

    cursor: pointer;

    box-shadow: 0 8px 22px rgba(0, 0, 0, .35);

    z-index: 9999;

    transition: .25s;

}



.notepad-launch:hover{

    transform:translateY(-3px);

    box-shadow:0 12px 28px rgba(0,0,0,.45);

}



.notepad-launch .icon{

    font-size:20px;

}



.profile-img {

  width: 38px;

    height: 38px;

    border: 1px solid #775757;

    border-radius: 50%;

    background-color: #393758;

    padding: 3px 3px 0px 3px;

}



.menu-text span{

    display: inline-block;

    margin-right: 8px;   /* space between letters */

    font-weight: 600;

    letter-spacing: 1px;

}



.secret-letter{

    cursor: pointer;     /* MAIN clickable */

    user-select: none;

}



.secret-letter:hover{

    color: #0d6efd;      /* optional hover effect */

}



.popup{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.6);

    display:none;

    align-items:center;

    justify-content:center;

    z-index:9999;

}



.popup-box{

    background:#fff;

    padding:20px;

    border-radius:8px;

    width:300px;

}





.welcome-icon{

    width:70px;

    height:70px;

    border-radius:50%;

    background: rgba(255,255,255,.15);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

    color:#fff;

}



.welcome-shape{

    position:absolute;

    right:-60px;

    top:-60px;

    width:220px;

    height:220px;

    background:rgba(255,255,255,.08);

    border-radius:50%;

}



.welcome-card h2{

    font-size: 24px;

}



.welcome-card .btn{

    border-radius:12px;

    font-weight:600;

}



.welcome-stat {

    background: linear-gradient(326deg, #b72f30 0%, #b82f30 100%);

    border: 1px solid rgba(255, 255, 255, .15);

    border-radius: 14px;

    padding: 7px;

    display: flex;

    align-items: center;

    gap: 12px;

    backdrop-filter: blur(8px);

}



.welcome-stat i{

    font-size:28px;

    color:#fff;

    width:50px;

    height:50px;

    border-radius:12px;

    background:rgba(255,255,255,.15);

    display:flex;

    align-items:center;

    justify-content:center;

}



.welcome-stat h4{

    color:#fff;

    margin:0;

    font-size:20px;

    font-weight:700;

}



.welcome-stat small{

    color:rgba(255,255,255,.75);

}



.welcome-icon{

    width: 50px;

    height: 50px;

    border-radius:16px;

    background:rgba(255,255,255,.15);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

    color:#fff;

}



.welcome-shape{

    position:absolute;

    right:-80px;

    top:-80px;

    width:250px;

    height:250px;

    border-radius:50%;

    background:rgba(255,255,255,.06);

}

.welcome-handshake-big {

 width: 220px;

}



.stat-blue {

    border-color: #2962ff;

}

.stat-modern {

    border-radius: 12px;

    border-left: 5px solid transparent;

    background: #fff;

    transition: all .25s ease;

}

.toggle-theme {

  display: none !important;

}
.new-card-style .card-body{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 45px;
    gap: 10px;
}
.accordion-button {
    background-color: #f8f9fa;
    color: #212529;
    font-size: 0.95rem;
    padding: 0.75rem 1rem;
}

.accordion-button:not(.collapsed) {
    background-color: #e9ecef;
    color: #0d6efd;
    box-shadow: none;
}

.accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0,0,0,.125);
}

.accordion-button::after {
    margin-left: auto;
}

.accordion-item {
    border-radius: 0.375rem !important;
    overflow: hidden;
}

.accordion-body {
    padding: 0;
}

/* Compact Table Styles */
.table-sm td, .table-sm th {
    padding: 0.4rem 0.5rem;
    font-size: 0.875rem;
}

.card.border {
    border-color: #dee2e6 !important;
}

.card-header.bg-light {
    background-color: #f8f9fa !important;
    border-bottom: 1px solid #dee2e6;
}

/* Welcome Card Gradient */
.welcome-card {
   background: #b82f30;
}

.welcome-stat {
    transition: transform 0.2s ease;
}

.welcome-stat:hover {
    transform: translateY(-2px);
}

.stat-icon-wrap {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(102, 126, 234, 0.1);
    border-radius: 10px;
    margin-right: 12px;
}

.stat-icon-wrap i {
    color: #fff;
}

/* Module Cards */
.modern-card {
    background: linear-gradient(326deg, #b72f30 0%, #b82f30 100%);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    border-radius: 12px;
}

.modern-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.3) !important;
}

.icon-circle {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    font-size: 1.5rem;
    color: #ffffff;
}

.modern-card h6, .modern-card small {
    color: #ffffff;
}

.modern-card .btn-light {
    background: rgba(255, 255, 255, 0.2);
    border: none;
    color: #ffffff;
}

.modern-card .btn-light:hover {
    background: rgba(255, 255, 255, 0.3);
}

/* ========================================================
   Left Sidebar Layout Styles
   ======================================================== */
:root {
    --rmc-sidebar-width: 260px;
    --rmc-sidebar-collapsed-width: 70px;
    --rmc-sidebar-bg: #0B3A5B;
    --rmc-sidebar-brand-bg: #082942;
    --rmc-sidebar-text: rgba(255, 255, 255, 0.85);
    --rmc-sidebar-hover: rgba(255, 255, 255, 0.08);
    --rmc-sidebar-hover-text: #ffffff;
    --rmc-sidebar-active-bg: rgba(228, 37, 39, 0.16);
    --rmc-sidebar-active-text: #ffffff;
    --rmc-sidebar-border: rgba(255, 255, 255, 0.08);
    --rmc-sidebar-accent: var(--primary-color, #e42527);
}

/* Sidebar Container */
.rmc-sidebar-left {
    position: fixed;
    top: 0;
    left: 0;
    width: var(--rmc-sidebar-width);
    height: 100vh;
    background: var(--rmc-sidebar-bg);
    border-right: 1px solid var(--rmc-sidebar-border);
    z-index: 1050;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: width 0.25s ease, transform 0.25s ease;
    box-shadow: 2px 0 16px rgba(0, 0, 0, 0.12);
}

/* Sticky Brand Area */
.rmc-sidebar-brand {
    height: 64px;
    min-height: 64px;
    max-height: 64px;
    padding: 0 16px;
    background: var(--rmc-sidebar-brand-bg);
    border-bottom: 1px solid var(--rmc-sidebar-border);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    gap: 8px;
    position: sticky;
    top: 0;
    z-index: 10;
}
.rmc-brand-link {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    overflow: hidden;
    flex: 1;
    min-width: 0;
}
.sidebar-logo {
    max-height: 42px;
    max-width: 140px;
    width: auto;
    object-fit: contain;
    transition: all 0.2s ease;
}
.rmc-brand-text {
    color: #ffffff;
    font-size: 14.5px;
    font-weight: 700;
    letter-spacing: 0.3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.rmc-sidebar-actions {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}
.rmc-sidebar-toggle,
.rmc-sidebar-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.06);
    color: #ffffff;
    font-size: 17px;
    cursor: pointer;
    border-radius: 6px;
    transition: all 0.2s ease;
}
.rmc-sidebar-toggle:hover,
.rmc-sidebar-close:hover {
    background: rgba(255, 255, 255, 0.18);
    color: #ffffff;
}

/* Scrollable Nav */
.rmc-sidebar-nav {
    flex: 1 1 0%;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px 0 30px;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}
.rmc-sidebar-nav::-webkit-scrollbar {
    width: 5px;
}
.rmc-sidebar-nav::-webkit-scrollbar-track {
    background: transparent;
}
.rmc-sidebar-nav::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.18);
    border-radius: 4px;
}
.rmc-sidebar-nav::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.3);
}

/* Nav List */
.rmc-sidebar-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.rmc-sidebar-item {
    position: relative;
    margin: 2px 0px;
    border-radius: 8px;
    transition: background 0.15s ease;
}
.rmc-sidebar-item > a,
.rmc-sidebar-dropdown-toggle {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 9px 12px;
    border: none;
    background: transparent;
    color: var(--rmc-sidebar-text);
    font-size: 13.5px;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.15s ease;
    white-space: nowrap;
}
.rmc-sidebar-item > a:hover,
.rmc-sidebar-dropdown-toggle:hover {
    background: var(--rmc-sidebar-hover);
    color: var(--rmc-sidebar-hover-text);
}

/* Active Top-Level Menu / Open Menu */
.rmc-sidebar-item.active > a,
.rmc-sidebar-item.active > .rmc-sidebar-dropdown-toggle {
    background: var(--rmc-sidebar-active-bg);
    color: var(--rmc-sidebar-active-text);
    font-weight: 600;
}
.rmc-sidebar-item.active::before {
    content: '';
    position: absolute;
    left: -10px;
    top: 6px;
    bottom: 6px;
    width: 4px;
    background: var(--rmc-sidebar-accent);
    border-radius: 0 4px 4px 0;
}

.rmc-sidebar-item i.ti {
    font-size: 18px;
    width: 20px;
    text-align: center;
    flex-shrink: 0;
    opacity: 0.9;
}
.rmc-sidebar-dropdown-toggle .arrow {
    margin-left: auto;
    font-size: 13px;
    transition: transform 0.25s ease;
    opacity: 0.6;
}
.rmc-sidebar-item.open > .rmc-sidebar-dropdown-toggle .arrow {
    transform: rotate(180deg);
}

/* Dropdown Menu Submenu */
.rmc-sidebar-dropdown-menu {
    display: none;
    padding: 4px 0 6px 0;
    margin-top: 2px;
    background: rgba(0, 0, 0, 0.18);
    border-radius: 8px;
    max-height: min(48vh, calc(100vh - 180px));
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.25) transparent;
}
.rmc-sidebar-dropdown-menu::-webkit-scrollbar {
    width: 4px;
}
.rmc-sidebar-dropdown-menu::-webkit-scrollbar-track {
    background: transparent;
}
.rmc-sidebar-dropdown-menu::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.22);
    border-radius: 4px;
}
.rmc-sidebar-item.open > .rmc-sidebar-dropdown-menu {
    display: block;
}
.rmc-sidebar-dropdown-menu > a,
.rmc-sidebar-dropdown-menu .rmc-menu-group > a {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 7px 12px 7px 24px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 12.5px;
    font-weight: 400;
    text-decoration: none;
    border-radius: 6px;
    margin: 1px 6px;
    transition: all 0.15s ease;
    min-height: 32px;
}
.rmc-sidebar-dropdown-menu a i {
    font-size: 14.5px;
    width: 16px;
    text-align: center;
    opacity: 0.65;
    flex-shrink: 0;
}
.rmc-sidebar-dropdown-menu a:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
}
.rmc-sidebar-dropdown-menu a:hover i {
    opacity: 1;
}

/* Active Sub-Link */
.rmc-sidebar-dropdown-menu a.active {
    color: #ffffff !important;
    background: var(--rmc-sidebar-accent) !important;
    font-weight: 600;
}
.rmc-sidebar-dropdown-menu a.active i {
    opacity: 1;
}

/* Group Headers inside Dropdowns */
.rmc-menu-group {
    padding: 3px 0 5px 0;
}
.rmc-menu-group:not(:first-child) {
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    margin-top: 4px;
    padding-top: 5px;
}
.rmc-group-title {
    display: block;
    padding: 5px 14px 3px 20px;
    color: #94a3b8;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}
.rmc-menu-group > a {
    padding-left: 28px !important;
}

/* ========================================================
   Desktop Collapsed State (70px Mini Sidebar)
   ======================================================== */
@media (min-width: 992px) {
    .rmc-sidebar-left.collapsed {
        width: var(--rmc-sidebar-collapsed-width) !important;
        overflow: visible !important;
    }
    .rmc-sidebar-left.collapsed .rmc-sidebar-brand {
        padding: 0 8px;
        justify-content: center;
    }
    .rmc-sidebar-left.collapsed .rmc-brand-link {
        display: none !important;
    }
    .rmc-sidebar-left.collapsed .rmc-sidebar-actions {
        width: 100%;
        justify-content: center;
    }
    .rmc-sidebar-left.collapsed .rmc-sidebar-toggle i {
        transform: rotate(180deg);
    }
    .rmc-sidebar-left.collapsed .rmc-sidebar-nav {
        overflow: visible !important;
    }
    .rmc-sidebar-left.collapsed .rmc-sidebar-item {
        margin: 3px 8px;
    }
    .rmc-sidebar-left.collapsed .rmc-sidebar-item > a,
    .rmc-sidebar-left.collapsed .rmc-sidebar-dropdown-toggle {
        justify-content: center;
        padding: 10px 0;
    }
    .rmc-sidebar-left.collapsed .rmc-sidebar-item > a span,
    .rmc-sidebar-left.collapsed .rmc-sidebar-dropdown-toggle span,
    .rmc-sidebar-left.collapsed .rmc-sidebar-dropdown-toggle .arrow {
        display: none !important;
    }
    .rmc-sidebar-left.collapsed .rmc-sidebar-item.active::before {
        left: -8px;
    }

    /* Flyout submenu on hover in collapsed mode */
    .rmc-sidebar-left.collapsed .rmc-sidebar-item.dropdown > .rmc-sidebar-dropdown-menu {
        position: absolute;
        left: 55px;
        top: 0;
        width: 250px;
        background: #082942;
        border: 1px solid rgba(255, 255, 255, 0.16);
        border-radius: 8px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
        z-index: 9999;
        display: none;
        max-height: min(80vh, calc(100vh - 16px));
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        padding: 8px 6px;
    }
    .rmc-sidebar-left.collapsed .rmc-sidebar-item.dropdown:hover > .rmc-sidebar-dropdown-menu {
        display: block !important;
    }
    .rmc-sidebar-left.collapsed .rmc-sidebar-dropdown-menu > a,
    .rmc-sidebar-left.collapsed .rmc-sidebar-dropdown-menu .rmc-menu-group > a {
        padding: 7px 12px 7px 16px;
    }
    .rmc-sidebar-left.collapsed .rmc-group-title {
        padding-left: 14px;
    }
}

/* ========================================================
   Header & Page Layout Adjustments for Left Sidebar
   ======================================================== */
body.sidebar-left-layout .navbar-header {
    margin-left: var(--rmc-sidebar-width) !important;
    transition: margin-left 0.25s ease !important;
    min-height: 64px !important;
    height: 64px !important;
    padding: 0 20px !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
}

body.sidebar-left-layout.sidebar-collapsed .navbar-header {
    margin-left: var(--rmc-sidebar-collapsed-width) !important;
}

/* Hide duplicate logo in top header on desktop */
@media (min-width: 992px) {
    body.sidebar-left-layout .navbar-header .logo.rmc-header-logo {
        display: none !important;
    }
    body.sidebar-left-layout .navbar-header #toggle_btn2 {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        border: 1px solid rgba(255, 255, 255, 0.2);
        background: rgba(255, 255, 255, 0.08);
        color: #fff;
        border-radius: 8px;
        cursor: pointer;
        margin-right: 10px;
        transition: all 0.2s ease;
    }
    body.sidebar-left-layout .navbar-header #toggle_btn2:hover {
        background: rgba(255, 255, 255, 0.18);
    }
    body.sidebar-left-layout.sidebar-collapsed .navbar-header #toggle_btn2 i {
        transform: rotate(180deg);
    }
}

body.sidebar-left-layout .page-wrapper {
    margin-left: var(--rmc-sidebar-width) !important;
    transition: margin-left 0.25s ease !important;
    width: auto !important;
    min-width: 0 !important;
}

body.sidebar-left-layout.sidebar-collapsed .page-wrapper {
    margin-left: var(--rmc-sidebar-collapsed-width) !important;
}

body.sidebar-left-layout .page-wrapper .content {
    width: 100%;
    min-width: 0;
    padding: 20px 24px;
}

/* ========================================================
   Mobile Drawer & Responsiveness
   ======================================================== */
@media (max-width: 991.98px) {
    .rmc-sidebar-left {
        transform: translateX(-100%) !important;
        width: 270px !important;
        box-shadow: 0 0 35px rgba(0, 0, 0, 0.4);
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
        z-index: 1200 !important;
    }
    .rmc-sidebar-left.show {
        transform: translateX(0) !important;
    }

    .rmc-sidebar-backdrop {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.6);
        z-index: 1150;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
    }
    .rmc-sidebar-backdrop.show {
        opacity: 1;
        visibility: visible;
        display: block !important;
    }

    .rmc-sidebar-close {
        display: flex !important;
    }

    body.sidebar-left-layout .navbar-header {
        margin-left: 0 !important;
    }
    body.sidebar-left-layout .navbar-header #mobile_btn {
        display: inline-flex !important;
    }
    body.sidebar-left-layout .page-wrapper {
        margin-left: 0 !important;
    }
    body.sidebar-left-layout .page-wrapper .content {
        padding: 14px 12px;
    }
}


/* ==========================================================================
   SHADOW ERP RMC - UNIFIED ALL-MODULE CORE STYLESHEET
   Modules: Sales, CRM, Production, Dispatch, QC, Inventory, Billing, Reports
   ========================================================================== */

/* ==========================================================================
   TAXI CRM DASHBOARD THEME FOR ARROW ONE RMC
   Based on Taxi CRM - Bootstrap 5 HTML Admin Dashboard Template
   ThemeForest Item ID: 63964244
   ========================================================================== */


:root {
  --taxi-font: 'Maven Pro', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --taxi-primary: #8853ac;
  --taxi-primary-dark: #6f3b92;
  --taxi-primary-light: #9f6fc0;
  --taxi-teal: #528a7c;
  --taxi-success: #28a745;
  --taxi-info: #17a2b8;
  --taxi-warning: #ffc107;
  --taxi-danger: #dc3545;
  --card-bg: #ffffff;
  --panel-bg: #ffffff;
  --border-primary: #e3e3e6;
  --border-secondary: #f0f0f3;
  --text-primary: #1a1a1a;
  --text-secondary: #5E6C84;
  --text-muted: #8c9097;
  --bg-tertiary: #f8f9fa;
  --bg-quaternary: #f1f3f5;
}

.taxi-crm-dashboard {
  font-family: var(--taxi-font);
  color: var(--text-primary);
  background-color: transparent;
  padding-bottom: 2.5rem;
}

.taxi-crm-dashboard .material-symbols-sharp {
  font-family: 'Material Symbols Sharp';
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
}

/* ================= PAGE HEADER & BREADCRUMBS ================= */
.taxi-page-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  gap: 1rem;
}

.taxi-page-header__title-group h1 {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0;
  color: var(--text-primary);
  letter-spacing: -0.02em;
}

.taxi-page-header__breadcrumb {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8125rem;
  color: var(--text-secondary);
  margin-top: 0.25rem;
}

.taxi-page-header__breadcrumb a {
  color: var(--text-secondary);
  text-decoration: none;
}

.taxi-page-header__breadcrumb a:hover {
  color: var(--taxi-primary);
}

.taxi-quick-stats {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}

.taxi-quick-stat-pill {
  display: inline-flex;
  align-items: center;
  padding: 0.4rem 0.85rem;
  background: #ffffff;
  border: 1px solid var(--border-primary);
  border-radius: 2rem;
  box-shadow: 0 1px 3px rgba(0,0,0,0.03);
  font-size: 0.8125rem;
}

.taxi-quick-stat-pill .pill-label {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.7rem;
  letter-spacing: 0.05em;
  color: var(--text-secondary);
  margin-right: 0.4rem;
}

.taxi-quick-stat-pill .pill-val {
  font-weight: 700;
}

/* ================= WIDGET STATS CARD 17 (HERO BANNER) ================= */
.widget-stats-card-17 {
  display: flex;
  align-items: center;
  border-radius: 0.75rem;
  padding: 2rem;
  min-height: 12.5rem;
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #1e3c72 0%, #2a5298 50%, #e67e22 100%) !important;
  box-shadow: 0 4px 20px rgba(30, 60, 114, 0.15);
  border: none;
}

.widget-stats-card-17::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at right center, rgba(255,255,255,0.12) 0%, transparent 70%);
  pointer-events: none;
  border-radius: 0.75rem;
}

.widget-stats-card-17__content {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  z-index: 2;
}

.widget-stats-card-17__greeting {
  font-size: 1.25rem;
  font-weight: 500;
  color: rgba(255,255,255,0.9);
}

.widget-stats-card-17__name {
  font-size: 1.85rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0.2rem 0 0.4rem;
  letter-spacing: -0.01em;
}

.widget-stats-card-17__email {
  font-size: 0.875rem;
  color: rgba(255,255,255,0.78);
  margin-bottom: 1rem;
}

.widget-stats-card-17__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  color: #1e3c72 !important;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 0.65rem 1.4rem;
  border-radius: 2rem;
  text-decoration: none;
  transition: all 0.2s ease;
  width: fit-content;
  box-shadow: 0 4px 12px rgba(0,0,0,0.12);
}

.widget-stats-card-17__button:hover {
  background-color: #f8f9fa;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.18);
}

.widget-stats-card-17__image {
  margin-left: auto;
  z-index: 2;
}

.widget-stats-card-17__image img {
  max-height: 140px;
  object-fit: contain;
  filter: drop-shadow(0 8px 16px rgba(0,0,0,0.25));
}

/* ================= WIDGET STATS CARD 13 (KPI CARDS) ================= */
.widget-stats-card-13 {
  background: #ffffff;
  border-radius: 0.75rem;
  padding: 1.25rem;
  border: 1px solid var(--border-primary);
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
  transition: all 0.25s ease;
  display: flex;
  flex-direction: column;
  min-height: 10.5rem;
}

.widget-stats-card-13:hover {
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  transform: translateY(-2px);
}

.widget-stats-card-13__header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

.widget-stats-card-13__dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
}

.widget-stats-card-13__dot--green { background: #28a745; }
.widget-stats-card-13__dot--blue { background: #007bff; }
.widget-stats-card-13__dot--orange { background: #fd7e14; }
.widget-stats-card-13__dot--purple { background: #8853ac; }

.widget-stats-card-13__label {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.widget-stats-card-13__body {
  margin-bottom: 0.5rem;
}

.widget-stats-card-13__value {
  font-size: 1.625rem;
  font-weight: 700;
  color: var(--text-primary);
  line-height: 1.2;
}

.widget-stats-card-13__meta {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.75rem;
  color: var(--text-secondary);
  margin-top: 0.25rem;
}

.widget-stats-card-13__change {
  font-weight: 600;
  padding: 0.15rem 0.4rem;
  border-radius: 0.25rem;
}

.widget-stats-card-13__change--up {
  background: rgba(40, 167, 69, 0.12);
  color: #28a745;
}

.widget-stats-card-13__change--down {
  background: rgba(220, 53, 69, 0.12);
  color: #dc3545;
}

.widget-stats-card-13__chart {
  height: 48px;
  width: 100%;
  margin-top: auto;
}

/* ================= WIDGET STATS CARD 18 (CALENDAR & EVENTS) ================= */
.widget-stats-card-18 {
  background: #ffffff;
  border-radius: 0.75rem;
  padding: 1.25rem;
  border: 1px solid var(--border-primary);
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

.widget-stats-card-18__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.widget-stats-card-18__title {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
}

.widget-stats-card-18__events-title {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 0.5rem;
}

/* ================= WIDGET STATS CARD 8 (TIMELINE) ================= */
.widget-stats-card-8 {
  background: #ffffff;
  border-radius: 0.75rem;
  border: 1px solid var(--border-primary);
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
  overflow: hidden;
}

.widget-stats-card-8__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--border-primary);
  background: #fafbfc;
}

.widget-stats-card-8__title {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-primary);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.widget-stats-card-8__date {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--text-secondary);
  background: #eef1f5;
  padding: 0.25rem 0.6rem;
  border-radius: 1rem;
}

.widget-stats-card-8__body {
  padding: 1.25rem;
  position: relative;
}

.widget-stats-card-8__timeline-item {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  position: relative;
  padding-bottom: 1.25rem;
}

.widget-stats-card-8__timeline-item:not(:last-child)::before {
  content: '';
  position: absolute;
  left: 4.85rem;
  top: 0.75rem;
  bottom: 0;
  width: 2px;
  background: var(--border-primary);
}

.widget-stats-card-8__timeline-time {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--text-muted);
  width: 3.5rem;
  flex-shrink: 0;
  text-align: right;
}

.widget-stats-card-8__timeline-dot {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  border: 2px solid #ffffff;
  box-shadow: 0 0 0 2px currentColor;
  flex-shrink: 0;
  margin-top: 0.2rem;
  z-index: 1;
}

.widget-stats-card-8__timeline-dot--success { background: #28a745; color: #28a745; }
.widget-stats-card-8__timeline-dot--orange { background: #fd7e14; color: #fd7e14; }
.widget-stats-card-8__timeline-dot--error { background: #dc3545; color: #dc3545; }
.widget-stats-card-8__timeline-dot--info { background: #007bff; color: #007bff; }

.widget-stats-card-8__timeline-content {
  flex-grow: 1;
}

.widget-stats-card-8__timeline-title {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--text-primary);
}

.widget-stats-card-8__timeline-desc {
  font-size: 0.75rem;
  color: var(--text-secondary);
  margin-top: 0.15rem;
}

/* ================= WIDGET STATS CARD 9 (RECENT BOOKINGS / DRIVERS / CUSTOMERS) ================= */
.widget-stats-card-9 {
  background: #ffffff;
  border-radius: 0.75rem;
  border: 1px solid var(--border-primary);
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
  overflow: hidden;
}

.widget-stats-card-9__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid var(--border-primary);
  background: #fafbfc;
}

.widget-stats-card-9__title {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-primary);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.widget-stats-card-9__view-all {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--taxi-primary);
  text-decoration: none;
}

.widget-stats-card-9__view-all:hover {
  text-decoration: underline;
}

.widget-stats-card-9__body {
  padding: 0.5rem 0;
}

.widget-stats-card-9__item {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0.75rem 1.25rem;
  transition: background 0.15s ease;
  border-bottom: 1px solid #f8f9fa;
}

.widget-stats-card-9__item:last-child {
  border-bottom: none;
}

.widget-stats-card-9__item:hover {
  background: #f8f9fa;
}

.widget-stats-card-9__avatar {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

.widget-stats-card-9__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.widget-stats-card-9__content {
  flex-grow: 1;
  min-width: 0;
}

.widget-stats-card-9__name {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.widget-stats-card-9__header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.15rem;
}

.widget-stats-card-9__details {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.75rem;
  color: var(--text-secondary);
  margin-top: 0.15rem;
}

.widget-stats-card-9__subtitle {
  font-size: 0.75rem;
  color: var(--text-secondary);
  margin-top: 0.15rem;
}

.widget-stats-card-9__ref {
  font-weight: 600;
  color: var(--taxi-primary);
}

.widget-stats-card-9__separator {
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #ced4da;
}

.widget-stats-card-9__location {
  color: var(--text-secondary);
}

.widget-stats-card-9__meta {
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  color: var(--text-secondary);
}

.widget-stats-card-9__trips {
  font-weight: 500;
}

.widget-stats-card-9__end {
  margin-left: auto;
  flex-shrink: 0;
}

.widget-stats-card-9__badge {
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.3rem 0.6rem;
  border-radius: 2rem;
}

.widget-stats-card-9__badge--success {
  background: rgba(40, 167, 69, 0.12);
  color: #28a745;
}

/* ================= WIDGET STATS CARD 15 (DONUT ANALYTICS) ================= */
.widget-stats-card-15 {
  background: #ffffff;
  border-radius: 0.75rem;
  border: 1px solid var(--border-primary);
  padding: 1.5rem;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
  display: flex;
  flex-direction: column;
}

.widget-stats-card-15__title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 1rem 0;
}

.widget-stats-card-15__chart-wrapper {
  position: relative;
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.25rem;
}

.widget-stats-card-15__center-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  pointer-events: none;
}

.widget-stats-card-15__center-label {
  display: block;
  font-size: 0.75rem;
  color: var(--text-secondary);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.widget-stats-card-15__center-value {
  display: block;
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--text-primary);
  line-height: 1.2;
}

.widget-stats-card-15__legend {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--border-primary);
  padding-top: 1rem;
  gap: 0.5rem;
}

.widget-stats-card-15__legend-item {
  text-align: center;
}

.widget-stats-card-15__legend-bar {
  height: 4px;
  border-radius: 2px;
  margin: 0 auto 0.5rem;
  width: 32px;
}

.widget-stats-card-15__legend-bar--purple { background: #8853ac; }
.widget-stats-card-15__legend-bar--blue { background: #007bff; }
.widget-stats-card-15__legend-bar--teal { background: #20c997; }
.widget-stats-card-15__legend-bar--green { background: #28a745; }
.widget-stats-card-15__legend-bar--orange { background: #fd7e14; }
.widget-stats-card-15__legend-bar--red { background: #dc3545; }

.widget-stats-card-15__legend-value {
  font-size: 0.9375rem;
  font-weight: 700;
  color: var(--text-primary);
}

.widget-stats-card-15__legend-label {
  font-size: 0.7rem;
  color: var(--text-secondary);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-top: 0.15rem;
}

/* ================= ACCORDION (FLEET OPERATIONS) ================= */
#indexVehicleAccordion .accordion-item {
  border: 1px solid var(--border-primary);
  border-radius: 0.75rem;
  margin-bottom: 0.75rem;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.03);
}

#indexVehicleAccordion .accordion-button {
  padding: 1rem 1.25rem;
  font-weight: 600;
  background: #ffffff;
  color: var(--text-primary);
  box-shadow: none;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

#indexVehicleAccordion .accordion-button:not(.collapsed) {
  background: #fafbfc;
  color: #1a1a1a;
  border-bottom: 1px solid var(--border-primary);
}

#indexVehicleAccordion .accordion-button::after {
  display: none;
}

.accordion-title-wrap {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.accordion-title {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-primary);
}

.accordion-subtitle {
  font-size: 0.75rem;
  color: var(--text-secondary);
  font-weight: 400;
}

.accordion-arrow {
  margin-left: auto;
  transition: transform 0.2s ease;
  color: var(--text-secondary);
}

.accordion-button:not(.collapsed) .accordion-arrow {
  transform: rotate(180deg);
}

/* Specific Badge colors matching Taxi CRM */
.badge-green {
  background-color: #28a745;
  color: #fff;
  font-weight: 600;
  padding: 0.35rem 0.65rem;
  border-radius: 0.375rem;
  font-size: 0.75rem;
}
.badge-blue {
  background-color: #007bff;
  color: #fff;
  font-weight: 600;
  padding: 0.35rem 0.65rem;
  border-radius: 0.375rem;
  font-size: 0.75rem;
}
.badge-purple {
  background-color: #8853ac;
  color: #fff;
  font-weight: 600;
  padding: 0.35rem 0.65rem;
  border-radius: 0.375rem;
  font-size: 0.75rem;
}
.badge-orange {
  background-color: #fd7e14;
  color: #fff;
  font-weight: 600;
  padding: 0.35rem 0.65rem;
  border-radius: 0.375rem;
  font-size: 0.75rem;
}
.badge-red {
  background-color: #dc3545;
  color: #fff;
  font-weight: 600;
  padding: 0.35rem 0.65rem;
  border-radius: 0.375rem;
  font-size: 0.75rem;
}



/* ==========================================================================
   ADVANCED TAXI CRM REDESIGN ENHANCEMENTS
   ========================================================================== */

/* Quick Action Launchpad Ribbon */
.taxi-quick-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 1.5rem;
    padding: 0.75rem 1.25rem;
    background: #ffffff;
    border: 1px solid var(--border-primary);
    border-radius: 0.85rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.03);
}

.taxi-quick-action-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.45rem 1rem;
    border-radius: 2rem;
    font-size: 0.8125rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
    border: 1px solid transparent;
}

.taxi-quick-action-btn--primary {
    background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
    color: #ffffff !important;
    box-shadow: 0 2px 6px rgba(118, 75, 162, 0.25);
}
.taxi-quick-action-btn--primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(118, 75, 162, 0.35);
}

.taxi-quick-action-btn--success {
    background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
    color: #ffffff !important;
    box-shadow: 0 2px 6px rgba(17, 153, 142, 0.25);
}
.taxi-quick-action-btn--success:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(17, 153, 142, 0.35);
}

.taxi-quick-action-btn--warning {
    background: linear-gradient(135deg, #f2994a 0%, #f2c94c 100%);
    color: #ffffff !important;
    box-shadow: 0 2px 6px rgba(242, 153, 74, 0.25);
}
.taxi-quick-action-btn--warning:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(242, 153, 74, 0.35);
}

.taxi-quick-action-btn--secondary {
    background: #f8f9fa;
    color: #495057 !important;
    border: 1px solid var(--border-primary);
}
.taxi-quick-action-btn--secondary:hover {
    background: #eef1f5;
    color: #1a1a1a !important;
    transform: translateY(-2px);
}

/* Operational Status Live Pulse */
.plant-live-status {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0.85rem;
    background: rgba(40, 167, 69, 0.1);
    border: 1px solid rgba(40, 167, 69, 0.25);
    border-radius: 2rem;
    font-size: 0.75rem;
    font-weight: 700;
    color: #28a745;
}

.pulse-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #28a745;
    box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.7);
    animation: pulse-green 1.8s infinite;
}

@keyframes pulse-green {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 8px rgba(40, 167, 69, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(40, 167, 69, 0); }
}

/* Nav Pills / Tabs */
.taxi-nav-tabs {
    display: flex;
    gap: 0.5rem;
    border-bottom: 2px solid var(--border-primary);
    margin-bottom: 1.5rem;
    padding-bottom: 0.25rem;
}

.taxi-nav-tabs .nav-link {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--text-secondary);
    border: none;
    padding: 0.6rem 1.15rem;
    border-radius: 0.65rem;
    background: transparent;
    transition: all 0.2s ease;
}

.taxi-nav-tabs .nav-link:hover {
    color: var(--taxi-primary);
    background: rgba(136, 83, 172, 0.08);
}

.taxi-nav-tabs .nav-link.active {
    color: #ffffff !important;
    background: linear-gradient(135deg, #764ba2 0%, #667eea 100%) !important;
    box-shadow: 0 3px 10px rgba(118, 75, 162, 0.25);
}

/* Vehicle Fleet Grid Cards */
.fleet-card {
    background: #ffffff;
    border: 1px solid var(--border-primary);
    border-radius: 0.75rem;
    padding: 1.15rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.03);
    transition: all 0.25s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.fleet-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.07);
    border-color: #cbd5e0;
}

.fleet-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.fleet-card__icon {
    width: 40px;
    height: 40px;
    border-radius: 0.65rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
}

.fleet-card__title {
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.fleet-card__subtitle {
    font-size: 0.75rem;
    color: var(--text-secondary);
}

/* Material Silo Gauge Cards */
.silo-card {
    background: #ffffff;
    border: 1px solid var(--border-primary);
    border-radius: 0.75rem;
    padding: 1.25rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.03);
    transition: all 0.25s ease;
}

.silo-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.06);
}

.silo-progress-bar {
    height: 8px;
    border-radius: 4px;
    background: #e9ecef;
    overflow: hidden;
    margin: 0.6rem 0;
}

.silo-progress-fill {
    height: 100%;
    border-radius: 4px;
    transition: width 1s ease-in-out;
}



/* ==========================================================================
   ADMIN DASHBOARD LUXURY REFINEMENTS & COMPONENT STYLING
   ========================================================================== */
.taxi-crm-dashboard {
    padding-bottom: 2.5rem;
}
.widget-stats-card-17 {
    border: none;
    box-shadow: 0 6px 24px rgba(118, 75, 162, 0.22);
    background: linear-gradient(270deg, #FFC107 0%, #FF7A18 50%, #FF3D2E 100%) !important;
}
.widget-stats-card-17__button {
    background: #ffffff !important;
    color: #5b2c86 !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
}
.widget-stats-card-17__button:hover {
    background: #f8f9fa !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.18);
}
.widget-stats-card-17__image img {
    max-height: 145px;
    object-fit: contain;
    filter: drop-shadow(0 10px 20px rgba(0,0,0,0.3));
}
.widget-stats-card-13 {
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.03) !important;
    border-radius: 0.85rem !important;
    background: #ffffff !important;
    height: 100%;
}
.widget-stats-card-13:hover {
    box-shadow: 0 8px 24px rgba(0,0,0,0.08) !important;
    transform: translateY(-3px);
    border-color: #cbd5e1 !important;
    transition: all 0.25s ease;
}
.widget-stats-card-13__chart {
    height: 52px;
    width: 100%;
    margin-top: auto;
}
.widget-stats-card-13__dot--green { background: #28a745 !important; }
.widget-stats-card-13__dot--blue { background: #007bff !important; }
.widget-stats-card-13__dot--orange { background: #fd7e14 !important; }
.widget-stats-card-13__dot--purple { background: #8853ac !important; }

.widget-stats-card-15__chart-wrapper {
    position: relative;
    height: 210px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.widget-stats-card-15__center-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    pointer-events: none;
}
.widget-stats-card-15__center-label {
    display: block;
    font-size: 0.75rem;
    color: #64748b;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.widget-stats-card-15__center-value {
    display: block;
    font-size: 1.4rem;
    font-weight: 800;
    color: #1e293b;
    line-height: 1.15;
}
.mini-calendar-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 4px;
    text-align: center;
    font-size: 0.75rem;
    margin-top: 0.5rem;
}
.mini-calendar-day-header {
    font-weight: 700;
    color: #94a3b8;
    padding: 3px 0;
}
.mini-calendar-day {
    padding: 6px 0;
    border-radius: 6px;
    color: #475569;
    cursor: default;
    transition: background 0.15s ease;
    text-align: center;
    font-size: 12px;
}
.mini-calendar-day-empty {
    opacity: 0;
    pointer-events: none;
}
.mini-calendar-day.today {
    background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
    color: #ffffff;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(118, 75, 162, 0.35);
}
.mini-calendar-day.active-pour {
    background-color: rgba(40, 167, 69, 0.15);
    color: #28a745;
    font-weight: 700;
}
.widget-stats-card-9__avatar-initials {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.85rem;
    color: #ffffff;
    flex-shrink: 0;
}
.bg-gradient-purple { background: linear-gradient(135deg, #8853ac, #6f3b92); }
.bg-gradient-blue { background: linear-gradient(135deg, #007bff, #0056b3); }
.bg-gradient-teal { background: linear-gradient(135deg, #20c997, #198754); }
.bg-gradient-orange { background: linear-gradient(135deg, #fd7e14, #e65100); }


/* ==========================================================================
   MODULE DASHBOARD COMPONENT STYLES (Sales, Fleet, HRMS, Production, Store)
   ========================================================================== */
:root {
    --md-bg: #f4f7fb;
    --md-card: #ffffff;
    --md-primary: var(--primary-color, #274c8e);
    --md-primary-dark: #193463;
    --md-primary-light: rgba(39, 76, 142, 0.12);
    --md-text: #172033;
    --md-muted: #6b7280;
    --md-border: #dfe5ee;
    --md-success: #15803d;
    --md-success-light: #ecfdf3;
    --md-warning: #b45309;
    --md-warning-light: #fff7ed;
    --md-danger: #dc2626;
    --md-danger-light: #fff1f2;
    --md-purple: #7c3aed;
    --md-purple-light: #f5f3ff;
}
.module-dashboard { max-width: 1500px; margin: 0 auto; padding: 18px 14px 60px; font-family: 'Inter', system-ui, sans-serif; color: var(--md-text); }
.md-hero { position: relative; overflow: hidden; margin-bottom: 14px; padding: 22px; border-radius: 14px; background: linear-gradient(135deg, #193463, var(--md-primary)); color: #fff; box-shadow: 0 8px 24px rgba(25,52,99,.18); }
.md-hero::after { content: ""; position: absolute; right: -70px; top: -85px; width: 230px; height: 230px; border-radius: 50%; background: rgba(255,255,255,.08); }
.md-hero-content { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.md-hero-title { margin: 0 0 4px; font-size: 1.45rem; font-weight: 800; color: #fff; }
.md-hero-text { margin: 0; color: rgba(255,255,255,.78); font-size: .78rem; }
.md-hero-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.md-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 36px; padding: 8px 12px; border: 1px solid var(--md-border); border-radius: 8px; background: #fff; color: var(--md-text); text-decoration: none; font-size: .72rem; font-weight: 700; transition: .15s ease; }
.md-btn:hover { border-color: var(--md-primary); color: var(--md-primary); }
.md-btn.light { border-color: rgba(255,255,255,.2); background: rgba(255,255,255,.12); color: #fff; }
.md-btn.light:hover { background: rgba(255,255,255,.22); color: #fff; }
.md-summary { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 14px; }
.md-stat { display: flex; align-items: center; gap: 12px; padding: 15px; border: 1px solid var(--md-border); border-radius: 10px; background: var(--md-card); box-shadow: 0 3px 12px rgba(15,23,42,.035); }
.md-stat-icon { width: 42px; height: 42px; display: grid; place-items: center; flex-shrink: 0; border-radius: 10px; background: var(--md-primary-light); color: var(--md-primary); font-size: 1.05rem; }
.md-stat-icon.success { background: var(--md-success-light); color: var(--md-success); }
.md-stat-icon.warning { background: var(--md-warning-light); color: var(--md-warning); }
.md-stat-icon.danger { background: var(--md-danger-light); color: var(--md-danger); }
.md-stat-icon.purple { background: var(--md-purple-light); color: var(--md-purple); }
.md-stat-label { display: block; margin-bottom: 3px; color: var(--md-muted); font-size: .56rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.md-stat-value { display: block; font-size: 1.05rem; font-weight: 800; }
.md-section { margin-bottom: 14px; }
.md-section-title { margin: 0 0 9px; display: flex; align-items: center; gap: 7px; font-size: .82rem; font-weight: 800; }
.md-section-title i { color: var(--md-primary); }
.md-module-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.md-module { position: relative; overflow: hidden; padding: 16px; border: 1px solid var(--md-border); border-radius: 11px; background: var(--md-card); text-decoration: none; color: var(--md-text); box-shadow: 0 3px 12px rgba(15,23,42,.035); transition: .18s ease; }
.md-module:hover { transform: translateY(-3px); border-color: #c7d7f7; box-shadow: 0 10px 24px rgba(15,23,42,.08); color: var(--md-text); }
.md-module::after { content: ""; position: absolute; right: -28px; bottom: -28px; width: 92px; height: 92px; border-radius: 50%; background: var(--md-primary-light); }
.md-module-head { position: relative; z-index: 2; display: flex; align-items: center; gap: 11px; }
.md-module-icon { width: 43px; height: 43px; display: grid; place-items: center; flex-shrink: 0; border-radius: 10px; background: var(--md-primary-light); color: var(--md-primary); font-size: 1.05rem; }
.md-module-icon.success { background: var(--md-success-light); color: var(--md-success); }
.md-module-icon.warning { background: var(--md-warning-light); color: var(--md-warning); }
.md-module-icon.danger { background: var(--md-danger-light); color: var(--md-danger); }
.md-module-icon.purple { background: var(--md-purple-light); color: var(--md-purple); }
.md-module-title { margin: 0 0 3px; font-size: .82rem; font-weight: 800; }
.md-module-desc { margin: 0; color: var(--md-muted); font-size: .64rem; line-height: 1.45; }
.md-module-arrow { position: absolute; right: 14px; top: 16px; color: #94a3b8; }
.md-bottom-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(320px, .6fr); gap: 12px; }
.md-card { overflow: hidden; border: 1px solid var(--md-border); border-radius: 10px; background: var(--md-card); box-shadow: 0 3px 12px rgba(15,23,42,.035); }
.md-card-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 11px 14px; border-bottom: 1px solid var(--md-border); background: #f9fbff; }
.md-card-title { margin: 0; display: flex; align-items: center; gap: 7px; font-size: .76rem; font-weight: 800; }
.md-card-title i { color: var(--md-primary); }
.md-card-body { padding: 14px; }
.md-table { width: 100%; border-collapse: collapse; font-size: .72rem; }
.md-table th { text-align: left; padding: 8px 6px; color: var(--md-muted); font-size: .58rem; text-transform: uppercase; letter-spacing: .04em; border-bottom: 1px solid var(--md-border); }
.md-table td { padding: 9px 6px; border-bottom: 1px solid #f1f5f9; }
.md-table tr:last-child td { border-bottom: 0; }
.md-badge { display: inline-flex; align-items: center; padding: 2px 8px; border-radius: 999px; font-size: .62rem; font-weight: 700; background: var(--md-primary-light); color: var(--md-primary); }
.md-badge.success { background: var(--md-success-light); color: var(--md-success); }
.md-badge.warning { background: var(--md-warning-light); color: var(--md-warning); }
.md-badge.danger { background: var(--md-danger-light); color: var(--md-danger); }
.md-quick-list { display: grid; gap: 8px; }
.md-quick-item { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px; border: 1px solid var(--md-border); border-radius: 8px; background: #fbfcff; text-decoration: none; color: inherit; }
.md-quick-item:hover { border-color: var(--md-primary); }
.md-quick-item span { color: var(--md-muted); font-size: .65rem; }
.md-quick-item strong { font-size: .72rem; }
.md-empty { margin: 0; color: var(--md-muted); font-size: .72rem; text-align: center; padding: 18px 8px; }
@media (max-width: 1100px) {
    .md-summary { grid-template-columns: repeat(2, 1fr); }
    .md-module-grid { grid-template-columns: repeat(2, 1fr); }
    .md-bottom-grid { grid-template-columns: 1fr; }
}
@media (max-width: 650px) {
    .md-summary, .md-module-grid { grid-template-columns: 1fr; }
}


/* ==========================================================================
   SALES MODULE
   Unified Component Stylesheet
   ========================================================================== */

/* --- Component: sales-invoices\create.css --- */
/* Extracted from sales-invoices/create.blade.php */

.bi-aef3df2ae9 { max-width:300px; }

.bi-d6db40ea5a { width:40px; }

/* --- Component: sales-invoices\print.css --- */
/* Extracted from sales-invoices/print.blade.php */

*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;background:#eef1f4;color:#111;font-size:8.5px;line-height:1.2}.toolbar{width:196mm;max-width:calc(100% - 20px);margin:12px auto;display:flex;justify-content:flex-end;gap:8px}.toolbar a,.toolbar button{padding:9px 15px;border:1px solid #1f2937;background:#fff;color:#111;text-decoration:none;border-radius:4px;font-size:12px;cursor:pointer}.toolbar button{background:#2563eb;color:#fff;border-color:#2563eb}.page{width:196mm;margin:0 auto 16px;background:#fff}.invoice{border:1px solid #111;width:100%}.center{text-align:center}.right{text-align:right}.bold{font-weight:700}.muted{color:#444}.wrap{overflow-wrap:anywhere;word-break:break-word}.top-title{display:grid;grid-template-columns:1fr 150px 1fr;align-items:start;padding:4px 6px;border-bottom:1px solid #111;min-height:15mm}.doc-title{text-align:center;font-size:12px;font-weight:700}.copy{text-align:right;font-size:7.5px}.irn-line{display:grid;grid-template-columns:1fr 28mm;border-bottom:1px solid #111;min-height:22mm}.irn-text{padding:4px 6px}.irn-row{display:grid;grid-template-columns:50px 1fr;gap:3px;margin-bottom:2px}.qr-box{border-left:1px solid #111;display:flex;align-items:center;justify-content:center;padding:3px}.qr-box img{width:24mm;height:24mm;object-fit:contain}.qr-placeholder{text-align:center;color:#555;font-size:7.5px}.party-grid{display:grid;grid-template-columns:52% 48%;border-bottom:1px solid #111}.seller-buyer{border-right:1px solid #111}.party-box{padding:4px 6px;min-height:22mm}.party-box+.party-box{border-top:1px solid #111}.party-name{font-size:9.5px;font-weight:700}.logo-line{display:flex;align-items:center;gap:5px}.logo-line img{max-width:18mm;max-height:9mm;object-fit:contain}.meta-grid{display:grid;grid-template-columns:1fr 1fr}.meta-cell{min-height:8mm;padding:2.5px 4px;border-right:1px solid #111;border-bottom:1px solid #111}.meta-cell:nth-child(2n){border-right:0}.meta-cell.full{grid-column:1/3;border-right:0}.meta-label{font-size:7px;color:#333}.meta-value{font-weight:700;margin-top:0.5px}.items{width:100%;border-collapse:collapse;table-layout:fixed}.items th,.items td{border-right:1px solid #111;border-bottom:1px solid #111;padding:3px 2.5px;vertical-align:top}.items th:last-child,.items td:last-child{border-right:0}.items thead th{text-align:center;font-size:7.5px;background:#f5f5f5}.items .sno{width:5%}.items .desc{width:39%}.items .hsn{width:11%}.items .qty{width:12%}.items .rate{width:11%}.items .per{width:7%}.items .amt{width:15%}.summary-grid{display:grid;grid-template-columns:61% 39%;border-bottom:1px solid #111}.summary-note{padding:4px 6px;border-right:1px solid #111}.charge-table{width:100%;border-collapse:collapse}.charge-table td{padding:2.5px 4px}.charge-table td:last-child{text-align:right}.charge-table .grand td{font-size:9.5px;font-weight:700;border-top:1px solid #111}.words-balance{display:grid;grid-template-columns:63% 37%;border-bottom:1px solid #111}.words,.balance-box{padding:4px 6px}.words{border-right:1px solid #111}.tax-table{width:100%;border-collapse:collapse;table-layout:fixed}.tax-table th,.tax-table td{border-right:1px solid #111;border-bottom:1px solid #111;padding:2.5px;text-align:center}.tax-table th:last-child,.tax-table td:last-child{border-right:0}.tax-words{padding:4px 6px;border-bottom:1px solid #111}.dispatch-table{width:100%;border-collapse:collapse;table-layout:fixed}.dispatch-table th,.dispatch-table td{border-right:1px solid #111;border-bottom:1px solid #111;padding:2.5px;overflow-wrap:anywhere}.dispatch-table th:last-child,.dispatch-table td:last-child{border-right:0}.dispatch-table th{background:#f5f5f5}.bank-sign{display:grid;grid-template-columns:58% 42%;border-bottom:1px solid #111}.declaration{padding:4px 6px;border-right:1px solid #111}.bank{padding:4px 6px;border-bottom:1px solid #111}.signature{height:18mm;padding:4px 6px;text-align:center;display:flex;flex-direction:column;justify-content:space-between}.footer{text-align:center;padding:3px 6px;font-size:7.5px}
@media print{
 @page{size:A4 portrait;margin:8mm}
 *{box-sizing:border-box!important}
 html,body{width:100%!important;height:100%!important;background:#fff!important;overflow:visible!important;margin:0!important;padding:0!important}
 body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important;font-size:7.5pt!important;line-height:1.15!important}
 .toolbar{display:none!important;visibility:hidden!important}
 .page{width:100%!important;margin:0!important;padding:0!important;background:#fff!important;box-shadow:none!important}
 .invoice{width:100%!important;border:2px solid #111!important;padding:0!important}
 table{page-break-inside:auto!important;break-inside:auto!important;border-collapse:collapse!important;margin:0!important}
 thead{display:table-header-group!important}
 tfoot{display:table-footer-group!important}
 tbody{display:table-row-group!important}
 tr{page-break-inside:avoid!important;break-inside:avoid!important}
 th,td{border:1px solid #111!important;padding:1.5mm!important;overflow:visible!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;font-size:7pt!important}
 th{font-size:6.5pt!important;background:#f5f5f5!important}
 .top-title,.irn-line,.party-grid,.summary-grid,.words-balance,.tax-words,.bank-sign{page-break-inside:avoid!important;break-inside:avoid!important;border-bottom:1px solid #111!important}
 .top-title{padding:1.5mm 2mm!important;min-height:10mm!important;border-bottom:2px solid #111!important}
 .irn-line{min-height:16mm!important;border-bottom:1px solid #111!important}
 .party-grid{border:0!important;display:table!important;width:100%!important;border-bottom:1px solid #111!important}
 .seller-buyer{display:table-cell!important;width:50%!important;vertical-align:top!important;border-right:1px solid #111!important}
 .meta-grid{display:table-cell!important;width:50%!important;vertical-align:top!important}
 .party-box{padding:2mm!important;min-height:16mm!important;border-bottom:1px solid #111!important}
 .party-box:last-child{border-bottom:0!important}
 .meta-cell{display:block!important;width:50%!important;float:left!important;padding:2mm 1.5mm!important;min-height:7mm!important;border:1px solid #111!important;border-right:0!important;border-top:0!important;border-left:0!important;box-sizing:border-box!important}
 .meta-cell:nth-child(odd){clear:left!important}
 .meta-cell:nth-child(even){border-right:0!important}
 .meta-cell:nth-child(1),.meta-cell:nth-child(2){border-top:0!important}
 .meta-cell.full{width:100%!important;clear:both!important;float:none!important;border-left:0!important;border-right:0!important}
 .meta-label{font-size:6pt!important;display:block!important;margin-bottom:0.5mm!important;color:#555!important}
 .meta-value{font-size:7.5pt!important;display:block!important;font-weight:700!important}
 .qr-box img{width:18mm!important;height:18mm!important}
 .signature{height:14mm!important;padding:2mm!important}
 .items,.tax-table,.dispatch-table{width:100%!important;border:1px solid #111!important;border-top:0!important}
 img{max-width:100%!important;page-break-inside:avoid!important}
 a{color:inherit!important;text-decoration:none!important}
 a[href]:after{content:none!important}
 .summary-grid{border:0!important;display:table!important;width:100%!important;border-bottom:1px solid #111!important}
 .summary-note{display:table-cell!important;width:40%!important;vertical-align:top!important;border-right:1px solid #111!important;padding:2mm!important;font-size:7pt!important}
 .summary-note>div{display:table-cell!important}
 .charge-table{display:table-cell!important;width:60%!important;border-collapse:collapse!important;margin:0!important}
 .charge-table td{padding:1.5mm 2mm!important;font-size:7pt!important;border:0!important}
 .charge-table tr{border-bottom:1px solid #ddd!important}
 .charge-table .grand{border-top:1.5px solid #111!important}
 .charge-table .grand td{font-size:8pt!important;font-weight:700!important;padding:2mm!important}
 .words-balance{border:0!important;display:table!important;width:100%!important;border-bottom:1px solid #111!important}
 .words{display:table-cell!important;width:65%!important;vertical-align:top!important;border-right:1px solid #111!important;padding:2mm!important;font-size:7pt!important}
 .balance-box{display:table-cell!important;width:35%!important;padding:2mm!important;font-size:7pt!important}
 .bank-sign{border:0!important;display:table!important;width:100%!important;border-bottom:1px solid #111!important}
 .declaration{display:table-cell!important;width:58%!important;vertical-align:top!important;border-right:1px solid #111!important;padding:2mm!important;font-size:7pt!important}
 .bank{padding:2mm!important;border-bottom:1px solid #111!important;font-size:7pt!important}
 .signature{padding:2mm!important;height:14mm!important;font-size:7pt!important}
}
@media(max-width:800px){.page,.toolbar{width:100%;max-width:100%}.page{margin:0}.party-grid,.bank-sign,.summary-grid,.words-balance{grid-template-columns:1fr}.seller-buyer,.summary-note,.words,.declaration{border-right:0}.top-title{grid-template-columns:1fr}.copy{text-align:center}.meta-grid{grid-template-columns:1fr}.meta-cell,.meta-cell:nth-child(2n){border-right:0}.meta-cell.full{grid-column:auto}}

.bi-fe7b4979fe { margin-top:6px; }

.bi-8a77e5a311 { margin-top:8px; }

/* --- Component: sales-invoices\show.css --- */
/* Extracted from sales-invoices/show.blade.php */

@media print {
    @page { size: A4 portrait; margin: 7mm; }

    html, body {
        width: auto !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        background: #fff !important;
    }

    body {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    .no-print,
    .invoice-actions,
    .print-actions,
    .btn,
    button,
    nav,
    aside,
    .navbar,
    .sidebar,
    .app-header,
    .app-sidebar,
    .footer:not(.invoice-footer) {
        display: none !important;
    }

    .container,
    .container-fluid,
    .content-wrapper,
    .main-content,
    .invoice-shell,
    .invoice-container,
    .print-container,
    .invoice-paper,
    .card,
    .card-body {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow: visible !important;
        box-shadow: none !important;
    }

    table {
        width: 100% !important;
        max-width: 100% !important;
        border-collapse: collapse !important;
        table-layout: fixed !important;
        page-break-inside: auto !important;
        break-inside: auto !important;
    }

    thead {
        display: table-header-group !important;
    }

    tfoot {
        display: table-footer-group !important;
    }

    tbody {
        display: table-row-group !important;
    }

    tr {
        page-break-inside: avoid !important;
        break-inside: avoid-page !important;
        page-break-after: auto !important;
    }

    th, td {
        overflow: visible !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
        vertical-align: top !important;
    }

    img, svg, canvas {
        max-width: 100% !important;
        page-break-inside: avoid !important;
        break-inside: avoid-page !important;
    }

    .table-responsive {
        overflow: visible !important;
        width: 100% !important;
    }

    .summary-section,
    .invoice-summary,
    .tax-summary,
    .totals-section,
    .amount-balance-grid,
    .footer-grid,
    .signature-section,
    .bank-details,
    .declaration,
    .eway-summary,
    .irn-block,
    .party-meta-grid {
        page-break-inside: avoid !important;
        break-inside: avoid-page !important;
    }

    .page-break-before {
        page-break-before: always !important;
        break-before: page !important;
    }

    .page-break-after {
        page-break-after: always !important;
        break-after: page !important;
    }

    .avoid-page-break {
        page-break-inside: avoid !important;
        break-inside: avoid-page !important;
    }
}

/* --- Component: sale-quotations\create.css --- */
/* Extracted from sale-quotations/create.blade.php */

.bi-bd09c419b5 { width:60px; }

.bi-5af557a50a { min-width:220px; }

.bi-c6fffdfe96 { width:130px; }

.bi-465bfea3ed { width:120px; }

.bi-7c07cdf8bd { width:150px; }

.bi-28c0f6ec6e { width:160px; }

.bi-581be415aa { width:90px; }

/* --- Component: sale-quotations\edit.css --- */
/* Extracted from sale-quotations/edit.blade.php */

:root{
        --ink:        #23303F;
        --ink-soft:   #5B6675;
        --paper:      #FAF7F1;
        --panel:      #FFFFFF;
        --line:       #E3DDCF;
        --ledger:     #14675C;
        --ledger-dk:  #0E4C44;
        --gold:       #C1872F;
        --danger:     #B4432E;
    }

    @import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap');

    .quote-page{
        background: var(--paper);
        color: var(--ink);
        font-family: 'Inter', -apple-system, sans-serif;
        padding-bottom: 3rem;
    }

    .quote-page .page-header{
        border-bottom: none;
        padding: 2.25rem 0 1.25rem;
    }

    .quote-page .page-title{
        font-family: 'Fraunces', Georgia, serif;
        font-weight: 600;
        font-size: 1.9rem;
        color: var(--ink);
        display: flex;
        align-items: center;
        gap: .6rem;
        letter-spacing: -0.01em;
    }

    .quote-page .page-title i{ color: var(--ledger); font-size: 1.5rem; }

    .quote-page .page-eyebrow{
        font-family: 'IBM Plex Mono', monospace;
        font-size: .72rem;
        letter-spacing: .14em;
        text-transform: uppercase;
        color: var(--gold);
        font-weight: 600;
        margin-bottom: .35rem;
        display: block;
    }

    .quote-page .page-eyebrow.editing{ color: var(--ledger-dk); }

    .quote-no-tag{
        font-family: 'IBM Plex Mono', monospace;
        font-size: .78rem;
        font-weight: 600;
        color: var(--ledger-dk);
        background: rgba(20,103,92,0.08);
        border: 1px solid rgba(20,103,92,0.18);
        padding: .35rem .75rem;
        border-radius: 3px;
        letter-spacing: .04em;
        display: inline-flex;
        align-items: center;
        gap: .4rem;
    }

    /* ---- ledger panel (replaces .card) ---- */
    .ledger-panel{
        background: var(--panel);
        border: 1px solid var(--line);
        border-radius: 4px;
        box-shadow: 0 1px 2px rgba(35,48,63,0.04);
        margin-bottom: 1.5rem;
        position: relative;
        overflow: visible;
    }

    .ledger-panel::before{
        content: attr(data-tab);
        position: absolute;
        top: -13px;
        left: 22px;
        background: var(--ledger);
        color: #fff;
        font-family: 'IBM Plex Mono', monospace;
        font-size: .68rem;
        font-weight: 600;
        letter-spacing: .1em;
        text-transform: uppercase;
        padding: .28rem .7rem;
        border-radius: 3px;
    }

    .ledger-panel .panel-body{ padding: 2.1rem 1.75rem 1.6rem; }

    .quote-page .form-label{
        font-weight: 600;
        font-size: .82rem;
        color: var(--ink-soft);
        text-transform: uppercase;
        letter-spacing: .04em;
        margin-bottom: .4rem;
    }

    .quote-page .form-control,
    .quote-page .form-select{
        border: 1px solid var(--line);
        border-radius: 3px;
        background: var(--paper);
        color: var(--ink);
        padding: .55rem .75rem;
        font-size: .95rem;
        transition: border-color .15s ease, box-shadow .15s ease;
    }

    .quote-page .form-control:focus,
    .quote-page .form-select:focus{
        border-color: var(--ledger);
        box-shadow: 0 0 0 3px rgba(20,103,92,0.12);
        background: #fff;
    }

    .quote-page .form-control[readonly]{
        background: #F0EDE4;
        color: var(--ink-soft);
        font-family: 'IBM Plex Mono', monospace;
        font-weight: 600;
    }

    .quote-page small.text-muted{
        font-size: .74rem;
        color: var(--ink-soft) !important;
    }

    .quote-page .text-danger{ color: var(--danger) !important; }
    .quote-page .invalid-feedback{ color: var(--danger); font-size: .8rem; }
    .quote-page .is-invalid{ border-color: var(--danger) !important; }

    /* ---- items table ---- */
    #itemsTable{
        border-collapse: separate;
        border-spacing: 0;
        margin-bottom: 0;
    }

    #itemsTable thead th{
        font-family: 'IBM Plex Mono', monospace;
        font-size: .7rem;
        letter-spacing: .1em;
        text-transform: uppercase;
        color: var(--ink-soft);
        background: var(--paper);
        border-bottom: 2px solid var(--ink);
        border-top: none;
        padding: .7rem .6rem;
        font-weight: 600;
    }

    #itemsTable td{
        vertical-align: middle;
        border-color: var(--line);
        padding: .55rem;
    }

    #itemsTable .item-row .row-index{
        font-family: 'IBM Plex Mono', monospace;
        color: var(--ink-soft);
        font-size: .85rem;
        text-align: center;
        width: 2.5rem;
    }

    #itemsTable .line-total{
        font-family: 'IBM Plex Mono', monospace;
        font-weight: 600;
        text-align: right;
        color: var(--ink);
        white-space: nowrap;
    }

    .btn-add-item{
        background: transparent;
        border: 1px dashed var(--ledger);
        color: var(--ledger-dk);
        font-weight: 600;
        font-size: .88rem;
        border-radius: 3px;
        padding: .5rem 1rem;
        transition: background .15s ease;
    }
    .btn-add-item:hover{ background: rgba(20,103,92,0.08); color: var(--ledger-dk); }

    .btn-remove-item{
        background: transparent;
        border: 1px solid var(--line);
        color: var(--danger);
        border-radius: 3px;
        font-size: .8rem;
        padding: .3rem .55rem;
    }
    .btn-remove-item:hover{ background: rgba(180,67,46,0.08); border-color: var(--danger); }

    /* ---- ledger tape (totals) — signature element ---- */
    .ledger-tape{
        background: var(--ink);
        color: #F5F1E8;
        border-radius: 4px;
        position: relative;
        padding: 1.6rem 1.9rem 1.8rem;
        margin-top: .5rem;
        background-image:
            radial-gradient(circle at 8px 0, transparent 7px, var(--paper) 7.5px),
            radial-gradient(circle at 8px 100%, transparent 7px, var(--paper) 7.5px);
        background-position: top left, bottom left;
        background-size: 16px 16px;
        background-repeat: repeat-x;
    }

    .ledger-tape .tape-row{
        display: flex;
        justify-content: space-between;
        font-family: 'IBM Plex Mono', monospace;
        font-size: .92rem;
        padding: .3rem 0;
        color: #C9C2B2;
    }

    .ledger-tape .tape-row.grand{
        border-top: 1px dashed rgba(245,241,232,0.3);
        margin-top: .5rem;
        padding-top: .8rem;
        font-size: 1.35rem;
        font-weight: 600;
        color: #fff;
    }

    .ledger-tape .tape-row.grand .tape-label{
        font-family: 'Fraunces', serif;
        font-weight: 600;
        letter-spacing: -0.01em;
    }

    .ledger-tape .tape-row.grand span:last-child{
        color: #E4A94B;
    }

    /* ---- footer actions ---- */
    .quote-actions{
        display: flex;
        justify-content: flex-end;
        gap: .75rem;
        align-items: center;
        margin-top: 1.5rem;
    }

    .btn-cancel-quote{
        color: var(--ink-soft);
        font-weight: 600;
        text-decoration: none;
        padding: .65rem 1rem;
    }
    .btn-cancel-quote:hover{ color: var(--ink); }

    .btn-save-quote{
        background: var(--ledger);
        border: none;
        color: #fff;
        font-weight: 600;
        padding: .7rem 1.6rem;
        border-radius: 3px;
        display: inline-flex;
        align-items: center;
        gap: .5rem;
        font-size: .95rem;
        transition: background .15s ease;
    }
    .btn-save-quote:hover{ background: var(--ledger-dk); color: #fff; }

    @media (max-width: 767px){
        .ledger-panel .panel-body{ padding: 1.6rem 1.1rem 1.3rem; }
        .ledger-tape{ padding: 1.3rem 1.2rem 1.5rem; }
    }

.bi-9bcd21d223 { font-size:.85rem; }

.bi-f0fb0637d5 { width: 22%; }

.bi-a26497abd4 { width: 26%; }

.bi-afb1c4d31a { width: 12%; }

.bi-8a0b6d3049 { width: 14%; }

.bi-03375b4580 { width: 8%; }

/* --- Component: sale-quotations\index.css --- */
/* Extracted from sale-quotations/index.blade.php */

:root {
  --bg:        #f8fafc;
  --card:      #ffffff;
  --header:    #0f172a;
  --accent:    #2563eb;
  --accent-lt: #eff6ff;
  --accent-hover: #1d4ed8;
  --green:     #10b981;
  --green-lt:  #ecfdf5;
  --amber:     #f59e0b;
  --amber-lt:  #fffbeb;
  --slate:     #64748b;
  --slate-lt:  #f1f5f9;
  --violet:    #7c3aed;
  --violet-lt: #f5f3ff;
  --danger:    #ef4444;
  --danger-lt: #fef2f2;
  --border:    #e2e8f0;
  --muted:     #64748b;
  --text:      #334155;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.03), 0 1px 2px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 4px 6px -1px rgba(15, 23, 42, 0.05), 0 2px 4px -2px rgba(15, 23, 42, 0.05);
}

body { background: var(--bg); font-family: 'Inter', system-ui, sans-serif; color: var(--text); -webkit-font-smoothing: antialiased; }
.sq-page { max-width: 1360px; margin: 0 auto; padding: 32px 24px 60px; }

/* ── HEADER ── */
.sq-page-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 28px; flex-wrap: wrap; gap: 16px; }
.sq-page-header h5 { font-size: 1.5rem; font-weight: 800; color: var(--header); margin: 0 0 6px; display: flex; align-items: center; gap: 10px; letter-spacing: -0.02em; }
.sq-breadcrumb { font-size: .8rem; font-weight: 500; color: var(--muted); display: flex; align-items: center; gap: 6px; }
.sq-breadcrumb a { color: var(--muted); text-decoration: none; transition: color .15s; }
.sq-breadcrumb a:hover { color: var(--accent); }
.sq-breadcrumb span { opacity: 0.7; }

.btn-act {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: .85rem; font-weight: 600; padding: 10px 18px;
  border-radius: var(--radius-sm); border: none; cursor: pointer; text-decoration: none; transition: all .15s ease;
  white-space: nowrap; box-shadow: var(--shadow-sm);
}
.btn-act-primary { background: var(--accent); color: #fff; }
.btn-act-primary:hover { background: var(--accent-hover); transform: translateY(-1px); color: #fff; }

/* ── METRICS ── */
.metrics-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 24px; }
@media(max-width:1024px){ .metrics-row { grid-template-columns: 1fr 1fr; } }
@media(max-width:560px){ .metrics-row { grid-template-columns: 1fr; } }

.metric-card {
  background: var(--card); border: 1px solid var(--border);
  border-radius: var(--radius-md); padding: 20px;
  box-shadow: var(--shadow-sm); display: flex; align-items: center; gap: 16px;
  transition: transform .2s ease, box-shadow .2s ease; text-decoration: none;
}
.metric-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); }
.mc-icon {
  width: 48px; height: 48px; border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.3rem; flex-shrink: 0;
}
.mc-icon.blue   { background: var(--accent-lt); color: var(--accent); }
.mc-icon.slate  { background: var(--slate-lt);  color: var(--slate); }
.mc-icon.amber  { background: var(--amber-lt);  color: var(--amber); }
.mc-icon.green  { background: var(--green-lt);  color: var(--green); }
.mc-body label  { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); display: block; margin-bottom: 4px; }
.mc-body .mc-val { font-size: 1.5rem; font-weight: 800; color: var(--header); font-family: 'SF Mono', 'JetBrains Mono', monospace; letter-spacing: -0.03em; line-height:1; }
.mc-body .mc-sub { font-size: .72rem; font-weight: 500; color: var(--muted); margin-top: 4px; }

/* ── CARD ── */
.sq-card { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); overflow: hidden; margin-bottom: 24px; }
.sq-card-head {
  background: #fff; color: var(--header);
  padding: 16px 24px; font-size: .85rem; font-weight: 700;
  letter-spacing: .02em; display: flex; align-items: center; justify-content: space-between;
  border-bottom: 1px solid var(--border); gap: 16px; flex-wrap: wrap;
}
.sq-card-head .title-group { display: flex; align-items: center; gap: 8px; }
.sq-card-head i { color: var(--accent); font-size: 1.1rem; }

/* ── QUICK SEARCH ── */
.qs-wrap { position: relative; min-width: 240px; flex: 1; max-width: 340px; }
.qs-wrap i { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--muted); font-size: .95rem; pointer-events: none; }
.qs-input {
  width: 100%; font-size: .82rem; padding: 8px 12px 8px 34px;
  border: 1px solid var(--border); border-radius: var(--radius-sm);
  background: var(--bg); transition: all .15s ease;
}
.qs-input:focus { outline: none; border-color: var(--accent); background: #fff; box-shadow: 0 0 0 3px rgba(37,99,235,.12); }

.status-filter-row { display: flex; gap: 6px; flex-wrap: wrap; padding: 14px 24px; border-bottom: 1px solid var(--border); background: #fbfcfe; }
.status-chip {
  font-size: .74rem; font-weight: 600; padding: 6px 14px; border-radius: 99px;
  border: 1px solid var(--border); background: #fff; color: var(--muted); cursor: pointer;
  transition: all .15s ease; user-select: none;
}
.status-chip:hover { border-color: #cbd5e1; color: var(--header); }
.status-chip.active { background: var(--header); border-color: var(--header); color: #fff; }

/* ── ALERTS ── */
.sq-alert { border-radius: var(--radius-md); padding: 14px 18px; margin-bottom: 20px; font-size: .85rem; display: flex; align-items: flex-start; gap: 10px; border: 1px solid transparent; }
.sq-alert-danger  { background: var(--danger-lt); border-color: #fecaca; color: #991b1b; }
.sq-alert-success { background: var(--green-lt); border-color: #bbf7d0; color: #065f46; }
.sq-alert ul { margin: 4px 0 0 18px; padding: 0; }
.sq-alert .close-x { margin-left: auto; background: none; border: none; cursor: pointer; color: inherit; opacity: .6; font-size: 1rem; line-height: 1; }
.sq-alert .close-x:hover { opacity: 1; }

/* ── TABLE ── */
.sq-table { width: 100%; border-collapse: collapse; font-size: .88rem; }
.sq-table thead th {
  background: #f8fafc; color: var(--muted);
  font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em;
  padding: 14px 20px; border-bottom: 1px solid var(--border); white-space: nowrap;
}
.sq-table th.r { text-align: right; }
.sq-table tbody td { padding: 14px 20px; border-bottom: 1px solid var(--border); color: var(--text); vertical-align: middle; }
.sq-table tbody tr:last-child td { border-bottom: none; }
.sq-table tbody tr { transition: background-color .15s ease; }
.sq-table tbody tr:hover td { background: #f8fafc; }
.sq-table tbody tr.sq-hidden { display: none; }

.quote-badge {
  font-size: .8rem; font-weight: 700; font-family: 'SF Mono', monospace;
  background: var(--accent-lt); color: var(--accent);
  border-radius: 4px; padding: 4px 10px; letter-spacing: .02em;
  text-decoration: none; display: inline-block; transition: all .15s ease;
}
.quote-badge:hover { background: #dbeafe; color: var(--accent-hover); }

.client-name { font-weight: 600; color: var(--header); }
.date-cell { color: var(--muted); font-size: .82rem; }
.amount-cell { text-align: right; font-family: 'SF Mono', 'JetBrains Mono', monospace; font-weight: 700; color: var(--header); }

.status-pill {
  font-size: .7rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em;
  padding: 4px 11px; border-radius: 99px; display: inline-flex; align-items: center; gap: 5px;
}
.status-pill::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.status-draft    { background: var(--slate-lt);  color: var(--slate); }
.status-sent     { background: var(--accent-lt); color: var(--accent); }
.status-accepted { background: var(--green-lt);  color: #059669; }
.status-rejected { background: var(--danger-lt); color: var(--danger); }
.status-expired  { background: var(--amber-lt);  color: #b45309; }

.action-group { display: flex; gap: 6px; justify-content: flex-end; }
.action-group a, .action-group button {
  width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center;
  border-radius: 6px; font-size: .9rem; border: 1px solid var(--border); background: #fff;
  color: var(--muted); text-decoration: none; cursor: pointer; transition: all .15s ease;
}
.action-group a:hover { border-color: var(--accent); color: var(--accent); background: var(--accent-lt); }
.action-group .btn-del:hover { border-color: var(--danger); color: var(--danger); background: var(--danger-lt); }

.sq-empty { text-align: center; padding: 56px 20px; color: var(--muted); }
.sq-empty i { font-size: 2.2rem; color: #cbd5e1; margin-bottom: 10px; display: block; }
.sq-empty p { margin: 0; font-size: .88rem; }

.sq-card-footer { padding: 16px 24px; border-top: 1px solid var(--border); }

.bi-b68d4967a5 { color: var(--accent); }

.bi-f15bdb61bd { font-size:1.1rem; }

.bi-08935a7e62 { color:var(--amber); }

.bi-7f24e27d60 { color:var(--green); }

.bi-0ddf068bfb { overflow-x:auto; }

.bi-6b99de8b69 { display:none; }

/* --- Component: sale-quotations\pdf.css --- */
/* Extracted from sale-quotations/pdf.blade.php */

*{box-sizing:border-box}
    @page{size:A4 portrait;margin:0}
    html,body{
        margin:0;padding:0;background:#dfe5ef;
        font-family:Arial,Helvetica,sans-serif;color:#101010;
        -webkit-print-color-adjust:exact!important;
        print-color-adjust:exact!important
    }
    body{font-size:11px}
    .page{
        width:210mm;height:297mm;min-height:297mm;
        margin:0 auto 12px;background:#fff;position:relative;
        padding:12mm 16mm 31mm;overflow:hidden;
        page-break-after:always;break-after:page
    }
    .page:last-of-type{page-break-after:auto;break-after:auto}
    .page-content{position:relative;z-index:2;height:100%}
    .watermark{
        position:absolute;left:50%;top:50%;transform:translate(-50%,-46%);
        font-size:188px;line-height:1;font-weight:900;color:#112081;
        opacity:.075;z-index:1;pointer-events:none;letter-spacing:-16px
    }
    .watermark small{
        display:block;font-size:22px;letter-spacing:0;text-align:center;
        margin-top:-15px;font-weight:700
    }
    .header{text-align:center;height:31mm;display:flex;justify-content:center;align-items:flex-start}
    .logo{max-width:285px;max-height:78px;object-fit:contain}
    .fallback-logo{color:#10218c;font-size:43px;font-weight:800;letter-spacing:-3px}
    .fallback-logo span{font-weight:400;font-size:34px}
    .fallback-tag{display:block;font-size:14px;letter-spacing:0;margin-top:-3px}

    .doc-title{
        margin:0 0 11mm;text-align:center;color:#e31b1b;
        font-size:24px;font-weight:800;text-decoration:underline
    }
    .top-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 2mm 10mm}
    .top-grid .right{text-align:right}
    .row{margin-bottom:5px;line-height:1.35}
    .blue{color:#0b247b;font-weight:700}
    .client-name{font-size:12px;font-weight:800;color:#0b247b}
    .subject-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 2mm 5mm}
    .subject-grid .right{text-align:right;padding-top:7mm}
    .intro{margin:0 2mm 8mm;line-height:1.35;font-size:10.4px}

    table{width:100%;border-collapse:collapse;table-layout:fixed}
    .quotation-table{margin-top:1mm}
    .quotation-table th{
        background:#111f83;color:#fff;border:1px solid #334294;
        padding:6px 5px;font-size:10px;text-align:center
    }
    .quotation-table td{
        border:1px solid #b1b4bd;padding:7px 5px;font-size:10.5px;text-align:center
    }
    .quotation-table tbody tr:nth-child(odd) td{background:#f7a8aa}
    .quotation-table tbody tr:nth-child(even) td{background:#fff0a9}
    .quotation-table td.description{text-align:left;padding-left:12px}
    .terms-bottom{position:absolute;left:22mm;bottom:34mm;width:160mm}
    .section-heading{
        color:#0b247b;font-weight:800;text-decoration:underline;
        font-size:11.5px;margin:0 0 6px
    }
    .note-line{color:#0b247b;font-size:10.5px;line-height:1.45}
    .note-line strong{font-weight:800}

    .long-terms{margin:2mm 5mm 0}
    .term-section{margin-bottom:4mm}
    .term-section h3{
        margin:0 0 2mm;color:#0b247b;font-size:11.5px;
        text-decoration:underline
    }
    .term-section ol{margin:0;padding-left:7mm}
    .term-section li{margin:0 0 1.2mm;line-height:1.28}
    .relation{
        text-align:center;color:#0b247b;font-weight:800;
        font-size:13px;margin:6mm 0 8mm
    }
    .signature-block{margin-left:10mm}
    .signature-block .thanks{font-size:12px;margin-bottom:4mm}
    .signature-block .company{font-weight:800;font-size:11.5px}
    .signature-image{display:block;max-width:150px;max-height:58px;margin:3mm 0}
    .signature-space{height:19mm}
    .sign-title{font-weight:800;font-size:11px}

    .mix-title{
        margin:10mm 4mm 10mm;color:#0b247b;font-weight:800;
        font-size:11.5px;text-decoration:underline
    }
    .mix-table{width:100%;margin-top:0}
    .mix-table th{
        background:#111f83;color:#fff;border:1px solid #737b9d;
        padding:7px;font-size:11px;font-weight:400
    }
    .mix-table td{
        border:1px solid #b0b0b0;padding:7px;text-align:center;font-size:10.5px
    }
    .mix-table tbody tr:nth-child(odd) td{background:#f7a8aa}
    .mix-table tbody tr:nth-child(even) td{background:#fff0a9}
    .enquiry{
        position:absolute;left:28mm;bottom:90mm;color:#0b247b;
        font-size:12px;font-weight:800
    }
    .page-3-sign{position:absolute;left:30mm;bottom:39mm}

    .footer{
        position:absolute;left:0;right:0;bottom:0;
        height:28mm;background:#111f83;color:#fff;text-align:center;
        padding:8mm 14mm 4mm;font-size:9.4px;line-height:1.55;z-index:3
    }
    .footer:before{
        content:"";position:absolute;left:0;right:0;top:-4mm;height:4mm;
        background:linear-gradient(to bottom,#ffe000 0 50%,#ed1717 50% 100%)
    }
    .footer small{font-size:7px}
    .actions{
        width:210mm;margin:12px auto;display:flex;justify-content:flex-end;gap:8px
    }
    .btn{
        border:0;border-radius:6px;padding:9px 16px;text-decoration:none;
        cursor:pointer;font-weight:700
    }
    .btn-print{background:#111f83;color:#fff}
    .btn-back{background:#fff;color:#111f83;border:1px solid #cfd6e5}

    @media print{
        html,body{background:#fff}
        .actions{display:none!important}
        .page{margin:0!important}
    }

.bi-c2011699e6 { margin-top:8mm; }

.bi-fc5b10ffe0 { margin-top:10mm; }

.bi-31701b82db { margin-top:5mm; }

.bi-8c8f533b00 { width:8%; }

.bi-6bbafabf21 { width:11%; }

.bi-fd14ca83c7 { width:14%; }

.bi-55b2e17218 { width:18%; }

.bi-42b6e99fa2 { padding-left:27px; }

.bi-f91f66a79b { width:34%; }

.bi-bda2998b8f { padding:18px;border:1px solid #d9dce5;text-align:center;color:#64748b; }

/* --- Component: sale-quotations\show.css --- */
/* Extracted from sale-quotations/show.blade.php */

.quotation-view{max-width:1380px;margin:0 auto;padding:24px}
    .quotation-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}
    .quotation-toolbar h3{margin:0;font-size:1.35rem;font-weight:800;color:#0f1f5c}
    .quotation-toolbar p{margin:4px 0 0;color:#64748b;font-size:.82rem}
    .quotation-actions{display:flex;gap:8px;flex-wrap:wrap}
    .quotation-actions .btn{border-radius:8px;font-weight:600}
    .quotation-preview{background:#dfe5ef;border:1px solid #d1d9e8;border-radius:16px;padding:18px;box-shadow:0 10px 30px rgba(15,31,92,.08)}
    .quotation-frame{width:100%;height:calc(100vh - 205px);min-height:760px;border:0;border-radius:8px;background:#fff;box-shadow:0 15px 35px rgba(14,30,80,.13)}
    .status-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
    .status-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:#eef2ff;color:#283593;font-size:.75rem;font-weight:800;text-transform:uppercase}
    @media(max-width:767px){.quotation-view{padding:14px}.quotation-preview{padding:6px}.quotation-frame{height:76vh;min-height:620px}}

.bi-66dbd5d0ad { min-width:180px; }

/* --- Component: orders\create.css --- */
/* Extracted from orders/create.blade.php */

.bi-a484feb8c4 { text-transform:uppercase; }

/* --- Component: orders\import.css --- */
/* Extracted from orders/import.blade.php */

:root {
    --primary-color: #4f46e5;
    --card-bg: #ffffff;
    --border-color: #e2e8f0;
    --text-main: #0f172a;
    --text-muted: #64748b;
  }
  .imp-container { max-width: 800px; margin: 2rem auto; padding: 0 1rem; }
  .imp-card { background: var(--card-bg); border: 1px solid var(--border-color); border-radius: 16px; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.05); overflow: hidden; }
  .imp-header-section { padding: 24px; border-bottom: 1px solid var(--border-color); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; }
  .imp-title h4 { color: var(--text-main); font-weight: 700; margin: 0; font-size: 1.25rem; }
  .steps-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; padding: 24px; background: #fdfdfd; border-bottom: 1px solid var(--border-color); }
  .step-box { display: flex; gap: 12px; align-items: start; }
  .step-badge { background: #eff6ff; color: #2563eb; font-weight: 700; width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.85rem; flex-shrink: 0; }
  .step-text h6 { margin: 0; font-weight: 600; color: var(--text-main); font-size: 0.9rem; }
  .step-text p { margin: 2px 0 0; color: var(--text-muted); font-size: 0.8rem; }
  .imp-body { padding: 32px 24px; }
  .drop-zone { border: 2px dashed #cbd5e1; background: #f8fafc; border-radius: 12px; padding: 40px 20px; text-align: center; cursor: pointer; transition: all 0.2s ease-in-out; }
  .drop-zone:hover, .drop-zone.drag-over { border-color: var(--primary-color); background: #f5f3ff; }
  .drop-icon { font-size: 2.5rem; color: #94a3b8; margin-bottom: 12px; }
  .file-preview-box { background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 12px; padding: 16px; display: flex; align-items: center; justify-content: space-between; }
  .file-info { display: flex; align-items: center; gap: 12px; }
  .file-icon-wrapper { background: #10b981; color: #fff; width: 40px; height: 40px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 1.25rem; }

/* --- Component: orders\import_preview.css --- */
/* Extracted from orders/import_preview.blade.php */

.bi-3821785e6d { font-size: 0.85rem;border-color: rgba(255, 193, 7, 0.15) !important; }

.bi-cccfa4560d { display:inline; }

.bi-2ac322a808 { width: 50px; }

.bi-de0c8012ea { font-size: 0.75rem; }

.bi-cc37ecfc4c { max-width: 220px; }

.bi-c0c6b991d7 { font-size: 0.72rem; }

/* --- Component: orders\index.css --- */
/* Extracted from orders/index.blade.php */

:root {
  --bg:        #f0f4f8;
  --card:      #ffffff;
  --header:    #102b5b;
  --accent:    #3b82f6;
  --accent-lt: #eff6ff;
  --green:     #10b981;
  --green-lt:  #f0fdf4;
  --amber:     #f59e0b;
  --amber-lt:  #fffbeb;
  --danger:    #ef4444;
  --border:    #e2e8f0;
  --muted:     #94a3b8;
  --text:      #1e293b;
  --text-sm:   #64748b;
  --radius:    8px;
}

body { background: var(--bg); font-family: 'Inter', system-ui, sans-serif; }
.so-page { max-width: 1400px; margin: 0 auto; padding: 24px 16px 40px; }

/* PAGE HEADER */
.so-page-header {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 20px; flex-wrap: wrap; gap: 12px;
}
.so-page-header h5 {
  font-size: 1.1rem; font-weight: 700; color: var(--header);
  margin: 0; display: flex; align-items: center; gap: 8px;
}
.badge-pill {
  font-size: .65rem; font-weight: 600; letter-spacing: .06em;
  text-transform: uppercase; background: var(--accent); color: #fff;
  padding: 3px 10px; border-radius: 99px;
}
.btn-new {
  background: var(--accent); color: #fff; border: none;
  border-radius: 6px; padding: 8px 18px; font-size: .82rem;
  font-weight: 600; cursor: pointer; display: inline-flex;
  align-items: center; gap: 6px; text-decoration: none;
  transition: background .15s;
}
.btn-new:hover { background: #2563eb; color: #fff; }
.btn-danger {
  background: var(--danger); color: #fff; border: none;
  border-radius: 6px; padding: 8px 18px; font-size: .82rem;
  font-weight: 600; cursor: pointer; display: inline-flex;
  align-items: center; gap: 6px; text-decoration: none;
  transition: background .15s;
}
.btn-danger:hover { background: #dc2626; }

/* Fixed selection header */
.so-select-header {
  position: fixed;
  top: 70px;
  left: 50%;
  transform: translateX(-50%) translateY(-120%);
  z-index: 2000;
  width: min(1100px, calc(100vw - 32px));
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 12px 16px;
  background: #102b5b;
  color: #fff;
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(16, 43, 91, .35);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: transform .18s ease, opacity .18s ease, visibility .18s ease;
}
.so-select-header.is-visible {
  transform: translateX(-50%) translateY(0);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.so-select-left {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
  font-size: .8rem;
}
.so-select-left span {
  background: #3b82f6;
  color: #fff;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  padding: 2px 10px;
  border-radius: 999px;
  font-size: .74rem;
}
.so-select-actions { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.so-sel-btn {
  border: 1px solid rgba(255,255,255,.2);
  background: rgba(255,255,255,.1);
  color: #fff;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: .72rem;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
}
.so-sel-btn:hover { background: rgba(255,255,255,.18); color: #fff; }
.so-sel-btn:disabled { opacity: .35; cursor: not-allowed; }
.so-sel-btn.success { background: rgba(16,185,129,.35); border-color: rgba(110,231,183,.5); }
.so-sel-btn.warn { background: rgba(245,158,11,.35); border-color: rgba(252,211,77,.5); }
.so-sel-btn.danger { background: rgba(239,68,68,.35); border-color: rgba(252,165,165,.5); }
.so-sel-btn.clear { background: transparent; }
#ordersTable tbody tr.is-selected td { background: #eff6ff !important; }
@media (max-width: 700px) {
  .so-select-header { top: 60px; width: calc(100vw - 16px); padding: 10px 12px; }
}
@media print {
  .so-select-header, .no-print { display: none !important; }
}

/* STAT TILE */
.stat-single {
  background: var(--card); border: 1px solid var(--border);
  border-radius: var(--radius); padding: 14px 20px;
  display: inline-flex; align-items: center; gap: 14px;
  box-shadow: 0 1px 4px rgba(0,0,0,.05);
}
.stat-icon {
  width: 38px; height: 38px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 17px; flex-shrink: 0;
  background: var(--accent-lt); color: var(--accent);
}
.stat-count { font-size: 1.3rem; font-weight: 800; line-height: 1; color: var(--accent); }
.stat-label { font-size: .68rem; color: var(--muted); margin-top: 2px; font-weight: 500; }

/* CARD */
.so-card {
  background: var(--card); border: 1px solid var(--border);
  border-radius: var(--radius); box-shadow: 0 1px 4px rgba(0,0,0,.06);
  margin-bottom: 16px; overflow: hidden;
}
.so-card-head {
  background: var(--header); color: #fff;
  padding: 12px 20px; font-size: .78rem; font-weight: 600;
  letter-spacing: .07em; text-transform: uppercase;
  display: flex; align-items: center; gap: 8px;
}
.so-card-head i { opacity: .7; font-size: 1rem; }
.so-card-body { padding: 16px 20px; }

/* FILTER BAR */
.filter-grid {
  display: grid;
  grid-template-columns: 2fr 1.2fr 1.2fr auto;
  gap: 12px; align-items: end;
}
@media(max-width:900px){ .filter-grid { grid-template-columns: 1fr 1fr; } }
.f-label {
  font-size: .68rem; font-weight: 700; color: var(--text-sm);
  text-transform: uppercase; letter-spacing: .06em;
  margin-bottom: 4px; display: block;
}
.f-control {
  font-size: .85rem; color: var(--text); border: 1px solid var(--border);
  border-radius: 6px; padding: 7px 10px; width: 100%;
  background: #fff; transition: border-color .15s, box-shadow .15s;
}
.f-control:focus {
  border-color: var(--accent); outline: none;
  box-shadow: 0 0 0 3px rgba(59,130,246,.1);
}
.filter-btn-group { display: flex; gap: 8px; }
.btn-filter {
  background: var(--accent); color: #fff; border: none;
  border-radius: 6px; padding: 7px 16px; font-size: .8rem;
  font-weight: 600; cursor: pointer; display: flex; align-items: center; gap: 5px;
  white-space: nowrap;
}
.btn-filter:hover { background: #2563eb; }
.btn-reset {
  background: #fff; color: var(--text-sm); border: 1px solid var(--border);
  border-radius: 6px; padding: 7px 14px; font-size: .8rem;
  font-weight: 600; cursor: pointer;
}
.btn-reset:hover { border-color: var(--accent); color: var(--accent); }

/* TABLE */
.so-table-wrap { overflow-x: auto; }
.so-table {
  width: 100%; border-collapse: collapse;
  font-size: .825rem; table-layout: auto;
}
.so-table thead tr th {
  background: #f1f5f9; color: var(--text-sm);
  font-size: .63rem; font-weight: 700; text-transform: uppercase;
  letter-spacing: .06em; padding: 10px 12px;
  border-bottom: 2px solid var(--border); white-space: nowrap;
}
.so-table tbody tr td {
  padding: 10px 12px; border-bottom: 1px solid #f1f5f9;
  vertical-align: middle; color: var(--text);
}
.so-table tbody tr:last-child td { border-bottom: none; }
.so-table tbody tr:hover td { background: #fafbfd; }

/* ORDER NO */
.order-no {
  font-family: 'JetBrains Mono','Courier New', monospace;
  font-size: .78rem; font-weight: 700; color: var(--accent);
  background: var(--accent-lt); padding: 3px 8px;
  border-radius: 5px; letter-spacing: .03em;
}

/* CLIENT CELL */
.client-name   { font-weight: 600; color: var(--text); font-size: .85rem; }
.client-mobile { font-size: .72rem; color: var(--muted); margin-top: 1px; }

/* SITE BADGE */
.site-badge-count {
  display: inline-block; font-size: .6rem; font-weight: 700;
  background: #DBEAFE; color: #1D4ED8;
  padding: 1px 7px; border-radius: 99px; margin-left: 4px;
}

/* ACTION BUTTONS */
.act-group { display: flex; gap: 5px; justify-content: center; }
.act-btn {
  width: 28px; height: 28px; border-radius: 6px;
  border: 1px solid currentColor; background: transparent;
  cursor: pointer; display: inline-flex; align-items: center;
  justify-content: center; font-size: .78rem; opacity: .75;
  text-decoration: none; transition: .15s ease; color: inherit;
}
.act-btn:hover { opacity: 1; }

/* ALERTS */
.so-alert {
  border-radius: var(--radius); padding: 10px 14px;
  font-size: .82rem; margin-bottom: 14px;
  display: flex; align-items: center; gap: 8px;
}
.so-alert-success { background: var(--green-lt); color: #065f46; border: 1px solid #a7f3d0; }
.so-alert-danger  { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; }

@keyframes fadeIn { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }

.bi-f7e352cc91 { display:flex;align-items:center;gap: 12px;flex-wrap: wrap; }

.bi-90b7755797 { background:#10b981; }

.bi-d6e47aa9df { font-size:.9rem; }

.bi-dbd68c1058 { font-size:.72rem; }

.bi-7171988908 { font-size:.65rem; }

.bi-a726b01e4d { font-size:.8rem; }

.bi-fc064084bc { font-weight:700;color:var(--green); }

.bi-c54b25cb0f { font-weight:600;color:var(--accent); }

.bi-1fe8667280 { font-size:.82rem; }

.bi-4ea1d515fc { font-size:.8rem;color:var(--text-sm); }

/* --- Component: orders\show.css --- */
/* Extracted from orders/show.blade.php */

:root {
  --navy:      #0F1F3D;
  --navy-md:   #1E3A5F;
  --accent:    #2563EB;
  --accent-lt: #EFF6FF;
  --green:     #059669;
  --green-lt:  #ECFDF5;
  --amber:     #D97706;
  --amber-lt:  #FFFBEB;
  --teal:      #0D9488;
  --teal-lt:   #F0FDFA;
  --red:       #DC2626;
  --red-lt:    #FEF2F2;
  --border:    #E2E8F0;
  --bg:        #F0F4F8;
  --surface:   #FFFFFF;
  --text:      #1E293B;
  --text-md:   #475569;
  --text-sm:   #94A3B8;
  --radius:    10px;
  --mono:      'JetBrains Mono','SF Mono','Fira Code',monospace;
}

body     { background: var(--bg); font-family: system-ui,-apple-system,sans-serif; }
.od-page { max-width: 1200px; margin: 0 auto; padding: 24px 16px 60px; }

/* HEADER */
.od-header {
  background: var(--navy); border-radius: var(--radius);
  padding: 20px 24px; margin-bottom: 14px;
}
.od-header-top {
  display: flex; align-items: flex-start; justify-content: space-between;
  gap: 16px; flex-wrap: wrap;
}
.od-order-no    { font-size:.62rem; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:#64748B; margin-bottom:4px; }
.od-order-title { font-size:1.4rem; font-weight:800; color:#fff; }
.od-meta        { font-size:.75rem; color:#64748B; margin-top:6px; display:flex; gap:16px; flex-wrap:wrap; }
.od-meta span   { display:flex; align-items:center; gap:4px; }

.od-actions { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.od-btn {
  display:inline-flex; align-items:center; gap:5px;
  font-size:.75rem; font-weight:600; padding:8px 14px;
  border-radius:6px; border:none; cursor:pointer;
  text-decoration:none; transition:opacity .12s,transform .1s; white-space:nowrap;
}
.od-btn:hover  { opacity:.88; }
.od-btn:active { transform:scale(.97); }
.btn-edit { background:rgba(255,255,255,.1); color:#CBD5E1; border:1px solid rgba(255,255,255,.12); }
.btn-pdf  { background:var(--red);    color:#fff; }
.btn-back { background:none;          color:#64748B; border:1px solid rgba(255,255,255,.1); }

/* CARD */
.od-card         { background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; }
.od-card-head    { background:var(--navy); color:#fff; padding:9px 16px; font-size:.62rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; display:flex; align-items:center; justify-content:space-between; gap:7px; border-left:4px solid var(--accent); }
.od-card-head.green { border-left-color:var(--green); }
.od-card-head i  { opacity:.6; font-size:.9rem; }
.od-card-head .hr { font-size:.65rem; opacity:.5; font-weight:500; }
.od-card-body    { padding:14px 16px; }

.kv-row              { display:flex; justify-content:space-between; align-items:baseline; padding:6px 0; border-bottom:1px solid #F1F5F9; gap:8px; }
.kv-row:last-child   { border-bottom:none; }
.kv-label            { font-size:.65rem; font-weight:600; text-transform:uppercase; letter-spacing:.05em; color:var(--text-sm); flex-shrink:0; }
.kv-val              { font-size:.82rem; font-weight:600; color:var(--text); text-align:right; }
.kv-val.mono         { font-family:var(--mono); }

.od-grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:14px; }
@media(max-width:560px){ .od-grid-2 { grid-template-columns:1fr; } }

/* CLIENT BILLING SUMMARY */
.cbs-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:0; margin-bottom:14px; border-radius:var(--radius); overflow:hidden; border:1px solid var(--border); }
@media(max-width:768px){ .cbs-grid { grid-template-columns:1fr 1fr; } }
@media(max-width:480px){ .cbs-grid { grid-template-columns:1fr; } }
.cbs-cell              { background:var(--surface); padding:16px 18px; border-right:1px solid var(--border); text-align:center; }
.cbs-cell:last-child   { border-right:none; }
.cbs-label             { font-size:.58rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:var(--text-sm); display:block; margin-bottom:6px; }
.cbs-val               { font-size:1.1rem; font-weight:800; font-family:var(--mono); color:var(--navy); display:block; }
.cbs-val.green         { color:var(--green); }
.cbs-val.red           { color:var(--red); }
.cbs-val.teal          { color:var(--teal); }
.cbs-val.accent        { color:var(--accent); }
.cbs-sub               { font-size:.62rem; color:var(--text-sm); margin-top:3px; display:block; }

/* PAYMENT HISTORY */
.od-table-card    { background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; margin-bottom:14px; }
.od-table-head    { background:var(--navy); color:#fff; padding:11px 18px; font-size:.62rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; display:flex; align-items:center; justify-content:space-between; gap:8px; border-left:4px solid var(--accent); }
.od-table-head.green { border-left-color:var(--green); }
.od-table-head .head-right { font-size:.65rem; font-weight:500; opacity:.5; text-transform:none; letter-spacing:0; }
.ph-table          { width:100%; border-collapse:collapse; font-size:.8rem; }
.ph-table thead th { background:#F8FAFC; color:var(--text-sm); font-size:.6rem; font-weight:700; text-transform:uppercase; letter-spacing:.07em; padding:9px 14px; border-bottom:2px solid var(--border); white-space:nowrap; }
.ph-table thead th.r { text-align:right; }
.ph-table tbody td { padding:11px 14px; border-bottom:1px solid #F1F5F9; vertical-align:middle; }
.ph-table tbody tr:last-child td { border-bottom:none; }
.ph-table tbody tr:hover td { background:#FAFBFD; }
.ph-table tfoot td { background:var(--navy); color:#fff; padding:10px 14px; font-size:.75rem; font-weight:700; }
.ph-table tfoot td.r { text-align:right; color:#6EE7B7; font-family:var(--mono); }
.tbl-empty { padding:40px; text-align:center; color:var(--text-sm); font-size:.8rem; }
.tbl-empty i { font-size:1.8rem; display:block; margin-bottom:8px; opacity:.25; }

.mode-pill         { font-size:.62rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; padding:2px 8px; border-radius:99px; }
.mode-cash         { background:#FEF9C3; color:#854D0E; border:1px solid #FDE68A; }
.mode-upi          { background:#EFF6FF; color:#1D4ED8; border:1px solid #BFDBFE; }
.mode-bank         { background:var(--green-lt); color:#065F46; border:1px solid #6EE7B7; }
.mode-cheque       { background:#F5F3FF; color:#5B21B6; border:1px solid #C4B5FD; }

/* UNI-CARD TABS */
.uni-card { background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; margin-bottom:14px; }
.uni-head { background:var(--navy); display:flex; align-items:center; justify-content:space-between; gap:10px; padding:0 16px; border-bottom:1px solid rgba(255,255,255,.06); flex-wrap:wrap; }
.uni-tabs { display:flex; gap:2px; }
.uni-tab  { display:inline-flex; align-items:center; gap:6px; padding:11px 14px; font-size:.72rem; font-weight:600; text-transform:uppercase; letter-spacing:.06em; color:#475569; background:none; border:none; cursor:pointer; border-bottom:2px solid transparent; transition:color .13s,border-color .13s; white-space:nowrap; }
.uni-tab i { font-size:.85rem; opacity:.6; }
.uni-tab:hover { color:#93C5FD; }
.uni-tab.active { color:#fff; border-bottom-color:#2563EB; }
.uni-tab.active i { opacity:1; }
.uni-tab--dim { opacity:.5; }
.uni-tab-count { font-size:.58rem; font-weight:700; background:rgba(255,255,255,.1); color:#94A3B8; padding:1px 7px; border-radius:99px; }
.uni-tab.active .uni-tab-count { background:rgba(37,99,235,.4); color:#93C5FD; }
.pump-count { background:rgba(13,148,136,.2) !important; color:#5eead4 !important; }

.uni-filters { padding:10px 16px; background:#F8FAFC; border-bottom:1px solid var(--border); display:flex; flex-direction:column; gap:8px; }
.uni-frow    { display:flex; align-items:flex-end; gap:8px; flex-wrap:wrap; }
.uni-fgroup  { display:flex; flex-direction:column; gap:3px; }
.uni-fgroup label { font-size:.58rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#94A3B8; }
.uni-finput  { font-size:.78rem; padding:6px 10px; border:1px solid var(--border); border-radius:6px; background:#fff; color:var(--text); outline:none; transition:border-color .12s; min-width:110px; font-family:inherit; }
.uni-finput:focus { border-color:#2563EB; }
.uni-fbtn   { display:inline-flex; align-items:center; gap:5px; font-size:.72rem; font-weight:600; padding:7px 13px; border-radius:6px; border:1px solid var(--border); background:var(--navy); color:#fff; cursor:pointer; transition:opacity .12s; margin-bottom:1px; }
.uni-fbtn:hover { opacity:.85; }
.uni-fbtn--ghost { background:#fff; color:var(--text-sm); }
.uni-fstats { font-size:.7rem; color:#94A3B8; }
.uni-fstats strong { color:var(--text-md); }

.uni-no-results { padding:24px; text-align:center; font-size:.8rem; color:#94A3B8; background:#FAFAFA; border-top:1px solid var(--border); }
.uni-no-results i { font-size:1.3rem; display:block; margin-bottom:6px; opacity:.3; }
.uni-pane { display:none; }
.uni-pane.active { display:block; }

.uni-table-wrap { overflow-x:auto; }
.uni-table { width:100%; border-collapse:collapse; font-size:.78rem; }
.uni-table thead th { background:#F1F5F9; color:#64748B; font-size:.6rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; padding:9px 12px; border-bottom:2px solid var(--border); white-space:nowrap; text-align:left; }
.uni-table thead th.r { text-align:right; }
.uni-table thead th.c { text-align:center; }
.uni-table tbody td { padding:9px 12px; border-bottom:1px solid #F1F5F9; vertical-align:middle; }
.uni-table tbody tr:last-child td { border-bottom:none; }
.uni-table tbody tr:hover td { background:#FAFBFD; }
.uni-table tfoot td { padding:10px 12px; background:#F8FAFC; border-top:2px solid var(--border); font-size:.65rem; }

.uni-pump-summary { display:flex; align-items:center; justify-content:space-between; padding:10px 16px; background:#F0FDFA; border-bottom:1px solid #CCFBF1; font-size:.78rem; color:#0D9488; font-weight:500; flex-wrap:wrap; gap:8px; }
.pump-total strong { color:#0D9488; }

.r { text-align:right; }
.c { text-align:center; }
.mono-bold { font-weight:700; font-family:var(--mono,monospace); font-size:.78rem; }
.mono-sm   { font-family:var(--mono,monospace); font-size:.72rem; }
.muted-sm  { font-size:.72rem; color:#64748B; }
.dt-cell   { font-size:.72rem; color:#475569; line-height:1.5; }
.dt-cell span { color:#94A3B8; }
.hi        { color:var(--navy); }
.teal-val  { color:#0D9488; font-family:var(--mono,monospace); }
.amber-val { color:#D97706; }
.cumul-val { color:#475569; font-family:var(--mono,monospace); }
.balance-ok   { color:#059669; font-weight:700; font-family:var(--mono,monospace); }
.balance-over { color:#DC2626; font-weight:700; font-family:var(--mono,monospace); }

.run-no { font-family:var(--mono,monospace); font-size:.72rem; font-weight:700; color:var(--accent); background:var(--accent-lt); padding:2px 8px; border-radius:4px; }
.pump-pill { display:inline-flex; align-items:center; gap:4px; font-size:.6rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em; padding:2px 8px; border-radius:99px; }
.pump-pill.yes { background:#F0FDFA; color:#0D9488; border:1px solid #CCFBF1; }
.pump-pill.no  { background:#F1F5F9; color:#94A3B8; border:1px solid #E2E8F0; }
.row-actions { display:flex; gap:4px; justify-content:center; }
.ra-btn { width:26px; height:26px; display:inline-flex; align-items:center; justify-content:center; border-radius:5px; font-size:.82rem; color:var(--accent); transition:background .12s; text-decoration:none; }
.ra-btn:hover      { background:var(--accent-lt); }
.ra-btn--red       { color:#DC2626; }
.ra-btn--red:hover { background:#FEF2F2; }

.ft-label { font-size:.6rem; text-transform:uppercase; letter-spacing:.07em; color:#64748B; font-weight:700; }
.ft-num   { text-align:right; font-weight:700; font-family:var(--mono,monospace); color:var(--navy); }
.ft-grand { text-align:right; font-weight:800; font-family:var(--mono,monospace); font-size:.88rem; }
.uni-empty { padding:40px 20px; text-align:center; color:#94A3B8; }
.uni-empty i { font-size:2rem; opacity:.25; display:block; margin-bottom:8px; }
.uni-empty p { font-size:.82rem; margin:0; }

/* SITE CARD INSIDE TAB */
.site-tab-card {
  background: var(--surface); border: 1px solid var(--border); border-radius: 8px;
  padding: 16px; margin-bottom: 12px;
  display: flex; flex-wrap: wrap; gap: 12px 24px;
}
.site-tab-card:last-child { margin-bottom: 0; }
.site-tab-card .stc-label { font-size: .6rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: var(--text-sm); margin-bottom: 2px; }
.site-tab-card .stc-val   { font-size: .85rem; font-weight: 600; color: var(--text); }
.site-tab-card .stc-val.mono { font-family: var(--mono); }
.site-tab-card .stc-primary { flex: 1 1 100%; }
.site-tab-card .stc-field   { flex: 1 1 calc(33% - 16px); min-width: 120px; }
@media(max-width:560px){ .site-tab-card .stc-field { flex: 1 1 100%; } }

.bi-dbd68c1058 { font-size:.72rem; }

.bi-2b583d7389 { margin-bottom:14px; }

.bi-de9cfb798c { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px; }

.bi-df34f8daf8 { text-align:left;font-size:1rem; }

.bi-1378a20f65 { width:100%;border:1px solid #cbd5e1;border-radius:7px;padding:8px 10px; }

.bi-11e68bd6f2 { background:#059669;color:#fff;border:0;justify-content:center; }

.bi-365391b2b0 { min-width:110px; }

.bi-6b99de8b69 { display:none; }

.bi-287f770e98 { padding:16px; }

.bi-13313b1a3a { display:flex;justify-content:space-between;align-items:center; }

.bi-fe24d4ccad { font-size:.6rem;font-weight:700;background:var(--teal-lt);color:var(--teal);padding:3px 9px;border-radius:99px;text-transform:uppercase;letter-spacing:.06em; }

.bi-0da13144de { font-size:.75rem; }

.bi-41d7d7e25b { padding:0; }

.bi-6a42395236 { font-family:monospace;font-size:.75rem;font-weight:700;color:var(--accent); }

.bi-9858c9e4cc { font-size:.78rem;color:var(--text-md); }

.bi-b289fcb4bb { font-size:.75rem;color:var(--text-md);font-family:monospace; }

.bi-0a329d0a12 { font-size:.72rem;color:var(--text-sm); }

.bi-42202c5bb7 { text-align:right;font-weight:700;font-family:monospace;color:var(--green); }

.bi-10038494f6 { font-size:.62rem;text-transform:uppercase;letter-spacing:.07em;color:#64748B;font-weight:700; }

[data-bi-c060b66b03] { color:#cbd5e1;text-decoration:none;font-size:.65rem;font-weight:700; }
[data-bi-be78d2128f] { display:grid;grid-template-columns:180px 1fr auto;gap:10px;align-items:end; }

/* --- Component: orders\smart-order-create.css --- */
/* Extracted from orders/smart-order-create.blade.php */

:root {
  --bg:        #F0F4F8;
  --surface:   #FFFFFF;
  --navy:      #0F1F3D;
  --navy-md:   #1E3A5F;
  --accent:    #2563EB;
  --accent-lt: #EFF6FF;
  --amber:     #D97706;
  --amber-lt:  #FFFBEB;
  --green:     #059669;
  --green-lt:  #ECFDF5;
  --danger:    #DC2626;
  --border:    #E2E8F0;
  --border-md: #CBD5E1;
  --text:      #1E293B;
  --text-md:   #475569;
  --text-sm:   #94A3B8;
  --radius:    8px;
  --radius-lg: 12px;
}
* { box-sizing: border-box; }
body { background: var(--bg); font-family: system-ui, -apple-system, sans-serif; }

.so-page { max-width: 1280px; margin: 0 auto; padding: 24px 16px 48px; }

.so-topbar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.so-topbar-left { display: flex; align-items: center; gap: 12px; }
.so-topbar-left h5 { margin: 0; font-size: 1rem; font-weight: 700; color: var(--navy); }
.so-topbar-left p  { margin: 0; font-size: .72rem; color: var(--text-sm); }
.so-badge {
  font-size: .6rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em;
  background: var(--navy); color: #fff; padding: 3px 9px; border-radius: 99px;
}
.so-back {
  font-size: .78rem; color: var(--text-md); text-decoration: none;
  display: inline-flex; align-items: center; gap: 4px;
  border: 1px solid var(--border); border-radius: 6px; padding: 6px 12px;
  background: var(--surface); transition: all .12s;
}
.so-back:hover { border-color: var(--accent); color: var(--accent); }

.so-layout { display: grid; grid-template-columns: 1fr 300px; gap: 16px; align-items: start; }
@media (max-width: 1024px) { .so-layout { grid-template-columns: 1fr; } .so-sidebar { order: -1; } }

.so-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden; margin-bottom: 12px; }
.so-card-head { display: flex; align-items: center; gap: 10px; padding: 12px 18px; border-bottom: 1px solid var(--border); }
.so-card-head-icon { width: 28px; height: 28px; border-radius: 7px; display: flex; align-items: center; justify-content: center; font-size: .9rem; flex-shrink: 0; }
.icon-blue  { background: var(--accent-lt); color: var(--accent); }
.icon-amber { background: var(--amber-lt);  color: var(--amber);  }
.so-card-head-text strong { display: block; font-size: .8rem; font-weight: 700; color: var(--navy); }
.so-card-head-text span   { font-size: .65rem; color: var(--text-sm); }
.so-card-body { padding: 18px; }

.so-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.so-grid-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; }
@media (max-width: 768px) { .so-grid-2, .so-grid-3 { grid-template-columns: 1fr; } }

.so-field { position: relative; }
.so-label { display: block; font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: var(--text-md); margin-bottom: 5px; }
.so-label .req { color: var(--danger); }
.so-input, .so-select, .so-textarea {
  width: 100%; font-size: .875rem; color: var(--text); background: #FAFBFD;
  border: 1px solid var(--border); border-radius: 7px; padding: 8px 11px;
  transition: border-color .15s, box-shadow .15s, background .15s; font-family: inherit;
}
.so-input:focus, .so-select:focus, .so-textarea:focus {
  outline: none; background: var(--surface); border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(37,99,235,.1);
}
.so-input.has-icon { padding-left: 32px; }
.so-textarea { resize: vertical; min-height: 72px; }
.so-field-icon { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: var(--text-sm); font-size: .8rem; pointer-events: none; line-height: 1; }
.so-field-icon.top { top: 10px; transform: none; }
.so-hint { font-size: .65rem; color: var(--danger); margin-top: 3px; display: none; }

.so-autocomplete {
  position: absolute; top: 100%; left: 0; right: 0; background: var(--surface);
  border: 1px solid var(--border-md); border-radius: 0 0 8px 8px;
  box-shadow: 0 8px 24px rgba(0,0,0,.1); z-index: 999;
  max-height: 200px; overflow-y: auto; display: none;
}
.so-autocomplete-item { padding: 9px 12px; cursor: pointer; font-size: .825rem; display: flex; flex-direction: column; gap: 1px; border-bottom: 1px solid #f1f5f9; }
.so-autocomplete-item:last-child { border-bottom: none; }
.so-autocomplete-item:hover { background: var(--accent-lt); }
.so-autocomplete-name { font-weight: 600; color: var(--text); }
.so-autocomplete-sub  { font-size: .65rem; color: var(--text-sm); }

.so-sidebar { position: sticky; top: 20px; }
.so-summary { background: var(--navy); border-radius: var(--radius-lg); overflow: hidden; color: #fff; }
.so-summary-head { padding: 14px 18px 12px; border-bottom: 1px solid rgba(255,255,255,.1); }
.so-summary-head h6 { margin: 0; font-size: .78rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; opacity: .8; color: #fff; }
.so-summary-body { padding: 16px 18px; }
.so-summary-row { display: flex; justify-content: space-between; align-items: baseline; padding: 7px 0; border-bottom: 1px solid rgba(255,255,255,.07); font-size: .8rem; }
.so-summary-row:last-child { border-bottom: none; }
.so-summary-row .sr-label { color: rgba(255,255,255,.55); font-size: .7rem; }
.so-summary-row .sr-val   { font-weight: 700; color: #fff; font-family: 'SF Mono', 'Fira Code', monospace; }
.so-summary-row .sr-val.amber { color: #FCD34D; }
.so-summary-total { background: rgba(255,255,255,.07); border-radius: 8px; padding: 12px 14px; margin-top: 12px; display: flex; justify-content: space-between; align-items: center; }
.so-summary-total .st-label { font-size: .68rem; text-transform: uppercase; letter-spacing: .08em; opacity: .6; }
.so-summary-total .st-val   { font-size: 1.3rem; font-weight: 800; color: #6EE7B7; font-family: 'SF Mono', 'Fira Code', monospace; }
.so-save-btn { width: 100%; background: var(--green); color: #fff; border: none; border-radius: 8px; padding: 12px; font-size: .875rem; font-weight: 700; cursor: pointer; margin-top: 14px; display: flex; align-items: center; justify-content: center; gap: 7px; transition: background .15s, transform .1s; letter-spacing: .02em; }
.so-save-btn:hover  { background: #047857; }
.so-save-btn:active { transform: scale(.98); }
.so-summary-note { font-size: .65rem; color: rgba(255,255,255,.4); margin-top: 10px; text-align: center; line-height: 1.5; }

.so-alert { display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; border-radius: 8px; margin-bottom: 14px; font-size: .825rem; }
.so-alert.success { background: var(--green-lt); border: 1px solid #A7F3D0; color: #065F46; }
.so-alert.danger  { background: #FEF2F2; border: 1px solid #FECACA; color: var(--danger); }
.so-alert i { flex-shrink: 0; font-size: 1rem; margin-top: 1px; }
.so-alert-close { margin-left: auto; background: none; border: none; cursor: pointer; opacity: .5; font-size: 1rem; padding: 0; }
.so-alert-close:hover { opacity: 1; }

/* ── multi-site blocks ── */
.so-site-block { border: 1px solid var(--border); border-radius: var(--radius); padding: 16px; margin-bottom: 14px; position: relative; background: #FAFBFD; }
.so-site-block-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.so-site-block-head strong { font-size: .75rem; font-weight: 700; color: var(--navy-md); text-transform: uppercase; letter-spacing: .06em; }
.so-site-remove { background: #FEF2F2; color: var(--danger); border: 1px solid #FECACA; border-radius: 6px; padding: 4px 10px; font-size: .68rem; font-weight: 700; cursor: pointer; display: none; }
.so-site-remove:hover { background: var(--danger); color: #fff; }
.so-add-site-btn {
  width: 100%; background: var(--accent-lt); color: var(--accent); border: 1px dashed var(--accent);
  border-radius: 8px; padding: 10px; font-size: .8rem; font-weight: 700; cursor: pointer;
  display: flex; align-items: center; justify-content: center; gap: 6px; transition: background .15s;
}
.so-add-site-btn:hover { background: #DBEAFE; }

.bi-158cf35e12 { margin:4px 0 0;padding-left:16px; }

.bi-a726b01e4d { font-size:.8rem; }

.bi-08d269c3c4 { margin-bottom:14px;position:relative; }

.bi-d461c96de5 { position:relative; }

.bi-d6f2af6e0a { margin-top:14px; }

.bi-a484feb8c4 { text-transform:uppercase; }

.bi-cc2370da47 { top:9px; }

.bi-e8eafd7108 { padding-left:30px; }

.bi-67638d0312 { padding-right:28px; }

.bi-f77eb5e272 { position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.78rem;color:var(--text-sm);pointer-events:none; }

.bi-4260ebea52 { padding-top:0; }

.bi-84814c8ad8 { opacity:.7;margin-right:6px; }

.bi-951b72dbdd { font-size:1rem; }

.bi-2b583d7389 { margin-bottom:14px; }

.bi-1536dcdee6 { min-height:60px; }

.bi-7a3460541a { padding-right:36px; }

.bi-eda611bb3f { position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.7rem;color:var(--text-sm);pointer-events:none; }

.bi-7ebc6f0bf8 { position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:.78rem;color:var(--text-sm);pointer-events:none; }

.bi-ea10c58f4a { padding-left:22px; }

/* --- Component: orders\smart-order-edit.css --- */
/* Extracted from orders/smart-order-edit.blade.php */

:root {
  --bg:        #F0F4F8;
  --surface:   #FFFFFF;
  --navy:      #0F1F3D;
  --navy-md:   #1E3A5F;
  --accent:    #2563EB;
  --accent-lt: #EFF6FF;
  --amber:     #D97706;
  --amber-lt:  #FFFBEB;
  --green:     #059669;
  --green-lt:  #ECFDF5;
  --danger:    #DC2626;
  --border:    #E2E8F0;
  --border-md: #CBD5E1;
  --text:      #1E293B;
  --text-md:   #475569;
  --text-sm:   #94A3B8;
  --radius:    8px;
  --radius-lg: 12px;
}
* { box-sizing: border-box; }
body { background: var(--bg); font-family: system-ui, -apple-system, sans-serif; }

.so-page { max-width: 1280px; margin: 0 auto; padding: 24px 16px 48px; }

.so-topbar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.so-topbar-left { display: flex; align-items: center; gap: 12px; }
.so-topbar-left h5 { margin: 0; font-size: 1rem; font-weight: 700; color: var(--navy); }
.so-topbar-left p  { margin: 0; font-size: .72rem; color: var(--text-sm); }
.so-badge {
  font-size: .6rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em;
  background: var(--amber); color: #fff; padding: 3px 9px; border-radius: 99px;
}
.so-back {
  font-size: .78rem; color: var(--text-md); text-decoration: none;
  display: inline-flex; align-items: center; gap: 4px;
  border: 1px solid var(--border); border-radius: 6px; padding: 6px 12px;
  background: var(--surface); transition: all .12s;
}
.so-back:hover { border-color: var(--accent); color: var(--accent); }

.so-layout { display: grid; grid-template-columns: 1fr 300px; gap: 16px; align-items: start; }
@media (max-width: 1024px) { .so-layout { grid-template-columns: 1fr; } .so-sidebar { order: -1; } }

.so-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden; margin-bottom: 12px; }
.so-card-head { display: flex; align-items: center; gap: 10px; padding: 12px 18px; border-bottom: 1px solid var(--border); }
.so-card-head-icon { width: 28px; height: 28px; border-radius: 7px; display: flex; align-items: center; justify-content: center; font-size: .9rem; flex-shrink: 0; }
.icon-blue  { background: var(--accent-lt); color: var(--accent); }
.icon-amber { background: var(--amber-lt);  color: var(--amber);  }
.so-card-head-text strong { display: block; font-size: .8rem; font-weight: 700; color: var(--navy); }
.so-card-head-text span   { font-size: .65rem; color: var(--text-sm); }
.so-card-body { padding: 18px; }

.so-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.so-grid-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; }
@media (max-width: 768px) { .so-grid-2, .so-grid-3 { grid-template-columns: 1fr; }
    .so-sidebar {
        order: 1;
    }
}

.so-field { position: relative; }
.so-label { display: block; font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: var(--text-md); margin-bottom: 5px; }
.so-label .req { color: var(--danger); }
.so-input, .so-select, .so-textarea {
  width: 100%; font-size: .875rem; color: var(--text); background: #FAFBFD;
  border: 1px solid var(--border); border-radius: 7px; padding: 8px 11px;
  transition: border-color .15s, box-shadow .15s, background .15s; font-family: inherit;
}
.so-input:focus, .so-select:focus, .so-textarea:focus {
  outline: none; background: var(--surface); border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(37,99,235,.1);
}
.so-input.has-icon { padding-left: 32px; }
.so-textarea { resize: vertical; min-height: 72px; }
.so-field-icon { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: var(--text-sm); font-size: .8rem; pointer-events: none; line-height: 1; }
.so-field-icon.top { top: 10px; transform: none; }
.so-hint { font-size: .65rem; color: var(--danger); margin-top: 3px; display: none; }

.so-autocomplete {
  position: absolute; top: 100%; left: 0; right: 0; background: var(--surface);
  border: 1px solid var(--border-md); border-radius: 0 0 8px 8px;
  box-shadow: 0 8px 24px rgba(0,0,0,.1); z-index: 999;
  max-height: 200px; overflow-y: auto; display: none;
}
.so-autocomplete-item { padding: 9px 12px; cursor: pointer; font-size: .825rem; display: flex; flex-direction: column; gap: 1px; border-bottom: 1px solid #f1f5f9; }
.so-autocomplete-item:last-child { border-bottom: none; }
.so-autocomplete-item:hover { background: var(--accent-lt); }
.so-autocomplete-name { font-weight: 600; color: var(--text); }
.so-autocomplete-sub  { font-size: .65rem; color: var(--text-sm); }

.so-sidebar { position: sticky; top: 20px; }
.so-summary { background: var(--navy); border-radius: var(--radius-lg); overflow: hidden; color: #fff; }
.so-summary-head { padding: 14px 18px 12px; border-bottom: 1px solid rgba(255,255,255,.1); }
.so-summary-head h6 { margin: 0; font-size: .78rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; opacity: .8; color: #fff; }
.so-summary-body { padding: 16px 18px; }
.so-summary-row { display: flex; justify-content: space-between; align-items: baseline; padding: 7px 0; border-bottom: 1px solid rgba(255,255,255,.07); font-size: .8rem; }
.so-summary-row:last-child { border-bottom: none; }
.so-summary-row .sr-label { color: rgba(255,255,255,.55); font-size: .7rem; }
.so-summary-row .sr-val   { font-weight: 700; color: #fff; font-family: 'SF Mono', 'Fira Code', monospace; }
.so-summary-row .sr-val.amber { color: #FCD34D; }
.so-summary-total { background: rgba(255,255,255,.07); border-radius: 8px; padding: 12px 14px; margin-top: 12px; display: flex; justify-content: space-between; align-items: center; }
.so-summary-total .st-label { font-size: .68rem; text-transform: uppercase; letter-spacing: .08em; opacity: .6; }
.so-summary-total .st-val   { font-size: 1.3rem; font-weight: 800; color: #6EE7B7; font-family: 'SF Mono', 'Fira Code', monospace; }
.so-save-btn { width: 100%; background: var(--green); color: #fff; border: none; border-radius: 8px; padding: 12px; font-size: .875rem; font-weight: 700; cursor: pointer; margin-top: 14px; display: flex; align-items: center; justify-content: center; gap: 7px; transition: background .15s, transform .1s; letter-spacing: .02em; }
.so-save-btn:hover  { background: #047857; }
.so-save-btn:active { transform: scale(.98); }
.so-summary-note { font-size: .65rem; color: rgba(255,255,255,.4); margin-top: 10px; text-align: center; line-height: 1.5; }

.so-alert { display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; border-radius: 8px; margin-bottom: 14px; font-size: .825rem; }
.so-alert.success { background: var(--green-lt); border: 1px solid #A7F3D0; color: #065F46; }
.so-alert.danger  { background: #FEF2F2; border: 1px solid #FECACA; color: var(--danger); }
.so-alert i { flex-shrink: 0; font-size: 1rem; margin-top: 1px; }
.so-alert-close { margin-left: auto; background: none; border: none; cursor: pointer; opacity: .5; font-size: 1rem; padding: 0; }
.so-alert-close:hover { opacity: 1; }

/* ── extra site blocks (new-order-on-save) ── */
.so-site-block { border: 1px solid var(--border); border-radius: var(--radius); padding: 16px; margin-bottom: 14px; position: relative; background: #FAFBFD; }
.so-site-block-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.so-site-block-head strong { font-size: .75rem; font-weight: 700; color: var(--navy-md); text-transform: uppercase; letter-spacing: .06em; }
.so-site-remove { background: #FEF2F2; color: var(--danger); border: 1px solid #FECACA; border-radius: 6px; padding: 4px 10px; font-size: .68rem; font-weight: 700; cursor: pointer; }
.so-site-remove:hover { background: var(--danger); color: #fff; }
.so-add-site-btn {
  width: 100%; background: var(--accent-lt); color: var(--accent); border: 1px dashed var(--accent);
  border-radius: 8px; padding: 10px; font-size: .8rem; font-weight: 700; cursor: pointer;
  display: flex; align-items: center; justify-content: center; gap: 6px; transition: background .15s;
}
.so-add-site-btn:hover { background: #DBEAFE; }
.so-extra-sites-empty { font-size: .75rem; color: var(--text-sm); text-align: center; padding: 4px 0 12px; }

.bi-158cf35e12 { margin:4px 0 0;padding-left:16px; }

.bi-a726b01e4d { font-size:.8rem; }

.bi-08d269c3c4 { margin-bottom:14px;position:relative; }

.bi-d461c96de5 { position:relative; }

.bi-d6f2af6e0a { margin-top:14px; }

.bi-a484feb8c4 { text-transform:uppercase; }

.bi-cc2370da47 { top:9px; }

.bi-e8eafd7108 { padding-left:30px; }

.bi-2b583d7389 { margin-bottom:14px; }

.bi-1536dcdee6 { min-height:60px; }

.bi-7a3460541a { padding-right:36px; }

.bi-eda611bb3f { position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.7rem;color:var(--text-sm);pointer-events:none; }

.bi-7ebc6f0bf8 { position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:.78rem;color:var(--text-sm);pointer-events:none; }

.bi-4260ebea52 { padding-top:0; }

.bi-ea10c58f4a { padding-left:22px; }

.bi-67638d0312 { padding-right:28px; }

.bi-f77eb5e272 { position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.78rem;color:var(--text-sm);pointer-events:none; }

.bi-84814c8ad8 { opacity:.7;margin-right:6px; }

.bi-951b72dbdd { font-size:1rem; }

[data-bi-1536dcdee6] { min-height:60px; }
[data-bi-7a3460541a] { padding-right:36px; }
[data-bi-ea10c58f4a] { padding-left:22px; }

/* --- Component: client-orders\quantity-history.css --- */
/* Extracted from client-orders/quantity-history.blade.php */

.qh-page { max-width: 1100px; margin: 0 auto; padding: 24px 16px 48px; }
  .qh-header { background:#0f1f3d; color:#fff; border-radius:10px; padding:18px 22px; display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap; margin-bottom:14px; }
  .qh-title { font-size:1.15rem; font-weight:800; margin:0; }
  .qh-meta { font-size:.78rem; color:#94a3b8; margin-top:4px; display:flex; gap:14px; flex-wrap:wrap; }
  .qh-btn { border:1px solid rgba(255,255,255,.18); color:#cbd5e1; background:rgba(255,255,255,.08); border-radius:7px; padding:8px 13px; text-decoration:none; font-size:.78rem; font-weight:700; display:inline-flex; align-items:center; gap:6px; }
  .qh-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:14px; }
  .qh-stat { background:#fff; border:1px solid #e2e8f0; border-radius:9px; padding:14px; }
  .qh-label { display:block; color:#64748b; font-size:.62rem; font-weight:800; text-transform:uppercase; letter-spacing:.07em; margin-bottom:5px; }
  .qh-val { color:#0f1f3d; font-size:1.05rem; font-weight:800; }
  .qh-card { background:#fff; border:1px solid #e2e8f0; border-radius:10px; overflow:hidden; margin-bottom:14px; }
  .qh-card-head { background:#0f1f3d; color:#fff; padding:11px 16px; font-size:.68rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
  .qh-card-body { padding:16px; }
  .qh-form { display:grid; grid-template-columns:180px 1fr auto; gap:12px; align-items:end; }
  .qh-field label { display:block; font-size:.66rem; color:#64748b; font-weight:800; text-transform:uppercase; letter-spacing:.06em; margin-bottom:5px; }
  .qh-input { width:100%; border:1px solid #cbd5e1; border-radius:7px; padding:8px 10px; font-size:.86rem; outline:none; }
  .qh-input:focus { border-color:#2563eb; box-shadow:0 0 0 3px rgba(37,99,235,.12); }
  .qh-submit { background:#059669; color:#fff; border:0; border-radius:7px; padding:9px 16px; font-size:.82rem; font-weight:800; cursor:pointer; }
  .qh-table-wrap { overflow-x:auto; }
  .qh-table { width:100%; border-collapse:collapse; font-size:.82rem; }
  .qh-table th { background:#f1f5f9; color:#64748b; text-align:left; font-size:.62rem; font-weight:800; text-transform:uppercase; letter-spacing:.07em; padding:10px 12px; border-bottom:2px solid #e2e8f0; white-space:nowrap; }
  .qh-table td { padding:11px 12px; border-bottom:1px solid #f1f5f9; color:#1e293b; vertical-align:middle; }
  .qh-table tr:last-child td { border-bottom:0; }
  .qh-num { font-family:monospace; font-weight:800; text-align:right; }
  .qh-add { color:#059669; }
  .qh-minus { color:#dc2626; }
  .qh-empty { padding:34px; text-align:center; color:#94a3b8; font-size:.86rem; }
  @media(max-width:760px){ .qh-grid { grid-template-columns:1fr 1fr; } .qh-form { grid-template-columns:1fr; } }

.bi-e398ef0a6d { background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;border-radius:8px;padding:10px 14px;margin-bottom:14px;font-size:.84rem; }

.bi-06307df0e2 { display:flex;gap:8px;align-items:center;flex-wrap:wrap; }

/* --- Component: work-orders\create.css --- */
/* Extracted from work-orders/create.blade.php */

.item-row { border-bottom: 1px solid #e9ecef; padding: 12px 0; }
.item-row:last-child { border-bottom: none; }
.remove-item { color: #dc3545; cursor: pointer; }
.remove-item:hover { color: #bb2d3b; }

.bi-d15c371fba { top: 20px; }

/* --- Component: work-orders\edit.css --- */
/* Extracted from work-orders/edit.blade.php */

.item-row { border-bottom: 1px solid #e9ecef; padding: 12px 0; }
.item-row:last-child { border-bottom: none; }
.remove-item { color: #dc3545; cursor: pointer; }
.remove-item:hover { color: #bb2d3b; }

.bi-d15c371fba { top: 20px; }

/* --- Component: work-orders\index.css --- */
/* Extracted from work-orders/index.blade.php */

[data-bi-cccfa4560d] { display:inline; }

/* --- Component: work-orders\show.css --- */
/* Extracted from work-orders/show.blade.php */

@media print {
    .btn, .card-header, nav, .sidebar { display: none !important; }
    .card { border: none !important; box-shadow: none !important; }
}
.white-space-pre-wrap { white-space: pre-wrap; }

/* --- Component: separate-records\sales\create.css --- */
/* Extracted from separate-records/sales/create.blade.php */

:root{
        --ink:        #23303F;
        --ink-soft:   #5B6675;
        --paper:      #FAF7F1;
        --panel:      #FFFFFF;
        --line:       #E3DDCF;
        --ledger:     #14675C;
        --ledger-dk:  #0E4C44;
        --gold:       #C1872F;
        --danger:     #B4432E;
        --success:    #14675C;
    }

    @import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap');

    .sep-page{
        background: var(--paper);
        color: var(--ink);
        font-family: 'Inter', -apple-system, sans-serif;
        padding-bottom: 3rem;
    }

    .sep-page .page-header{
        border-bottom: none;
        padding: 2.25rem 0 1.25rem;
    }

    .sep-page .page-title{
        font-family: 'Fraunces', Georgia, serif;
        font-weight: 600;
        font-size: 1.9rem;
        color: var(--ink);
        display: flex;
        align-items: center;
        gap: .6rem;
        letter-spacing: -0.01em;
    }

    .sep-page .page-title i{ color: var(--ledger); font-size: 1.5rem; }

    .sep-page .page-eyebrow{
        font-family: 'IBM Plex Mono', monospace;
        font-size: .72rem;
        letter-spacing: .14em;
        text-transform: uppercase;
        color: var(--gold);
        font-weight: 600;
        margin-bottom: .35rem;
        display: block;
    }

    .ledger-panel{
        background: var(--panel);
        border: 1px solid var(--line);
        border-radius: 4px;
        box-shadow: 0 1px 2px rgba(35,48,63,0.04);
        margin-bottom: 1.5rem;
        position: relative;
        overflow: visible;
    }

    .ledger-panel::before{
        content: attr(data-tab);
        position: absolute;
        top: -13px;
        left: 22px;
        background: var(--ledger);
        color: #fff;
        font-family: 'IBM Plex Mono', monospace;
        font-size: .68rem;
        font-weight: 600;
        letter-spacing: .1em;
        text-transform: uppercase;
        padding: .28rem .7rem;
        border-radius: 3px;
    }

    .ledger-panel .panel-body{ padding: 2.1rem 1.75rem 1.6rem; }

    .sep-page .form-label{
        font-weight: 600;
        font-size: .82rem;
        color: var(--ink-soft);
        text-transform: uppercase;
        letter-spacing: .04em;
        margin-bottom: .4rem;
    }

    .sep-page .form-control,
    .sep-page .form-select{
        border: 1px solid var(--line);
        border-radius: 3px;
        background: var(--paper);
        color: var(--ink);
        padding: .55rem .75rem;
        font-size: .95rem;
        transition: border-color .15s ease, box-shadow .15s ease;
    }

    .sep-page .form-control:focus,
    .sep-page .form-select:focus{
        border-color: var(--ledger);
        box-shadow: 0 0 0 3px rgba(20,103,92,0.12);
        background: #fff;
    }

    .sep-page .form-control[readonly]{
        background: #F0EDE4;
        color: var(--ink-soft);
        font-family: 'IBM Plex Mono', monospace;
        font-weight: 600;
    }

    .sep-page small.text-muted{
        font-size: .74rem;
        color: var(--ink-soft) !important;
    }

    .sep-page .text-danger{ color: var(--danger) !important; }
    .sep-page .invalid-feedback{ color: var(--danger); font-size: .8rem; }
    .sep-page .is-invalid{ border-color: var(--danger) !important; }

    #itemsTable{
        border-collapse: separate;
        border-spacing: 0;
        margin-bottom: 0;
    }

    #itemsTable thead th{
        font-family: 'IBM Plex Mono', monospace;
        font-size: .7rem;
        letter-spacing: .1em;
        text-transform: uppercase;
        color: var(--ink-soft);
        background: var(--paper);
        border-bottom: 2px solid var(--ink);
        border-top: none;
        padding: .7rem .6rem;
        font-weight: 600;
    }

    #itemsTable td{
        vertical-align: middle;
        border-color: var(--line);
        padding: .55rem;
    }

    #itemsTable .item-row .row-index{
        font-family: 'IBM Plex Mono', monospace;
        color: var(--ink-soft);
        font-size: .85rem;
        text-align: center;
        width: 2.5rem;
    }

    #itemsTable .line-total{
        font-family: 'IBM Plex Mono', monospace;
        font-weight: 600;
        text-align: right;
        color: var(--ink);
        white-space: nowrap;
    }

    .btn-add-item{
        background: transparent;
        border: 1px dashed var(--ledger);
        color: var(--ledger-dk);
        font-weight: 600;
        font-size: .88rem;
        border-radius: 3px;
        padding: .5rem 1rem;
        transition: background .15s ease;
    }
    .btn-add-item:hover{ background: rgba(20,103,92,0.08); color: var(--ledger-dk); }

    .btn-remove-item{
        background: transparent;
        border: 1px solid var(--line);
        color: var(--danger);
        border-radius: 3px;
        font-size: .8rem;
        padding: .3rem .55rem;
    }
    .btn-remove-item:hover{ background: rgba(180,67,46,0.08); border-color: var(--danger); }

    .ledger-tape{
        background: var(--ink);
        color: #F5F1E8;
        border-radius: 4px;
        position: relative;
        padding: 1.6rem 1.9rem 1.8rem;
        margin-top: .5rem;
        background-image:
            radial-gradient(circle at 8px 0, transparent 7px, var(--paper) 7.5px),
            radial-gradient(circle at 8px 100%, transparent 7px, var(--paper) 7.5px);
        background-position: top left, bottom left;
        background-size: 16px 16px;
        background-repeat: repeat-x;
    }

    .ledger-tape .tape-row{
        display: flex;
        justify-content: space-between;
        font-family: 'IBM Plex Mono', monospace;
        font-size: .92rem;
        padding: .3rem 0;
        color: #C9C2B2;
    }

    .ledger-tape .tape-row.grand{
        border-top: 1px dashed rgba(245,241,232,0.3);
        margin-top: .5rem;
        padding-top: .8rem;
        font-size: 1.35rem;
        font-weight: 600;
        color: #fff;
    }

    .ledger-tape .tape-row.grand .tape-label{
        font-family: 'Fraunces', serif;
        font-weight: 600;
        letter-spacing: -0.01em;
    }

    .ledger-tape .tape-row.grand span:last-child{
        color: #E4A94B;
    }

    .sep-actions{
        display: flex;
        justify-content: flex-end;
        gap: .75rem;
        align-items: center;
        margin-top: 1.5rem;
    }

    .btn-cancel{
        color: var(--ink-soft);
        font-weight: 600;
        text-decoration: none;
        padding: .65rem 1rem;
    }
    .btn-cancel:hover{ color: var(--ink); }

    .btn-save{
        background: var(--ledger);
        border: none;
        color: #fff;
        font-weight: 600;
        padding: .7rem 1.6rem;
        border-radius: 3px;
        display: inline-flex;
        align-items: center;
        gap: .5rem;
        font-size: .95rem;
        transition: background .15s ease;
    }
    .btn-save:hover{ background: var(--ledger-dk); color: #fff; }

    @media (max-width: 767px){
        .ledger-panel .panel-body{ padding: 1.6rem 1.1rem 1.3rem; }
        .ledger-tape{ padding: 1.3rem 1.2rem 1.5rem; }
    }

/* --- Component: separate-records\sales\edit.css --- */
/* Extracted from separate-records/sales/edit.blade.php */

:root{
        --ink:        #23303F;
        --ink-soft:   #5B6675;
        --paper:      #FAF7F1;
        --panel:      #FFFFFF;
        --line:       #E3DDCF;
        --ledger:     #14675C;
        --ledger-dk:  #0E4C44;
        --gold:       #C1872F;
        --danger:     #B4432E;
        --success:    #14675C;
    }

    .sep-page{
        background: var(--paper);
        color: var(--ink);
        font-family: 'Inter', -apple-system, sans-serif;
        padding-bottom: 3rem;
    }

    .sep-page .page-header{
        border-bottom: none;
        padding: 2.25rem 0 1.25rem;
    }

    .sep-page .page-title{
        font-family: 'Fraunces', Georgia, serif;
        font-weight: 600;
        font-size: 1.9rem;
        color: var(--ink);
        display: flex;
        align-items: center;
        gap: .6rem;
        letter-spacing: -0.01em;
    }

    .sep-page .page-title i{ color: var(--ledger); font-size: 1.5rem; }

    .sep-page .page-eyebrow{
        font-family: 'IBM Plex Mono', monospace;
        font-size: .72rem;
        letter-spacing: .14em;
        text-transform: uppercase;
        color: var(--gold);
        font-weight: 600;
        margin-bottom: .35rem;
        display: block;
    }

    .ledger-panel{
        background: var(--panel);
        border: 1px solid var(--line);
        border-radius: 4px;
        box-shadow: 0 1px 2px rgba(35,48,63,0.04);
        margin-bottom: 1.5rem;
        position: relative;
        overflow: visible;
    }

    .ledger-panel::before{
        content: attr(data-tab);
        position: absolute;
        top: -13px;
        left: 22px;
        background: var(--ledger);
        color: #fff;
        font-family: 'IBM Plex Mono', monospace;
        font-size: .68rem;
        font-weight: 600;
        letter-spacing: .1em;
        text-transform: uppercase;
        padding: .28rem .7rem;
        border-radius: 3px;
    }

    .ledger-panel .panel-body{ padding: 2.1rem 1.75rem 1.6rem; }

    .sep-page .form-label{
        font-weight: 600;
        font-size: .82rem;
        color: var(--ink-soft);
        text-transform: uppercase;
        letter-spacing: .04em;
        margin-bottom: .4rem;
    }

    .sep-page .form-control,
    .sep-page .form-select{
        border: 1px solid var(--line);
        border-radius: 3px;
        background: var(--paper);
        color: var(--ink);
        padding: .55rem .75rem;
        font-size: .95rem;
        transition: border-color .15s ease, box-shadow .15s ease;
    }

    .sep-page .form-control:focus,
    .sep-page .form-select:focus{
        border-color: var(--ledger);
        box-shadow: 0 0 0 3px rgba(20,103,92,0.12);
        background: #fff;
    }

    .sep-page .form-control[readonly]{
        background: #F0EDE4;
        color: var(--ink-soft);
        font-family: 'IBM Plex Mono', monospace;
        font-weight: 600;
    }

    .sep-page small.text-muted{
        font-size: .74rem;
        color: var(--ink-soft) !important;
    }

    .sep-actions{
        display: flex;
        justify-content: flex-end;
        gap: .75rem;
        align-items: center;
        margin-top: 1.5rem;
    }

    .btn-cancel{
        color: var(--ink-soft);
        font-weight: 600;
        text-decoration: none;
        padding: .65rem 1rem;
    }
    .btn-cancel:hover{ color: var(--ink); }

    .btn-save{
        background: var(--ledger);
        border: none;
        color: #fff;
        font-weight: 600;
        padding: .7rem 1.6rem;
        border-radius: 3px;
        display: inline-flex;
        align-items: center;
        gap: .5rem;
        font-size: .95rem;
        transition: background .15s ease;
    }
    .btn-save:hover{ background: var(--ledger-dk); color: #fff; }

/* --- Component: separate-records\sales\index.css --- */
/* Extracted from separate-records/sales/index.blade.php */

:root{
        --ink:        #23303F;
        --ink-soft:   #5B6675;
        --paper:      #FAF7F1;
        --panel:      #FFFFFF;
        --line:       #E3DDCF;
        --ledger:     #14675C;
        --ledger-dk:  #0E4C44;
        --gold:       #C1872F;
        --danger:     #B4432E;
    }

    @import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap');

    .list-page{ background: var(--paper); color: var(--ink); font-family: 'Inter', -apple-system, sans-serif; padding-bottom: 3rem; }
    .list-page .page-header{ border-bottom: none; padding: 2.25rem 0 1.25rem; }
    .list-page .page-title{ font-family: 'Fraunces', Georgia, serif; font-weight: 600; font-size: 1.9rem; color: var(--ink); display: flex; align-items: center; gap: .6rem; letter-spacing: -0.01em; }
    .list-page .page-title i{ color: var(--ledger); font-size: 1.5rem; }
    .list-page .page-eyebrow{ font-family: 'IBM Plex Mono', monospace; font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: var(--gold); font-weight: 600; margin-bottom: .35rem; display: block; }

    .list-panel{ background: var(--panel); border: 1px solid var(--line); border-radius: 4px; box-shadow: 0 1px 2px rgba(35,48,63,0.04); margin-bottom: 1.5rem; overflow: hidden; }
    .list-panel .panel-header{ padding: 1.5rem 1.75rem; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; }
    .list-panel .panel-header h6{ margin: 0; font-size: .9rem; font-weight: 600; color: var(--ink); }
    .list-panel .panel-body{ padding: 1.75rem; }

    .btn-primary-action{ background: var(--ledger); color: #fff; border: none; padding: .6rem 1.2rem; border-radius: 3px; font-weight: 600; font-size: .9rem; display: inline-flex; align-items: center; gap: .5rem; text-decoration: none; transition: background .15s; }
    .btn-primary-action:hover{ background: var(--ledger-dk); color: #fff; }

    .filter-row{ display: flex; gap: 1rem; align-items: flex-end; flex-wrap: wrap; }
    .filter-row .filter-group{ display: flex; flex-direction: column; gap: .4rem; }
    .filter-row .filter-group label{ font-size: .75rem; font-weight: 600; color: var(--ink-soft); text-transform: uppercase; letter-spacing: .04em; }
    .filter-row input, .filter-row select{ border: 1px solid var(--line); border-radius: 3px; padding: .5rem .75rem; font-size: .9rem; background: var(--paper); }

    .table-responsive{ overflow-x: auto; }
    .data-table{ width: 100%; border-collapse: collapse; font-size: .9rem; }
    .data-table thead th{ background: var(--paper); padding: .75rem; text-align: left; font-weight: 600; font-size: .75rem; color: var(--ink-soft); border-bottom: 2px solid var(--ink); text-transform: uppercase; letter-spacing: .04em; }
    .data-table tbody td{ padding: .75rem; border-bottom: 1px solid var(--line); }
    .data-table tbody tr:hover{ background: rgba(20,103,92,0.04); }
    .data-table .col-actions{ text-align: center; }

    .badge{ display: inline-block; padding: .35rem .65rem; border-radius: 3px; font-size: .75rem; font-weight: 600; }
    .badge-status{ background: #E8F5E9; color: #2E7D32; }
    .badge-amount{ background: #FCF4DE; color: #C1872F; font-family: 'IBM Plex Mono', monospace; }

    .action-btn{ display: inline-flex; align-items: center; gap: .3rem; padding: .4rem .8rem; border-radius: 3px; border: 1px solid var(--line); background: #fff; color: var(--ink); text-decoration: none; font-size: .8rem; transition: all .15s; }
    .action-btn:hover{ border-color: var(--ledger); color: var(--ledger); }

    .alert{ border-radius: 4px; padding: 1rem 1.25rem; margin-bottom: 1.5rem; border-left: 4px solid; }
    .alert-success{ background: #F1F8F6; border-left-color: var(--ledger); color: var(--ledger); }

.bi-539b72c63c { flex: 1;min-width: 200px; }

.bi-16000cc0ae { width: 100%; }

.bi-0a9e77da62 { width: 150px; }

.bi-7e375a9935 { width: auto; }

.bi-30489cbd39 { text-align: right; }

.bi-65f9d5a3d9 { text-align: center; }

.bi-50c8649dcb { text-align: center;padding: 2rem;color: var(--muted); }

.bi-5dea1e12db { font-size: 2rem;opacity: 0.3;display: block;margin-bottom: 1rem; }

.bi-97061fa035 { display: flex;justify-content: center;margin-top: 2rem; }

/* --- Component: separate-records\purchases\create-new.css --- */
/* Extracted from separate-records/purchases/create-new.blade.php */

:root{
        --ink:        #23303F;
        --ink-soft:   #5B6675;
        --paper:      #FAF7F1;
        --panel:      #FFFFFF;
        --line:       #E3DDCF;
        --ledger:     #14675C;
        --ledger-dk:  #0E4C44;
        --gold:       #C1872F;
        --danger:     #B4432E;
    }

    @import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap');

    .sep-page{
        background: var(--paper);
        color: var(--ink);
        font-family: 'Inter', -apple-system, sans-serif;
        padding-bottom: 3rem;
    }

    .sep-page .page-header{
        border-bottom: none;
        padding: 2.25rem 0 1.25rem;
    }

    .sep-page .page-title{
        font-family: 'Fraunces', Georgia, serif;
        font-weight: 600;
        font-size: 1.9rem;
        color: var(--ink);
        display: flex;
        align-items: center;
        gap: .6rem;
        letter-spacing: -0.01em;
    }

    .sep-page .page-title i{ color: var(--ledger); font-size: 1.5rem; }

    .sep-page .page-eyebrow{
        font-family: 'IBM Plex Mono', monospace;
        font-size: .72rem;
        letter-spacing: .14em;
        text-transform: uppercase;
        color: var(--gold);
        font-weight: 600;
        margin-bottom: .35rem;
        display: block;
    }

    .ledger-panel{
        background: var(--panel);
        border: 1px solid var(--line);
        border-radius: 4px;
        box-shadow: 0 1px 2px rgba(35,48,63,0.04);
        margin-bottom: 1.5rem;
        position: relative;
        overflow: visible;
    }

    .ledger-panel::before{
        content: attr(data-tab);
        position: absolute;
        top: -13px;
        left: 22px;
        background: var(--ledger);
        color: #fff;
        font-family: 'IBM Plex Mono', monospace;
        font-size: .68rem;
        font-weight: 600;
        letter-spacing: .1em;
        text-transform: uppercase;
        padding: .28rem .7rem;
        border-radius: 3px;
    }

    .ledger-panel .panel-body{ padding: 2.1rem 1.75rem 1.6rem; }

    .sep-page .form-label{
        font-weight: 600;
        font-size: .82rem;
        color: var(--ink-soft);
        text-transform: uppercase;
        letter-spacing: .04em;
        margin-bottom: .4rem;
    }

    .sep-page .form-control,
    .sep-page .form-select{
        border: 1px solid var(--line);
        border-radius: 3px;
        background: var(--paper);
        color: var(--ink);
        padding: .55rem .75rem;
        font-size: .95rem;
        transition: border-color .15s ease, box-shadow .15s ease;
    }

    .sep-page .form-control:focus,
    .sep-page .form-select:focus{
        border-color: var(--ledger);
        box-shadow: 0 0 0 3px rgba(20,103,92,0.12);
        background: #fff;
    }

    .sep-actions{
        display: flex;
        justify-content: flex-end;
        gap: .75rem;
        align-items: center;
        margin-top: 1.5rem;
    }

    .btn-cancel{
        color: var(--ink-soft);
        font-weight: 600;
        text-decoration: none;
        padding: .65rem 1rem;
    }
    .btn-cancel:hover{ color: var(--ink); }

    .btn-save{
        background: var(--ledger);
        border: none;
        color: #fff;
        font-weight: 600;
        padding: .7rem 1.6rem;
        border-radius: 3px;
        display: inline-flex;
        align-items: center;
        gap: .5rem;
        font-size: .95rem;
        transition: background .15s ease;
    }
    .btn-save:hover{ background: var(--ledger-dk); color: #fff; }

    @media (max-width: 767px){
        .ledger-panel .panel-body{ padding: 1.6rem 1.1rem 1.3rem; }
    }

/* --- Component: separate-records\purchases\create.css --- */
/* Extracted from separate-records/purchases/create.blade.php */

:root{
        --ink:        #23303F;
        --ink-soft:   #5B6675;
        --paper:      #FAF7F1;
        --panel:      #FFFFFF;
        --line:       #E3DDCF;
        --ledger:     #14675C;
        --ledger-dk:  #0E4C44;
        --gold:       #C1872F;
        --danger:     #B4432E;
        --success:    #14675C;
    }

    @import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap');

    .sep-page{
        background: var(--paper);
        color: var(--ink);
        font-family: 'Inter', -apple-system, sans-serif;
        padding-bottom: 3rem;
    }

    .sep-page .page-header{
        border-bottom: none;
        padding: 2.25rem 0 1.25rem;
    }

    .sep-page .page-title{
        font-family: 'Fraunces', Georgia, serif;
        font-weight: 600;
        font-size: 1.9rem;
        color: var(--ink);
        display: flex;
        align-items: center;
        gap: .6rem;
        letter-spacing: -0.01em;
    }

    .sep-page .page-title i{ color: var(--ledger); font-size: 1.5rem; }

    .sep-page .page-eyebrow{
        font-family: 'IBM Plex Mono', monospace;
        font-size: .72rem;
        letter-spacing: .14em;
        text-transform: uppercase;
        color: var(--gold);
        font-weight: 600;
        margin-bottom: .35rem;
        display: block;
    }

    .ledger-panel{
        background: var(--panel);
        border: 1px solid var(--line);
        border-radius: 4px;
        box-shadow: 0 1px 2px rgba(35,48,63,0.04);
        margin-bottom: 1.5rem;
        position: relative;
        overflow: visible;
    }

    .ledger-panel::before{
        content: attr(data-tab);
        position: absolute;
        top: -13px;
        left: 22px;
        background: var(--ledger);
        color: #fff;
        font-family: 'IBM Plex Mono', monospace;
        font-size: .68rem;
        font-weight: 600;
        letter-spacing: .1em;
        text-transform: uppercase;
        padding: .28rem .7rem;
        border-radius: 3px;
    }

    .ledger-panel .panel-body{ padding: 2.1rem 1.75rem 1.6rem; }

    .sep-page .form-label{
        font-weight: 600;
        font-size: .82rem;
        color: var(--ink-soft);
        text-transform: uppercase;
        letter-spacing: .04em;
        margin-bottom: .4rem;
    }

    .sep-page .form-control,
    .sep-page .form-select{
        border: 1px solid var(--line);
        border-radius: 3px;
        background: var(--paper);
        color: var(--ink);
        padding: .55rem .75rem;
        font-size: .95rem;
        transition: border-color .15s ease, box-shadow .15s ease;
    }

    .sep-page .form-control:focus,
    .sep-page .form-select:focus{
        border-color: var(--ledger);
        box-shadow: 0 0 0 3px rgba(20,103,92,0.12);
        background: #fff;
    }

    .sep-page small.text-muted{
        font-size: .74rem;
        color: var(--ink-soft) !important;
    }

    .sep-page .text-danger{ color: var(--danger) !important; }
    .sep-page .invalid-feedback{ color: var(--danger); font-size: .8rem; }
    .sep-page .is-invalid{ border-color: var(--danger) !important; }

    .sep-actions{
        display: flex;
        justify-content: flex-end;
        gap: .75rem;
        align-items: center;
        margin-top: 1.5rem;
    }

    .btn-cancel{
        color: var(--ink-soft);
        font-weight: 600;
        text-decoration: none;
        padding: .65rem 1rem;
    }
    .btn-cancel:hover{ color: var(--ink); }

    .btn-save{
        background: var(--ledger);
        border: none;
        color: #fff;
        font-weight: 600;
        padding: .7rem 1.6rem;
        border-radius: 3px;
        display: inline-flex;
        align-items: center;
        gap: .5rem;
        font-size: .95rem;
        transition: background .15s ease;
    }
    .btn-save:hover{ background: var(--ledger-dk); color: #fff; }

.bi-0cb4b441de { width: 36%; }

.bi-b6542040b3 { width: 60px; }




/* ==========================================================================
   CRM & CUSTOMER MODULE
   Unified Component Stylesheet
   ========================================================================== */

/* --- Component: clients\create.css --- */
/* Extracted from clients/create.blade.php */

/* ===== SO CLIENT FORM ===== */
.so-client-form{
  --navy:    #0f172a;
  --steel:   #2563eb;
  --steel-lt:#eff6ff;
  --green:   #10b981;
  --green-lt:#ecfdf5;
  --danger:  #ef4444;
  --danger-lt:#fef2f2;
  --border:  #e2e8f0;
  --muted:   #64748b;
  --text:    #334155;
  font-family: Inter, system-ui, sans-serif;
  color: var(--text);
}

/* ── Alerts (no Bootstrap JS dependency) ── */
.so-alert{
  display:flex; align-items:flex-start; gap:10px;
  border-radius:8px; padding:12px 14px; margin-bottom:14px;
  font-size:.85rem; position:relative;
}
.so-alert i:first-child{ font-size:1.05rem; margin-top:1px; flex-shrink:0; }
.so-alert-success{ background:var(--green-lt); color:#065f46; border:1px solid #a7f3d0; }
.so-alert-danger{ background:var(--danger-lt); color:#991b1b; border:1px solid #fecaca; }
.so-alert-close{
  position:absolute; top:10px; right:10px; background:none; border:none;
  cursor:pointer; color:inherit; opacity:.6; padding:2px;
}
.so-alert-close:hover{ opacity:1; }
.so-error-list{ margin:6px 0 0 16px; padding:0; }
.so-error-list li{ margin-bottom:2px; }

/* ── Panel ── */
.so-panel{ background:#fff; border:1px solid var(--border); border-radius:12px; overflow:hidden; box-shadow:0 1px 3px rgba(15,23,42,.04); }

.so-topbar{
  display:flex; align-items:center; justify-content:space-between;
  padding:18px 22px; border-bottom:1px solid var(--border); flex-wrap:wrap; gap:12px;
}
.so-topbar-title{ display:flex; align-items:center; gap:14px; }
.so-topbar-icon{
  width:38px; height:38px; border-radius:9px; background:var(--steel-lt); color:var(--steel);
  display:flex; align-items:center; justify-content:center; font-size:1.1rem; flex-shrink:0;
}
.so-topbar-title h6{ margin:0; font-size:1rem; font-weight:700; color:var(--navy); }
.so-topbar-title small{ color:var(--muted); font-size:.78rem; }
.so-topbar-actions{ display:flex; gap:8px; }

.so-body{ padding:24px 22px 4px; }

/* ── Sections ── */
.so-section{ margin-bottom:28px; }
.so-section-head{ display:flex; align-items:center; gap:10px; margin-bottom:16px; }
.so-section-num{
  font-family:'JetBrains Mono', monospace; font-size:.7rem; font-weight:700; color:var(--steel);
  background:var(--steel-lt); border-radius:5px; padding:3px 7px; letter-spacing:.5px;
}
.so-section-title{ font-size:.85rem; font-weight:700; color:var(--navy); text-transform:uppercase; letter-spacing:.03em; }

.so-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:18px 20px; }
.so-col-2{ grid-column:span 2; }
.so-col-3{ grid-column:span 3; }
@media(max-width:900px){
  .so-grid{ grid-template-columns:repeat(2,1fr); }
  .so-col-2,.so-col-3{ grid-column:span 2; }
}
@media(max-width:560px){
  .so-grid{ grid-template-columns:1fr; }
  .so-col-2,.so-col-3{ grid-column:span 1; }
}

/* ── Fields ── */
.so-field{ display:flex; flex-direction:column; }
.so-label{ font-size:.74rem; font-weight:600; color:var(--text); margin-bottom:6px; }
.so-label .req{ color:var(--danger); }

.so-input, .so-textarea{
  width:100%; padding:9px 12px; font-size:.86rem; color:var(--navy);
  border:1px solid var(--border); border-radius:6px; background:#fff;
  font-family:inherit; transition:border-color .15s, box-shadow .15s;
}
.so-textarea{ min-height:64px; resize:vertical; }
.so-mono{ font-family:'JetBrains Mono', monospace; letter-spacing:.02em; }

.so-input:focus, .so-textarea:focus{
  outline:none; border-color:var(--steel); box-shadow:0 0 0 3px rgba(37,99,235,.12);
}

.so-input-group{ display:flex; align-items:stretch; }
.so-input-prefix{
  display:flex; align-items:center; padding:0 10px; font-size:.82rem; font-weight:600;
  color:var(--muted); background:#f8fafc; border:1px solid var(--border); border-right:none;
  border-radius:6px 0 0 6px; font-family:'JetBrains Mono', monospace;
}
.so-input-group .so-input{ border-radius:0 6px 6px 0; }

/* Inline validation hint (replaces bare <small>) */
.so-hint{
  font-size:.72rem; color:var(--muted); margin-top:5px; display:none; align-items:center; gap:4px;
}
.so-hint.is-visible{ display:flex; color:var(--danger); }
.so-hint::before{ content:'\ea3a'; font-family:'tabler-icons'; font-size:.85rem; }
.so-input.is-invalid{ border-color:var(--danger); box-shadow:0 0 0 3px rgba(239,68,68,.1); }
.so-input.is-valid{ border-color:#86efac; }

/* Status segmented control */
.so-segmented{ display:flex; gap:6px; }
.so-segment{
  flex:1; display:flex; align-items:center; justify-content:center; gap:6px;
  font-size:.82rem; font-weight:600; color:var(--muted);
  border:1px solid var(--border); border-radius:6px; padding:8px 10px; cursor:pointer;
  transition:all .15s ease;
}
.so-segment input{ display:none; }
.so-segment i{ font-size:1rem; }
.so-segment.is-active{ background:var(--steel-lt); border-color:var(--steel); color:var(--steel); }

/* ── Footer ── */
.so-footer{
  display:flex; justify-content:flex-end; gap:10px;
  border-top:1px solid var(--border); padding:16px 0; margin-top:6px;
}

/* ── Buttons ── */
.so-btn{
  display:inline-flex; align-items:center; gap:7px; font-size:.84rem; font-weight:600;
  padding:9px 16px; border-radius:6px; border:1px solid transparent; cursor:pointer;
  text-decoration:none; transition:all .15s ease;
}
.so-btn-primary{ background:var(--steel); color:#fff; }
.so-btn-primary:hover{ background:#1d4ed8; color:#fff; }
.so-btn-ghost{ background:#fff; border-color:var(--border); color:var(--text); }
.so-btn-ghost:hover{ border-color:#cbd5e1; background:#f8fafc; }

.bi-0a37726472 { display:flex;gap:6px;align-items:end; }

.bi-3c53e19620 { margin-bottom:0;min-height:40px;white-space:nowrap; }

[data-bi-97445a8d93] { flex:1; }

/* --- Component: clients\edit.css --- */
/* Extracted from clients/edit.blade.php */

:root {
  --bg:        #F0F4F8;
  --surface:   #FFFFFF;
  --navy:      #0F1F3D;
  --navy-md:   #1E3A5F;
  --accent:    #2563EB;
  --accent-lt: #EFF6FF;
  --amber:     #D97706;
  --amber-lt:  #FFFBEB;
  --green:     #059669;
  --green-lt:  #ECFDF5;
  --danger:    #DC2626;
  --border:    #E2E8F0;
  --border-md: #CBD5E1;
  --text:      #1E293B;
  --text-md:   #475569;
  --text-sm:   #94A3B8;
  --radius:    8px;
  --radius-lg: 12px;
}
* { box-sizing: border-box; }
body { background: var(--bg); font-family: system-ui, -apple-system, sans-serif; }

.so-page { max-width: 980px; margin: 0 auto; padding: 24px 16px 48px; }

.so-topbar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.so-topbar-left { display: flex; align-items: center; gap: 12px; }
.so-topbar-left h5 { margin: 0; font-size: 1rem; font-weight: 700; color: var(--navy); }
.so-topbar-left p  { margin: 0; font-size: .72rem; color: var(--text-sm); }
.so-badge {
  font-size: .6rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em;
  background: var(--amber); color: #fff; padding: 3px 9px; border-radius: 99px;
}
.so-back {
  font-size: .78rem; color: var(--text-md); text-decoration: none;
  display: inline-flex; align-items: center; gap: 4px;
  border: 1px solid var(--border); border-radius: 6px; padding: 6px 12px;
  background: var(--surface); transition: all .12s;
}
.so-back:hover { border-color: var(--accent); color: var(--accent); }

.so-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden; margin-bottom: 14px; }
.so-card-head { display: flex; align-items: center; gap: 10px; padding: 12px 18px; border-bottom: 1px solid var(--border); }
.so-card-head-icon { width: 28px; height: 28px; border-radius: 7px; display: flex; align-items: center; justify-content: center; font-size: .9rem; flex-shrink: 0; }
.icon-blue  { background: var(--accent-lt); color: var(--accent); }
.icon-amber { background: var(--amber-lt);  color: var(--amber);  }
.so-card-head-text strong { display: block; font-size: .8rem; font-weight: 700; color: var(--navy); }
.so-card-head-text span   { font-size: .65rem; color: var(--text-sm); }
.so-card-body { padding: 18px; }

.so-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.so-grid-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; }
.so-grid-4 { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 14px; }
@media (max-width: 768px) { .so-grid-2, .so-grid-3, .so-grid-4 { grid-template-columns: 1fr; } }

.so-field { position: relative; }
.so-label { display: block; font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: var(--text-md); margin-bottom: 5px; }
.so-label .req { color: var(--danger); }
.so-input, .so-select, .so-textarea {
  width: 100%; font-size: .875rem; color: var(--text); background: #FAFBFD;
  border: 1px solid var(--border); border-radius: 7px; padding: 8px 11px;
  transition: border-color .15s, box-shadow .15s, background .15s; font-family: inherit;
}
.so-input:focus, .so-select:focus, .so-textarea:focus {
  outline: none; background: var(--surface); border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(37,99,235,.1);
}
.so-input.has-icon { padding-left: 32px; }
.so-textarea { resize: vertical; min-height: 72px; }
.so-field-icon { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: var(--text-sm); font-size: .8rem; pointer-events: none; line-height: 1; }
.so-field-icon.top { top: 10px; transform: none; }
.so-hint { font-size: .65rem; color: var(--danger); margin-top: 3px; display: none; }

.so-segmented { display: flex; gap: 6px; }
.so-segment {
  flex: 1; display: flex; align-items: center; justify-content: center; gap: 6px;
  font-size: .8rem; font-weight: 600; color: var(--text-md);
  border: 1px solid var(--border); border-radius: 7px; padding: 8px 10px; cursor: pointer;
  background: #FAFBFD; transition: all .15s ease;
}
.so-segment input { display: none; }
.so-segment.is-active { background: var(--accent-lt); border-color: var(--accent); color: var(--accent); }
.so-segment.is-active.inactive-state { background: #FEF2F2; border-color: #FECACA; color: var(--danger); }

.so-alert { display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; border-radius: 8px; margin-bottom: 14px; font-size: .825rem; }
.so-alert.success { background: var(--green-lt); border: 1px solid #A7F3D0; color: #065F46; }
.so-alert.danger  { background: #FEF2F2; border: 1px solid #FECACA; color: var(--danger); }
.so-alert i { flex-shrink: 0; font-size: 1rem; margin-top: 1px; }
.so-alert-close { margin-left: auto; background: none; border: none; cursor: pointer; opacity: .5; font-size: 1rem; padding: 0; }
.so-alert-close:hover { opacity: 1; }

.so-footer-bar {
  display: flex; justify-content: flex-end; gap: 10px;
  background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg);
  padding: 14px 18px; position: sticky; bottom: 14px;
}
.so-btn {
  display: inline-flex; align-items: center; gap: 7px; font-size: .84rem; font-weight: 700;
  padding: 10px 18px; border-radius: 7px; border: 1px solid transparent; cursor: pointer;
  text-decoration: none; transition: all .15s ease;
}
.so-btn-primary { background: var(--green); color: #fff; }
.so-btn-primary:hover { background: #047857; }
.so-btn-ghost { background: var(--surface); border-color: var(--border); color: var(--text-md); }
.so-btn-ghost:hover { border-color: var(--border-md); background: #F8FAFC; }

.bi-158cf35e12 { margin:4px 0 0;padding-left:16px; }

.bi-a726b01e4d { font-size:.8rem; }

.bi-2b583d7389 { margin-bottom:14px; }

.bi-d461c96de5 { position:relative; }

.bi-a484feb8c4 { text-transform:uppercase; }

.bi-cc2370da47 { top:9px; }

.bi-e8eafd7108 { padding-left:30px; }

/* --- Component: clients\index.css --- */
/* Extracted from clients/index.blade.php */

:root {
  --bg:        #F0F4F8;
  --surface:   #FFFFFF;
  --navy:      #0F1F3D;
  --navy-md:   #1E3A5F;
  --accent:    #2563EB;
  --accent-lt: #EFF6FF;
  --amber:     #D97706;
  --amber-lt:  #FFFBEB;
  --green:     #059669;
  --green-lt:  #ECFDF5;
  --danger:    #DC2626;
  --danger-lt: #FEF2F2;
  --border:    #E2E8F0;
  --border-md: #CBD5E1;
  --text:      #1E293B;
  --text-md:   #475569;
  --text-sm:   #94A3B8;
  --radius:    8px;
  --radius-lg: 12px;
}
* { box-sizing: border-box; }
body { background: var(--bg); font-family: system-ui, -apple-system, sans-serif; }

.so-page { max-width: 1280px; margin: 0 auto; padding: 24px 16px 48px; }

/* ── Topbar ── */
.so-topbar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; flex-wrap: wrap; gap: 12px; }
.so-topbar-left h4 { margin: 0 0 4px; font-size: 1.1rem; font-weight: 800; color: var(--navy); letter-spacing: -.01em; }
.so-breadcrumb { display: flex; align-items: center; gap: 6px; list-style: none; margin: 0; padding: 0; font-size: .75rem; color: var(--text-sm); }
.so-breadcrumb li::after { content: '/'; margin-left: 6px; opacity: .6; }
.so-breadcrumb li:last-child::after { content: ''; }
.so-breadcrumb a { color: var(--text-sm); text-decoration: none; }
.so-breadcrumb a:hover { color: var(--accent); }
.so-breadcrumb li.is-active { color: var(--text-md); font-weight: 600; }

.so-btn {
  display: inline-flex; align-items: center; gap: 7px; font-size: .84rem; font-weight: 700;
  padding: 10px 16px; border-radius: 7px; border: 1px solid transparent; cursor: pointer;
  text-decoration: none; transition: all .15s ease;
}
.so-btn-primary { background: var(--accent); color: #fff; }
.so-btn-primary:hover { background: #1d4ed8; color: #fff; }

/* ── Stats ── */
.so-stats-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 18px; }
@media (max-width: 900px) { .so-stats-row { grid-template-columns: 1fr; } }

.so-stat-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 16px 18px; display: flex; gap: 14px; align-items: flex-start; }
.so-stat-icon { width: 38px; height: 38px; border-radius: 9px; display: flex; align-items: center; justify-content: center; font-size: 1.05rem; flex-shrink: 0; }
.so-stat-icon.is-blue   { background: var(--accent-lt); color: var(--accent); }
.so-stat-icon.is-green  { background: var(--green-lt);  color: var(--green);  }
.so-stat-icon.is-danger { background: var(--danger-lt); color: var(--danger); }

.so-stat-body { flex: 1; display: flex; flex-direction: column; }
.so-stat-body .lbl { font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--text-sm); margin-bottom: 4px; }
.so-stat-body .val { font-size: 1.4rem; font-weight: 800; color: var(--navy); letter-spacing: -.02em; line-height: 1; font-family: 'SF Mono', 'Fira Code', monospace; }
.so-stat-bar { height: 5px; background: #f1f5f9; border-radius: 4px; margin-top: 10px; overflow: hidden; }
.so-stat-bar-fill { height: 100%; border-radius: 4px; transition: width .4s ease; }
.so-stat-bar-fill.is-blue   { background: var(--accent); }
.so-stat-bar-fill.is-green  { background: var(--green);  }
.so-stat-bar-fill.is-danger { background: var(--danger); }

/* ── Card / panel ── */
.so-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden; }
.so-card-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 18px; border-bottom: 1px solid var(--border); }
.so-card-head-left { display: flex; align-items: center; gap: 10px; }
.so-card-head-icon { width: 28px; height: 28px; border-radius: 7px; display: flex; align-items: center; justify-content: center; font-size: .9rem; background: var(--accent-lt); color: var(--accent); flex-shrink: 0; }
.so-card-head-text strong { display: block; font-size: .8rem; font-weight: 700; color: var(--navy); }
.so-count-tag {
  font-family: 'SF Mono', 'Fira Code', monospace; font-size: .68rem; font-weight: 700;
  background: #F8FAFC; border: 1px solid var(--border); color: var(--text-md);
  padding: 3px 10px; border-radius: 20px;
}

/* ── Table ── */
.so-table-wrap { overflow-x: auto; }
.so-table { width: 100%; border-collapse: collapse; font-size: .85rem; }
.so-table thead th {
  background: #F8FAFC; color: var(--text-sm); font-size: .66rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: .06em; padding: 12px 18px;
  border-bottom: 1px solid var(--border); white-space: nowrap;
}
.so-table th.r, .so-table td.r { text-align: right; }
.so-table tbody td { padding: 13px 18px; border-bottom: 1px solid #F1F5F9; color: var(--text); vertical-align: middle; }
.so-table tbody tr:last-child td { border-bottom: none; }
.so-table tbody tr:hover td { background: #FAFBFD; }
.so-mono { font-family: 'SF Mono', 'Fira Code', monospace; }
.so-cell-muted { color: var(--text-sm); }
.so-cell-link { font-weight: 700; color: var(--navy); text-decoration: none; }
.so-cell-link:hover { color: var(--accent); }
.so-cell-sub { font-size: .73rem; color: var(--text-sm); margin-top: 2px; }
.so-empty-row { text-align: center; color: var(--text-sm); padding: 32px; font-size: .85rem; }
.so-empty-row i { margin-right: 6px; opacity: .6; }

/* ── Status tags ── */
.so-status-tag { display: inline-flex; align-items: center; gap: 5px; font-size: .68rem; font-weight: 700; padding: 4px 10px; border-radius: 20px; text-transform: uppercase; letter-spacing: .03em; }
.so-status-tag i { font-size: .82rem; }
.so-status-tag.is-active   { background: var(--green-lt);  color: #065F46; }
.so-status-tag.is-inactive { background: var(--danger-lt); color: var(--danger); }

/* ── Action icon buttons ── */
.so-action-group { display: flex; gap: 6px; justify-content: flex-end; }
.so-icon-btn {
  width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center;
  border-radius: 7px; border: 1px solid var(--border); background: var(--surface); color: var(--text-sm);
  text-decoration: none; cursor: pointer; transition: all .15s ease;
}
.so-icon-btn:hover { border-color: var(--accent); color: var(--accent); background: var(--accent-lt); }
.so-icon-btn.is-success:hover { border-color: var(--green); color: var(--green); background: var(--green-lt); }
.so-icon-btn.is-danger:hover { border-color: var(--danger); color: var(--danger); background: var(--danger-lt); }

/* ── DataTables overrides ── */
.so-client-index .dataTables_wrapper { padding: 10px 18px 18px; }
.so-client-index .dataTables_length,
.so-client-index .dataTables_info,
.so-client-index .dataTables_paginate { font-size: .78rem !important; color: var(--text-sm) !important; }
.so-client-index .dataTables_length select { border: 1px solid var(--border); border-radius: 6px; padding: 4px 8px; font-size: .8rem; outline: none; }
.so-client-index .dataTables_filter input {
  border: 1px solid var(--border); border-radius: 7px; padding: 6px 10px; font-size: .8rem; outline: none; margin-left: 8px; background: #FAFBFD;
}
.so-client-index .dataTables_filter input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(37,99,235,.1); background: var(--surface); }
.so-client-index .dt-buttons .btn { border-radius: 7px !important; font-size: .76rem !important; font-weight: 700; box-shadow: none !important; }
.so-client-index .dataTables_paginate { display: flex; gap: 4px; }
.so-client-index .paginate_button {
  padding: 5px 11px !important; border-radius: 7px !important; border: 1px solid var(--border) !important;
  font-weight: 600; font-size: .8rem !important; margin: 0 2px !important; background: var(--surface) !important; color: var(--text) !important;
}
.so-client-index .paginate_button.current { background: var(--accent) !important; color: #fff !important; border-color: var(--accent) !important; }
.so-client-index .paginate_button.disabled { opacity: .4; }

.bi-0466783d98 { width:100%; }

.bd-4e702829f7 { width: var(--bdv-0); }
.bd-4e702829f7 { width: var(--bdv-0); }

[data-bi-6b99de8b69] { display:none; }

/* --- Component: clients\pdf\ledger.css --- */
/* Extracted from clients/pdf/ledger.blade.php */

body { font-family: DejaVu Sans, sans-serif; font-size: 12px; }
        table { width:100%; border-collapse: collapse; }
        th,td { border:1px solid #000; padding:6px; text-align:center; }
        th { background:#eee; }
        h2 { text-align:center; margin-bottom:5px; }

.bi-54c2afb7ba { text-align:right; }

/* --- Component: clients\pdf\statement.css --- */
/* Extracted from clients/pdf/statement.blade.php */

body{
    font-family: DejaVu Sans, sans-serif;
    font-size:12px;
    color:#222;
}

/* ===== PAGE BORDER ===== */

.page-border{
    border:1px double #000;
    padding:14px;
}

/* ===== HEADER ===== */

.header{
    /* border-bottom:1px solid #676565; */
    padding-bottom:8px;
    margin-bottom:10px;
}

.company-table{ width:100%; }

.logo{ width:160px; }

.company-info{
    text-align:right;
    font-size:11px;
    line-height:1.5;
}

/* ===== TITLE ===== */

.report-title{
    text-align:center;
    font-size:18px;
    font-weight:bold;
    margin:8px 0 6px;
    letter-spacing:1px;
}

/* ===== CLIENT INFO ===== */

.client-box{
    border:1px solid #817f7f;
    padding:6px;
    margin-bottom:10px;
    font-size:12px;
}

/* ===== SECTION TITLE ===== */

.section-title{
    font-weight:bold;
    background:#eee;
    padding:4px;
    border:1px solid #7d7979;
    margin-top:10px;
}

/* ===== TABLE ===== */

table{
    width:100%;
    border-collapse:collapse;
}

th, td{
    border:1px solid #868282;
    padding:6px;
}

th{
    background:#f0f0f0;
    text-align:center;
    font-weight:bold;
}

td.center{ text-align:center; }
td.right{ text-align:right; }

.amount-green{ color:#0a7a0a; font-weight:bold; }
.amount-red{ color:#d10000; font-weight:bold; }

/* ===== SUMMARY TABLE ===== */

.summary td{
    padding:7px;
}

/* ===== SIGNATURE ===== */

.signature{
    margin-top:40px;
    text-align:center;
}

.sig-box{
    display:inline-block;
    width:45%;
}

.sig-line{
    border-top:1px solid #000;
    margin-top:45px;
    width:180px;
    margin-left:auto;
    margin-right:auto;
}

.bi-de00808e96 { font-size:15px; }

/* --- Component: clients\show.css --- */
/* Extracted from clients/show.blade.php */

/* ===== SO CLIENT DETAIL ===== */
.so-client-detail{
  --navy:    #0f172a;
  --steel:   #2563eb;
  --steel-lt:#eff6ff;
  --green:   #10b981;
  --green-lt:#ecfdf5;
  --amber:   #f59e0b;
  --amber-lt:#fffbeb;
  --teal:    #0d9488;
  --teal-lt: #f0fdfa;
  --danger:  #ef4444;
  --danger-lt:#fef2f2;
  --border:  #e2e8f0;
  --muted:   #64748b;
  --text:    #334155;
  font-family: Inter, system-ui, sans-serif;
  color: var(--text);
}

/* ── Header ── */
.so-detail-header{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:24px; }
.so-detail-heading{ display:flex; align-items:flex-start; gap:14px; }
.so-detail-avatar{
  width:48px; height:48px; border-radius:12px; background:var(--steel-lt); color:var(--steel);
  display:flex; align-items:center; justify-content:center; font-size:1.4rem; flex-shrink:0;
}
.so-detail-heading h4{ font-size:1.3rem; font-weight:800; color:var(--navy); margin:0 0 6px; display:flex; align-items:center; gap:10px; letter-spacing:-.02em; }
.so-id-tag{
  font-family:'JetBrains Mono', monospace; font-size:.68rem; font-weight:700;
  background:var(--steel-lt); color:var(--steel); padding:3px 9px; border-radius:20px;
}
.so-breadcrumb{ display:flex; align-items:center; gap:6px; list-style:none; margin:0; padding:0; font-size:.8rem; color:var(--muted); }
.so-breadcrumb li::after{ content:'/'; margin-left:6px; opacity:.6; }
.so-breadcrumb li:last-child::after{ content:''; }
.so-breadcrumb a{ color:var(--muted); text-decoration:none; }
.so-breadcrumb a:hover{ color:var(--steel); }
.so-breadcrumb li.is-active{ color:var(--text); font-weight:500; }

.so-detail-actions{ display:flex; gap:8px; flex-wrap:wrap; }

/* ── Buttons (shared with other so- pages) ── */
.so-btn{ display:inline-flex; align-items:center; gap:7px; font-size:.82rem; font-weight:600; padding:8px 14px; border-radius:6px; border:1px solid transparent; cursor:pointer; text-decoration:none; transition:all .15s ease; white-space:nowrap; }
.so-btn-xs{ padding:5px 10px; font-size:.76rem; }
.so-btn-primary{ background:var(--steel); color:#fff; }
.so-btn-primary:hover{ background:#1d4ed8; color:#fff; }
.so-btn-ghost{ background:#fff; border-color:var(--border); color:var(--text); }
.so-btn-ghost:hover{ border-color:#cbd5e1; background:#f8fafc; }
.so-btn-danger-soft{ background:var(--danger-lt); border-color:#fecaca; color:#991b1b; }
.so-btn-danger-soft:hover{ background:#fee2e2; color:#991b1b; }
.so-btn-info-soft{ background:var(--teal-lt); border-color:#99f6e4; color:#0f766e; }
.so-btn-info-soft:hover{ background:#ccfbf1; color:#0f766e; }
.so-btn-success-soft{ background:var(--green-lt); border-color:#a7f3d0; color:#065f46; }
.so-btn-success-soft:hover{ background:#d1fae5; color:#065f46; }

/* ── Grid layout ── */
.so-detail-grid{ display:grid; grid-template-columns:340px 1fr; gap:20px; }
@media(max-width:992px){ .so-detail-grid{ grid-template-columns:1fr; } }

/* ── Panel ── */
.so-panel{ background:#fff; border:1px solid var(--border); border-radius:12px; box-shadow:0 1px 3px rgba(15,23,42,.04); overflow:hidden; }
.so-panel-body{ padding:20px; }
.so-panel-head{ display:flex; align-items:center; justify-content:space-between; padding:14px 20px; border-bottom:1px solid var(--border); }
.so-panel-head-title{ font-size:.85rem; font-weight:700; color:var(--navy); display:flex; align-items:center; gap:8px; }
.so-panel-head-title i{ color:var(--steel); font-size:1.05rem; }
.so-count-tag{ font-family:'JetBrains Mono', monospace; font-size:.68rem; font-weight:700; background:#f8fafc; border:1px solid var(--border); color:var(--muted); padding:2px 9px; border-radius:20px; }

.so-panel-title{ font-size:.82rem; font-weight:700; color:var(--navy); display:flex; align-items:center; gap:7px; margin-bottom:14px; }
.so-panel-title i{ color:var(--steel); font-size:1rem; }
.so-panel-title-center{ justify-content:center; margin-top:12px; }

/* ── Info rows (client info card) ── */
.so-info-row{ display:flex; justify-content:space-between; align-items:center; padding:7px 0; border-bottom:1px solid #f1f5f9; font-size:.85rem; }
.so-info-row-last{ border-bottom:none; }
.so-info-row .k{ color:var(--muted); }
.so-info-row .v{ font-weight:600; color:var(--navy); text-align:right; }
.so-mono{ font-family:'JetBrains Mono', monospace; }

.so-divider{ height:1px; background:var(--border); margin:16px 0; }

.so-address-block{ margin-bottom:10px; }
.so-address-block .lbl{ display:block; font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:var(--muted); margin-bottom:3px; }
.so-address-block p{ font-size:.84rem; color:var(--text); line-height:1.5; margin:0; }
.so-address-meta{ display:block; font-size:.76rem; color:var(--muted); }

/* ── Status tags ── */
.so-status-tag{ display:inline-flex; align-items:center; gap:5px; font-size:.72rem; font-weight:700; padding:4px 10px; border-radius:20px; text-transform:uppercase; letter-spacing:.03em; }
.so-status-tag i{ font-size:.85rem; }
.so-status-tag.is-active{ background:var(--green-lt); color:#065f46; }
.so-status-tag.is-inactive{ background:var(--danger-lt); color:#991b1b; }
.so-status-tag.is-info{ background:var(--steel-lt); color:var(--steel); }

/* ── Business summary ── */
.so-summary-panel .so-panel-body{ padding:24px 20px; }
.so-summary-stats{ display:flex; align-items:center; justify-content:center; gap:24px; margin-top:18px; }
.so-summary-stat{ display:flex; flex-direction:column; align-items:center; gap:4px; }
.so-summary-stat .lbl{ font-size:.7rem; font-weight:600; color:var(--muted); text-transform:uppercase; letter-spacing:.04em; }
.so-summary-stat .val{ font-size:1.4rem; font-weight:800; color:var(--steel); letter-spacing:-.02em; }
.so-summary-stat .val small{ font-size:.65rem; font-weight:600; margin-left:3px; color:var(--muted); }
.so-summary-stat .val-success{ color:var(--green); }
.so-summary-divider{ width:1px; height:38px; background:var(--border); }

/* ── Tables ── */
.so-table-wrap{ overflow-x:auto; }
.so-table{ width:100%; border-collapse:collapse; font-size:.85rem; }
.so-table thead th{ background:#f8fafc; color:var(--muted); font-size:.68rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em; padding:11px 18px; border-bottom:1px solid var(--border); white-space:nowrap; }
.so-table th.r{ text-align:right; }
.so-table td.r{ text-align:right; }
.so-table tbody td{ padding:12px 18px; border-bottom:1px solid #f1f5f9; color:var(--text); vertical-align:middle; }
.so-table tbody tr:last-child td{ border-bottom:none; }
.so-table tbody tr:hover td{ background:#f8fafc; }
.so-cell-strong{ font-weight:700; color:var(--navy); }
.so-cell-muted{ color:var(--muted); }
.so-empty-row{ text-align:center; color:var(--muted); padding:24px; font-size:.85rem; }
.so-empty-row i{ margin-right:6px; opacity:.6; }

/* ── Inline icon button (report link) ── */
.so-icon-btn{
  width:30px; height:30px; display:inline-flex; align-items:center; justify-content:center;
  border-radius:6px; border:1px solid var(--border); background:#fff; color:var(--muted);
  text-decoration:none; transition:all .15s ease;
}
.so-icon-btn:hover{ border-color:var(--steel); color:var(--steel); background:var(--steel-lt); }

/* --- Component: client_sites\create.css --- */
/* Extracted from client_sites/create.blade.php */

/* ===== SO CLIENT-SITE FORM (shares tokens with the client form) ===== */
.so-client-site-form{
  --navy:    #0f172a;
  --steel:   #2563eb;
  --steel-lt:#eff6ff;
  --green:   #10b981;
  --green-lt:#ecfdf5;
  --amber:   #f59e0b;
  --amber-lt:#fffbeb;
  --danger:  #ef4444;
  --danger-lt:#fef2f2;
  --border:  #e2e8f0;
  --muted:   #64748b;
  --text:    #334155;
  font-family: Inter, system-ui, sans-serif;
  color: var(--text);
}

/* ── Alerts ── */
.so-alert{ display:flex; align-items:flex-start; gap:10px; border-radius:8px; padding:12px 14px; margin-bottom:14px; font-size:.85rem; position:relative; }
.so-alert i:first-child{ font-size:1.05rem; margin-top:1px; flex-shrink:0; }
.so-alert-success{ background:var(--green-lt); color:#065f46; border:1px solid #a7f3d0; }
.so-alert-danger{ background:var(--danger-lt); color:#991b1b; border:1px solid #fecaca; }
.so-alert-close{ position:absolute; top:10px; right:10px; background:none; border:none; cursor:pointer; color:inherit; opacity:.6; padding:2px; }
.so-alert-close:hover{ opacity:1; }
.so-error-list{ margin:6px 0 0 16px; padding:0; }
.so-error-list li{ margin-bottom:2px; }

/* ── Panel ── */
.so-panel{ background:#fff; border:1px solid var(--border); border-radius:12px; overflow:hidden; box-shadow:0 1px 3px rgba(15,23,42,.04); }
.so-topbar{ display:flex; align-items:center; justify-content:space-between; padding:18px 22px; border-bottom:1px solid var(--border); flex-wrap:wrap; gap:12px; }
.so-topbar-title{ display:flex; align-items:center; gap:14px; }
.so-topbar-icon{ width:38px; height:38px; border-radius:9px; background:var(--steel-lt); color:var(--steel); display:flex; align-items:center; justify-content:center; font-size:1.1rem; flex-shrink:0; }
.so-topbar-title h6{ margin:0; font-size:1rem; font-weight:700; color:var(--navy); }
.so-topbar-title small{ color:var(--muted); font-size:.78rem; }
.so-topbar-actions{ display:flex; gap:8px; }
.so-body{ padding:24px 22px 4px; }

/* ── Sections ── */
.so-section{ margin-bottom:28px; }
.so-section-head{ display:flex; align-items:center; gap:10px; margin-bottom:16px; }
.so-section-num{ font-family:'JetBrains Mono', monospace; font-size:.7rem; font-weight:700; color:var(--steel); background:var(--steel-lt); border-radius:5px; padding:3px 7px; letter-spacing:.5px; }
.so-section-title{ font-size:.85rem; font-weight:700; color:var(--navy); text-transform:uppercase; letter-spacing:.03em; }

.so-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:18px 20px; }
.so-col-2{ grid-column:span 2; }
.so-col-3{ grid-column:span 3; }
@media(max-width:900px){ .so-grid{ grid-template-columns:repeat(2,1fr); } .so-col-2,.so-col-3{ grid-column:span 2; } }
@media(max-width:560px){ .so-grid{ grid-template-columns:1fr; } .so-col-2,.so-col-3{ grid-column:span 1; } }

/* ── Fields ── */
.so-field{ display:flex; flex-direction:column; }
.so-label{ font-size:.74rem; font-weight:600; color:var(--text); margin-bottom:6px; }
.so-label .req{ color:var(--danger); }
.so-input, .so-textarea, .so-select{ width:100%; padding:9px 12px; font-size:.86rem; color:var(--navy); border:1px solid var(--border); border-radius:6px; background:#fff; font-family:inherit; transition:border-color .15s, box-shadow .15s; }
.so-select{ appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%2364748b'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 12px center; padding-right:30px; }
.so-textarea{ min-height:64px; resize:vertical; }
.so-mono{ font-family:'JetBrains Mono', monospace; letter-spacing:.02em; }
.so-input:focus, .so-textarea:focus, .so-select:focus{ outline:none; border-color:var(--steel); box-shadow:0 0 0 3px rgba(37,99,235,.12); }

.so-input-group{ display:flex; align-items:stretch; }
.so-input-group .so-input{ border-radius:6px 0 0 6px; }
.so-input-suffix{ display:flex; align-items:center; padding:0 12px; font-size:.78rem; font-weight:600; color:var(--muted); background:#f8fafc; border:1px solid var(--border); border-left:none; border-radius:0 6px 6px 0; font-family:'JetBrains Mono', monospace; }

.so-hint{ font-size:.72rem; color:var(--muted); margin-top:5px; display:flex; align-items:center; gap:4px; }
.so-hint.is-invalid{ color:var(--danger); }

/* ── Client snapshot panel ── */
.so-snapshot{ margin-top:14px; background:var(--steel-lt); border:1px solid #bfdbfe; border-radius:10px; padding:16px 18px; }
.so-snapshot-head{ display:flex; align-items:center; gap:8px; font-size:.78rem; font-weight:700; color:var(--steel); margin-bottom:12px; }
.so-snapshot-head i{ font-size:1rem; }
.so-snapshot-tag{ margin-left:auto; font-size:.66rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; padding:3px 9px; border-radius:20px; background:var(--green-lt); color:#065f46; }
.so-snapshot-tag.is-inactive{ background:var(--danger-lt); color:#991b1b; }
.so-snapshot-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px 20px; }
@media(max-width:900px){ .so-snapshot-grid{ grid-template-columns:repeat(2,1fr); } .so-snapshot-grid .so-col-2{ grid-column:span 2; } }
@media(max-width:560px){ .so-snapshot-grid{ grid-template-columns:1fr; } }
.so-snapshot-item{ display:flex; flex-direction:column; gap:3px; }
.so-snapshot-item .k{ font-size:.66rem; font-weight:600; text-transform:uppercase; letter-spacing:.04em; color:#1d4ed8; opacity:.7; }
.so-snapshot-item .v{ font-size:.82rem; font-weight:600; color:var(--navy); }

/* ── Mobile digit boxes ── */
.mobile-box-wrapper{ display:flex; gap:6px; flex-wrap:wrap; }
.mobile-box{
  width:32px; height:38px; text-align:center; font-size:.95rem; font-weight:700;
  font-family:'JetBrains Mono', monospace; color:var(--navy);
  border:1px solid var(--border); border-radius:6px; outline:none; transition:all .15s ease;
}
.mobile-box:focus{ border-color:var(--steel); box-shadow:0 0 0 3px rgba(37,99,235,.12); }
.mobile-box.is-filled{ border-color:#bfdbfe; background:var(--steel-lt); }
.mobile-box.is-invalid{ border-color:var(--danger); }

/* ── Status segmented ── */
.so-segmented{ display:flex; gap:6px; }
.so-segment{ flex:1; display:flex; align-items:center; justify-content:center; gap:6px; font-size:.82rem; font-weight:600; color:var(--muted); border:1px solid var(--border); border-radius:6px; padding:8px 10px; cursor:pointer; transition:all .15s ease; }
.so-segment input{ display:none; }
.so-segment i{ font-size:1rem; }
.so-segment.is-active{ background:var(--steel-lt); border-color:var(--steel); color:var(--steel); }

/* ── Footer / Buttons ── */
.so-footer{ display:flex; justify-content:flex-end; gap:10px; border-top:1px solid var(--border); padding:16px 0; margin-top:6px; }
.so-btn{ display:inline-flex; align-items:center; gap:7px; font-size:.84rem; font-weight:600; padding:9px 16px; border-radius:6px; border:1px solid transparent; cursor:pointer; text-decoration:none; transition:all .15s ease; }
.so-btn-primary{ background:var(--steel); color:#fff; }
.so-btn-primary:hover{ background:#1d4ed8; color:#fff; }
.so-btn-ghost{ background:#fff; border-color:var(--border); color:var(--text); }
.so-btn-ghost:hover{ border-color:#cbd5e1; background:#f8fafc; }

/* --- Component: client_sites\edit.css --- */
/* Extracted from client_sites/edit.blade.php */

:root {
  --bg:        #F0F4F8;
  --surface:   #FFFFFF;
  --navy:      #0F1F3D;
  --navy-md:   #1E3A5F;
  --accent:    #2563EB;
  --accent-lt: #EFF6FF;
  --amber:     #D97706;
  --amber-lt:  #FFFBEB;
  --green:     #059669;
  --green-lt:  #ECFDF5;
  --danger:    #DC2626;
  --danger-lt: #FEF2F2;
  --border:    #E2E8F0;
  --border-md: #CBD5E1;
  --text:      #1E293B;
  --text-md:   #475569;
  --text-sm:   #94A3B8;
  --radius:    8px;
  --radius-lg: 12px;
}
* { box-sizing: border-box; }
body { background: var(--bg); font-family: system-ui, -apple-system, sans-serif; }

.so-page { max-width: 980px; margin: 0 auto; padding: 24px 16px 48px; }

.so-topbar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.so-topbar-left { display: flex; align-items: center; gap: 12px; }
.so-topbar-left h5 { margin: 0; font-size: 1rem; font-weight: 700; color: var(--navy); }
.so-topbar-left p  { margin: 0; font-size: .72rem; color: var(--text-sm); }
.so-badge {
  font-size: .6rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em;
  background: var(--amber); color: #fff; padding: 3px 9px; border-radius: 99px;
}
.so-back {
  font-size: .78rem; color: var(--text-md); text-decoration: none;
  display: inline-flex; align-items: center; gap: 4px;
  border: 1px solid var(--border); border-radius: 6px; padding: 6px 12px;
  background: var(--surface); transition: all .12s;
}
.so-back:hover { border-color: var(--accent); color: var(--accent); }

.so-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden; margin-bottom: 14px; }
.so-card-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 18px; border-bottom: 1px solid var(--border); }
.so-card-head-left { display: flex; align-items: center; gap: 10px; }
.so-card-head-icon { width: 28px; height: 28px; border-radius: 7px; display: flex; align-items: center; justify-content: center; font-size: .9rem; flex-shrink: 0; background: var(--amber-lt); color: var(--amber); }
.so-card-head-icon.is-blue { background: var(--accent-lt); color: var(--accent); }
.so-card-head-text strong { display: block; font-size: .8rem; font-weight: 700; color: var(--navy); }
.so-card-head-text span   { font-size: .65rem; color: var(--text-sm); }
.so-card-body { padding: 18px; }
.so-card-body-flush { padding: 0; }
.so-count-tag {
  font-family: 'SF Mono', 'Fira Code', monospace; font-size: .68rem; font-weight: 700;
  background: #F8FAFC; border: 1px solid var(--border); color: var(--text-md);
  padding: 3px 10px; border-radius: 20px;
}

.so-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.so-grid-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; }
@media (max-width: 768px) { .so-grid-2, .so-grid-3 { grid-template-columns: 1fr; } }

.so-field { position: relative; }
.so-label { display: block; font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: var(--text-md); margin-bottom: 5px; }
.so-label .req { color: var(--danger); }
.so-input, .so-textarea {
  width: 100%; font-size: .875rem; color: var(--text); background: #FAFBFD;
  border: 1px solid var(--border); border-radius: 7px; padding: 8px 11px;
  transition: border-color .15s, box-shadow .15s, background .15s; font-family: inherit;
}
.so-input:focus, .so-textarea:focus {
  outline: none; background: var(--surface); border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(37,99,235,.1);
}
.so-input.has-icon { padding-left: 32px; }
.so-input[readonly] { background: #F1F5F9; color: var(--text-md); cursor: not-allowed; }
.so-textarea { resize: vertical; min-height: 80px; }
.so-field-icon { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: var(--text-sm); font-size: .8rem; pointer-events: none; line-height: 1; }
.so-field-icon.top { top: 10px; transform: none; }

/* ── Status segmented control ── */
.so-segmented { display: flex; gap: 6px; flex-wrap: wrap; }
.so-segment {
  flex: 1; min-width: 90px; display: flex; align-items: center; justify-content: center; gap: 6px;
  font-size: .8rem; font-weight: 600; color: var(--text-md);
  border: 1px solid var(--border); border-radius: 7px; padding: 9px 10px; cursor: pointer;
  background: #FAFBFD; transition: all .15s ease;
}
.so-segment input { display: none; }
.so-segment i { font-size: .95rem; }
.so-segment.is-active.s-active   { background: var(--accent-lt); border-color: var(--accent); color: var(--accent); }
.so-segment.is-active.s-inactive { background: #FEF2F2; border-color: #FECACA; color: var(--danger); }
.so-segment.is-active.s-completed{ background: var(--green-lt); border-color: #A7F3D0; color: var(--green); }

.so-footer-bar {
  display: flex; justify-content: flex-end; gap: 10px;
  background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg);
  padding: 14px 18px;
}
.so-btn {
  display: inline-flex; align-items: center; gap: 7px; font-size: .84rem; font-weight: 700;
  padding: 10px 18px; border-radius: 7px; border: 1px solid transparent; cursor: pointer;
  text-decoration: none; transition: all .15s ease;
}
.so-btn-primary { background: var(--green); color: #fff; }
.so-btn-primary:hover { background: #047857; }
.so-btn-ghost { background: var(--surface); border-color: var(--border); color: var(--text-md); }
.so-btn-ghost:hover { border-color: var(--border-md); background: #F8FAFC; }

/* ── All sites table ── */
.so-table-wrap { overflow-x: auto; }
.so-table { width: 100%; border-collapse: collapse; font-size: .85rem; }
.so-table thead th {
  background: #F8FAFC; color: var(--text-sm); font-size: .66rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: .06em; padding: 12px 18px;
  border-bottom: 1px solid var(--border); white-space: nowrap;
}
.so-table tbody td { padding: 12px 18px; border-bottom: 1px solid #F1F5F9; color: var(--text); vertical-align: middle; }
.so-table tbody tr:last-child td { border-bottom: none; }
.so-table tbody tr.is-current td { background: var(--accent-lt); }
.so-table tbody tr:hover td { background: #FAFBFD; }
.so-table tbody tr.is-current:hover td { background: var(--accent-lt); }
.so-mono { font-family: 'SF Mono', 'Fira Code', monospace; }
.so-cell-muted { color: var(--text-sm); }
.so-cell-sub { font-size: .73rem; color: var(--text-sm); margin-top: 2px; }
.so-empty-row { text-align: center; color: var(--text-sm); padding: 28px; font-size: .85rem; }
.so-empty-row i { margin-right: 6px; opacity: .6; }

.so-status-tag { display: inline-flex; align-items: center; gap: 5px; font-size: .68rem; font-weight: 700; padding: 4px 10px; border-radius: 20px; text-transform: uppercase; letter-spacing: .03em; }
.so-status-tag i { font-size: .82rem; }
.so-status-tag.is-active    { background: var(--green-lt);  color: #065F46; }
.so-status-tag.is-inactive  { background: var(--danger-lt); color: var(--danger); }
.so-status-tag.is-completed { background: var(--accent-lt); color: var(--accent); }

.so-current-tag {
  font-size: .62rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em;
  background: var(--amber); color: #fff; padding: 2px 8px; border-radius: 20px; margin-left: 6px;
}

.so-icon-btn {
  width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center;
  border-radius: 7px; border: 1px solid var(--border); background: var(--surface); color: var(--text-sm);
  text-decoration: none; cursor: pointer; transition: all .15s ease;
}
.so-icon-btn:hover { border-color: var(--accent); color: var(--accent); background: var(--accent-lt); }

.bi-a726b01e4d { font-size:.8rem; }

.bi-2b583d7389 { margin-bottom:14px; }

.bi-d461c96de5 { position:relative; }

.bi-cc2370da47 { top:9px; }

.bi-e8eafd7108 { padding-left:30px; }

.bi-7a3460541a { padding-right:36px; }

.bi-eda611bb3f { position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.7rem;color:var(--text-sm);pointer-events:none; }

.bi-86de7ac63a { margin-top:18px; }

/* --- Component: client_sites\index.css --- */
/* Extracted from client_sites/index.blade.php */

:root {
  --bg:        #F0F4F8;
  --surface:   #FFFFFF;
  --navy:      #0F1F3D;
  --navy-md:   #1E3A5F;
  --accent:    #2563EB;
  --accent-lt: #EFF6FF;
  --amber:     #D97706;
  --amber-lt:  #FFFBEB;
  --green:     #059669;
  --green-lt:  #ECFDF5;
  --danger:    #DC2626;
  --danger-lt: #FEF2F2;
  --border:    #E2E8F0;
  --border-md: #CBD5E1;
  --text:      #1E293B;
  --text-md:   #475569;
  --text-sm:   #94A3B8;
  --radius:    8px;
  --radius-lg: 12px;
}
* { box-sizing: border-box; }
body { background: var(--bg); font-family: system-ui, -apple-system, sans-serif; }

.so-page { max-width: 1280px; margin: 0 auto; padding: 24px 16px 48px; }

/* ── Topbar ── */
.so-topbar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; flex-wrap: wrap; gap: 12px; }
.so-topbar-left h4 { margin: 0 0 4px; font-size: 1.1rem; font-weight: 800; color: var(--navy); letter-spacing: -.01em; }
.so-breadcrumb { display: flex; align-items: center; gap: 6px; list-style: none; margin: 0; padding: 0; font-size: .75rem; color: var(--text-sm); }
.so-breadcrumb li::after { content: '/'; margin-left: 6px; opacity: .6; }
.so-breadcrumb li:last-child::after { content: ''; }
.so-breadcrumb a { color: var(--text-sm); text-decoration: none; }
.so-breadcrumb a:hover { color: var(--accent); }
.so-breadcrumb li.is-active { color: var(--text-md); font-weight: 600; }

.so-btn {
  display: inline-flex; align-items: center; gap: 7px; font-size: .84rem; font-weight: 700;
  padding: 10px 16px; border-radius: 7px; border: 1px solid transparent; cursor: pointer;
  text-decoration: none; transition: all .15s ease;
}
.so-btn-primary { background: var(--accent); color: #fff; }
.so-btn-primary:hover { background: #1d4ed8; color: #fff; }

/* ── Stats ── */
.so-stats-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 18px; }
@media (max-width: 1024px) { .so-stats-row { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px)  { .so-stats-row { grid-template-columns: 1fr; } }

.so-stat-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 16px 18px; display: flex; gap: 14px; align-items: flex-start; }
.so-stat-icon { width: 38px; height: 38px; border-radius: 9px; display: flex; align-items: center; justify-content: center; font-size: 1.05rem; flex-shrink: 0; }
.so-stat-icon.is-blue   { background: var(--accent-lt); color: var(--accent); }
.so-stat-icon.is-green  { background: var(--green-lt);  color: var(--green);  }
.so-stat-icon.is-danger { background: var(--danger-lt); color: var(--danger); }
.so-stat-icon.is-amber  { background: var(--amber-lt);  color: var(--amber);  }

.so-stat-body { flex: 1; display: flex; flex-direction: column; }
.so-stat-body .lbl { font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--text-sm); margin-bottom: 4px; }
.so-stat-body .val { font-size: 1.4rem; font-weight: 800; color: var(--navy); letter-spacing: -.02em; line-height: 1; font-family: 'SF Mono', 'Fira Code', monospace; }
.so-stat-bar { height: 5px; background: #f1f5f9; border-radius: 4px; margin-top: 10px; overflow: hidden; }
.so-stat-bar-fill { height: 100%; border-radius: 4px; transition: width .4s ease; }
.so-stat-bar-fill.is-blue   { background: var(--accent); }
.so-stat-bar-fill.is-green  { background: var(--green);  }
.so-stat-bar-fill.is-danger { background: var(--danger); }
.so-stat-bar-fill.is-amber  { background: var(--amber);  }

/* ── Card / panel ── */
.so-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden; }
.so-card-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 18px; border-bottom: 1px solid var(--border); }
.so-card-head-left { display: flex; align-items: center; gap: 10px; }
.so-card-head-icon { width: 28px; height: 28px; border-radius: 7px; display: flex; align-items: center; justify-content: center; font-size: .9rem; background: var(--accent-lt); color: var(--accent); flex-shrink: 0; }
.so-card-head-text strong { display: block; font-size: .8rem; font-weight: 700; color: var(--navy); }
.so-count-tag {
  font-family: 'SF Mono', 'Fira Code', monospace; font-size: .68rem; font-weight: 700;
  background: #F8FAFC; border: 1px solid var(--border); color: var(--text-md);
  padding: 3px 10px; border-radius: 20px;
}

/* ── Table ── */
.so-table-wrap { overflow-x: auto; }
.so-table { width: 100%; border-collapse: collapse; font-size: .85rem; }
.so-table thead th {
  background: #F8FAFC; color: var(--text-sm); font-size: .66rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: .06em; padding: 12px 18px;
  border-bottom: 1px solid var(--border); white-space: nowrap;
}
.so-table th.r, .so-table td.r { text-align: right; }
.so-table tbody td { padding: 13px 18px; border-bottom: 1px solid #F1F5F9; color: var(--text); vertical-align: middle; }
.so-table tbody tr:last-child td { border-bottom: none; }
.so-table tbody tr:hover td { background: #FAFBFD; }
.so-mono { font-family: 'SF Mono', 'Fira Code', monospace; }
.so-cell-muted { color: var(--text-sm); }
.so-cell-link { font-weight: 700; color: var(--navy); text-decoration: none; }
.so-cell-link:hover { color: var(--accent); }
.so-cell-sub { font-size: .73rem; color: var(--text-sm); margin-top: 2px; }
.so-empty-row { text-align: center; color: var(--text-sm); padding: 32px; font-size: .85rem; }
.so-empty-row i { margin-right: 6px; opacity: .6; }

/* ── Status tags ── */
.so-status-tag { display: inline-flex; align-items: center; gap: 5px; font-size: .68rem; font-weight: 700; padding: 4px 10px; border-radius: 20px; text-transform: uppercase; letter-spacing: .03em; }
.so-status-tag i { font-size: .82rem; }
.so-status-tag.is-active    { background: var(--green-lt);  color: #065F46; }
.so-status-tag.is-inactive  { background: var(--danger-lt); color: var(--danger); }
.so-status-tag.is-completed { background: var(--accent-lt); color: var(--accent); }

/* ── Action icon buttons ── */
.so-action-group { display: flex; gap: 6px; justify-content: flex-end; }
.so-icon-btn {
  width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center;
  border-radius: 7px; border: 1px solid var(--border); background: var(--surface); color: var(--text-sm);
  text-decoration: none; cursor: pointer; transition: all .15s ease;
}
.so-icon-btn:hover { border-color: var(--accent); color: var(--accent); background: var(--accent-lt); }
.so-icon-btn.is-danger:hover { border-color: var(--danger); color: var(--danger); background: var(--danger-lt); }

/* ── DataTables overrides ── */
.so-client-sites .dataTables_wrapper { padding: 10px 18px 18px; }
.so-client-sites .dataTables_length,
.so-client-sites .dataTables_info,
.so-client-sites .dataTables_paginate { font-size: .78rem !important; color: var(--text-sm) !important; }
.so-client-sites .dataTables_length select { border: 1px solid var(--border); border-radius: 6px; padding: 4px 8px; font-size: .8rem; outline: none; }
.so-client-sites .dataTables_filter input {
  border: 1px solid var(--border); border-radius: 7px; padding: 6px 10px; font-size: .8rem; outline: none; margin-left: 8px; background: #FAFBFD;
}
.so-client-sites .dataTables_filter input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(37,99,235,.1); background: var(--surface); }
.so-client-sites .dt-buttons .btn { border-radius: 7px !important; font-size: .76rem !important; font-weight: 700; box-shadow: none !important; }
.so-client-sites .dataTables_paginate { display: flex; gap: 4px; }
.so-client-sites .paginate_button {
  padding: 5px 11px !important; border-radius: 7px !important; border: 1px solid var(--border) !important;
  font-weight: 600; font-size: .8rem !important; margin: 0 2px !important; background: var(--surface) !important; color: var(--text) !important;
}
.so-client-sites .paginate_button.current { background: var(--accent) !important; color: #fff !important; border-color: var(--accent) !important; }
.so-client-sites .paginate_button.disabled { opacity: .4; }

.bi-0466783d98 { width:100%; }

.bd-4e702829f7 { width: var(--bdv-0); }
.bd-4e702829f7 { width: var(--bdv-0); }
.bd-4e702829f7 { width: var(--bdv-0); }

[data-bi-6b99de8b69] { display:none; }

/* --- Component: client_accounts\index.css --- */
/* Extracted from client_accounts/index.blade.php */

.ca-page{max-width:1450px;margin:0 auto;padding:18px 14px 60px}.ca-head,.ca-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ca-head{margin-bottom:14px}.ca-title{margin:0;font-size:1.2rem;font-weight:800}.ca-sub{color:#6b7280;font-size:.7rem}.ca-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:14px}.ca-card{background:#fff;border:1px solid #dfe5ee;border-radius:10px;box-shadow:0 3px 12px rgba(15,23,42,.04)}.ca-stat{padding:14px}.ca-stat span{display:block;color:#6b7280;font-size:.56rem;text-transform:uppercase;font-weight:700}.ca-stat strong{display:block;margin-top:4px;font-size:1rem}.ca-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 180px auto auto;gap:8px;padding:12px;border-bottom:1px solid #dfe5ee}.ca-input{min-height:36px;border:1px solid #dfe5ee;border-radius:7px;padding:7px 9px;font-size:.72rem}.ca-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:36px;padding:7px 11px;border:1px solid #dfe5ee;border-radius:7px;background:#fff;color:#172033;text-decoration:none;font-size:.7rem;font-weight:700}.ca-btn.primary{background:#274c8e;border-color:#274c8e;color:#fff}.ca-table{width:100%;min-width:1100px;border-collapse:collapse}.ca-table th{background:#f7f9fc;color:#6b7280;font-size:.56rem;text-transform:uppercase;padding:9px 10px}.ca-table td{padding:10px;border-bottom:1px solid #edf1f5;font-size:.7rem}.money{text-align:right;font-family:monospace;font-weight:700}.status{display:inline-flex;padding:4px 8px;border-radius:99px;font-size:.57rem;font-weight:700}.status.pending{background:#fff7ed;color:#b45309}.status.clear{background:#ecfdf3;color:#15803d}.status.advance{background:#eef4ff;color:#274c8e}@media(max-width:1000px){.ca-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.ca-grid,.ca-toolbar{grid-template-columns:1fr}}

.bi-4a12b6eddc { color:#15803d; }

.bi-2056554381 { color:#dc2626; }

.bi-6846355a41 { color:#274c8e; }

.bi-0ddf068bfb { overflow-x:auto; }

.bi-029aae1008 { font-size:.6rem;color:#6b7280; }

.bi-6157e89086 { display:flex;gap:6px;flex-wrap:wrap; }

.bi-0a6e62c21d { text-align:center;padding:35px; }

/* --- Component: client_accounts\print.css --- */
/* Extracted from client_accounts/print.blade.php */

@page{size:A4 portrait;margin:10mm}
        *{box-sizing:border-box}
        body{margin:0;background:#fff;color:#172033;font-family:Arial,sans-serif;font-size:11px}
        .page{width:100%;margin:0 auto}
        .head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-bottom:10px;border-bottom:2px solid #274c8e}
        .title{margin:0;font-size:20px;color:#193463}.sub{margin-top:4px;color:#6b7280;font-size:10px}.client{text-align:right;line-height:1.5}.client strong{font-size:13px}
        .summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.box{border:1px solid #dfe5ee;border-radius:6px;padding:9px}.box span{display:block;color:#6b7280;font-size:8px;font-weight:700;text-transform:uppercase}.box strong{display:block;margin-top:4px;font-size:13px}
        .section{margin-top:14px}.section-title{padding:7px 9px;background:#eef4ff;border:1px solid #d7e4fa;font-weight:700;color:#193463}
        table{width:100%;border-collapse:collapse;table-layout:fixed}th,td{border:1px solid #dfe5ee;padding:6px;vertical-align:top}th{background:#f7f9fc;color:#475569;font-size:8px;text-transform:uppercase}.r{text-align:right}.money{font-family:Consolas,monospace;text-align:right}.muted{color:#6b7280}.total-row td{font-weight:700;background:#f8fafc}
        .footer{display:flex;justify-content:space-between;margin-top:16px;padding-top:8px;border-top:1px solid #dfe5ee;color:#6b7280;font-size:8px}.no-print{margin-bottom:10px;text-align:right}.btn{border:0;background:#274c8e;color:#fff;padding:8px 12px;border-radius:5px;cursor:pointer}
        @media print{.no-print{display:none}.section,table,tr{page-break-inside:avoid}.page{width:auto}}

.bi-4a12b6eddc { color:#15803d; }

.bi-6bbafabf21 { width:11%; }

.bi-e995ee2fab { width:13%; }

.bi-c28f1b1511 { width:12%; }

.bi-006a6141a1 { width:9%; }

.bi-91a87015f4 { text-align:center; }

.bi-fd14ca83c7 { width:14%; }

.bi-44b21af70c { width:20%; }

.bi-55b2e17218 { width:18%; }

.bi-ffe23b7ae4 { width:16%; }

.bi-8c69c0456b { width:21%; }

/* --- Component: client_accounts\show.css --- */
/* Extracted from client_accounts/show.blade.php */

.cl-page{max-width:1450px;margin:0 auto;padding:18px 14px 60px}.cl-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.cl-title{margin:0;font-size:1.2rem;font-weight:800}.cl-sub{color:#6b7280;font-size:.7rem}.cl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.cl-card{background:#fff;border:1px solid #dfe5ee;border-radius:10px;box-shadow:0 3px 12px rgba(15,23,42,.04);overflow:hidden}.cl-stat{padding:14px}.cl-stat span{display:block;color:#6b7280;font-size:.56rem;text-transform:uppercase;font-weight:700}.cl-stat strong{display:block;margin-top:4px;font-size:1rem}.cl-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:35px;padding:7px 11px;border:1px solid #dfe5ee;border-radius:7px;background:#fff;color:#172033;text-decoration:none;font-size:.7rem;font-weight:700}.cl-btn.primary{background:#274c8e;border-color:#274c8e;color:#fff}.cl-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:12px}.cl-card-head{padding:11px 14px;border-bottom:1px solid #dfe5ee;background:#f9fbff;font-size:.75rem;font-weight:800}.cl-table{width:100%;min-width:850px;border-collapse:collapse}.cl-table th{background:#f7f9fc;color:#6b7280;font-size:.56rem;text-transform:uppercase;padding:9px}.cl-table td{padding:10px;border-bottom:1px solid #edf1f5;font-size:.7rem}.money{text-align:right;font-family:monospace;font-weight:700}.cl-profile{padding:14px}.cl-profile div{margin-bottom:10px}.cl-profile span{display:block;color:#6b7280;font-size:.55rem;text-transform:uppercase;font-weight:700}.cl-profile strong{font-size:.7rem}.pending-item{padding:10px 14px;border-bottom:1px solid #edf1f5;display:flex;justify-content:space-between;gap:8px}@media(max-width:1000px){.cl-layout{grid-template-columns:1fr}.cl-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.cl-grid{grid-template-columns:1fr}}

.bi-3de8f987ba { display:flex;gap:8px;flex-wrap:wrap; }

.bi-4a12b6eddc { color:#15803d; }

.bi-2056554381 { color:#dc2626; }

.bi-6846355a41 { color:#274c8e; }

.bi-0ddf068bfb { overflow-x:auto; }

.bi-0a6e62c21d { text-align:center;padding:35px; }

.bi-da12f2858b { margin-bottom:12px; }

.bi-229fef1faa { font-size:.68rem; }

.bi-01e032b9fa { font-size:.58rem;color:#6b7280; }

.bi-54c2afb7ba { text-align:right; }

.bi-cdc99298d4 { font-size:.68rem;color:#dc2626; }

.bi-09d66edb4d { padding:25px;text-align:center;color:#6b7280;font-size:.68rem; }

[data-bi-0060bc7c70] { font-size:.58rem; }

/* --- Component: client_rates\index.css --- */
/* Extracted from client_rates/index.blade.php */

[data-bi-6b99de8b69] { display:none; }

/* --- Component: client_pump_rates\index.css --- */
/* Extracted from client_pump_rates/index.blade.php */

[data-bi-6b99de8b69] { display:none; }




/* ==========================================================================
   PRODUCTION & BATCHING MODULE
   Unified Component Stylesheet
   ========================================================================== */

/* --- Component: production\import.css --- */
/* Extracted from production/import.blade.php */

.imp-wrap { max-width:720px; margin:0 auto; padding:28px 16px 48px; }

  .imp-header { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:28px; gap:12px; }
  .imp-header h4 { margin:0; font-size:1.18rem; font-weight:700; color:#1a1f2e; }
  .imp-header p  { margin:4px 0 0; font-size:.82rem; color:#6c757d; }

  .btn-ghost {
    display:inline-flex; align-items:center; gap:6px;
    padding:7px 14px; border-radius:8px; font-size:.82rem; font-weight:500;
    border:1.5px solid #e2e8f0; background:#fff; color:#475569;
    text-decoration:none; cursor:pointer; transition:all .15s;
  }
  .btn-ghost:hover { border-color:#94a3b8; color:#1e293b; background:#f8fafc; }
  .btn-ghost.green { border-color:#bbf7d0; color:#16a34a; background:#f0fdf4; }
  .btn-ghost.green:hover { border-color:#86efac; background:#dcfce7; }

  .imp-card { background:#fff; border:1.5px solid #e8edf3; border-radius:14px; box-shadow:0 2px 8px rgba(0,0,0,.04); }
  .imp-card-body { padding:28px; }

  .drop-zone {
    border:2px dashed #cbd5e1; border-radius:12px;
    padding:44px 24px; text-align:center; cursor:pointer;
    transition:all .2s; margin-bottom:20px; background:#fafbfc;
  }
  .drop-zone:hover, .drop-zone.drag-over { border-color:#2563eb; background:#eff6ff; }
  .drop-zone .dz-icon { font-size:2.4rem; color:#93c5fd; margin-bottom:12px; display:block; }
  .drop-zone h6 { margin:0 0 4px; font-size:.95rem; font-weight:600; color:#1e293b; }
  .drop-zone p  { margin:0 0 16px; font-size:.8rem; color:#94a3b8; }
  .drop-zone .dz-hint { margin:12px 0 0; font-size:.75rem; color:#b0b8c4; }

  .file-selected .fs-icon { font-size:2.4rem; color:#22c55e; margin-bottom:12px; display:block; }
  .file-selected h6 { margin:0 0 3px; font-size:.95rem; font-weight:600; color:#1e293b; word-break:break-all; }
  .file-selected p  { margin:0 0 12px; font-size:.8rem; color:#64748b; }

  .col-specs { background:#f8fafc; border:1.5px solid #e2e8f0; border-radius:10px; padding:16px 18px; margin-bottom:20px; }
  .col-specs h6 { margin:0 0 12px; font-size:.78rem; font-weight:700; color:#475569; text-transform:uppercase; letter-spacing:.5px; }
  
  .specs-sections { display:flex; flex-direction:column; gap:16px; }
  .specs-group-title { font-size:.75rem; font-weight:700; color:#1e293b; border-bottom:1px solid #e2e8f0; padding-bottom:4px; margin-bottom:4px; }
  .col-grid { display:grid; grid-template-columns:1fr 1fr; gap:7px 16px; }
  .col-item { display:flex; align-items:center; gap:8px; justify-content:space-between; border-bottom:1px dashed #f1f5f9; padding-bottom:4px; }
  .col-item:last-child { border-bottom:none; }
  .col-item code { font-size:.78rem; color:#2563eb; background:#eff6ff; padding:2px 7px; border-radius:5px; font-family:'SF Mono',monospace; white-space:nowrap; }
  
  .badge-req { font-size:.65rem; padding:2px 7px; border-radius:20px; background:#fee2e2; color:#dc2626; font-weight:600; text-transform:uppercase; }
  .badge-opt { font-size:.65rem; padding:2px 7px; border-radius:20px; background:#f1f5f9; color:#64748b; font-weight:500; text-transform:uppercase; }
  .badge-pump { font-size:.65rem; padding:2px 7px; border-radius:20px; background:#eff6ff; color:#1d4ed8; font-weight:600; text-transform:uppercase; border:1px solid #bfdbfe; }
  .badge-mat { font-size:.65rem; padding:2px 7px; border-radius:20px; background:#fef3c7; color:#d97706; font-weight:600; text-transform:uppercase; border:1px solid #fde68a; }

  .btn-primary-imp {
    display:flex; align-items:center; justify-content:center; gap:8px;
    width:100%; padding:13px; border-radius:10px; font-size:.95rem; font-weight:600;
    background:linear-gradient(135deg,#2563eb,#1d4ed8); color:#fff; border:none;
    cursor:pointer; transition:all .2s;
  }
  .btn-primary-imp:hover:not(:disabled) { background:linear-gradient(135deg,#1d4ed8,#1e40af); transform:translateY(-1px); box-shadow:0 4px 12px rgba(37,99,235,.3); }
  .btn-primary-imp:disabled { opacity:.55; cursor:not-allowed; }

  .imp-alert { padding:12px 16px; border-radius:9px; font-size:.83rem; margin-bottom:20px; display:flex; gap:10px; align-items:flex-start; }
  .imp-alert.danger { background:#fef2f2; border:1.5px solid #fecaca; color:#b91c1c; }
  .imp-alert.info   { background:#eff6ff; border:1.5px solid #bfdbfe; color:#1d4ed8; }

  .note-box { background:#fffbeb; border:1.5px solid #fde68a; border-radius:10px; padding:14px 16px; margin-bottom:20px; font-size:.82rem; color:#92400e; }
  .note-box ul { margin:6px 0 0; padding-left:16px; }
  .note-box li { margin-bottom:3px; }
  
  .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; border:2px solid currentColor; border-right-color: transparent; border-radius: 50%; display: inline-block; animation: spinner-border .75s linear infinite; }
  @keyframes spinner-border { to { transform: rotate(360deg); } }
  .me-1 { margin-right: 0.25rem; }

.bi-b5330d9043 { color:#2563eb;margin-right:8px; }

.bi-a76d597a07 { display:flex;gap:8px; }

.bi-7aa1bcefbe { font-size:1.1rem;flex-shrink:0; }

.bi-c6b76b8577 { margin-right:4px; }

.bi-f984c5207e { display:inline-flex; }

.bi-8896c95d8b { margin-right:5px; }

.bi-87c5d47fba { grid-column: span 2; }

.bi-50f4a01711 { font-size: 0.75rem;color: #94a3b8;font-style: italic; }

/* --- Component: production\import_preview.css --- */
/* Extracted from production/import_preview.blade.php */

.prev-wrap { max-width:1300px; margin:0 auto; padding:24px 16px 48px; }
  .prev-header { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:24px; gap:12px; flex-wrap:wrap; }
  .prev-header h4 { margin:0; font-size:1.18rem; font-weight:700; color:#1a1f2e; }
  .prev-header p  { margin:4px 0 0; font-size:.82rem; color:#6c757d; }

  /* Filtering Controls Toolbar */
  .filter-bar { display:flex; align-items:center; gap:8px; margin-bottom:16px; flex-wrap:wrap; }
  .ftab { 
    padding:6px 14px; border-radius:20px; font-size:.8rem; font-weight:600; 
    color:#475569; background:#f1f5f9; cursor:pointer; border:none; transition:all .15s; 
  }
  .ftab:hover { background:#e2e8f0; }
  .ftab.active { background:#1e293b; color:#fff; }
  .ftab .fcount { font-size:.72rem; opacity:0.8; margin-left:4px; font-weight:700; }

  .btn-ghost {
    display:inline-flex; align-items:center; gap:6px;
    padding:7px 14px; border-radius:8px; font-size:.82rem; font-weight:500;
    border:1.5px solid #e2e8f0; background:#fff; color:#475569;
    text-decoration:none; cursor:pointer; transition:all .15s;
  }
  .btn-ghost:hover { border-color:#94a3b8; color:#1e293b; background:#f8fafc; }
  .btn-ghost.red { border-color:#fecaca; color:#dc2626; background:#fffdfd; }
  .btn-ghost.red:hover { background:#fef2f2; border-color:#fca5a5; }

  .pcard { background:#fff; border:1.5px solid #e8edf3; border-radius:12px; box-shadow:0 2px 8px rgba(0,0,0,.03); overflow:hidden; }
  
  .table-responsive { width:100%; overflow-x:auto; }
  .prev-table { width:100%; border-collapse:collapse; text-align:left; font-size:.85rem; }
  .prev-table th { background:#f8fafc; padding:12px 14px; font-weight:600; color:#475569; border-bottom:1.5px solid #e2e8f0; font-size:.78rem; text-transform:uppercase; }
  .prev-table td { padding:12px 14px; border-bottom:1px solid #f1f5f9; color:#1e293b; vertical-align:middle; }
  .prev-table tfoot td { background:#f8fafc; font-weight:700; border-top:2px solid #e2e8f0; }

  /* Inner Matrix Table For Material Variance Analysis */
  .material-nested-box { background:#f8fafc; border-radius:8px; padding:12px 16px; margin:6px 0 12px; border:1px solid #e2e8f0; }
  .nested-title { font-size:.76rem; font-weight:700; color:#475569; text-transform:uppercase; margin-bottom:8px; display:flex; justify-content:space-between; }
  .nested-table { width:100%; border-collapse:collapse; font-size:.8rem; }
  .nested-table th { background:transparent; padding:4px 8px; font-weight:600; color:#64748b; border-bottom:1px solid #cbd5e1; text-transform:none; }
  .nested-table td { padding:6px 8px; border-bottom:1px dashed #e2e8f0; background:#fff; }
  .nested-table tr:last-child td { border-bottom:none; }

  .font-mono { font-family:'SF Mono',monospace; font-size:.78rem; }
  .text-right { text-align:right; }
  .text-center { text-align:center; }

  .badge-err { background:#fee2e2; color:#dc2626; padding:3px 8px; border-radius:6px; font-size:.72rem; font-weight:600; }
  .badge-ok { background:#dcfce7; color:#15803d; padding:3px 8px; border-radius:6px; font-size:.72rem; font-weight:600; }
  
  .alert-danger-custom { color:#dc2626; font-weight:700; background:#fef2f2; padding:2px 6px; border-radius:4px; }
  .text-success { color:#16a34a; font-weight:600; }
  .text-muted { color:#94a3b8; }

  .btn-save { background:linear-gradient(135deg,#22c55e,#16a34a); color:#fff; border:none; padding:10px 20px; border-radius:8px; font-weight:600; cursor:pointer; display:inline-flex; align-items:center; gap:6px; }
  .btn-save:hover { background:linear-gradient(135deg,#16a34a,#15803d); }
  .btn-save:disabled { background:#cbd5e1; color:#94a3b8; cursor:not-allowed; }

  /* TTL Session Bar */
  .ttl-bar { margin-top:20px; display:flex; align-items:center; gap:8px; background:#f8fafc; border:1px solid #e2e8f0; border-radius:8px; padding:10px 16px; font-size:.82rem; color:#475569; }
  .ttl-bar .timer { font-weight:700; color:#dc2626; font-family:monospace; font-size:.9rem; }

.bi-b87ca3241d { display:flex;align-items:center;gap:10px; }

.bi-cccfa4560d { display:inline; }

.bi-17d71c3430 { border-left: 3px solid #16a34a; }

.bi-7cb5f5f11e { border-left: 3px solid #dc2626; }

.bi-2056554381 { color:#dc2626; }

.bi-cd06ec2145 { font-size:.75rem;color:#64748b; }

.bi-8f65a89014 { background:#eff6ff;color:#1e40af; }

.bi-eed0f8fb89 { font-weight:600; }

.bi-083ad3bd4c { font-size:.74rem;color:#64748b; }

.bi-5c22b39c7a { font-size:.76rem; }

.bi-8a58eaf66b { font-size:.72rem;color:#16a34a;font-weight:700; }

.bi-f63147b2ed { font-size:.78rem; }

.bi-345deb0091 { font-size:.72rem;color:#94a3b8; }

.bi-3ddae7e195 { background:#fff1f2;color:#9f1239;border:1px solid #fecdd3; }

.bi-a7501d28cf { background:#fafbfc;padding: 0 14px 12px 14px; }

.bi-0d3f187cc8 { font-style: italic;padding: 8px; }

.bi-0da13144de { font-size:.75rem; }

.bi-d51027eed4 { padding:11px 13px;text-align:right;color:#1e293b;font-size:.83rem; }

.bi-b333227946 { padding:11px 13px;text-align:right;font-weight:800;color:#2563eb;font-size:.9rem; }

/* --- Component: production\index.css --- */
/* Extracted from production/index.blade.php */

:root {
    --pd-bg: #f4f6f9;
    --pd-card: #ffffff;
    --pd-text: #172033;
    --pd-muted: #64748b;
    --pd-border: #dbe2ea;
    --pd-primary: #24518f;
    --pd-primary-soft: #eef5ff;
    --pd-green: #15803d;
    --pd-green-soft: #ecfdf3;
    --pd-amber: #b45309;
    --pd-amber-soft: #fff7ed;
    --pd-red: #dc2626;
    --pd-red-soft: #fff1f2;
    --pd-cyan: #047481;
    --pd-cyan-soft: #ecfeff;
}

body { background: var(--pd-bg); }

.pd-page {
    max-width: 1540px;
    margin: 0 auto;
    padding: 18px 14px 56px;
    color: var(--pd-text);
}

.pd-topbar,
.pd-actions,
.pd-panel-head,
.pd-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.pd-title {
    display: flex;
    align-items: center;
    gap: 11px;
}

.pd-title-icon {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: var(--pd-primary);
    color: #fff;
    font-size: 1.18rem;
}

.pd-eyebrow {
    color: var(--pd-primary);
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.pd-title h2 {
    margin: 1px 0 0;
    font-size: 1.22rem;
    font-weight: 900;
}

.pd-title p {
    margin: 3px 0 0;
    color: var(--pd-muted);
    font-size: .72rem;
}

.pd-btn {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 12px;
    border: 1px solid var(--pd-border);
    border-radius: 7px;
    background: #fff;
    color: var(--pd-text);
    text-decoration: none;
    font-size: .72rem;
    font-weight: 850;
    cursor: pointer;
}

.pd-btn:hover { border-color: var(--pd-primary); color: var(--pd-primary); }
.pd-btn.primary { border-color: var(--pd-primary); background: var(--pd-primary); color: #fff; }
.pd-btn.danger { border-color: #fecaca; background: var(--pd-red-soft); color: #991b1b; }
.pd-btn.icon { width: 34px; min-height: 34px; padding: 0; }

.pd-kpis {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
    margin: 16px 0 14px;
}

.pd-kpi,
.pd-panel {
    border: 1px solid var(--pd-border);
    border-radius: 8px;
    background: var(--pd-card);
    box-shadow: 0 3px 12px rgba(15, 23, 42, .035);
}

.pd-kpi {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 13px;
    min-width: 0;
}

.pd-kpi i {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    border-radius: 8px;
    background: var(--pd-primary-soft);
    color: var(--pd-primary);
    font-size: 1.05rem;
}

.pd-kpi.green i { background: var(--pd-green-soft); color: var(--pd-green); }
.pd-kpi.amber i { background: var(--pd-amber-soft); color: var(--pd-amber); }
.pd-kpi.cyan i { background: var(--pd-cyan-soft); color: var(--pd-cyan); }

.pd-kpi span {
    display: block;
    color: var(--pd-muted);
    font-size: .55rem;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.pd-kpi strong {
    display: block;
    margin-top: 3px;
    font-size: .98rem;
    font-weight: 900;
    white-space: nowrap;
}

.pd-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(330px, .65fr);
    gap: 12px;
    margin-bottom: 14px;
}

.pd-panel { overflow: hidden; }
.pd-panel-head { padding: 11px 14px; border-bottom: 1px solid var(--pd-border); background: #f9fbff; }
.pd-panel-title { margin: 0; display: flex; align-items: center; gap: 7px; font-size: .78rem; font-weight: 900; }
.pd-panel-title i { color: var(--pd-primary); }
.pd-panel-body { padding: 14px; }

.pd-filter {
    display: grid;
    grid-template-columns: minmax(150px, 1fr) minmax(140px, 1fr) 145px 145px auto auto;
    gap: 8px;
    width: 100%;
}

.pd-input {
    width: 100%;
    min-height: 36px;
    padding: 7px 9px;
    border: 1px solid var(--pd-border);
    border-radius: 7px;
    background: #fff;
    color: var(--pd-text);
    font-size: .72rem;
}

.pd-status-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.pd-status {
    padding: 11px;
    border: 1px solid var(--pd-border);
    border-radius: 8px;
    background: #fff;
}

.pd-status span,
.pd-sub {
    display: block;
    color: var(--pd-muted);
    font-size: .62rem;
}

.pd-status strong {
    display: block;
    margin-top: 4px;
    font-size: 1rem;
    font-weight: 900;
}

.pd-bar-row {
    display: grid;
    grid-template-columns: 110px 1fr 86px;
    gap: 10px;
    align-items: center;
    margin-bottom: 10px;
}

.pd-bar-label {
    min-width: 0;
    overflow: hidden;
    color: var(--pd-text);
    font-size: .7rem;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pd-meter {
    height: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: #eef2f7;
}

.pd-meter span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--pd-cyan);
}

.pd-table-wrap { overflow-x: auto; }
.pd-table { width: 100%; min-width: 1160px; border-collapse: collapse; }
.pd-table th {
    padding: 9px 10px;
    background: #f7f9fc;
    border-bottom: 1px solid var(--pd-border);
    color: var(--pd-muted);
    font-size: .56rem;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.pd-table td {
    padding: 10px;
    border-bottom: 1px solid #edf1f5;
    font-size: .72rem;
    vertical-align: middle;
}

.pd-table tbody tr:hover td { background: #fbfcff; }
.pd-main { display: block; color: var(--pd-text); font-weight: 850; }
.pd-code {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 8px;
    border-radius: 6px;
    background: var(--pd-primary-soft);
    color: var(--pd-primary);
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: .66rem;
    font-weight: 900;
}

.pd-qty {
    text-align: right;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-weight: 900;
}

.pd-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: .58rem;
    font-weight: 900;
    white-space: nowrap;
}

.pd-badge.ready { background: var(--pd-amber-soft); color: var(--pd-amber); }
.pd-badge.sent { background: var(--pd-primary-soft); color: var(--pd-primary); }
.pd-badge.done { background: var(--pd-green-soft); color: var(--pd-green); }
.pd-badge.cancel { background: var(--pd-red-soft); color: var(--pd-red); }

.pd-empty {
    padding: 32px 14px;
    text-align: center;
    color: var(--pd-muted);
    font-size: .78rem;
}

.pd-footer { padding: 10px 14px; border-top: 1px solid var(--pd-border); }

@media (max-width: 1280px) {
    .pd-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .pd-grid { grid-template-columns: 1fr; }
}

@media (max-width: 820px) {
    .pd-kpis,
    .pd-status-grid,
    .pd-filter { grid-template-columns: 1fr; }
    .pd-title { align-items: flex-start; }
}

.bi-6b99de8b69 { display:none; }

.bi-af5b40819b { min-width:760px; }

.bi-465bfea3ed { width:120px; }

.bi-8d5f089ef9 { width:42px; }

.bi-7f4e4f9bec { width:56px; }

.bi-7c07cdf8bd { width:150px; }

.bi-8dba3214ab { color:var(--pd-primary);font-weight:850; }

.bi-455f8cca6d { justify-content:flex-end; }

.bi-c180bdb9a5 { border-top:1px solid var(--pd-border); }

.bd-4e702829f7 { width: var(--bdv-0); }

[data-bi-cccfa4560d] { display:inline; }

/* --- Component: production\manual.css --- */
/* Extracted from production/manual.blade.php */

:root {
  --bg:         #f0f4f8;
  --card:       #ffffff;
  --header:     #102b5b;
  --accent:     #3b82f6;
  --accent-lt: #eff6ff;
  --green:      #10b981;
  --green-lt:  #f0fdf4;
  --amber:      #f59e0b;
  --amber-lt:  #fffbeb;
  --teal:       #0d9488;
  --danger:     #ef4444;
  --danger-lt: #fef2f2;
  --purple:     #8b5cf6;
  --purple-lt: #f5f3ff;
  --border:     #e2e8f0;
  --muted:      #94a3b8;
  --text:       #1e293b;
  --text-sm:    #64748b;
  --radius:     8px;
}

body    { background: var(--bg); font-family: 'Inter', system-ui, sans-serif; }
.np-page { max-width: 1100px; margin: 0 auto; padding: 24px 16px 100px; }

/* PAGE HEADER */
.np-page-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; flex-wrap:wrap; gap:12px; }
.np-page-header h5 { font-size:1.05rem; font-weight:700; color:var(--header); margin:0; display:flex; align-items:center; gap:8px; }
.badge-pill { font-size:.62rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; background:var(--accent); color:#fff; padding:3px 10px; border-radius:99px; }
.btn-back { font-size:.78rem; color:var(--text-sm); text-decoration:none; display:inline-flex; align-items:center; gap:4px; border:1px solid var(--border); border-radius:6px; padding:6px 14px; background:#fff; transition:all .12s; }
.btn-back:hover { border-color:var(--accent); color:var(--accent); }

/* ALERTS */
.np-alert { display:flex; align-items:flex-start; gap:10px; background:var(--danger-lt); border:1px solid #fca5a5; border-left:4px solid var(--danger); border-radius:var(--radius); padding:12px 16px; font-size:.82rem; color:#991b1b; margin-bottom:16px; }
.np-alert i { font-size:1rem; flex-shrink:0; margin-top:1px; }
.np-alert.success { background:var(--green-lt); border-color:#6ee7b7; border-left-color:var(--green); color:#065f46; }

/* CARD */
.np-card { background:var(--card); border:1px solid var(--border); border-radius:var(--radius); box-shadow:0 1px 4px rgba(0,0,0,.06); margin-bottom:16px; overflow:hidden; }
.np-card-head { background:var(--header); color:#fff; border-left:4px solid var(--accent); padding:12px 20px; font-size:.72rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; display:flex; align-items:center; gap:8px; }
.np-card-head i { opacity:.65; font-size:.95rem; }
.np-card-head.amber  { border-left-color:var(--amber);  background:#1e1a0f; }
.np-card-head.purple { border-left-color:var(--purple); background:#1a0f2e; }
.np-card-body { padding:20px; }

/* FORM */
.form-label { font-size:.62rem; font-weight:700; color:var(--text-sm); text-transform:uppercase; letter-spacing:.06em; margin-bottom:4px; display:block; }
.form-control, .form-select { font-size:.875rem; color:var(--text); border:1px solid var(--border); border-radius:6px; padding:8px 10px; background:#fff; width:100%; transition:border-color .15s,box-shadow .15s; }
.form-control:focus, .form-select:focus { border-color:var(--accent); box-shadow:0 0 0 3px rgba(59,130,246,.12); outline:none; }
.form-control[readonly] { background:#f8fafc; color:var(--text-sm); cursor:default; }

/* GRIDS */
.grid-4 { display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:16px; }
.grid-3 { display:grid; grid-template-columns:1fr 1fr 1fr; gap:16px; }
.grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
@media(max-width:900px){ .grid-4 { grid-template-columns:1fr 1fr; } .grid-3 { grid-template-columns:1fr 1fr; } }
@media(max-width:480px){ .grid-4,.grid-3,.grid-2 { grid-template-columns:1fr; } }

/* DETAIL PILLS */
.detail-pills { display:flex; gap:10px; flex-wrap:wrap; margin-top:12px; }
.detail-pill { display:flex; align-items:center; gap:8px; background:var(--accent-lt); border:1px solid #bfdbfe; border-radius:8px; padding:10px 14px; flex:1; min-width:140px; }
.detail-pill i { font-size:1rem; color:var(--accent); flex-shrink:0; }
.detail-pill .dp-label { font-size:.58rem; font-weight:700; text-transform:uppercase; letter-spacing:.07em; color:var(--accent); display:block; }
.detail-pill .dp-val   { font-size:.85rem; font-weight:700; color:var(--header); display:block; margin-top:2px; }
.detail-pill.hidden    { display:none; }

/* MIX OVERRIDE */
.mix-override-note { font-size:.65rem; color:var(--amber); font-weight:600; display:none; align-items:center; gap:4px; background:var(--amber-lt); border:1px solid #fde68a; border-radius:5px; padding:3px 9px; margin-top:5px; }
.mix-override-note.visible { display:inline-flex; }

/* PUMP TOGGLE */
.pump-toggle-row   { display:flex; align-items:center; gap:10px; margin-bottom:16px; }
.pump-toggle-label { font-size:.78rem; font-weight:600; color:var(--text); }
.pump-toggle-badge { font-size:.6rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; padding:2px 8px; border-radius:99px; }
.pump-toggle-badge.yes { background:var(--purple-lt); color:var(--purple); border:1px solid #c4b5fd; }
.pump-toggle-badge.no  { background:#f1f5f9; color:var(--muted); border:1px solid var(--border); }

.toggle-switch { position:relative; display:inline-block; width:40px; height:22px; flex-shrink:0; }
.toggle-switch input { opacity:0; width:0; height:0; }
.toggle-slider { position:absolute; cursor:pointer; inset:0; background:#cbd5e1; border-radius:22px; transition:background .2s; }
.toggle-slider:before { content:''; position:absolute; width:16px; height:16px; left:3px; bottom:3px; background:#fff; border-radius:50%; transition:transform .2s; }
.toggle-switch input:checked + .toggle-slider { background:var(--purple); }
.toggle-switch input:checked + .toggle-slider:before { transform:translateX(18px); }

.pump-fields { display:none; border-top:1px dashed var(--border); padding-top:16px; margin-top:4px; }
.pump-fields.visible { display:block; }
.pump-section-note { display:flex; align-items:center; gap:8px; background:var(--purple-lt); border:1px solid #c4b5fd; border-radius:6px; padding:8px 14px; font-size:.72rem; color:#6d28d9; font-weight:500; margin-bottom:14px; }

/* MATERIAL TABLE */
.mat-wrap  { overflow-x:auto; }
.mat-table { width:100%; border-collapse:collapse; font-size:.82rem; }
.mat-table thead th { background:#f1f5f9; color:var(--text-sm); font-size:.6rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; padding:10px 12px; border-bottom:2px solid var(--border); white-space:nowrap; }
.mat-table thead th.r { text-align:right; }
.mat-table thead th.c { text-align:center; }
.mat-table tbody td { padding:10px 12px; border-bottom:1px solid #f1f5f9; vertical-align:middle; }
.mat-table tbody tr:last-child td { border-bottom:none; }
.mat-table tbody tr:hover td { background:#fafbfd; }
.low-row td { background:#fff7f7 !important; }

.stock-bar-wrap { background:#f1f5f9; border-radius:99px; height:4px; margin-top:5px; overflow:hidden; width:100%; }
.stock-bar      { height:4px; border-radius:99px; background:var(--green); }
.stock-bar.low  { background:var(--danger); }

.used-input { width:100%; text-align:center; border:1.5px solid var(--border); border-radius:6px; padding:6px 8px; font-size:.82rem; font-weight:600; background:#fff; transition:border-color .14s; }
.used-input:focus { border-color:var(--accent); box-shadow:0 0 0 2px rgba(59,130,246,.12); outline:none; }

.error-cell     { text-align:center; font-family:monospace; font-size:.82rem; font-weight:700; }
.error-cell.ok  { color:var(--green); }
.error-cell.bad { color:var(--danger); }

.status-ok  { display:inline-flex; align-items:center; gap:4px; font-size:.65rem; font-weight:700; text-transform:uppercase; background:var(--green-lt); color:#065f46; border:1px solid #6ee7b7; border-radius:99px; padding:2px 9px; }
.status-low { display:inline-flex; align-items:center; gap:4px; font-size:.65rem; font-weight:700; text-transform:uppercase; background:var(--danger-lt); color:#991b1b; border:1px solid #fca5a5; border-radius:99px; padding:2px 9px; }

.mat-empty   { padding:40px 20px; text-align:center; color:var(--muted); }
.mat-empty i { font-size:2rem; opacity:.3; display:block; margin-bottom:8px; }
.mat-empty p { font-size:.82rem; margin:0; }
.mat-loading   { padding:32px 20px; text-align:center; color:var(--muted); font-size:.82rem; }
.mat-loading i { font-size:1.2rem; display:block; margin-bottom:6px; animation:spin .8s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }

/* STICKY FOOTER */
.np-footer { position:bottom:0; left:0; right:0; z-index:100; background:var(--header); border-top:3px solid var(--accent); padding:12px 28px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.np-footer .load-info  { display:flex; flex-direction:column; }
.np-footer .load-label { font-size:.62rem; font-weight:600; text-transform:uppercase; letter-spacing:.08em; color:#64748b; }
.np-footer .load-val   { font-size:1.1rem; font-weight:800; color:#fff; font-family:'JetBrains Mono',monospace; }
.np-footer .pump-info  { display:flex; align-items:center; gap:6px; font-size:.72rem; color:#c4b5fd; font-weight:600; }
.np-footer .actions    { display:flex; gap:8px; }

.btn-save  { background:var(--accent); color:#fff; border:none; padding:10px 22px; border-radius:6px; font-size:.82rem; font-weight:600; cursor:pointer; display:inline-flex; align-items:center; gap:6px; transition:background .14s; }
.btn-save:hover  { background:#2563eb; }
.btn-print { background:var(--green); color:#fff; border:none; padding:10px 22px; border-radius:6px; font-size:.82rem; font-weight:600; cursor:pointer; display:inline-flex; align-items:center; gap:6px; transition:background .14s; }
.btn-print:hover { background:#059669; }

.bi-9bcd21d223 { font-size:.85rem; }

.bi-87c136dfd0 { margin-bottom:16px; }

.bi-87c5d47fba { grid-column: span 2; }

.bi-497726e8c9 { color:var(--danger); }

.bi-64ed12745a { font-size:.58rem;font-weight:400;color:var(--muted);text-transform:none;letter-spacing:0; }

.bi-652db75ef3 { font-size:.7rem; }

.bi-851c0e7bbf { font-size:.65rem;color:var(--muted);margin-top:4px;display:none; }

.bi-0da13144de { font-size:.75rem; }

.bi-1b0f4999d2 { margin-top:16px; }

.bi-f544355a05 { margin-left:auto;font-size:.65rem;font-weight:600;background:rgba(255,255,255,.12);padding:2px 10px;border-radius:99px;letter-spacing:.04em;display:none; }

.bi-41d7d7e25b { padding:0; }

.bi-c6fffdfe96 { width:130px; }

.bi-60746827b0 { width:110px; }

.bi-15ee10ecbb { font-weight:600;color:var(--text);font-size:.83rem; }

.bi-07665caa7b { font-size:.6rem;font-weight:700;text-transform:uppercase;background:#f1f5f9;color:var(--muted);border-radius:4px;padding:1px 6px; }

.bi-98d2212eda { text-align:right;font-family:monospace;color:var(--text-sm); }

.bi-4ca104e825 { text-align:right;font-weight:700;font-family:monospace;color:var(--header); }

.bi-54c2afb7ba { text-align:right; }

.bi-ae87cae633 { font-family:monospace;font-weight:700;color:${isLow ? 'var(--danger)' : 'var(--green)'}; }

.bi-95aea49e0e { width:${pct}%; }

.bi-91a87015f4 { text-align:center; }

.bi-7171988908 { font-size:.65rem; }

/* --- Component: production\plant_imports\index.css --- */
/* Extracted from production/plant_imports/index.blade.php */

.bi-0fac9183d5 { width:220px; }

/* --- Component: production\print.css --- */
/* Extracted from production/print.blade.php */

body { background:#f4f7fb; }
.print-toolbar { max-width:210mm; margin:14px auto; display:flex; gap:8px; justify-content:flex-end; }
.print-btn { display:inline-flex; align-items:center; gap:6px; padding:8px 13px; border:1px solid #d7dee9; border-radius:7px; background:#fff; color:#172033; text-decoration:none; font-size:12px; font-weight:800; cursor:pointer; }
.print-btn.primary { background:#274c8e; border-color:#274c8e; color:#fff; }
.a4-report { width:210mm; min-height:297mm; margin:0 auto 20px; padding:11mm; background:#fff; color:#111827; font-family:Arial, Helvetica, sans-serif; font-size:11px; box-shadow:0 8px 28px rgba(15,23,42,.10); }
.report-head { display:flex; justify-content:space-between; gap:16px; border-bottom:2px solid #172033; padding-bottom:9px; }
.brand { display:flex; gap:10px; align-items:flex-start; }
.brand img { width:58px; max-height:58px; object-fit:contain; }
.brand h1 { margin:0 0 3px; font-size:17px; letter-spacing:.3px; }
.brand p { margin:1px 0; color:#4b5563; line-height:1.35; }
.doc-title { min-width:190px; text-align:right; }
.doc-title strong { display:block; font-size:15px; color:#274c8e; }
.doc-title span { display:inline-block; margin-top:6px; padding:5px 8px; border:1px solid #172033; font-family:"Courier New", monospace; font-weight:700; }
.info-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:7px; margin:10px 0; }
.info-box { border:1px solid #cbd5e1; padding:7px; min-height:54px; }
.info-box span { display:block; color:#64748b; font-size:8px; font-weight:800; text-transform:uppercase; letter-spacing:.05em; }
.info-box strong { display:block; margin-top:3px; font-size:11px; }
.info-box small { display:block; margin-top:2px; color:#64748b; }
.section-title { margin:10px 0 0; padding:5px 7px; background:#eef4ff; border:1px solid #cbd5e1; color:#172033; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
table { width:100%; border-collapse:collapse; }
.meta-table th, .meta-table td, .data-table th, .data-table td { border:1px solid #cbd5e1; padding:6px; vertical-align:top; }
.meta-table th { width:13%; background:#f8fafc; text-align:left; color:#334155; }
.data-table th { background:#172033; color:#fff; text-align:center; font-size:10px; }
.data-table td { text-align:center; }
.data-table tfoot th { background:#f8fafc; color:#111827; }
.text-left { text-align:left !important; }
.ok { color:#15803d; font-weight:800; }
.danger { color:#dc2626; font-weight:800; }
.note { margin:7px 0 0; color:#4b5563; font-size:10px; font-style:italic; }
.sign-row { display:grid; grid-template-columns:repeat(4, 1fr); gap:22px; margin-top:38px; text-align:center; }
.sign-row span { display:block; border-top:1px solid #111827; margin-bottom:5px; }
.sign-row strong { font-size:10px; text-transform:uppercase; }
.report-foot { margin-top:14px; padding-top:6px; border-top:1px solid #cbd5e1; text-align:center; color:#64748b; font-size:9px; }
@media print {
    @page { size:A4 portrait; margin:8mm; }
    body { background:#fff !important; margin:0; }
    header, nav, .sidebar, footer, .toggle-theme, .no-print, .print-toolbar { display:none !important; }
    .content, .page-wrapper, .main-wrapper { margin:0 !important; padding:0 !important; }
    .a4-report { width:auto; min-height:auto; margin:0; padding:0; box-shadow:none; }
}

.bi-c66ff2c048 { width:30%; }

/* --- Component: production\reports\index.css --- */
/* Extracted from production/reports/index.blade.php */

/* ===== DESIGN SYSTEM ===== */
    :root {
        --primary: #0f766e;
        --primary-light: #14b8a6;
        --primary-dark: #0d5f58;
        --secondary: #6366f1;
        --accent: #f59e0b;
        --danger: #ef4444;
        --success: #10b981;
        --bg-gradient: linear-gradient(135deg, #0f766e 0%, #0d9488 50%, #14b8a6 100%);
        --card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
        --card-hover: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        --radius: 12px;
        --radius-sm: 8px;
    }

    /* ===== PAGE HEADER ===== */
    .page-header {
        background: var(--bg-gradient);
        border-radius: var(--radius);
        padding: 2rem;
        margin-bottom: 1.5rem;
        color: white;
        box-shadow: var(--card-shadow);
    }

    .page-header .page-title {
        color: white;
        font-weight: 700;
        font-size: 1.75rem;
        margin-bottom: 0.25rem;
    }

    .page-header .breadcrumb-item a {
        color: rgba(255, 255, 255, 0.8);
    }

    .page-header .breadcrumb-item.active {
        color: white;
    }

    .page-header .breadcrumb-item + .breadcrumb-item::before {
        color: rgba(255, 255, 255, 0.6);
    }

    /* ===== FILTER CARD ===== */
    .filter-card {
        background: white;
        border-radius: var(--radius);
        box-shadow: var(--card-shadow);
        border: none;
        margin-bottom: 1.5rem;
        overflow: hidden;
    }

    .filter-card .card-body {
        padding: 1.5rem;
    }

    .filter-card .form-label {
        font-weight: 600;
        font-size: 0.8rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        color: #64748b;
        margin-bottom: 0.5rem;
    }

    .filter-card .form-control {
        border-radius: var(--radius-sm);
        border: 1px solid #e2e8f0;
        padding: 0.625rem 1rem;
        font-size: 0.9rem;
    }

    .filter-card .form-control:focus {
        border-color: var(--primary);
        box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.1);
    }

    /* ===== ACTION BUTTONS ===== */
    .btn {
        border-radius: var(--radius-sm);
        padding: 0.625rem 1.25rem;
        font-weight: 600;
        font-size: 0.875rem;
        transition: all 0.2s ease;
    }

    .btn-primary {
        background: var(--primary);
        border-color: var(--primary);
    }

    .btn-primary:hover {
        background: var(--primary-dark);
        border-color: var(--primary-dark);
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(15, 118, 110, 0.3);
    }

    .btn-outline-primary {
        border-color: var(--primary);
        color: var(--primary);
    }

    .btn-outline-primary:hover {
        background: var(--primary);
        color: white;
    }

    .btn-outline-dark:hover {
        background: #1e293b;
        color: white;
    }

    /* ===== KPI CARDS ===== */
    .kpi-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
        gap: 1.25rem;
        margin-bottom: 1.5rem;
    }

    .kpi-card {
        background: white;
        border-radius: var(--radius);
        padding: 1.5rem;
        box-shadow: var(--card-shadow);
        border: none;
        transition: all 0.3s ease;
        position: relative;
        overflow: hidden;
    }

    .kpi-card:hover {
        transform: translateY(-4px);
        box-shadow: var(--card-hover);
    }

    .kpi-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        border-radius: var(--radius) var(--radius) 0 0;
    }

    .kpi-card:nth-child(1)::before { background: var(--primary); }
    .kpi-card:nth-child(2)::before { background: var(--secondary); }
    .kpi-card:nth-child(3)::before { background: var(--accent); }
    .kpi-card:nth-child(4)::before { background: #8b5cf6; }
    .kpi-card:nth-child(5)::before { background: #ec4899; }
    .kpi-card:nth-child(6)::before { background: var(--danger); }

    .kpi-card .kpi-icon {
        width: 48px;
        height: 48px;
        border-radius: var(--radius-sm);
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 1rem;
        font-size: 1.5rem;
    }

    .kpi-card:nth-child(1) .kpi-icon { background: rgba(15, 118, 110, 0.1); color: var(--primary); }
    .kpi-card:nth-child(2) .kpi-icon { background: rgba(99, 102, 241, 0.1); color: var(--secondary); }
    .kpi-card:nth-child(3) .kpi-icon { background: rgba(245, 158, 11, 0.1); color: var(--accent); }
    .kpi-card:nth-child(4) .kpi-icon { background: rgba(139, 92, 246, 0.1); color: #8b5cf6; }
    .kpi-card:nth-child(5) .kpi-icon { background: rgba(236, 72, 153, 0.1); color: #ec4899; }
    .kpi-card:nth-child(6) .kpi-icon { background: rgba(239, 68, 68, 0.1); color: var(--danger); }

    .kpi-card .kpi-label {
        font-size: 0.75rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        color: #64748b;
        margin-bottom: 0.25rem;
    }

    .kpi-card .kpi-value {
        font-size: 1.75rem;
        font-weight: 800;
        color: #0f172a;
        line-height: 1.2;
    }

    .kpi-card .kpi-value.text-danger { color: var(--danger); }
    .kpi-card .kpi-value.text-success { color: var(--success); }

    .kpi-card .kpi-unit {
        font-size: 0.875rem;
        font-weight: 500;
        color: #64748b;
        margin-left: 0.25rem;
    }

    /* ===== REPORT TITLE ===== */
    .report-title {
        font-size: 1.25rem;
        font-weight: 700;
        color: #0f172a;
        margin-bottom: 0.25rem;
    }

    .report-period {
        font-size: 0.875rem;
        color: #64748b;
    }

    /* ===== DATA CARDS ===== */
    .data-card {
        background: white;
        border-radius: var(--radius);
        box-shadow: var(--card-shadow);
        border: none;
        height: 100%;
        transition: all 0.3s ease;
    }

    .data-card:hover {
        box-shadow: var(--card-hover);
    }

    .data-card .card-header {
        background: white;
        border-bottom: 1px solid #e2e8f0;
        padding: 1rem 1.25rem;
        font-weight: 700;
        font-size: 0.95rem;
        color: #0f172a;
        border-radius: var(--radius) var(--radius) 0 0 !important;
    }

    .data-card .card-header .badge {
        font-size: 0.7rem;
        padding: 0.35rem 0.65rem;
        font-weight: 600;
    }

    .data-card .table {
        margin-bottom: 0;
    }

    .data-card .table thead th {
        font-size: 0.7rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        color: #64748b;
        border-bottom: 2px solid #e2e8f0;
        padding: 0.875rem 1rem;
        background: #f8fafc;
    }

    .data-card .table tbody td {
        padding: 0.875rem 1rem;
        vertical-align: middle;
        border-bottom: 1px solid #f1f5f9;
    }

    .data-card .table tbody tr:hover {
        background: #f8fafc;
    }

    .data-card .table tbody tr:last-child td {
        border-bottom: none;
    }

    /* ===== PENDING & BILLABLE SECTIONS ===== */
    .section-card {
        background: white;
        border-radius: var(--radius);
        box-shadow: var(--card-shadow);
        border: none;
        margin-top: 1.5rem;
    }

    .section-card .card-header {
        background: white;
        border-bottom: 1px solid #e2e8f0;
        padding: 1rem 1.25rem;
        font-weight: 700;
        font-size: 1rem;
        color: #0f172a;
        display: flex;
        align-items: center;
        border-radius: var(--radius) var(--radius) 0 0 !important;
    }

    .section-card .card-header .badge {
        margin-left: 0.75rem;
        font-size: 0.75rem;
        padding: 0.35rem 0.75rem;
    }

    /* ===== PRINT STYLES ===== */
    @media print {
        .no-print, .sidebar, .header, .page-header, .btn, form, .filter-card {
            display: none !important;
        }
        .content, .page-wrapper {
            margin: 0 !important;
            padding: 0 !important;
        }
        .kpi-grid {
            grid-template-columns: repeat(3, 1fr);
        }
        .card {
            box-shadow: none !important;
            border: 1px solid #ddd !important;
        }
    }

    /* ===== RESPONSIVE ===== */
    @media (max-width: 768px) {
        .page-header {
            padding: 1.5rem;
        }
        .page-header .page-title {
            font-size: 1.375rem;
        }
        .kpi-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }

.bi-00d6855ed7 { color: var(--primary); }

.bi-932a019bf7 { color: var(--secondary); }

.bi-b68d4967a5 { color: var(--accent); }

/* --- Component: production\trip-costing\index.css --- */
/* Extracted from production/trip-costing/index.blade.php */

/* ===== DESIGN SYSTEM ===== */
    :root {
        --primary: #0f766e;
        --primary-light: #14b8a6;
        --primary-dark: #0d5f58;
        --secondary: #6366f1;
        --accent: #f59e0b;
        --danger: #ef4444;
        --success: #10b981;
        --bg-gradient: linear-gradient(135deg, #0f766e 0%, #0d9488 50%, #14b8a6 100%);
        --card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
        --card-hover: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        --radius: 12px;
        --radius-sm: 8px;
    }

    /* ===== PAGE HEADER ===== */
    .page-header {
        background: var(--bg-gradient);
        border-radius: var(--radius);
        padding: 2rem;
        margin-bottom: 1.5rem;
        color: white;
        box-shadow: var(--card-shadow);
    }

    .page-header .page-title {
        color: white;
        font-weight: 700;
        font-size: 1.75rem;
        margin-bottom: 0.25rem;
    }

    .page-header .page-title .badge {
        font-size: 0.7rem;
        padding: 0.35rem 0.75rem;
        vertical-align: middle;
    }

    .page-header .breadcrumb-item a {
        color: rgba(255, 255, 255, 0.8);
    }

    .page-header .breadcrumb-item.active {
        color: white;
    }

    .page-header .breadcrumb-item + .breadcrumb-item::before {
        color: rgba(255, 255, 255, 0.6);
    }

    /* ===== FILTER CARD ===== */
    .filter-card {
        background: white;
        border-radius: var(--radius);
        box-shadow: var(--card-shadow);
        border: none;
        margin-bottom: 1.5rem;
        overflow: hidden;
    }

    .filter-card .card-body {
        padding: 1.5rem;
    }

    .filter-card .form-label {
        font-weight: 600;
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        color: #64748b;
        margin-bottom: 0.5rem;
    }

    .filter-card .form-control,
    .filter-card .form-select {
        border-radius: var(--radius-sm);
        border: 1px solid #e2e8f0;
        padding: 0.625rem 1rem;
        font-size: 0.875rem;
    }

    .filter-card .form-control:focus,
    .filter-card .form-select:focus {
        border-color: var(--primary);
        box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.1);
    }

    /* ===== ACTION BUTTONS ===== */
    .btn {
        border-radius: var(--radius-sm);
        padding: 0.625rem 1.25rem;
        font-weight: 600;
        font-size: 0.875rem;
        transition: all 0.2s ease;
    }

    .btn-primary {
        background: var(--primary);
        border-color: var(--primary);
    }

    .btn-primary:hover {
        background: var(--primary-dark);
        border-color: var(--primary-dark);
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(15, 118, 110, 0.3);
    }

    .btn-outline-primary {
        border-color: var(--primary);
        color: var(--primary);
    }

    .btn-outline-primary:hover {
        background: var(--primary);
        color: white;
    }

    .btn-outline-dark:hover {
        background: #1e293b;
        color: white;
    }

    /* ===== KPI CARDS ===== */
    .kpi-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
        gap: 1.25rem;
        margin-bottom: 1.5rem;
    }

    .kpi-card {
        background: white;
        border-radius: var(--radius);
        padding: 1.25rem;
        box-shadow: var(--card-shadow);
        border: none;
        transition: all 0.3s ease;
        position: relative;
        overflow: hidden;
    }

    .kpi-card:hover {
        transform: translateY(-4px);
        box-shadow: var(--card-hover);
    }

    .kpi-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        border-radius: var(--radius) var(--radius) 0 0;
    }

    .kpi-card:nth-child(1)::before { background: #ef4444; }
    .kpi-card:nth-child(2)::before { background: #f59e0b; }
    .kpi-card:nth-child(3)::before { background: #6366f1; }
    .kpi-card:nth-child(4)::before { background: #0f766e; }
    .kpi-card:nth-child(5)::before { background: #10b981; }
    .kpi-card:nth-child(6)::before { background: #8b5cf6; }

    .kpi-card .kpi-label {
        font-size: 0.7rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        color: #64748b;
        margin-bottom: 0.5rem;
    }

    .kpi-card .kpi-value {
        font-size: 1.375rem;
        font-weight: 800;
        color: #0f172a;
        line-height: 1.2;
    }

    .kpi-card .kpi-value.text-primary { color: var(--primary); }
    .kpi-card .kpi-value.text-success { color: var(--success); }
    .kpi-card .kpi-value.text-danger { color: var(--danger); }

    /* ===== FIXED COSTS CARD ===== */
    .fixed-costs-card {
        background: white;
        border-radius: var(--radius);
        box-shadow: var(--card-shadow);
        border: none;
        margin-bottom: 1.5rem;
    }

    .fixed-costs-card .card-header {
        background: white;
        border-bottom: 1px solid #e2e8f0;
        padding: 1rem 1.25rem;
        font-weight: 700;
        font-size: 0.95rem;
        color: #0f172a;
        border-radius: var(--radius) var(--radius) 0 0 !important;
    }

    .fixed-costs-card .card-body {
        padding: 1.25rem;
    }

    .fixed-costs-card .form-label {
        font-size: 0.75rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        color: #64748b;
        margin-bottom: 0.375rem;
    }

    .fixed-costs-card .form-control {
        border-radius: var(--radius-sm);
        border: 1px solid #e2e8f0;
        padding: 0.5rem 0.75rem;
        font-size: 0.875rem;
    }

    .fixed-costs-card .form-control:focus {
        border-color: var(--primary);
        box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.1);
    }

    .fixed-cost-item {
        background: #f8fafc;
        border-radius: var(--radius-sm);
        padding: 1rem;
        margin-bottom: 0.75rem;
    }

    .fixed-cost-item:last-child {
        margin-bottom: 0;
    }

    /* ===== DATA TABLE ===== */
    .data-table-card {
        background: white;
        border-radius: var(--radius);
        box-shadow: var(--card-shadow);
        border: none;
        overflow: hidden;
    }

    .data-table-card .table {
        margin-bottom: 0;
    }

    .data-table-card .table thead th {
        font-size: 0.7rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        color: #64748b;
        border-bottom: 2px solid #e2e8f0;
        padding: 1rem;
        background: #f8fafc;
        white-space: nowrap;
    }

    .data-table-card .table tbody td {
        padding: 0.875rem 1rem;
        vertical-align: middle;
        border-bottom: 1px solid #f1f5f9;
    }

    .data-table-card .table tbody tr:hover {
        background: #f8fafc;
    }

    .data-table-card .table tbody tr:last-child td {
        border-bottom: none;
    }

    .profit-loss-value {
        font-weight: 700;
        font-size: 0.95rem;
    }

    .profit-loss-value .result-label {
        font-size: 0.7rem;
        font-weight: 500;
        display: block;
        margin-top: 0.125rem;
    }

    /* ===== ALERTS ===== */
    .alert {
        border-radius: var(--radius-sm);
        border: none;
        box-shadow: var(--card-shadow);
    }

    /* ===== RESPONSIVE ===== */
    @media (max-width: 768px) {
        .page-header {
            padding: 1.5rem;
        }
        .page-header .page-title {
            font-size: 1.375rem;
        }
        .kpi-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }

.bi-0d3214040a { font-size: 0.65rem; }

.bi-faded906eb { background: #f0fdf4;border: 1px dashed var(--primary); }

.bi-df6b2ff745 { font-size: 0.875rem; }

.bi-00d6855ed7 { color: var(--primary); }

.bi-b68d4967a5 { color: var(--accent); }

.bi-355e22aa1d { font-size: 2rem; }

/* --- Component: production\trip-costing\show.css --- */
/* Extracted from production/trip-costing/show.blade.php */

.tc-page { padding-bottom: 24px; }
    .tc-hero {
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 10px;
        padding: 18px;
        margin-bottom: 16px;
    }
    .tc-title { font-size: 1.2rem; font-weight: 700; color: #111827; margin: 0; }
    .tc-sub { color: #6b7280; font-size: .86rem; margin-top: 4px; }
    .tc-badge {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        border-radius: 999px;
        padding: 6px 12px;
        font-weight: 700;
        font-size: .82rem;
    }
    .tc-badge.profit { background: #ecfdf5; color: #047857; border: 1px solid #a7f3d0; }
    .tc-badge.loss { background: #fef2f2; color: #b91c1c; border: 1px solid #fecaca; }
    .tc-metric {
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        padding: 14px;
        min-height: 92px;
    }
    .tc-label { color: #6b7280; font-size: .75rem; font-weight: 700; text-transform: uppercase; }
    .tc-value { color: #111827; font-size: 1.15rem; font-weight: 800; margin-top: 7px; }
    .tc-section {
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 10px;
        overflow: hidden;
    }
    .tc-section-head {
        padding: 13px 16px;
        border-bottom: 1px solid #e5e7eb;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
    }
    .tc-section-title { margin: 0; font-size: .92rem; font-weight: 800; color: #111827; }
    .tc-kv {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }
    .tc-kv-item {
        border-bottom: 1px solid #f3f4f6;
        padding-bottom: 10px;
    }
    .tc-kv-item span { display: block; color: #6b7280; font-size: .74rem; font-weight: 700; text-transform: uppercase; }
    .tc-kv-item strong { display: block; margin-top: 4px; color: #111827; font-size: .94rem; }
    .tc-cost-bar {
        height: 10px;
        border-radius: 999px;
        overflow: hidden;
        background: #f3f4f6;
        display: flex;
    }
    .tc-cost-bar span { display: block; min-width: 2px; }
    .tc-line {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 10px 0;
        border-bottom: 1px solid #f3f4f6;
    }
    .tc-line:last-child { border-bottom: 0; }
    .tc-dot { width: 9px; height: 9px; border-radius: 50%; display: inline-block; margin-right: 7px; }
    .tc-table th { color: #6b7280; font-size: .75rem; text-transform: uppercase; }
    .tc-table td { vertical-align: middle; }
    @media (max-width: 767px) {
        .tc-kv { grid-template-columns: 1fr; }
    }

.bi-830beda7a9 { background:#2563eb; }

.bi-070db0b6c3 { background:#f59e0b; }

.bi-90b7755797 { background:#10b981; }

.bd-860b3ac2b4 { width: var(--bdv-0); background: #2563eb; }
.bd-a1f3fa894d { width: var(--bdv-0); background: #f59e0b; }
.bd-1c26f63394 { width: var(--bdv-0); background: #10b981; }

/* --- Component: batch\final_order_pdf.css --- */
/* Extracted from batch/final_order_pdf.blade.php */

@page { margin: 20px 25px; }
        body { 
            font-family: 'Helvetica Neue', Helvetica, Arial, DejaVu Sans, sans-serif; 
            font-size: 11px; 
            color: #333333;
            line-height: 1.5;
        }
        
        /* Corporate Header Styling */
        .header-table { width: 100%; border-collapse: collapse; border: none; margin-bottom: 20px; }
        .header-table td { border: none; padding: 0; text-align: left; vertical-align: top; }
        .company-name { 
            font-size: 20px; 
            font-weight: bold; 
            color: inherit; 
            text-transform: uppercase;
            margin: 0 0 2px 0;
        }
        .company-tagline { font-size: 10px; color: #666; font-style: italic; margin-bottom: 5px; }
        .company-details { font-size: 10px; color: #555; line-height: 1.3; }
        .report-title-box { text-align: right !important; vertical-align: middle !important; }
        .report-badge {
            background-color: inherit;
            color: #ffffff;
            font-size: 13px;
            font-weight: bold;
            padding: 7px 12px;
            border-radius: 4px;
            display: inline-block;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .divider { border-top: 2px solid inherit; margin: 10px 0; }
        
        /* Metadata Grid Area */
        .meta-table { width: 100%; border-collapse: collapse; border: none; margin-bottom: 20px; }
        .meta-table td { border: none; padding: 4px 0; vertical-align: top; font-size: 11px; }
        .meta-label { color: #666666; font-weight: bold; width: 28%; }
        .meta-value { color: #111111; width: 72%; }
        
        /* Structural Section Grid */
        .section-heading {
            font-size: 12px;
            font-weight: bold;
            color: inherit;
            text-transform: uppercase;
            border-bottom: 1px dashed #cccccc;
            padding-bottom: 3px;
            margin: 15px 0 8px 0;
        }

        /* Run Segment Stream */
        .run-container { margin-bottom: 15px; page-break-inside: avoid; }
        .run-header-bar { 
            background: #f4f6f9; 
            border-left: 4px solid inherit; 
            font-weight: bold; 
            padding: 6px 10px;
            font-size: 11px;
            color: #2c3e50;
            margin-bottom: 5px;
        }
        
        /* Technical Matrix Data Tables */
        .data-table { width: 100%; border-collapse: collapse; margin-bottom: 5px; }
        .data-table th { 
            background-color: #34495e; 
            color: #ffffff; 
            font-weight: bold; 
            text-transform: uppercase;
            font-size: 9.5px;
            padding: 5px;
            border: 1px solid #34495e;
        }
        .data-table td { border: 1px solid #e2e8f0; padding: 5px; text-align: center; }
        .text-left { text-align: left !important; }
        
        /* Error Alert Colors */
        .text-danger { color: #de2c2c; font-weight: bold; }
        .text-success { color: #10b981; font-weight: bold; }

        /* Order Summary & Financials */
        .summary-box { background-color: #f8fafc; border: 1px solid #e2e8f0; padding: 10px; border-radius: 5px; }
        .footer-note-text { font-size: 9.5px; color: #718096; font-style: italic; margin-top: 4px; }
        
        /* Bottom Signoff Footer */
        .footer-table { width: 100%; border-collapse: collapse; border: none; margin-top: 35px; page-break-inside: avoid; }
        .footer-table td { border: none; padding: 0; vertical-align: bottom; }
        .signature-space { border-top: 1px solid #a0aec0; width: 200px; text-align: center; padding-top: 5px; font-weight: bold; color: #2d3748; }

.bi-2f10fd8270 { margin-top: 8px;font-size: 10px;color: #718096; }

.bi-16000cc0ae { width: 100%; }

.bi-e73a22bd90 { width: 50%; }

.bi-4355508a69 { font-size: 10px; }

.bi-9c4fbffa7b { width: 50%;padding-left: 20px; }

.bi-d2315eb999 { font-weight: bold;color: #1a202c; }

.bi-13dbd3bf84 { background:#2962ff;color:#fff;padding:2px 6px;border-radius:3px;font-size:10px; }

.bi-6528b2713f { width: 30%; }

.bi-2e6e997171 { width: 18%; }

.bi-0a77833b59 { width: 16%; }

.bi-81595a9825 { font-weight: 500; }

.bi-c1b049757d { font-weight: bold; }

.bi-c660847a1a { color: #de2c2c;font-weight: bold;padding: 12px;text-align: center;background-color: #fff5f5; }

.bi-4f7f1ad5d8 { margin-top: 20px; }

.bi-52da8eb703 { width: 100%;border: none;border-collapse: collapse; }

.bi-fc37a86a8c { border:none;padding:3px;width:33%;font-size:11px; }

.bi-74e8a18de3 { border:none;padding:3px;width:34%;font-size:11px; }

.bi-8ca2865aa2 { margin: 6px 0;border-top: 1px solid #e2e8f0; }

.bi-f1a700d32a { font-size: 9px;color:#a0aec0;margin-top:5px; }

.bi-7bc9a888a2 { font-size: 9px;color: #4a5568;line-height: 1.4; }

.bi-6d2172078d { font-size: 10px;color: #2d3748; }

.bi-7bf0fca51b { font-size: 11px;margin-bottom: 45px;font-weight: bold;color: #2d3748;text-transform: uppercase; }

[data-bi-10fac9e6e8] { max-height: 55px;margin-bottom: 5px; }

/* --- Component: batch\final_pdf.css --- */
/* Extracted from batch/final_pdf.blade.php */

@page {
        size: A4 portrait;
        margin: 10mm 12mm;
    }

    body {
        font-family: DejaVu Sans, sans-serif;
        font-size: 11px;
        color: #000;
        margin: 0;
        padding: 0;
        line-height: 1.4;
    }

    .header {
        text-align: center;
        font-weight: bold;
        font-size: 14px;
        margin-bottom: 4px;
        letter-spacing: 0.5px;
    }

    .company {
        text-align: center;
        font-size: 11px;
        line-height: 1.4;
        margin-bottom: 15px;
        color: #333;
    }

    table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 10px;
    }

    th, td {
        border: 1px solid #000;
        padding: 5px 6px;
        text-align: center;
        font-size: 11px;
    }

    th {
        background: #efefef;
        font-weight: bold;
    }

    .no-border td {
        border: none;
        padding: 3px 0;
        font-size: 11px;
        text-align: left;
    }

    .text-left { text-align: left; }
    .text-right { text-align: right; }

    .signature-table td {
        border: none;
        padding-top: 45px;
        text-align: center;
        font-size: 11px;
    }

    .signature-line {
        border-top: 1px solid #000;
        width: 80%;
        margin: 0 auto 4px;
    }

    .stamp {
        border: 1px solid #000;
        display: inline-block;
        padding: 5px 12px;
        font-size: 10px;
        font-weight: bold;
    }

.bi-a21a53560d { background:#f9f9f9; }

.bi-6528b2713f { width: 30%; }

.bi-607c2bdd30 { width: 15%; }

.bi-afb1c4d31a { width: 12%; }

.bi-25febc3034 { width: 13%; }

.bi-c1b049757d { font-weight: bold; }

.bi-0ce45ac703 { color: #666; }

.bi-0cb993b0de { background: #fdfdfd;font-weight: bold; }

.bi-3d59ac907b { text-transform: uppercase; }

.bi-d99af5a8f9 { background: #ffffff; }

.bi-a421035f83 { font-size: 10px;color: #555;font-style: italic;margin-top: 2px; }

.bi-12e834db2e { border: 2px dashed #10b981;color: #10b981; }

.bi-b0409b5b8b { font-weight: bold;font-size: 11px;text-transform: uppercase;letter-spacing: 0.5px; }

/* --- Component: batch\pdf_report.css --- */
/* Extracted from batch/pdf_report.blade.php */

body{
    font-family: DejaVu Sans, sans-serif;
    font-size:12px;
    color:#000;
}
table{
    width:100%;
    border-collapse: collapse;
}
th,td{
    border:1px solid #000;
    padding:6px;
    text-align:center;
}
th{
    background:#efefef;
}
.no-border td{
    border:none;
    padding:3px;
    text-align:left;
}
.title{
    text-align:center;
    font-size:16px;
    font-weight:bold;
}
.logo{
    width:110px;
}
.signature-box{
    height:50px;
    border:1px solid #000;
}

.bi-54c2afb7ba { text-align:right; }

.bi-6be0d8ba2c { text-align:left; }

.bi-9266f84120 { height:40px;text-align:left; }

.bi-91a87015f4 { text-align:center; }

/* --- Component: batch\report.css --- */
/* Extracted from batch/report.blade.php */

.bi-7a96d9ba83 { max-width:140px; }

/* --- Component: batch\run_view.css --- */
/* Extracted from batch/run_view.blade.php */

@page { 
    size: A4 portrait; 
    margin: 10mm 8mm; 
}

.signature-line {
    border-top: 1px solid #7f8c8d;
    width: 75%;
    margin: 0 auto 6px;
}

.quality-stamp { 
    border: 2px dashed #10b981; 
    padding: 6px 16px; 
    font-size: 11px; 
    font-weight: 800; 
    letter-spacing: 0.5px;
    border-radius: 4px;
    display: inline-block;
}

@media print {
    header, nav, .sidebar, .toggle-theme, .footer, .no-print, .btn, .card-footer { 
        display: none !important; 
    }
    body { 
        background-color: #ffffff !important;
        font-size: 11px; 
        color: #000000 !important;
    }
    .card {
        box-shadow: none !important;
        border: none !important;
    }
    .content {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
}

.table tbody tr td {
    padding: 6px 5px !important;
    white-space: nowrap;
}
.page-break-inside-avoid {
    page-break-inside: avoid;
}

.bi-241acb1bcc { letter-spacing: 0.5px; }

.bi-8cb0b1181a { line-height: 1.4; }

.bi-22de0f0d78 { max-width: 140px; }

.bi-6528b2713f { width: 30%; }

.bi-8a0b6d3049 { width: 14%; }

.bi-607c2bdd30 { width: 15%; }

.bi-25febc3034 { width: 13%; }

.bi-a904928a4c { font-size: 10.5px;font-style: italic; }

/* --- Component: mix_designs\index.css --- */
/* Extracted from mix_designs/index.blade.php */

.bi-0e793dc32c { border-left: 4px solid #226b6d !important; }

.bi-66d42ff8b7 { width:48px;height:48px;background:#e8f5f5; }

.bi-cc89e1abe3 { color:#226b6d; }

.bi-6cb285c61d { font-size:12px; }

.bi-da33c173eb { border-left: 4px solid #f59e0b !important; }

.bi-21ccf148b2 { width:48px;height:48px;background:#fef3c7; }

.bi-6a6a237e2c { color:#f59e0b; }

.bi-846cd1d4ed { border-left: 4px solid #10b981 !important; }

.bi-a469533756 { width:48px;height:48px;background:#d1fae5; }

.bi-acd97a46d0 { color:#10b981; }

.bi-11a508128d { font-size:11px; }

.bi-c26c0890ea { left:10px; }

.bi-0fac9183d5 { width:220px; }

.bi-97b3095bb2 { background:#f8fafa; }

.bi-d32b643ba1 { font-size:12px;letter-spacing:.5px; }

.bi-2a6e8fd30c { vertical-align:middle; }

.bi-5e0faad207 { font-size:13px; }

.bi-ea3e7ebccd { width:34px;height:34px;background:#e8f5f5; }

.bi-6d3d079722 { color:#226b6d;font-size:15px; }

.bi-433de30b36 { font-size:14px; }

.bi-7cc4fb8551 { background:#e8f5f5;color:#226b6d;font-size:12px; }

.bi-15e1116b58 { font-size:13px;max-width:280px; }

.bi-55585d51f2 { max-width:260px; }

.bi-40c559fd92 { background:#e8f5f5;color:#226b6d;font-size:12px;padding:5px 10px; }

.bi-763d290d90 { background:#fef3c7;color:#d97706;font-size:12px;padding:5px 10px; }

.bi-8038b8c50d { background:#fee2e2;color:#dc2626;font-size:12px;padding:5px 10px; }

.bi-ca34369d50 { font-size:40px;opacity:.35; }

/* --- Component: delivery_challan\print.css --- */
/* Extracted from delivery_challan/print.blade.php */

.challan-root,.challan-root table,.challan-root td,.challan-root th{
    font-family:Arial,Helvetica,sans-serif;
    font-size:9.5px;
    line-height:1.28;
}
table{width:100%;border-collapse:collapse}
td,th{border:1px solid #a09c9c;padding:3px 4px;vertical-align:top;font-size:9.5px}
.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}
@page{size:A4 portrait;margin:5mm}
.a4-page{height:277mm;overflow:hidden;page-break-inside:avoid}
.challan-copy{height:49%;border:1px solid #7c7373;padding:5px;position:relative;page-break-inside:avoid}
.copy-tag{position:absolute;top:4px;right:6px;font-size:6px;font-weight:bold;border:1px solid #5a5a5a41;padding:2px 6px;background:#fff}
.cut-line{height:11px;line-height:11px;text-align:center;font-size:9px;margin:3px 0;border-top:1px dashed #000;border-bottom:1px dashed #000}
.watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.05;z-index:0;pointer-events:none}
.watermark img{width:300px}
.content-layer{position:relative;z-index:1}
.a4-page,.challan-copy,table,tr,td{page-break-inside:avoid!important;page-break-after:avoid!important;page-break-before:avoid!important}

.company-name{font-size:13.5px !important;font-weight:700}
.challan-title{margin:5px 0 !important;font-size:13px !important}
.qr-label{font-size:8.5px !important;margin-top:2px !important}
.logo-img{max-width:120px !important}
.qr-wrap svg,.qr-wrap img{max-width:80px !important;height:auto !important}

table.meta-info{
    width:48% !important;
    max-width:48% !important;
    margin-top:4px !important;
    table-layout:fixed !important;
    border-collapse:collapse !important;
}
table.meta-info th{
    width:38% !important;
    background:#f3f4f6;
    font-size:9px !important;
    font-weight:700;
    white-space:nowrap !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    padding:3px 5px !important;
    vertical-align:middle !important;
}
table.meta-info td{
    width:62% !important;
    font-size:9px !important;
    font-weight:600;
    white-space:nowrap !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    padding:3px 5px !important;
    vertical-align:middle !important;
}

.terms-cell{
    font-size:7px !important;
    line-height:1.25 !important;
    vertical-align:top !important;
}
.terms-cell b{font-size:7.5px !important}
.sign-cell{font-size:9px !important}

@media print{
    header,nav,.sidebar,.footer,.toggle-theme,.no-print{display:none!important}
    .content,.card,.card-body{margin:0!important;padding:0!important;border:none!important;box-shadow:none!important}
    body{margin:0!important;padding:0!important}
    .challan-root,.challan-root table,.challan-root td,.challan-root th{font-size:9px !important}
    .company-name{font-size:12.5px !important}
    .challan-title{font-size:12px !important}
    table.meta-info{width:48% !important;max-width:48% !important;table-layout:fixed !important}
    table.meta-info th,
    table.meta-info td{
        font-size:8.5px !important;
        white-space:nowrap !important;
        word-break:normal !important;
        overflow-wrap:normal !important;
        overflow:hidden !important;
    }
    .terms-cell{font-size:6.5px !important;line-height:1.2 !important}
    .terms-cell b{font-size:7px !important}
    .sign-cell{font-size:8.5px !important}
    .copy-tag{font-size:5.5px !important}
    .cut-line{font-size:8px !important}
}

.bi-2a6e8fd30c { vertical-align:middle; }

.bi-6cf2125ad2 { width:38%; }

.bi-57ab502fc3 { width:62%; }

.bi-96ad6099e2 { margin-top:4px; }

.bi-9f5f1161e6 { vertical-align:bottom; }

/* --- Component: delivery_challan\verify.css --- */
/* Extracted from delivery_challan/verify.blade.php */

/* ══════════════════════════════════════
   RESET — hide app chrome
══════════════════════════════════════ */
body:has(.cv-shell) header,
body:has(.cv-shell) nav,
body:has(.cv-shell) .sidebar,
body:has(.cv-shell) .footer,
body:has(.cv-shell) .navbar,
body:has(.cv-shell) .topbar,
body:has(.cv-shell) .main-header,
body:has(.cv-shell) aside { display: none !important; }
body:has(.cv-shell) { background: #F0FDF4; margin: 0; }
body:has(.cv-shell) .content,
body:has(.cv-shell) main,
body:has(.cv-shell) .main-content,
body:has(.cv-shell) [class*="content"] { margin: 0 !important; padding: 0 !important; max-width: none !important; }

/* ══════════════════════════════════════
   TOKENS
══════════════════════════════════════ */
:root {
  --green:     #065F46;
  --green-md:  #059669;
  --green-lt:  #D1FAE5;
  --green-bg:  #F0FDF4;
  --red:       #991B1B;
  --red-lt:    #FEE2E2;
  --ink:       #111827;
  --ink-md:    #374151;
  --ink-lt:    #6B7280;
  --border:    #D1FAE5;
  --card-bg:   #FFFFFF;
  --radius:    12px;
}

/* ══════════════════════════════════════
   SHELL
══════════════════════════════════════ */
.cv-shell {
  font-family: system-ui, -apple-system, sans-serif;
  max-width: 480px;
  margin: 0 auto;
  padding: 16px 14px 48px;
  background: var(--green-bg);
  min-height: 100vh;
  color: var(--ink);
}

/* ══════════════════════════════════════
   INVALID STATE
══════════════════════════════════════ */
.cv-invalid-page {
  text-align: center;
  padding: 48px 24px;
}
.cv-invalid-icon {
  width: 72px; height: 72px; border-radius: 50%;
  background: var(--red-lt); color: var(--red);
  font-size: 2rem; font-weight: 900;
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 16px;
  border: 3px solid #FECACA;
}
.cv-invalid-title {
  font-size: 1.4rem; font-weight: 800;
  color: var(--red); margin: 0 0 8px;
}
.cv-invalid-sub {
  font-size: .9rem; color: var(--ink-md); line-height: 1.6; margin: 0 0 20px;
}
.cv-invalid-note {
  background: var(--red-lt); border: 1px solid #FECACA;
  border-radius: 8px; padding: 12px 16px;
  font-size: .8rem; color: var(--red);
}

/* ══════════════════════════════════════
   VERIFICATION STAMP
══════════════════════════════════════ */
.cv-stamp {
  display: flex; align-items: center; gap: 12px;
  background: var(--green);
  border-radius: var(--radius);
  padding: 14px 16px;
  margin-bottom: 12px;
  color: #fff;
}
.cv-stamp-check {
  width: 44px; height: 44px; border-radius: 50%;
  background: rgba(255,255,255,.15);
  border: 2px solid rgba(255,255,255,.4);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.cv-stamp-check svg { width: 22px; height: 22px; color: #fff; }
.cv-stamp-label {
  font-size: .65rem; font-weight: 700; text-transform: uppercase;
  letter-spacing: .1em; opacity: .7; margin-bottom: 2px;
}
.cv-stamp-company {
  font-size: .9rem; font-weight: 800; letter-spacing: .02em; line-height: 1.2;
}

/* ══════════════════════════════════════
   CHALLAN HERO
══════════════════════════════════════ */
.cv-challan-hero {
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 14px 16px;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.cv-challan-label {
  font-size: .65rem; font-weight: 700; text-transform: uppercase;
  letter-spacing: .08em; color: var(--ink-lt); display: block;
}
.cv-challan-num {
  font-family: 'SF Mono', 'Fira Code', 'Courier New', monospace;
  font-size: 1.3rem; font-weight: 800;
  color: var(--green); display: block; line-height: 1.2;
}
.cv-challan-date {
  font-size: .72rem; color: var(--ink-lt); display: block; margin-top: 2px;
}
.cv-status-pill {
  display: inline-flex; align-items: center; gap: 5px;
  background: var(--green-lt); color: var(--green);
  font-size: .72rem; font-weight: 700;
  padding: 5px 11px; border-radius: 99px;
  white-space: nowrap; flex-shrink: 0;
}
.cv-status-dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--green-md);
  animation: pulse-dot 1.8s ease infinite;
}
@keyframes pulse-dot {
  0%,100% { opacity: 1; transform: scale(1); }
  50%      { opacity: .5; transform: scale(.7); }
}

/* ══════════════════════════════════════
   COMPANY CARD
══════════════════════════════════════ */
.cv-card-company {
  border-left: 4px solid var(--green);
}
.cv-company-name {
  font-size: .95rem; font-weight: 700; color: var(--green); margin-bottom: 3px;
}
.cv-company-addr, .cv-company-gst {
  font-size: .78rem; color: var(--ink-md); line-height: 1.6;
}

/* ══════════════════════════════════════
   SECTION TITLE
══════════════════════════════════════ */
.cv-section-title {
  font-size: .62rem; font-weight: 800; text-transform: uppercase;
  letter-spacing: .1em; color: var(--green-md);
  margin: 16px 0 6px 2px;
}

/* ══════════════════════════════════════
   CARDS
══════════════════════════════════════ */
.cv-card {
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  overflow: hidden;
  margin-bottom: 8px;
}
.cv-card-head {
  background: var(--green); color: #fff;
  font-size: .65rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em;
  padding: 6px 14px;
}
.cv-card-body { padding: 4px 0; }

/* ══════════════════════════════════════
   DEFINITION LIST
══════════════════════════════════════ */
.cv-dl { margin: 0; }
.cv-dl-row {
  display: flex; justify-content: space-between; align-items: baseline;
  padding: 9px 14px;
  border-bottom: 1px solid #F0FDF4;
}
.cv-dl-row:last-child { border-bottom: none; }
.cv-dl-row-highlight { background: #F0FDF4; }
dt {
  font-size: .72rem; color: var(--ink-lt); font-weight: 600;
  text-transform: uppercase; letter-spacing: .05em;
  flex-shrink: 0; margin-right: 8px;
}
dd {
  font-size: .875rem; color: var(--ink); font-weight: 500;
  margin: 0; text-align: right;
}
.cv-vehicle {
  font-family: 'SF Mono', 'Fira Code', monospace;
  font-size: .9rem; letter-spacing: .05em; color: var(--ink);
}
.cv-qty-big {
  font-size: 1.25rem !important; font-weight: 800 !important; color: var(--green) !important;
}
.cv-qty-big span { font-size: .75rem; font-weight: 600; color: var(--ink-lt); }

/* ══════════════════════════════════════
   DISCLAIMER + FOOTER
══════════════════════════════════════ */
.cv-disclaimer {
  font-size: .72rem; color: var(--ink-lt); line-height: 1.6;
  border-top: 1px solid var(--border);
  margin-top: 20px; padding-top: 14px;
  text-align: center; font-style: italic;
}
.cv-footer {
  text-align: center; font-size: .65rem; color: #A7F3D0;
  margin-top: 12px; letter-spacing: .04em;
}

/* --- Component: production-receipts\bill-print.css --- */
/* Extracted from production-receipts/bill-print.blade.php */

@media print {
    @page { size: A4 portrait; margin: 7mm; }

    html, body {
        width: auto !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        background: #fff !important;
    }

    body {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    .no-print,
    .invoice-actions,
    .print-actions,
    .btn,
    button,
    nav,
    aside,
    .navbar,
    .sidebar,
    .app-header,
    .app-sidebar,
    .footer:not(.invoice-footer) {
        display: none !important;
    }

    .container,
    .container-fluid,
    .content-wrapper,
    .main-content,
    .invoice-shell,
    .invoice-container,
    .print-container,
    .invoice-paper,
    .card,
    .card-body {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow: visible !important;
        box-shadow: none !important;
    }

    table {
        width: 100% !important;
        max-width: 100% !important;
        border-collapse: collapse !important;
        table-layout: fixed !important;
        page-break-inside: auto !important;
        break-inside: auto !important;
    }

    thead {
        display: table-header-group !important;
    }

    tfoot {
        display: table-footer-group !important;
    }

    tbody {
        display: table-row-group !important;
    }

    tr {
        page-break-inside: avoid !important;
        break-inside: avoid-page !important;
        page-break-after: auto !important;
    }

    th, td {
        overflow: visible !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
        vertical-align: top !important;
    }

    img, svg, canvas {
        max-width: 100% !important;
        page-break-inside: avoid !important;
        break-inside: avoid-page !important;
    }

    .table-responsive {
        overflow: visible !important;
        width: 100% !important;
    }

    .summary-section,
    .invoice-summary,
    .tax-summary,
    .totals-section,
    .amount-balance-grid,
    .footer-grid,
    .signature-section,
    .bank-details,
    .declaration,
    .eway-summary,
    .irn-block,
    .party-meta-grid {
        page-break-inside: avoid !important;
        break-inside: avoid-page !important;
    }

    .page-break-before {
        page-break-before: always !important;
        break-before: page !important;
    }

    .page-break-after {
        page-break-after: always !important;
        break-after: page !important;
    }

    .avoid-page-break {
        page-break-inside: avoid !important;
        break-inside: avoid-page !important;
    }
}

* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: "Segoe UI", Arial, sans-serif; font-size: 13px; color: #111827; background: #e5e7eb; padding: 2rem 1rem; }
.toolbar { max-width: 794px; margin: 0 auto 14px; display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.toolbar-left { font-size: 12px; color: #6b7280; }
.toolbar-left strong { color: #374151; }
.toolbar-right { display: flex; gap: 8px; }
.btn { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 600; padding: 7px 14px; border-radius: 6px; cursor: pointer; text-decoration: none; font-family: inherit; border: 1px solid transparent; }
.btn-ghost { background: #fff; border-color: #d1d5db; color: #374151; }
.btn-blue { background: #1d4ed8; border-color: #1d4ed8; color: #fff; }
.invoice { max-width: 794px; margin: 0 auto; background: #fff; box-shadow: 0 2px 16px rgba(0,0,0,.12); }
.inv-topbar { background: #1d4ed8; height: 10px; }
.inv-header { padding: 28px 36px 22px; border-bottom: 1px solid #e5e7eb; }
.inv-header-title { font-size: 28px; font-weight: 800; letter-spacing: -.01em; color: #111827; margin-bottom: 20px; }
.inv-top-grid { display: grid; grid-template-columns: 1fr 1fr 1.1fr; gap: 0; }
.inv-party-block + .inv-party-block { padding-left: 24px; }
.inv-meta-block { text-align: right; }
.inv-label { font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #9ca3af; margin-bottom: 5px; display: block; }
.inv-val-name { font-size: 14px; font-weight: 800; color: #111827; margin-bottom: 2px; }
.inv-val-line { font-size: 12px; color: #4b5563; line-height: 1.5; }
.inv-gstin { display: inline-block; margin-top: 5px; font-size: 10px; font-weight: 700; letter-spacing: .04em; background: #f3f4f6; color: #374151; padding: 2px 8px; border-radius: 4px; }
.inv-meta-table { margin-left: auto; }
.inv-meta-table td { padding: 3px 0; font-size: 12.5px; }
.inv-meta-table .ml { color: #6b7280; text-align: right; padding-right: 14px; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.inv-meta-table .mv { font-weight: 700; color: #111827; text-align: right; font-size: 12.5px; }
.inv-meta-table .mv.big { font-size: 15px; color: #1d4ed8; }
.inv-company-center { text-align: center; padding: 14px 36px 18px; border-bottom: 1px solid #e5e7eb; }
.cc-name { font-size: 20px; font-weight: 800; color: #111827; }
.cc-addr { font-size: 12px; color: #6b7280; margin-top: 3px; }
.inv-items-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.inv-items-table thead tr { background: #1d4ed8; }
.inv-items-table thead th { font-size: 10.5px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: #fff; padding: 11px 14px; text-align: left; }
.inv-items-table thead th.r { text-align: right; }
.inv-items-table tbody tr { border-bottom: 1px solid #f3f4f6; }
.inv-items-table tbody td { padding: 10px 14px; vertical-align: top; }
.inv-items-table tbody td.r { text-align: right; font-variant-numeric: tabular-nums; color: #374151; }
.item-name { font-weight: 700; color: #111827; line-height: 1.3; }
.item-sub { font-size: 10.5px; color: #9ca3af; margin-top: 2px; }
.inv-totals-row { display: flex; justify-content: flex-end; border-bottom: 1px solid #e5e7eb; }
.totals-inner { width: 320px; padding: 6px 0; }
.totals-line { display: flex; justify-content: space-between; padding: 5px 14px; font-size: 12.5px; }
.totals-line .tl { color: #6b7280; }
.totals-line .tv { font-variant-numeric: tabular-nums; font-weight: 700; color: #111827; }
.totals-divider { border: none; border-top: 1px solid #e5e7eb; margin: 4px 14px; }
.totals-grand { display: flex; justify-content: space-between; align-items: center; padding: 10px 14px; margin-top: 4px; background: #f9fafb; border-top: 2px solid #1d4ed8; }
.totals-grand .tgl { font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #6b7280; }
.totals-grand .tgv { font-size: 18px; font-weight: 800; color: #111827; font-variant-numeric: tabular-nums; }
.inv-signature { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid #e5e7eb; }
.sig-cell { padding: 20px 28px 28px; }
.sig-cell:first-child { border-right: 1px solid #e5e7eb; }
.sig-label { font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #9ca3af; margin-bottom: 44px; display: block; }
.sig-line { border-top: 1px solid #d1d5db; padding-top: 6px; font-size: 11px; color: #9ca3af; }
.inv-terms { padding: 16px 28px; border-bottom: 1px solid #e5e7eb; }
.inv-terms .t-label { font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #9ca3af; margin-bottom: 6px; display: block; }
.inv-terms .t-body { font-size: 12px; color: #4b5563; line-height: 1.65; white-space: pre-wrap; }
.inv-footer { background: #1d4ed8; padding: 10px 28px; display: flex; justify-content: space-between; align-items: center; }
.inv-footer span { font-size: 10px; color: rgba(255,255,255,.68); }
.inv-footer strong { color: rgba(255,255,255,.94); font-size: 11px; }
@page { size: A4 portrait; margin: 8mm; }
@media print {
  body { background: #fff !important; padding: 0; }
  .toolbar { display: none !important; }
  .invoice { box-shadow: none; max-width: 100%; }
  .inv-topbar, .inv-items-table thead tr, .totals-grand, .inv-footer { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}

.bi-f91f66a79b { width:34%; }

.bi-c28f1b1511 { width:12%; }

.bi-477d664a08 { width:10%; }

.bi-44b21af70c { width:20%; }

/* --- Component: production-receipts\index.css --- */
/* Extracted from production-receipts/index.blade.php */

.sr-page { padding: 16px 0 24px; max-width: 1280px; margin: 0 auto; font-size: .82rem; }
    .sr-shell { display: grid; gap: 14px; }
    .sr-hero {
        background: #ffffff;
        border: 1px solid #e2e8f0;
        border-radius: 12px;
        padding: 14px 16px;
        display: flex;
        justify-content: space-between;
        gap: 14px;
        align-items: center;
        box-shadow: 0 10px 26px rgba(15,23,42,.045);
        border-left: 5px solid #2563eb;
    }
    .sr-title-wrap { display:flex; gap:10px; align-items:center; min-width:0; }
    .sr-icon {
        width: 38px; height: 38px; border-radius: 9px;
        display:flex; align-items:center; justify-content:center;
        background:#eff6ff; color:#2563eb; font-size:1.1rem; flex:0 0 auto;
    }
    .sr-title { font-size: 1.08rem; font-weight: 850; color: #0f172a; margin: 0; letter-spacing:0; }
    .sr-sub { color: #64748b; font-size: .74rem; margin-top: 2px; }
    .sr-quick { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
    .sr-quick .btn { font-size:.74rem; padding:5px 10px; }
    .sr-card { background:#fff; border:1px solid #e2e8f0; border-radius:12px; box-shadow:0 8px 24px rgba(15,23,42,.04); }
    .sr-form-card { overflow:hidden; }
    .sr-form-head { padding:11px 14px; border-bottom:1px solid #e2e8f0; background:#f8fafc; display:flex; justify-content:space-between; gap:12px; align-items:center; }
    .sr-form-head h2 { margin:0; font-size:.85rem; font-weight:850; color:#0f172a; display:flex; align-items:center; gap:6px; }
    .sr-live-pill { font-size:.64rem; font-weight:800; color:#0369a1; background:#e0f2fe; border:1px solid #bae6fd; border-radius:999px; padding:3px 9px; }
    .sr-filter { padding: 14px; box-shadow:none; border:0; border-radius:0; }
    .sr-filter-grid { display:grid; grid-template-columns: 170px 210px minmax(240px,1fr); gap:12px; align-items:end; }
    .sr-filter-grid.dates { grid-template-columns: 170px 170px auto; margin-top:12px; }
    .sr-filter label { font-size:.62rem; font-weight:850; text-transform:uppercase; color:#64748b; margin-bottom:5px; display:block; }
    .sr-filter .form-control, .sr-filter .form-select { border-color:#dbe3ee; border-radius:8px; min-height:36px; font-size:.78rem; }
    .sr-filter .form-control:focus, .sr-filter .form-select:focus { border-color:#2563eb; box-shadow:0 0 0 3px rgba(37,99,235,.12); }
    .sr-input-with-icon { position:relative; }
    .sr-input-with-icon i { position:absolute; left:11px; top:50%; transform:translateY(-50%); color:#94a3b8; font-size:.9rem; pointer-events:none; }
    .sr-input-with-icon .form-control { padding-left:32px; }
    .sr-search-btn { min-height:36px; border-radius:8px; font-weight:750; white-space:nowrap; font-size:.78rem; }
    .sr-reset-btn { min-height:34px; border-radius:8px; display:inline-flex; align-items:center; gap:5px; font-size:.74rem; }
    .sr-helpbar {
        display:flex; justify-content:space-between; gap:12px; align-items:center;
        background:#f8fafc; border-top:1px solid #e2e8f0; padding:9px 14px; color:#64748b; font-size:.72rem;
        border-radius:0 0 12px 12px;
    }
    .sr-helpbar strong { color:#334155; }
    .sr-hint { padding: 34px 16px; text-align:center; color:#64748b; }
    .sr-hint-icon { width:48px; height:48px; border-radius:14px; display:flex; align-items:center; justify-content:center; background:#f1f5f9; color:#2563eb; font-size:1.6rem; margin:0 auto 10px; }
    .sr-hint strong { color:#0f172a; font-size:.88rem; display:block; margin-bottom:3px; }
    .sr-hint div { font-size: .76rem; }
    .sr-summary { display:grid; grid-template-columns:repeat(6, minmax(0, 1fr)); gap:10px; }
    .sr-stat { padding:11px 13px; position:relative; overflow:hidden; }
    .sr-stat::before { content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:#cbd5e1; }
    .sr-stat.production::before { background:#4f46e5; }
    .sr-stat.qty::before { background:#0ea5e9; }
    .sr-stat.bill::before { background:#7c3aed; }
    .sr-stat.tax::before { background:#dc2626; }
    .sr-stat.receipt::before { background:#059669; }
    .sr-stat.amount::before { background:#d97706; }
    .sr-stat.balance::before { background:#0f766e; }
    .sr-stat span { display:block; color:#64748b; font-size:.62rem; font-weight:850; text-transform:uppercase; }
    .sr-stat strong { display:block; color:#0f172a; font-size:.92rem; margin-top:3px; }
    .sr-section { overflow:hidden; }
    .sr-section-head { padding:12px 14px; border-bottom:1px solid #e2e8f0; display:flex; justify-content:space-between; gap:12px; align-items:center; background:#fbfdff; }
    .sr-section-head h2 { margin:0; font-size:.86rem; font-weight:850; color:#0f172a; display:flex; align-items:center; gap:6px; }
    .sr-count { color:#64748b; font-size:.7rem; background:#fff; border:1px solid #e2e8f0; border-radius:999px; padding:3px 9px; }

    /* Table view */
    .sr-table-wrap { overflow-x:auto; background:#f8fafc; padding:10px; }
    table.sr-table { width:100%; border-collapse:separate; border-spacing:0; background:#fff; font-size:.72rem; }
    table.sr-table thead th {
        background:#f1f5f9; color:#475569; font-size:.62rem; font-weight:850; text-transform:uppercase;
        padding:7px 8px; border-bottom:1px solid #e2e8f0; white-space:nowrap; text-align:left;
    }
    table.sr-table tbody td { padding:7px 8px; border-bottom:1px solid #eef2f7; vertical-align:top; color:#0f172a; }
    table.sr-table tbody tr:hover { background:#fafcff; }
    table.sr-table td.sr-td-muted { color:#64748b; }
    table.sr-table td.sr-td-num { text-align:right; white-space:nowrap; }
    table.sr-table .sr-badge {
        display:inline-flex; align-items:center; gap:4px; border-radius:999px; padding:3px 8px; font-size:.6rem; font-weight:850; text-transform:uppercase; white-space:nowrap;
    }
    table.sr-table .sr-badge.production { background:#eef2ff; color:#3730a3; }
    table.sr-table .sr-badge.receipt { background:#ecfdf5; color:#047857; }
    table.sr-table .sr-record-title { font-weight:800; color:#0f172a; font-size:.76rem; }
    table.sr-table .sr-record-sub { color:#64748b; font-size:.68rem; }
    table.sr-table .sr-highlight-cell { background:#fff7ed; color:#9a3412; font-weight:700; }
    table.sr-table .sr-money-cell { background:#f0fdf4; color:#047857; font-weight:800; }
    .sr-actions-cell { display:flex; gap:5px; flex-wrap:wrap; }
    .sr-actions-cell .btn { border-radius:7px; padding:4px 8px; font-size:.66rem; font-weight:700; white-space:nowrap; }

    .sr-billing-row td { background:#eff6ff; border-bottom:1px solid #e2e8f0; padding:10px 8px; }
    .sr-billing-form form { display:grid; grid-template-columns: 1fr 1fr auto; gap:8px; align-items:end; }
    .sr-billing-form label { display:block; font-size:.6rem; font-weight:850; color:#1d4ed8; text-transform:uppercase; margin-bottom:3px; }
    .sr-billing-form input { border:1px solid #bfdbfe; border-radius:7px; min-height:30px; padding:5px 8px; width:100%; font-size:.72rem; }
    .sr-billing-form .btn { font-size:.7rem; padding:5px 10px; }
    .sr-billing-note { color:#475569; font-size:.65rem; margin-top:6px; }

    .sr-empty { padding:24px 14px; text-align:center; color:#94a3b8; background:#fff; border-radius:10px; font-size:.78rem; }
    .sr-pagination { padding:10px 14px; border-top:1px solid #e2e8f0; background:#fff; font-size:.75rem; }
    @media(max-width: 920px) {
        .sr-hero { flex-direction:column; align-items:flex-start; }
        .sr-quick { justify-content:flex-start; }
        .sr-filter-grid, .sr-filter-grid.dates { grid-template-columns:1fr 1fr; }
        .sr-summary { grid-template-columns:1fr 1fr 1fr; }
        .sr-billing-form form { grid-template-columns:1fr; }
    }
    @media(max-width: 560px) {
        .sr-filter-grid, .sr-filter-grid.dates { grid-template-columns:1fr; }
        .sr-summary { grid-template-columns:1fr 1fr; }
    }

/* --- Component: production-receipts\summary-bill-print.css --- */
/* Extracted from production-receipts/summary-bill-print.blade.php */

@media print {
    @page { size: A4 portrait; margin: 7mm; }

    html, body {
        width: auto !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        background: #fff !important;
    }

    body {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    .no-print,
    .invoice-actions,
    .print-actions,
    .btn,
    button,
    nav,
    aside,
    .navbar,
    .sidebar,
    .app-header,
    .app-sidebar,
    .footer:not(.invoice-footer) {
        display: none !important;
    }

    .container,
    .container-fluid,
    .content-wrapper,
    .main-content,
    .invoice-shell,
    .invoice-container,
    .print-container,
    .invoice-paper,
    .card,
    .card-body {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow: visible !important;
        box-shadow: none !important;
    }

    table {
        width: 100% !important;
        max-width: 100% !important;
        border-collapse: collapse !important;
        table-layout: fixed !important;
        page-break-inside: auto !important;
        break-inside: auto !important;
    }

    thead {
        display: table-header-group !important;
    }

    tfoot {
        display: table-footer-group !important;
    }

    tbody {
        display: table-row-group !important;
    }

    tr {
        page-break-inside: avoid !important;
        break-inside: avoid-page !important;
        page-break-after: auto !important;
    }

    th, td {
        overflow: visible !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
        vertical-align: top !important;
    }

    img, svg, canvas {
        max-width: 100% !important;
        page-break-inside: avoid !important;
        break-inside: avoid-page !important;
    }

    .table-responsive {
        overflow: visible !important;
        width: 100% !important;
    }

    .summary-section,
    .invoice-summary,
    .tax-summary,
    .totals-section,
    .amount-balance-grid,
    .footer-grid,
    .signature-section,
    .bank-details,
    .declaration,
    .eway-summary,
    .irn-block,
    .party-meta-grid {
        page-break-inside: avoid !important;
        break-inside: avoid-page !important;
    }

    .page-break-before {
        page-break-before: always !important;
        break-before: page !important;
    }

    .page-break-after {
        page-break-after: always !important;
        break-after: page !important;
    }

    .avoid-page-break {
        page-break-inside: avoid !important;
        break-inside: avoid-page !important;
    }
}

* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: "Segoe UI", Arial, sans-serif; font-size: 12px; color: #111827; background: #e5e7eb; padding: 2rem 1rem; }
.toolbar { max-width: 1040px; margin: 0 auto 14px; display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.toolbar-left { font-size: 12px; color: #6b7280; }
.toolbar-left strong { color: #374151; }
.toolbar-right { display: flex; gap: 8px; }
.btn { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 600; padding: 7px 14px; border-radius: 6px; cursor: pointer; text-decoration: none; font-family: inherit; border: 1px solid transparent; }
.btn-ghost { background: #fff; border-color: #d1d5db; color: #374151; }
.btn-blue { background: #1d4ed8; border-color: #1d4ed8; color: #fff; }
.invoice { max-width: 1040px; margin: 0 auto; background: #fff; box-shadow: 0 2px 16px rgba(0,0,0,.12); }
.inv-topbar { background: #1d4ed8; height: 10px; }
.inv-header { padding: 26px 32px 22px; border-bottom: 1px solid #e5e7eb; }
.inv-header-title { font-size: 26px; font-weight: 800; letter-spacing: -.01em; color: #111827; margin-bottom: 18px; }
.inv-top-grid { display: grid; grid-template-columns: 1fr 1fr 1.1fr; gap: 22px; }
.inv-label { font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #9ca3af; margin-bottom: 5px; display: block; }
.inv-val-name { font-size: 14px; font-weight: 800; color: #111827; margin-bottom: 2px; }
.inv-val-line { font-size: 12px; color: #4b5563; line-height: 1.5; }
.inv-meta-block { text-align: right; }
.inv-meta-table { margin-left: auto; }
.inv-meta-table td { padding: 3px 0; font-size: 12px; }
.inv-meta-table .ml { color: #6b7280; text-align: right; padding-right: 14px; font-size: 10.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.inv-meta-table .mv { font-weight: 700; color: #111827; text-align: right; }
.inv-meta-table .mv.big { font-size: 14px; color: #1d4ed8; }
.inv-company-center { text-align: center; padding: 13px 32px 16px; border-bottom: 1px solid #e5e7eb; }
.cc-name { font-size: 19px; font-weight: 800; color: #111827; }
.cc-addr { font-size: 12px; color: #6b7280; margin-top: 3px; }
.summary-strip { display: grid; grid-template-columns: repeat(5, 1fr); border-bottom: 1px solid #e5e7eb; }
.summary-cell { padding: 13px 14px; border-right: 1px solid #e5e7eb; }
.summary-cell:last-child { border-right: 0; }
.summary-cell .sl { font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #9ca3af; }
.summary-cell .sv { margin-top: 5px; font-size: 15px; font-weight: 800; color: #111827; }
.inv-items-table { width: 100%; border-collapse: collapse; font-size: 11.5px; }
.inv-items-table thead tr { background: #1d4ed8; }
.inv-items-table thead th { font-size: 9.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #fff; padding: 9px 8px; text-align: left; }
.inv-items-table thead th.r { text-align: right; }
.inv-items-table tbody tr { border-bottom: 1px solid #f3f4f6; }
.inv-items-table tbody td { padding: 8px; vertical-align: top; color: #374151; }
.inv-items-table tbody td.r { text-align: right; font-variant-numeric: tabular-nums; }
.inv-items-table tfoot td { padding: 8px; border-top: 1px solid #e5e7eb; font-weight: 800; }
.inv-items-table tfoot tr.grand td { background: #f9fafb; border-top: 2px solid #1d4ed8; font-size: 13px; color: #111827; }
.r { text-align: right; }
.inv-signature { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #e5e7eb; border-bottom: 1px solid #e5e7eb; }
.sig-cell { padding: 20px 28px 28px; }
.sig-cell:first-child { border-right: 1px solid #e5e7eb; }
.sig-label { font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #9ca3af; margin-bottom: 44px; display: block; }
.sig-line { border-top: 1px solid #d1d5db; padding-top: 6px; font-size: 11px; color: #9ca3af; }
.inv-terms { padding: 14px 28px; border-bottom: 1px solid #e5e7eb; }
.inv-terms .t-label { font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #9ca3af; margin-bottom: 6px; display: block; }
.inv-terms .t-body { font-size: 12px; color: #4b5563; line-height: 1.6; white-space: pre-wrap; }
.inv-footer { background: #1d4ed8; padding: 10px 28px; display: flex; justify-content: space-between; align-items: center; }
.inv-footer span { font-size: 10px; color: rgba(255,255,255,.68); }
.inv-footer strong { color: rgba(255,255,255,.94); font-size: 11px; }
@page { size: A4 landscape; margin: 7mm; }
@media print {
  body { background: #fff !important; padding: 0; }
  .toolbar { display: none !important; }
  .invoice { box-shadow: none; max-width: 100%; }
  .inv-topbar, .inv-items-table thead tr, .inv-footer { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}

.bi-bbacbe0868 { font-size:9px;color:#9ca3af; }

.bi-bab5de0c82 { text-align:center;color:#6b7280; }

/* --- Component: separate-records\production\create.css --- */
/* Extracted from separate-records/production/create.blade.php */

:root {
  --bg:         #f0f4f8;
  --card:       #ffffff;
  --header:     #102b5b;
  --accent:     #3b82f6;
  --accent-lt: #eff6ff;
  --green:      #10b981;
  --green-lt:  #f0fdf4;
  --amber:      #f59e0b;
  --amber-lt:  #fffbeb;
  --teal:       #0d9488;
  --danger:     #ef4444;
  --danger-lt: #fef2f2;
  --purple:     #8b5cf6;
  --purple-lt: #f5f3ff;
  --border:     #e2e8f0;
  --muted:      #94a3b8;
  --text:       #1e293b;
  --text-sm:    #64748b;
  --radius:     8px;
}

body    { background: var(--bg); font-family: 'Inter', system-ui, sans-serif; }
.np-page { max-width: 1100px; margin: 0 auto; padding: 24px 16px 100px; }

/* PAGE HEADER */
.np-page-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; flex-wrap:wrap; gap:12px; }
.np-page-header h5 { font-size:1.05rem; font-weight:700; color:var(--header); margin:0; display:flex; align-items:center; gap:8px; }
.badge-pill { font-size:.62rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; background:var(--accent); color:#fff; padding:3px 10px; border-radius:99px; }
.btn-back { font-size:.78rem; color:var(--text-sm); text-decoration:none; display:inline-flex; align-items:center; gap:4px; border:1px solid var(--border); border-radius:6px; padding:6px 14px; background:#fff; transition:all .12s; }
.btn-back:hover { border-color:var(--accent); color:var(--accent); }

/* ALERTS */
.np-alert { display:flex; align-items:flex-start; gap:10px; background:var(--danger-lt); border:1px solid #fca5a5; border-left:4px solid var(--danger); border-radius:var(--radius); padding:12px 16px; font-size:.82rem; color:#991b1b; margin-bottom:16px; }
.np-alert i { font-size:1rem; flex-shrink:0; margin-top:1px; }
.np-alert.success { background:var(--green-lt); border-color:#6ee7b7; border-left-color:var(--green); color:#065f46; }

/* CARD */
.np-card { background:var(--card); border:1px solid var(--border); border-radius:var(--radius); box-shadow:0 1px 4px rgba(0,0,0,.06); margin-bottom:16px; overflow:hidden; }
.np-card-head { background:var(--header); color:#fff; border-left:4px solid var(--accent); padding:12px 20px; font-size:.72rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; display:flex; align-items:center; gap:8px; }
.np-card-head i { opacity:.65; font-size:.95rem; }
.np-card-head.amber  { border-left-color:var(--amber);  background:#1e1a0f; }
.np-card-head.purple { border-left-color:var(--purple); background:#1a0f2e; }
.np-card-body { padding:20px; }

/* FORM */
.form-label { font-size:.62rem; font-weight:700; color:var(--text-sm); text-transform:uppercase; letter-spacing:.06em; margin-bottom:4px; display:block; }
.form-control, .form-select { font-size:.875rem; color:var(--text); border:1px solid var(--border); border-radius:6px; padding:8px 10px; background:#fff; width:100%; transition:border-color .15s,box-shadow .15s; }
.form-control:focus, .form-select:focus { border-color:var(--accent); box-shadow:0 0 0 3px rgba(59,130,246,.12); outline:none; }
.form-control[readonly] { background:#f8fafc; color:var(--text-sm); cursor:default; }

/* GRIDS */
.grid-4 { display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:16px; }
.grid-3 { display:grid; grid-template-columns:1fr 1fr 1fr; gap:16px; }
.grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
@media(max-width:900px){ .grid-4 { grid-template-columns:1fr 1fr; } .grid-3 { grid-template-columns:1fr 1fr; } }
@media(max-width:480px){ .grid-4,.grid-3,.grid-2 { grid-template-columns:1fr; } }

/* DETAIL PILLS */
.detail-pills { display:flex; gap:10px; flex-wrap:wrap; margin-top:12px; }
.detail-pill { display:flex; align-items:center; gap:8px; background:var(--accent-lt); border:1px solid #bfdbfe; border-radius:8px; padding:10px 14px; flex:1; min-width:140px; }
.detail-pill i { font-size:1rem; color:var(--accent); flex-shrink:0; }
.detail-pill .dp-label { font-size:.58rem; font-weight:700; text-transform:uppercase; letter-spacing:.07em; color:var(--accent); display:block; }
.detail-pill .dp-val   { font-size:.85rem; font-weight:700; color:var(--header); display:block; margin-top:2px; }
.detail-pill.hidden    { display:none; }

/* MIX OVERRIDE */
.mix-override-note { font-size:.65rem; color:var(--amber); font-weight:600; display:none; align-items:center; gap:4px; background:var(--amber-lt); border:1px solid #fde68a; border-radius:5px; padding:3px 9px; margin-top:5px; }
.mix-override-note.visible { display:inline-flex; }

/* PUMP TOGGLE */
.pump-toggle-row   { display:flex; align-items:center; gap:10px; margin-bottom:16px; }
.pump-toggle-label { font-size:.78rem; font-weight:600; color:var(--text); }
.pump-toggle-badge { font-size:.6rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; padding:2px 8px; border-radius:99px; }
.pump-toggle-badge.yes { background:var(--purple-lt); color:var(--purple); border:1px solid #c4b5fd; }
.pump-toggle-badge.no  { background:#f1f5f9; color:var(--muted); border:1px solid var(--border); }

.toggle-switch { position:relative; display:inline-block; width:40px; height:22px; flex-shrink:0; }
.toggle-switch input { opacity:0; width:0; height:0; }
.toggle-slider { position:absolute; cursor:pointer; inset:0; background:#cbd5e1; border-radius:22px; transition:background .2s; }
.toggle-slider:before { content:''; position:absolute; width:16px; height:16px; left:3px; bottom:3px; background:#fff; border-radius:50%; transition:transform .2s; }
.toggle-switch input:checked + .toggle-slider { background:var(--purple); }
.toggle-switch input:checked + .toggle-slider:before { transform:translateX(18px); }

.pump-fields { display:none; border-top:1px dashed var(--border); padding-top:16px; margin-top:4px; }
.pump-fields.visible { display:block; }
.pump-section-note { display:flex; align-items:center; gap:8px; background:var(--purple-lt); border:1px solid #c4b5fd; border-radius:6px; padding:8px 14px; font-size:.72rem; color:#6d28d9; font-weight:500; margin-bottom:14px; }

/* MATERIAL TABLE */
.mat-wrap  { overflow-x:auto; }
.mat-table { width:100%; border-collapse:collapse; font-size:.82rem; }
.mat-table thead th { background:#f1f5f9; color:var(--text-sm); font-size:.6rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; padding:10px 12px; border-bottom:2px solid var(--border); white-space:nowrap; }
.mat-table thead th.r { text-align:right; }
.mat-table thead th.c { text-align:center; }
.mat-table tbody td { padding:10px 12px; border-bottom:1px solid #f1f5f9; vertical-align:middle; }
.mat-table tbody tr:last-child td { border-bottom:none; }
.mat-table tbody tr:hover td { background:#fafbfd; }
.low-row td { background:#fff7f7 !important; }

.stock-bar-wrap { background:#f1f5f9; border-radius:99px; height:4px; margin-top:5px; overflow:hidden; width:100%; }
.stock-bar      { height:4px; border-radius:99px; background:var(--green); }
.stock-bar.low  { background:var(--danger); }

.used-input { width:100%; text-align:center; border:1.5px solid var(--border); border-radius:6px; padding:6px 8px; font-size:.82rem; font-weight:600; background:#fff; transition:border-color .14s; }
.used-input:focus { border-color:var(--accent); box-shadow:0 0 0 2px rgba(59,130,246,.12); outline:none; }

.error-cell     { text-align:center; font-family:monospace; font-size:.82rem; font-weight:700; }
.error-cell.ok  { color:var(--green); }
.error-cell.bad { color:var(--danger); }

.status-ok  { display:inline-flex; align-items:center; gap:4px; font-size:.65rem; font-weight:700; text-transform:uppercase; background:var(--green-lt); color:#065f46; border:1px solid #6ee7b7; border-radius:99px; padding:2px 9px; }
.status-low { display:inline-flex; align-items:center; gap:4px; font-size:.65rem; font-weight:700; text-transform:uppercase; background:var(--danger-lt); color:#991b1b; border:1px solid #fca5a5; border-radius:99px; padding:2px 9px; }

.mat-empty   { padding:40px 20px; text-align:center; color:var(--muted); }
.mat-empty i { font-size:2rem; opacity:.3; display:block; margin-bottom:8px; }
.mat-empty p { font-size:.82rem; margin:0; }
.mat-loading   { padding:32px 20px; text-align:center; color:var(--muted); font-size:.82rem; }
.mat-loading i { font-size:1.2rem; display:block; margin-bottom:6px; animation:spin .8s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }

/* STICKY FOOTER */
.np-footer { position:bottom:0; left:0; right:0; z-index:100; background:var(--header); border-top:3px solid var(--accent); padding:12px 28px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.np-footer .load-info  { display:flex; flex-direction:column; }
.np-footer .load-label { font-size:.62rem; font-weight:600; text-transform:uppercase; letter-spacing:.08em; color:#64748b; }
.np-footer .load-val   { font-size:1.1rem; font-weight:800; color:#fff; font-family:'JetBrains Mono',monospace; }
.np-footer .pump-info  { display:flex; align-items:center; gap:6px; font-size:.72rem; color:#c4b5fd; font-weight:600; }
.np-footer .actions    { display:flex; gap:8px; }

.btn-save  { background:var(--accent); color:#fff; border:none; padding:10px 22px; border-radius:6px; font-size:.82rem; font-weight:600; cursor:pointer; display:inline-flex; align-items:center; gap:6px; transition:background .14s; }
.btn-save:hover  { background:#2563eb; }
.btn-print { background:var(--green); color:#fff; border:none; padding:10px 22px; border-radius:6px; font-size:.82rem; font-weight:600; cursor:pointer; display:inline-flex; align-items:center; gap:6px; transition:background .14s; }
.btn-print:hover { background:#059669; }

.bi-9bcd21d223 { font-size:.85rem; }

.bi-87c136dfd0 { margin-bottom:16px; }

.bi-87c5d47fba { grid-column: span 2; }

.bi-497726e8c9 { color:var(--danger); }

.bi-aa67a399c0 { font-size:.68rem;color:var(--muted);margin-top:4px; }

.bi-64ed12745a { font-size:.58rem;font-weight:400;color:var(--muted);text-transform:none;letter-spacing:0; }

.bi-652db75ef3 { font-size:.7rem; }

.bi-851c0e7bbf { font-size:.65rem;color:var(--muted);margin-top:4px;display:none; }

.bi-0da13144de { font-size:.75rem; }

.bi-252cb9d666 { font-size:.68rem;color:var(--text-sm);margin-top:8px; }

.bi-f544355a05 { margin-left:auto;font-size:.65rem;font-weight:600;background:rgba(255,255,255,.12);padding:2px 10px;border-radius:99px;letter-spacing:.04em;display:none; }

.bi-41d7d7e25b { padding:0; }

.bi-c6fffdfe96 { width:130px; }

.bi-15ee10ecbb { font-weight:600;color:var(--text);font-size:.83rem; }

.bi-07665caa7b { font-size:.6rem;font-weight:700;text-transform:uppercase;background:#f1f5f9;color:var(--muted);border-radius:4px;padding:1px 6px; }

.bi-98d2212eda { text-align:right;font-family:monospace;color:var(--text-sm); }

.bi-4ca104e825 { text-align:right;font-weight:700;font-family:monospace;color:var(--header); }

.bi-54c2afb7ba { text-align:right; }

.bi-ae87cae633 { font-family:monospace;font-weight:700;color:${isLow ? 'var(--danger)' : 'var(--green)'}; }

.bi-95aea49e0e { width:${pct}%; }

.bi-91a87015f4 { text-align:center; }

.bi-7171988908 { font-size:.65rem; }

/* --- Component: separate-records\production\delivery-challan-print.css --- */
/* Extracted from separate-records/production/delivery-challan-print.blade.php */

table{width:100%;border-collapse:collapse;}
td,th{border:1px solid #a09c9c;padding:3px;vertical-align:top;}
.no-border td{border:none;padding:2px;}
.text-center{text-align:center;}.text-left{text-align:left;}.text-right{text-align:right;}
hr{margin:7px 0;}
@page{size:A4 portrait;margin:5mm;}
.a4-page{height:277mm;overflow:hidden;page-break-inside:avoid;}
.challan-copy{height:49%;border:1px solid #7c7373;padding:5px;position:relative;page-break-inside:avoid;}
.copy-tag{position:absolute;top:4px;right:6px;font-size:6px;font-weight:bold;border:1px solid #5a5a5a41;padding:2px 6px;background:#fff;}
.cut-line{height:12px;line-height:12px;text-align:center;font-size:10px;margin:3px 0;border-top:1px dashed #000;border-bottom:1px dashed #000;}
.watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0.05;z-index:0;pointer-events:none;}
.watermark img{width:320px;}
.content-layer{position:relative;z-index:1;}
.a4-page, .challan-copy, table, tr, td{page-break-inside:avoid !important;page-break-after:avoid !important;page-break-before:avoid !important;}
@media print{header,nav,.sidebar,.footer,.toggle-theme,.no-print{display:none !important;} .content,.card,.card-body{margin:0 !important;padding:0 !important;border:none !important;box-shadow:none !important;} body{margin:0 !important;padding:0 !important;}}

.bi-a55f31db10 { width:100%;border-collapse:collapse; }

.bi-2a6e8fd30c { vertical-align:middle; }

.bi-de00808e96 { font-size:15px; }

.bi-dfd85d4407 { font-size:9px;margin-top:2px; }

.bi-4c6cd5244b { width:40%;margin-top:4px; }

.bi-96ad6099e2 { margin-top:4px; }

.bi-0d5be05fd9 { font-size:10px; }

.bi-9f5f1161e6 { vertical-align:bottom; }

[data-bi-7a96d9ba83] { max-width:140px; }

/* --- Component: separate-records\production\index.css --- */
/* Extracted from separate-records/production/index.blade.php */

:root {
    --rmc-primary: #4f46e5;
    --rmc-primary-hover: #4338ca;
    --rmc-success: #10b981;
    --rmc-info: #06b6d4;
    --rmc-border: #e2e8f0;
    --rmc-text-dark: #0f172a;
    --rmc-text-muted: #64748b;
    --rmc-danger: #ef4444;
    --rmc-danger-lt: #fef2f2;
}

.rmc-wrapper {
    padding: 1.5rem 0;
}

/* Page Header styling */
.page-header-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--rmc-text-dark);
}

/* Quick Stats Banner */
.quick-stat-card {
    background: #fff;
    border: 1px solid var(--rmc-border);
    border-radius: 12px;
    padding: 1rem 1.25rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}
.stat-icon {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
}

/* Form Filter Controls styling */
.filter-card {
    border: 1px solid var(--rmc-border);
    border-radius: 12px;
    background: #ffffff;
}
.filter-card .form-label {
    font-weight: 600;
    color: var(--rmc-text-muted);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.filter-card .form-control {
    border-radius: 6px;
    border: 1px solid #cbd5e1;
    padding: 0.45rem 0.75rem;
}
.filter-card .form-control:focus {
    border-color: var(--rmc-primary);
    box-shadow: 0 0 0 2px rgba(79, 70, 229, 0.1);
}

/* Custom Table View styling */
.table-container-card {
    border: 1px solid var(--rmc-border);
    border-radius: 12px;
    background: #ffffff;
    overflow: hidden;
}
.rmc-custom-table thead {
    background-color: #f8fafc;
    border-bottom: 1px solid var(--rmc-border);
}
.rmc-custom-table th {
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--rmc-text-muted);
    padding: 12px 16px;
}
.rmc-custom-table td {
    padding: 14px 16px;
    color: var(--rmc-text-dark);
    font-size: 0.875rem;
}
.rmc-custom-table tbody tr {
    transition: background-color 0.15s ease;
}
.rmc-custom-table tbody tr:hover {
    background-color: #f1f5f9;
}

/* Badges & Visual Pills */
.docket-pill {
    background: #e0f2fe;
    color: #0369a1;
    padding: 4px 8px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.825rem;
}
.qty-badge {
    background: #ecfeff;
    color: #0891b2;
    border: 1px solid #cffafe;
    padding: 4px 10px;
    border-radius: 20px;
    font-weight: 600;
}

/* Action buttons styles */
.btn-action-group .btn {
    padding: 0.35rem 0.65rem;
    font-size: 0.8rem;
    font-weight: 500;
    border-radius: 6px;
}

/* Export and custom buttons styling */
.btn-custom-danger {
    background: var(--rmc-danger-lt); 
    color: #991b1b; 
    border: 1px solid #fca5a5;
    padding: 0.35rem 0.65rem;
    font-size: 0.8rem;
    font-weight: 600;
    border-radius: 6px;
    display: inline-flex; 
    align-items: center; 
    gap: 6px;
    text-decoration: none;
    cursor: pointer;
}
.btn-custom-danger:hover {
    background: #fee2e2;
    border-color: #f87171;
}

.bi-380cd8ce66 { border-left: 4px solid var(--rmc-success) !important; }

.bi-2f7bbac419 { font-size:0.6rem; }

.bi-aec7efe041 { background:#e0e7ff;color:#4f46e5; }

.bi-aca4143966 { font-size:0.75rem;font-weight:600; }

.bi-bf7bcabefd { font-size:1.35rem;font-weight:700;color:#0f172a; }

.bi-cf2d5a904b { background:#d1fae5;color:#10b981; }

.bi-8113a013f7 { font-size:0.75rem; }

.bi-a8361b189d { background:#fef3c7;color:#f59e0b; }

.bi-3dc3c75f48 { background:#fee2e2;color:#ef4444; }

/* --- Component: separate-records\production\print.css --- */
/* Extracted from separate-records/production/print.blade.php */

.bd-page {
  font-family: 'Arial', 'Helvetica', sans-serif;
  font-size: 11.5px;
  color: #000;
  background: #fff;
  max-width: 210mm;
  margin: 0 auto;
  padding: 10mm 12mm;
  line-height: 1.4;
}
.bd-letterhead { margin-bottom: 10px; }
.bd-report-title {
  font-size: 16px;
  font-weight: 700;
  text-decoration: underline;
  text-align: center;
}
.bd-info-row {
  display: flex;
  align-items: flex-start;
  margin-bottom: 6px;
}
.bd-col { flex: 1; }
.bd-col-plant { flex: 0 0 32%; }
.bd-col-mid { flex: 0 0 36%; }
.bd-col-right { flex: 0 0 32%; }
.bd-plant-tag { font-size: 12px; font-weight: 700; margin-bottom: 3px; }
.bd-plant-name { font-size: 11px; font-weight: 700; }
.bd-row { display: flex; align-items: baseline; padding: 2px 0; font-size: 11px; }
.bd-row-wrap .bd-k { line-height: 1.2; }
.bd-k { font-weight: 700; white-space: nowrap; flex: 0 0 110px; }
.bd-sep { flex: 0 0 10px; }
.bd-v { flex: 1; }
.bd-unit { flex: 0 0 24px; font-weight: 700; text-align: right; }
.mono { font-family: 'Courier New', monospace; }
.bd-pump-row { margin-top: -4px; margin-bottom: 10px; }
.bd-mat-table { width: 100%; border-collapse: collapse; margin-bottom: 4px; font-size: 11px; }
.bd-mat-table th, .bd-mat-table td { padding: 4px 6px; text-align: center; border: 1px solid #000; }
.bd-mat-table thead th { font-weight: 700; }
.bd-mat-table .total-row { font-weight: 700; }
.bd-summary-row { display: flex; gap: 10px; margin: 8px 0 10px; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 6px 0; }
.bd-summary-col { display: flex; flex: 1; align-items: center; gap: 6px; }
.bd-note-row { display: flex; justify-content: space-between; align-items: center; margin-top: 8px; }
.bd-mat-note { font-size: 10px; }
.bd-for-line { font-weight: 700; text-transform: uppercase; }
.bd-actions { display: flex; justify-content: flex-end; gap: 8px; margin: 16px 0 0; }
.bd-btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border: 1px solid #d0d7de; background: #fff; color: #111; border-radius: 4px; text-decoration: none; }
.bd-btn-print { background: #2563eb; color: #fff; border-color: #2563eb; }
@media print { .no-print { display: none !important; } body { margin: 0; padding: 0; } }




/* ==========================================================================
   DISPATCH & FLEET OPERATIONS
   Unified Component Stylesheet
   ========================================================================== */

/* --- Component: dispatches\create.css --- */
/* Extracted from dispatches/create.blade.php */

:root {
    --form-bg: #f4f6f8;
    --form-card: #ffffff;
    --form-text: #17202f;
    --form-muted: #64748b;
    --form-border: #d8dee8;
    --form-border-strong: #c2cad6;
    --form-primary: #24537c;
    --form-primary-soft: #eef6fb;
    --form-success: #26734d;
    --form-success-soft: #edf8f2;
    --form-warning: #9a5b13;
    --form-warning-soft: #fff6e7;
    --form-danger-soft: #fff1f2;
    --form-shadow: 0 8px 20px rgba(15, 23, 42, .06);
}

body { background: var(--form-bg); }

.dispatch-form-page {
    max-width: 1280px;
    margin: 0 auto;
    padding: 14px 10px 72px;
    color: var(--form-text);
}

.df-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 12px;
    padding: 10px 0;
}

.df-title {
    display: flex;
    align-items: center;
    gap: 11px;
}

.df-title-icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: var(--form-primary);
    color: #fff;
}

.df-title span {
    display: block;
    color: var(--form-primary);
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.df-title h2 {
    margin: 1px 0 0;
    font-size: 1.18rem;
    font-weight: 900;
}

.df-title p {
    margin: 3px 0 0;
    color: var(--form-muted);
    font-size: .76rem;
}

.df-btn {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 12px;
    border: 1px solid var(--form-border);
    border-radius: 6px;
    background: #fff;
    color: var(--form-text);
    text-decoration: none;
    font-size: .76rem;
    font-weight: 850;
    cursor: pointer;
    line-height: 1;
    transition: border-color .12s ease, background-color .12s ease, color .12s ease;
}

.df-btn:hover { border-color: var(--form-primary); color: var(--form-primary); }
.df-btn.primary { border-color: var(--form-primary); background: var(--form-primary); color: #fff; }
.df-btn.primary:hover { background: #1d466b; color: #fff; }
.df-btn.df-btn-active { border-color: var(--form-primary); background: var(--form-primary); color: #fff; }

.df-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 14px;
    align-items: start;
}

.df-card {
    overflow: hidden;
    border: 1px solid var(--form-border);
    border-radius: 8px;
    background: var(--form-card);
    box-shadow: var(--form-shadow);
}

.df-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 11px 14px;
    border-bottom: 1px solid var(--form-border);
    background: #fafbfc;
}

.df-head h6 {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: .78rem;
    font-weight: 900;
}

.df-head i { color: var(--form-primary); }
.df-body { padding: 14px; }

.df-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.df-grid .wide { grid-column: span 2; }
.df-grid .full { grid-column: 1 / -1; }
.df-grid .half { grid-column: span 2; }

.df-label {
    display: block;
    margin-bottom: 5px;
    color: var(--form-muted);
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.df-input {
    width: 100%;
    min-height: 40px;
    padding: 8px 10px;
    border: 1px solid var(--form-border);
    border-radius: 6px;
    background: #fff;
    color: var(--form-text);
    font-size: .8rem;
    line-height: 1.25;
    transition: border-color .12s ease, box-shadow .12s ease;
}

.df-input:focus {
    border-color: var(--form-primary);
    box-shadow: 0 0 0 3px rgba(36, 83, 124, .12);
    outline: none;
}

.df-input[readonly] {
    background: #f8fafc;
    color: #475569;
}

textarea.df-input { resize: vertical; min-height: 78px; }

.df-selected {
    display: grid;
    gap: 10px;
    position: sticky;
    top: 82px;
}

.df-chip {
    padding: 12px;
    border: 1px solid var(--form-border);
    border-radius: 8px;
    background: #fff;
    min-width: 0;
}

.df-chip span {
    display: block;
    color: var(--form-muted);
    font-size: .58rem;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.df-chip strong {
    display: block;
    margin-top: 4px;
    font-size: .9rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.df-chip.primary { background: var(--form-primary-soft); border-color: #c7d7f5; }
.df-chip.success { background: var(--form-success-soft); border-color: #bbf7d0; }
.df-chip.warning { background: var(--form-warning-soft); border-color: #fed7aa; }

.df-empty {
    padding: 12px;
    border: 1px dashed var(--form-border-strong);
    border-radius: 8px;
    background: #fbfcfe;
    color: var(--form-muted);
    font-size: .78rem;
}

.df-switch {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 12px;
    border: 1px solid var(--form-border);
    border-radius: 8px;
    background: #fbfcfe;
    font-size: .8rem;
    font-weight: 850;
}

.df-switch input {
    width: 18px;
    height: 18px;
    accent-color: var(--form-primary);
}

.df-pump-fields {
    display: none;
}

.df-pump-fields.is-open {
    display: contents;
}

.df-side-actions {
    display: grid;
    gap: 8px;
}

@media (max-width: 1100px) {
    .df-layout { grid-template-columns: 1fr; }
    .df-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .df-selected { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
    .df-grid,
    .df-grid .wide { grid-template-columns: 1fr; grid-column: auto; }
    .df-grid .half { grid-column: auto; }
    .df-selected { grid-template-columns: 1fr; }
    .df-top { align-items: flex-start; }
    .df-title-icon { width: 40px; height: 40px; }
}

.bi-dbd68c1058 { font-size:.72rem; }

.bi-6b99de8b69 { display:none; }

/* --- Component: dispatches\eway-bill-print.css --- */
/* Extracted from dispatches/eway-bill-print.blade.php */

/* ===== SCREEN ===== */
        * { box-sizing: border-box; }
        html, body { margin: 0; padding: 0; }
        body {
            font-family: Arial, Helvetica, sans-serif;
            background: #e8ecf1;
            color: #000;
            font-size: 11px;
            line-height: 1.3;
        }

        .no-print { }
        .toolbar {
            width: 210mm;
            max-width: calc(100% - 24px);
            margin: 12px auto;
            display: flex;
            justify-content: flex-end;
            gap: 8px;
        }
        .toolbar a,
        .toolbar button {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 9px 16px;
            border: 1px solid #1f2937;
            border-radius: 6px;
            background: #fff;
            color: #111;
            font-size: 13px;
            font-weight: 600;
            text-decoration: none;
            cursor: pointer;
        }
        .toolbar button {
            background: #1e3a5f;
            border-color: #1e3a5f;
            color: #fff;
        }

        .sheet {
            width: 210mm;
            max-width: calc(100% - 24px);
            margin: 0 auto 18px;
            background: #fff;
            padding: 6mm;
            box-shadow: 0 8px 28px rgba(15, 23, 42, .12);
        }

        .doc { width: 100%; border: 1.5px solid #000; }

        table.layout {
            width: 100%;
            border-collapse: collapse;
            table-layout: fixed;
        }
        table.layout td,
        table.layout th {
            vertical-align: top;
            word-wrap: break-word;
            overflow-wrap: anywhere;
        }

        .title-cell {
            text-align: center;
            padding: 7px 8px;
            border-bottom: 1.5px solid #000;
            background: #f3f4f6;
        }
        .title-cell h1 {
            margin: 0;
            font-size: 16px;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: .03em;
        }
        .title-cell p {
            margin: 2px 0 0;
            font-size: 9px;
            color: #333;
        }

        .sec {
            background: #1e3a5f;
            color: #fff;
            font-weight: 700;
            font-size: 10px;
            padding: 4px 7px;
            border-top: 1px solid #000;
            border-bottom: 1px solid #000;
        }

        .meta-k {
            width: 28%;
            background: #f3f4f6;
            border-right: 1px solid #000;
            border-bottom: 1px solid #bbb;
            padding: 5px 7px;
            font-weight: 700;
            font-size: 9px;
        }
        .meta-v {
            width: 42%;
            border-bottom: 1px solid #bbb;
            padding: 5px 7px;
            font-weight: 700;
            font-size: 11px;
        }
        .qr-cell {
            width: 30%;
            border-left: 1.5px solid #000;
            text-align: center;
            vertical-align: middle !important;
            padding: 6px;
            background: #fafafa;
        }
        .qr-box {
            width: 72px;
            height: 72px;
            margin: 0 auto 4px;
            border: 1px dashed #666;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 9px;
            color: #555;
            background: #fff;
        }
        .ewb-no { font-size: 13px; letter-spacing: .4px; }
        .status {
            display: inline-block;
            border: 1px solid #000;
            padding: 1px 6px;
            font-size: 9px;
            font-weight: 800;
            background: #fff;
        }

        .cell {
            border-right: 1px solid #bbb;
            border-bottom: 1px solid #bbb;
            padding: 5px 7px;
            width: 50%;
        }
        .cell:nth-child(2n) { border-right: 0; }
        .lbl {
            display: block;
            font-size: 8px;
            color: #444;
            font-weight: 700;
            margin-bottom: 2px;
            text-transform: uppercase;
        }
        .val {
            display: block;
            font-size: 10px;
            font-weight: 700;
        }

        .party-cell {
            width: 50%;
            padding: 7px;
            border-right: 1px solid #000;
            border-bottom: 1px solid #000;
        }
        .party-cell:last-child { border-right: 0; }
        .party-tag {
            font-size: 8px;
            font-weight: 800;
            text-transform: uppercase;
            color: #1e3a5f;
            margin-bottom: 3px;
        }
        .party-name {
            font-size: 11px;
            font-weight: 800;
            margin-bottom: 3px;
        }
        .party-line { font-size: 9px; margin-top: 2px; }
        .logo { max-height: 28px; max-width: 90px; display: block; margin-bottom: 4px; }

        .items th,
        .items td {
            border: 1px solid #000;
            padding: 4px 5px;
            font-size: 9px;
        }
        .items th {
            background: #f3f4f6;
            font-weight: 800;
            text-align: center;
            font-size: 8.5px;
        }
        .items { border-collapse: collapse; width: 100%; table-layout: fixed; }
        .items td { border-top: 0; }
        .items tr:first-child th { border-top: 0; }
        .items tr td:first-child,
        .items tr th:first-child { border-left: 0; }
        .items tr td:last-child,
        .items tr th:last-child { border-right: 0; }
        .items tr:last-child td { border-bottom: 0; }

        .c { text-align: center; }
        .r { text-align: right; }
        .b { font-weight: 700; }

        .sum-left {
            width: 58%;
            padding: 7px;
            border-right: 1px solid #000;
            border-bottom: 1px solid #000;
        }
        .sum-right {
            width: 42%;
            padding: 7px;
            border-bottom: 1px solid #000;
        }
        .amt { width: 100%; border-collapse: collapse; }
        .amt td {
            padding: 3px 0;
            font-size: 10px;
            border-bottom: 1px dashed #ccc;
        }
        .amt tr:last-child td {
            border-bottom: 0;
            border-top: 1.5px solid #000;
            padding-top: 5px;
            font-weight: 800;
            font-size: 11px;
        }
        .amt td:last-child { text-align: right; }

        .veh th, .veh td {
            border: 1px solid #000;
            padding: 4px 3px;
            font-size: 8.5px;
        }
        .veh { width: 100%; border-collapse: collapse; table-layout: fixed; }
        .veh th {
            background: #f3f4f6;
            font-weight: 800;
            text-align: center;
            font-size: 8px;
        }
        .veh tr td:first-child,
        .veh tr th:first-child { border-left: 0; }
        .veh tr td:last-child,
        .veh tr th:last-child { border-right: 0; }
        .veh tr:first-child th { border-top: 0; }
        .veh tr:last-child td { border-bottom: 0; }

        .foot-left {
            width: 65%;
            padding: 7px;
            border-right: 1px solid #000;
            min-height: 70px;
        }
        .foot-right {
            width: 35%;
            padding: 7px;
            text-align: center;
            min-height: 70px;
        }
        .sign-gap { height: 36px; }
        .footnote {
            border-top: 1px solid #000;
            text-align: center;
            padding: 4px 6px;
            font-size: 8px;
            color: #333;
            background: #f9fafb;
        }

        /* ===== PRINT — critical fixes ===== */
        @media print {
            @page {
                size: A4 portrait;
                margin: 8mm 7mm;
            }

            html, body {
                width: 100% !important;
                height: auto !important;
                margin: 0 !important;
                padding: 0 !important;
                background: #fff !important;
                color: #000 !important;
                font-size: 9.5px !important;
                line-height: 1.25 !important;
                -webkit-print-color-adjust: exact !important;
                print-color-adjust: exact !important;
                color-adjust: exact !important;
                overflow: visible !important;
            }

            .no-print,
            .toolbar {
                display: none !important;
                height: 0 !important;
                margin: 0 !important;
                padding: 0 !important;
            }

            .sheet {
                width: 100% !important;
                max-width: 100% !important;
                min-height: 0 !important;
                margin: 0 !important;
                padding: 0 !important;
                box-shadow: none !important;
                background: #fff !important;
            }

            .doc {
                width: 100% !important;
                border: 1.2px solid #000 !important;
                page-break-inside: avoid !important;
            }

            table.layout,
            table.items,
            table.veh,
            table.amt {
                width: 100% !important;
                max-width: 100% !important;
                table-layout: fixed !important;
                border-collapse: collapse !important;
                page-break-inside: avoid !important;
            }

            table.layout tr,
            table.items tr,
            table.veh tr {
                page-break-inside: avoid !important;
            }

            th, td {
                overflow: visible !important;
                white-space: normal !important;
                word-break: break-word !important;
                overflow-wrap: anywhere !important;
            }

            /* Force backgrounds for section headers */
            .sec {
                background: #1e3a5f !important;
                color: #fff !important;
                -webkit-print-color-adjust: exact !important;
                print-color-adjust: exact !important;
            }
            .title-cell,
            .meta-k,
            .items th,
            .veh th {
                background: #f0f0f0 !important;
                -webkit-print-color-adjust: exact !important;
                print-color-adjust: exact !important;
            }
            .qr-cell { background: #fafafa !important; }

            .logo {
                max-height: 24px !important;
                max-width: 80px !important;
            }

            img {
                max-width: 100% !important;
                page-break-inside: avoid !important;
            }

            a { color: #000 !important; text-decoration: none !important; }
        }

        @media screen and (max-width: 820px) {
            .sheet { width: auto; max-width: calc(100% - 16px); padding: 10px; }
            .toolbar { width: auto; }
        }

.bi-3980eafdc8 { width:70%;padding:0;border-bottom:1.5px solid #000; }

.bi-6d9a076a05 { border-bottom:0; }

.bi-c880e14570 { border-bottom:1.5px solid #000; }

.bi-7a152336a8 { font-size:8px;color:#555; }

.bi-3d7d7015fc { width:5%; }

.bi-09d63f5035 { width:33%; }

.bi-c28f1b1511 { width:12%; }

.bi-477d664a08 { width:10%; }

.bi-23984e735d { width:15%; }

.bi-e995ee2fab { width:13%; }

.bi-642ecb17ee { font-size:8px;color:#444; }

.bi-b6ac7bc7b8 { margin-bottom:4px;font-size:10px; }

.bi-006a6141a1 { width:9%; }

.bi-fd14ca83c7 { width:14%; }

.bi-44b21af70c { width:20%; }

.bi-ffe23b7ae4 { width:16%; }

.bi-0d5be05fd9 { font-size:10px; }

.bi-96ad6099e2 { margin-top:4px; }

.bi-fe7b4979fe { margin-top:6px; }

/* --- Component: dispatches\index.css --- */
/* Extracted from dispatches/index.blade.php */

:root {
    --ds-bg: #f5f7fb;
    --ds-card: #ffffff;
    --ds-text: #172033;
    --ds-muted: #64748b;
    --ds-border: #dfe5ee;
    --ds-primary: #274c8e;
    --ds-primary-soft: #eef4ff;
    --ds-success: #15803d;
    --ds-success-soft: #ecfdf3;
    --ds-warning: #b45309;
    --ds-warning-soft: #fff7ed;
    --ds-danger: #dc2626;
    --ds-danger-soft: #fff1f2;
    --ds-cyan: #047481;
    --ds-cyan-soft: #ecfeff;
}

body { background: var(--ds-bg); }

.dispatch-board {
    max-width: 1540px;
    margin: 0 auto;
    padding: 18px 14px 60px;
    color: var(--ds-text);
}

.ds-top,
.ds-card-head,
.ds-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.ds-title {
    display: flex;
    align-items: center;
    gap: 11px;
}

.ds-title-icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: var(--ds-primary);
    color: #fff;
    font-size: 1.2rem;
}

.ds-eyebrow {
    display: block;
    color: var(--ds-primary);
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ds-title h2 {
    margin: 1px 0 0;
    font-size: 1.22rem;
    font-weight: 900;
}

.ds-title p {
    margin: 3px 0 0;
    color: var(--ds-muted);
    font-size: .72rem;
}

.ds-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.ds-btn {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 12px;
    border: 1px solid var(--ds-border);
    border-radius: 7px;
    background: #fff;
    color: var(--ds-text);
    text-decoration: none;
    font-size: .72rem;
    font-weight: 850;
    cursor: pointer;
}

.ds-btn:hover { border-color: var(--ds-primary); color: var(--ds-primary); }
.ds-btn.primary { border-color: var(--ds-primary); background: var(--ds-primary); color: #fff; }
.ds-btn.icon { width: 34px; min-height: 34px; padding: 0; }

.ds-summary {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    margin: 16px 0 14px;
}

.ds-stat,
.ds-card {
    border: 1px solid var(--ds-border);
    border-radius: 8px;
    background: var(--ds-card);
    box-shadow: 0 3px 12px rgba(15, 23, 42, .035);
}

.ds-stat {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 14px;
}

.ds-stat i {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    border-radius: 8px;
    background: var(--ds-primary-soft);
    color: var(--ds-primary);
    font-size: 1.08rem;
}

.ds-stat.success i { background: var(--ds-success-soft); color: var(--ds-success); }
.ds-stat.warning i { background: var(--ds-warning-soft); color: var(--ds-warning); }
.ds-stat.cyan i { background: var(--ds-cyan-soft); color: var(--ds-cyan); }

.ds-stat span {
    display: block;
    color: var(--ds-muted);
    font-size: .56rem;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.ds-stat strong {
    display: block;
    margin-top: 3px;
    font-size: 1.02rem;
    font-weight: 900;
}

.ds-card { overflow: hidden; }
.ds-card-head { padding: 11px 14px; border-bottom: 1px solid var(--ds-border); background: #f9fbff; }
.ds-card-title { margin: 0; display: flex; align-items: center; gap: 7px; font-size: .78rem; font-weight: 900; }
.ds-card-title i { color: var(--ds-primary); }

.ds-filter {
    display: grid;
    grid-template-columns: minmax(160px, 1fr) 140px 130px 130px 150px 90px auto auto;
    gap: 8px;
    width: 100%;
}

.ds-input {
    width: 100%;
    min-height: 36px;
    padding: 7px 9px;
    border: 1px solid var(--ds-border);
    border-radius: 7px;
    background: #fff;
    color: var(--ds-text);
    font-size: .72rem;
}

.ds-table-wrap { overflow-x: auto; }
.ds-table { width: 100%; min-width: 1320px; border-collapse: collapse; }
.ds-table th {
    padding: 9px 10px;
    background: #f7f9fc;
    border-bottom: 1px solid var(--ds-border);
    color: var(--ds-muted);
    font-size: .56rem;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
}
.ds-table td {
    padding: 10px;
    border-bottom: 1px solid #edf1f5;
    font-size: .72rem;
    vertical-align: middle;
}
.ds-table tbody tr:hover td { background: #fbfcff; }

.ds-code {
    display: inline-flex;
    padding: 4px 8px;
    border-radius: 6px;
    background: var(--ds-primary-soft);
    color: var(--ds-primary);
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: .66rem;
    font-weight: 900;
}

.ds-main { display: block; font-weight: 850; color: var(--ds-text); }
.ds-sub { display: block; margin-top: 2px; color: var(--ds-muted); font-size: .62rem; }
.ds-num { text-align: right; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-weight: 900; }

.ds-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: .58rem;
    font-weight: 900;
    white-space: nowrap;
}
.ds-badge.pending { background: var(--ds-warning-soft); color: var(--ds-warning); }
.ds-badge.active { background: var(--ds-primary-soft); color: var(--ds-primary); }
.ds-badge.transit { background: var(--ds-cyan-soft); color: var(--ds-cyan); }
.ds-badge.done { background: var(--ds-success-soft); color: var(--ds-success); }
.ds-badge.cancel { background: var(--ds-danger-soft); color: var(--ds-danger); }

.ds-empty { padding: 42px 18px; text-align: center; color: var(--ds-muted); }
.ds-footer {
    padding: 12px 14px;
    border-top: 1px solid var(--ds-border);
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ds-footer-meta { color: var(--ds-muted); font-size: .72rem; }

/* Fixed selection header (same UX as dispatch-receipts) */
.ds-select-header {
    position: fixed;
    top: 70px;
    left: 50%;
    transform: translateX(-50%) translateY(-120%);
    z-index: 2000;
    width: min(821px, calc(100vw - 32px));
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    padding: 12px 16px;
    background: #182238;
    color: #fff;
    border-radius: 12px;
    box-shadow: 0 12px 32px rgba(24, 34, 56, .35);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: transform .18s ease, opacity .18s ease, visibility .18s ease;
}
.ds-select-header.is-visible {
       transform: translateX(-35%) translateY(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.ds-select-header-left {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    font-size: .8rem;
}
.ds-select-header-left span {
    background: #B5652B;
    color: #fff;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: .74rem;
}
.ds-select-header-actions { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.ds-sel-btn {
    border: 1px solid rgba(255,255,255,.2);
    background: rgba(255,255,255,.1);
    color: #fff;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: .72rem;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
}
.ds-sel-btn:hover { background: rgba(255,255,255,.18); color: #fff; }
.ds-sel-btn:disabled { opacity: .35; cursor: not-allowed; }
.ds-sel-btn.success { background: rgba(31,122,83,.4); border-color: rgba(120,220,170,.45); }
.ds-sel-btn.clear { background: transparent; }
.dispatch-checkbox { width: 17px; height: 17px; cursor: pointer; accent-color: var(--ds-primary); }
.ds-table tbody tr.is-selected td { background: #eef4ff !important; }

/* Pagination 1 2 3 ... */
.dr-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    width: 100%;
}
.dr-page-meta { font-size: .72rem; color: var(--ds-muted); font-weight: 500; }
.dr-page-meta strong { color: var(--ds-text); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.dr-pager { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }
.dr-pager li { list-style: none; }
.dr-pager a, .dr-pager span {
    min-width: 34px; height: 34px; padding: 0 10px; border-radius: 8px;
    border: 1px solid var(--ds-border); background: #fff; color: var(--ds-text);
    font-size: .74rem; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; text-decoration: none;
}
.dr-pager a:hover { border-color: var(--ds-primary); background: var(--ds-primary-soft); color: var(--ds-primary); }
.dr-pager .is-active span { background: var(--ds-primary); border-color: var(--ds-primary); color: #fff; }
.dr-pager .is-disabled span { opacity: .4; cursor: not-allowed; }
.dr-pager .is-ellipsis span { border: none; background: transparent; min-width: 22px; color: var(--ds-muted); }
.dr-per-page { display: inline-flex; align-items: center; gap: 8px; font-size: .72rem; color: var(--ds-muted); font-weight: 600; }
.dr-per-page select {
    min-height: 34px; min-width: 84px; border: 1px solid var(--ds-border);
    border-radius: 8px; padding: 4px 8px; font-size: .74rem; background: #fff; color: var(--ds-text);
}

@media (max-width: 1200px) {
    .ds-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ds-filter { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
    .ds-summary,
    .ds-filter { grid-template-columns: 1fr; }
    .ds-select-header { top: 60px; width: calc(100vw - 16px); padding: 10px 12px; }
}
@media print {
    .ds-select-header, .no-print { display: none !important; }
}

.bi-d6db40ea5a { width:40px; }

.bi-c6fffdfe96 { width:130px; }

.bi-455f8cca6d { justify-content:flex-end; }

[data-bi-ae125572d5] { display:contents; }

/* --- Component: dispatches\print.css --- */
/* Extracted from dispatches/print.blade.php */

@media print {
    @page { size: A4 portrait; margin: 7mm; }

    html, body {
        width: auto !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        background: #fff !important;
    }

    body {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    .no-print,
    .invoice-actions,
    .print-actions,
    .btn,
    button,
    nav,
    aside,
    .navbar,
    .sidebar,
    .app-header,
    .app-sidebar,
    .footer:not(.invoice-footer) {
        display: none !important;
    }

    .container,
    .container-fluid,
    .content-wrapper,
    .main-content,
    .invoice-shell,
    .invoice-container,
    .print-container,
    .invoice-paper,
    .card,
    .card-body {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow: visible !important;
        box-shadow: none !important;
    }

    table {
        width: 100% !important;
        max-width: 100% !important;
        border-collapse: collapse !important;
        table-layout: fixed !important;
        page-break-inside: auto !important;
        break-inside: auto !important;
    }

    thead {
        display: table-header-group !important;
    }

    tfoot {
        display: table-footer-group !important;
    }

    tbody {
        display: table-row-group !important;
    }

    tr {
        page-break-inside: avoid !important;
        break-inside: avoid-page !important;
        page-break-after: auto !important;
    }

    th, td {
        overflow: visible !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
        vertical-align: top !important;
    }

    /* Keep Mix Design / Docket / Qty block compact on print */
    table.meta-info {
        width: 48% !important;
        max-width: 48% !important;
        table-layout: fixed !important;
    }
    table.meta-info th,
    table.meta-info td {
        white-space: nowrap !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        overflow: hidden !important;
        vertical-align: middle !important;
    }

    img, svg, canvas {
        max-width: 100% !important;
        page-break-inside: avoid !important;
        break-inside: avoid-page !important;
    }

    .table-responsive {
        overflow: visible !important;
        width: 100% !important;
    }

    .summary-section,
    .invoice-summary,
    .tax-summary,
    .totals-section,
    .amount-balance-grid,
    .footer-grid,
    .signature-section,
    .bank-details,
    .declaration,
    .eway-summary,
    .irn-block,
    .party-meta-grid {
        page-break-inside: avoid !important;
        break-inside: avoid-page !important;
    }

    .page-break-before {
        page-break-before: always !important;
        break-before: page !important;
    }

    .page-break-after {
        page-break-after: always !important;
        break-after: page !important;
    }

    .avoid-page-break {
        page-break-inside: avoid !important;
        break-inside: avoid-page !important;
    }
}

.challan-root,.challan-root table,.challan-root td,.challan-root th{
    font-family:Arial,Helvetica,sans-serif;
    font-size:9.5px;
    line-height:1.28;
}
table{width:100%;border-collapse:collapse}
td,th{border:1px solid #a09c9c;padding:3px 4px;vertical-align:top;font-size:9.5px}
.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}
@page{size:A4 portrait;margin:5mm}
.a4-page{height:277mm;overflow:hidden;page-break-inside:avoid}
.challan-copy{height:49%;border:1px solid #7c7373;padding:5px;position:relative;page-break-inside:avoid}
.copy-tag{position:absolute;top:4px;right:6px;font-size:6px;font-weight:bold;border:1px solid #5a5a5a41;padding:2px 6px;background:#fff}
.cut-line{height:11px;line-height:11px;text-align:center;font-size:9px;margin:3px 0;border-top:1px dashed #000;border-bottom:1px dashed #000}
.watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.05;z-index:0;pointer-events:none}
.watermark img{width:300px}.content-layer{position:relative;z-index:1}
.a4-page,.challan-copy,table,tr,td{page-break-inside:avoid!important;page-break-after:avoid!important;page-break-before:avoid!important}

.company-name{font-size:13.5px !important;font-weight:700}
.challan-title{margin:5px 0 !important;font-size:13px !important}
.qr-label{font-size:8.5px !important;margin-top:2px !important}
.logo-img{max-width:120px !important}
.qr-wrap svg,.qr-wrap img{max-width:80px !important;height:auto !important}

/* Compact meta block (Mix Design / Docket / Qty) */
table.meta-info{
    width:48% !important;
    max-width:48% !important;
    margin-top:4px !important;
    table-layout:fixed !important;
    border-collapse:collapse !important;
}
table.meta-info th{
    width:38% !important;
    background:#f3f4f6;
    font-size:9px !important;
    font-weight:700;
    white-space:nowrap !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    padding:3px 5px !important;
    vertical-align:middle !important;
}
table.meta-info td{
    width:62% !important;
    font-size:9px !important;
    font-weight:600;
    white-space:nowrap !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    padding:3px 5px !important;
    vertical-align:middle !important;
}

.terms-cell{
    font-size:7px !important;
    line-height:1.25 !important;
    vertical-align:top !important;
}
.terms-cell b{
    font-size:7.5px !important;
}
.sign-cell{font-size:9px !important}

@media print{
    header,nav,.sidebar,.footer,.toggle-theme,.no-print{display:none!important}
    .content,.card,.card-body{margin:0!important;padding:0!important;border:none!important;box-shadow:none!important}
    body{margin:0!important;padding:0!important}
    .challan-root,.challan-root table,.challan-root td,.challan-root th{
        font-size:9px !important;
    }
    .company-name{font-size:12.5px !important}
    .challan-title{font-size:12px !important}
    table.meta-info{
        width:48% !important;
        max-width:48% !important;
        table-layout:fixed !important;
    }
    table.meta-info th,
    table.meta-info td{
        font-size:8.5px !important;
        white-space:nowrap !important;
        word-break:normal !important;
        overflow-wrap:normal !important;
        overflow:hidden !important;
    }
    .terms-cell{
        font-size:6.5px !important;
        line-height:1.2 !important;
    }
    .terms-cell b{
        font-size:7px !important;
    }
    .sign-cell{font-size:8.5px !important}
    .copy-tag{font-size:5.5px !important}
    .cut-line{font-size:8px !important}
}

.bi-2a6e8fd30c { vertical-align:middle; }

.bi-6cf2125ad2 { width:38%; }

.bi-57ab502fc3 { width:62%; }

.bi-96ad6099e2 { margin-top:4px; }

.bi-cbb7f6192e { background:#f3f4f6;text-align:center;width:100%!important; }

.bi-9f5f1161e6 { vertical-align:bottom; }

/* --- Component: dispatches\show.css --- */
/* Extracted from dispatches/show.blade.php */

:root {
    --dd-bg: #f4f6f9;
    --dd-card: #ffffff;
    --dd-text: #172033;
    --dd-muted: #64748b;
    --dd-border: #dbe2ea;
    --dd-primary: #24518f;
    --dd-primary-soft: #eef5ff;
    --dd-green: #15803d;
    --dd-green-soft: #ecfdf3;
    --dd-amber: #b45309;
    --dd-amber-soft: #fff7ed;
    --dd-red: #dc2626;
    --dd-red-soft: #fff1f2;
    --dd-cyan: #047481;
    --dd-cyan-soft: #ecfeff;
}

.dd-sequence {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    margin-bottom: 14px;
}

.dd-sequence-step {
    padding: 12px;
    border: 1px solid var(--dd-border);
    border-radius: 10px;
    background: #fff;
    min-height: 96px;
    transition: all 0.2s ease;
}

.dd-sequence-step.active { border-color: var(--dd-primary); background: var(--dd-primary-soft); }
.dd-sequence-step.done { border-color: #bbf7d0; background: var(--dd-green-soft); }
.dd-sequence-step strong { display: block; font-size: .72rem; }
.dd-sequence-step small { display: block; margin-top: 4px; color: var(--dd-muted); font-size: .63rem; }
.dd-sequence-step i { display: inline-flex; margin-bottom: 8px; color: var(--dd-primary); }

a.dd-sequence-step:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    cursor: pointer;
    border-color: var(--dd-primary);
}

a.dd-sequence-step.done:hover {
    border-color: #22c55e;
}

.dd-status-card {
    background: linear-gradient(135deg, #fbfdff 0%, #f4f7ff 100%);
    border: 1px solid var(--dd-border);
    border-radius: 12px;
    padding: 14px;
    margin-bottom: 14px;
}

.dd-status-card .row > div { margin-bottom: 8px; }

body { background: var(--dd-bg); }

.dd-page {
    max-width: 1500px;
    margin: 0 auto;
    padding: 18px 14px 58px;
    color: var(--dd-text);
}

.dd-topbar,
.dd-actions,
.dd-panel-head,
.dd-step-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.dd-topbar { margin-bottom: 14px; }
.dd-title { display: flex; align-items: center; gap: 11px; }
.dd-title-icon {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: var(--dd-primary);
    color: #fff;
    font-size: 1.15rem;
}

.dd-title small {
    display: block;
    color: var(--dd-primary);
    font-size: .6rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.dd-title h2 { margin: 1px 0 0; font-size: 1.22rem; font-weight: 900; }
.dd-title p { margin: 3px 0 0; color: var(--dd-muted); font-size: .72rem; }

.dd-btn {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 12px;
    border: 1px solid var(--dd-border);
    border-radius: 7px;
    background: #fff;
    color: var(--dd-text);
    text-decoration: none;
    font-size: .72rem;
    font-weight: 850;
    cursor: pointer;
}

.dd-btn:hover { border-color: var(--dd-primary); color: var(--dd-primary); }
.dd-btn.primary { border-color: var(--dd-primary); background: var(--dd-primary); color: #fff; }
.dd-btn.warning { border-color: #fed7aa; background: var(--dd-amber-soft); color: var(--dd-amber); }
.dd-btn.danger { border-color: #fecaca; background: var(--dd-red-soft); color: #991b1b; }

.dd-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    border-radius: 999px;
    background: var(--dd-primary-soft);
    color: var(--dd-primary);
    font-size: .62rem;
    font-weight: 900;
}

.dd-badge.done { background: var(--dd-green-soft); color: var(--dd-green); }
.dd-badge.warn { background: var(--dd-amber-soft); color: var(--dd-amber); }
.dd-badge.bad { background: var(--dd-red-soft); color: var(--dd-red); }

.dd-kpis {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.dd-kpi,
.dd-panel,
.dd-step {
    border: 1px solid var(--dd-border);
    border-radius: 8px;
    background: var(--dd-card);
    box-shadow: 0 3px 12px rgba(15, 23, 42, .035);
}

.dd-kpi {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 13px;
    min-width: 0;
}

.dd-kpi i {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    border-radius: 8px;
    background: var(--dd-primary-soft);
    color: var(--dd-primary);
    font-size: 1.05rem;
}

.dd-kpi.green i { background: var(--dd-green-soft); color: var(--dd-green); }
.dd-kpi.amber i { background: var(--dd-amber-soft); color: var(--dd-amber); }
.dd-kpi.cyan i { background: var(--dd-cyan-soft); color: var(--dd-cyan); }
.dd-kpi span { display: block; color: var(--dd-muted); font-size: .55rem; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.dd-kpi strong { display: block; margin-top: 3px; font-size: .9rem; font-weight: 900; white-space: nowrap; }

.dd-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 420px;
    gap: 14px;
    align-items: start;
}

.dd-grid.full-width {
    grid-template-columns: 1fr;
}

.dd-grid.full-width .dd-sidebar {
    display: none;
}

.dd-panel { overflow: hidden; margin-bottom: 14px; }
.dd-panel-head { padding: 11px 14px; border-bottom: 1px solid var(--dd-border); background: #f9fbff; }
.dd-panel-title { margin: 0; display: flex; align-items: center; gap: 7px; font-size: .78rem; font-weight: 900; }
.dd-panel-title i { color: var(--dd-primary); }
.dd-panel-body { padding: 14px; }

.dd-fields {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.dd-field {
    padding: 10px;
    border: 1px solid var(--dd-border);
    border-radius: 8px;
    background: #fbfcff;
    min-width: 0;
}

.dd-field span,
.dd-label {
    display: block;
    margin-bottom: 4px;
    color: var(--dd-muted);
    font-size: .56rem;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.dd-field strong {
    display: block;
    overflow-wrap: anywhere;
    font-size: .74rem;
    font-weight: 850;
}

.dd-timeline {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 8px;
}

.dd-timeline-step {
    position: relative;
    min-height: 74px;
    padding: 10px 8px;
    border: 1px solid var(--dd-border);
    border-radius: 8px;
    background: #fff;
}

.dd-timeline-step.done { border-color: #bbf7d0; background: var(--dd-green-soft); }
.dd-timeline-step i { display: block; margin-bottom: 7px; color: var(--dd-primary); font-size: 1rem; }
.dd-timeline-step.done i { color: var(--dd-green); }
.dd-timeline-step strong { display: block; font-size: .62rem; font-weight: 900; }
.dd-timeline-step small { display: block; margin-top: 3px; color: var(--dd-muted); font-size: .56rem; }

.dd-sidebar { position: sticky; top: 14px; }
.dd-step { overflow: hidden; margin-bottom: 12px; }
.dd-step-head { padding: 10px 12px; border-bottom: 1px solid var(--dd-border); background: #f9fbff; }
.dd-step-head h6 { margin: 0; display: flex; align-items: center; gap: 7px; font-size: .74rem; font-weight: 900; }
.dd-step-body { padding: 12px; }

.dd-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.dd-full { grid-column: 1 / -1; }
.dd-input {
    width: 100%;
    min-height: 36px;
    padding: 7px 9px;
    border: 1px solid var(--dd-border);
    border-radius: 7px;
    background: #fff;
    color: var(--dd-text);
    font-size: .72rem;
}

textarea.dd-input { min-height: 70px; resize: vertical; }
.dd-note { color: var(--dd-muted); font-size: .62rem; }

@media (max-width: 1220px) {
    .dd-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dd-grid { grid-template-columns: 1fr; }
    .dd-sidebar { position: static; }
    .dd-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dd-timeline { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
    .dd-kpis,
    .dd-fields,
    .dd-form,
    .dd-timeline { grid-template-columns: 1fr; }
    .dd-full { grid-column: auto; }
}

.bi-6b99de8b69 { display:none; }

.bi-0466783d98 { width:100%; }

.bi-c476d10b06 { text-decoration: none;color: inherit; }

/* --- Component: dispatch-receipts\bulk-print.css --- */
/* Extracted from dispatch-receipts/bulk-print.blade.php */

* { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: Arial, sans-serif; font-size: 10pt; }
        .page { width: 210mm; margin: 0 auto; padding: 10mm; background: white; }
        .header { text-align: center; margin-bottom: 5mm; border-bottom: 2px solid #000; padding-bottom: 3mm; }
        .header h1 { font-size: 18pt; margin-bottom: 2mm; }
        .dispatch-item { margin-bottom: 8mm; padding: 4mm; border: 1px solid #000; page-break-inside: avoid; }
        .dispatch-header { background: #f0f0f0; padding: 2mm; margin-bottom: 2mm; border-bottom: 1px solid #000; }
        .dispatch-details { display: grid; grid-template-columns: 1fr 1fr; gap: 2mm; }
        .detail-row { margin-bottom: 1mm; }
        .detail-label { font-weight: 700; display: inline-block; width: 100px; }
        .detail-value { display: inline-block; }
        @media print {
            @page { size: A4; margin: 10mm; }
            body { background: white; }
            .page { margin: 0; padding: 0; }
        }

.bi-eb472d6036 { margin-top: 8mm;border-top: 2px solid #000;padding-top: 3mm; }

/* --- Component: dispatch-receipts\index.css --- */
/* Extracted from dispatch-receipts/index.blade.php */

:root{
  --bg:#F5F4F1;--surface:#FFFFFF;--border:#E3E0DA;--border-strong:#CBC7BE;
  --ink:#1C1B19;--ink-soft:#6B675F;--ink-faint:#9B968C;
  --primary:#24304A;--primary-dark:#182238;--primary-tint:#EEF0F5;
  --accent:#B5652B;--accent-tint:#FBF0E6;
  --success:#1F7A53;--success-tint:#E8F5EE;
  --warning:#B7791F;--warning-tint:#FBF1DE;
  --danger:#B3261E;--danger-tint:#FBEBE9;
  --radius:10px;--shadow:0 1px 2px rgba(28,27,25,.04),0 6px 16px rgba(28,27,25,.05);
  --font-ui:'Inter',system-ui,-apple-system,sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}
.dr-page{max-width:1500px;margin:auto;padding:22px 16px 64px;font-family:var(--font-ui);color:var(--ink)}
.dr-page *{box-sizing:border-box}

.dr-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--border-strong)}
.dr-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);margin:0 0 4px}
.dr-title{font-size:1.5rem;font-weight:800;margin:0;letter-spacing:-.01em}
.dr-sub{font-size:.78rem;color:var(--ink-soft);margin-top:4px;max-width:52ch}
.dr-actions{display:flex;gap:8px}
.dr-btn{border:1px solid var(--border-strong);background:var(--surface);border-radius:8px;padding:9px 14px;text-decoration:none;color:var(--ink);font-size:.74rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:border-color .15s,background .15s}
.dr-btn:hover{border-color:var(--primary);background:var(--primary-tint);color:var(--primary)}
.dr-btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}
.dr-btn.primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff}

.dr-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}
.dr-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:15px 16px;border-top:3px solid var(--border-strong)}
.dr-stat.accent-primary{border-top-color:var(--primary)}
.dr-stat.accent-accent{border-top-color:var(--accent)}
.dr-stat.accent-success{border-top-color:var(--success)}
.dr-stat.accent-warning{border-top-color:var(--warning)}
.dr-stat span{font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);font-weight:700}
.dr-stat strong{display:block;margin-top:6px;font-size:1.15rem;font-family:var(--font-mono);letter-spacing:-.01em}

.dr-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:16px}
.dr-card-head{padding:13px 16px;background:var(--bg);border-bottom:1px solid var(--border);font-weight:800;font-size:.82rem;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.dr-filter{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr .8fr auto auto;gap:9px;padding:14px 16px}
.dr-input{min-height:38px;border:1px solid var(--border-strong);border-radius:7px;padding:8px 10px;font-size:.74rem;font-family:var(--font-ui);color:var(--ink);background:var(--surface)}
.dr-input:focus{outline:2px solid var(--primary);outline-offset:1px;border-color:var(--primary)}

.dr-table-wrap{overflow:auto}
.dr-table{width:100%;min-width:1000px;border-collapse:collapse}
.dr-table thead th{position:sticky;top:0;background:var(--bg);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.04em;font-size:.58rem;font-weight:700;padding:10px 12px;text-align:left;border-bottom:1px solid var(--border-strong)}
.dr-table tbody tr{transition:background .1s}
.dr-table tbody tr:hover{background:var(--primary-tint)}
.dr-table tbody tr:nth-child(even){background:rgba(28,27,25,.012)}
.dr-table tbody tr:nth-child(even):hover{background:var(--primary-tint)}
.dr-table td{padding:11px 12px;border-top:1px solid var(--border);font-size:.74rem;vertical-align:middle}
.dr-table td strong{font-weight:700}
.dr-table td .sub{font-size:.65rem;color:var(--ink-faint);margin-top:2px;font-family:var(--font-mono)}
.money{text-align:right;font-family:var(--font-mono);font-weight:600}
.badge{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;background:var(--primary-tint);color:var(--primary);font-size:.6rem;font-weight:700;letter-spacing:.02em}
.badge.status-complete{background:var(--success-tint);color:var(--success)}
.badge.status-pending{background:var(--warning-tint);color:var(--warning)}
.badge.status-failed{background:var(--danger-tint);color:var(--danger)}
.empty{text-align:center;padding:44px 20px;color:var(--ink-faint);font-size:.78rem}

/* Pagination footer: 1 2 3 ... 7 8 9 + per page */
.dr-pagination{
  padding:12px 16px;border-top:1px solid var(--border);
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
}
.dr-page-meta{font-size:.72rem;color:var(--ink-soft);font-weight:500}
.dr-page-meta strong{color:var(--ink);font-family:var(--font-mono)}
.dr-pager{display:flex;align-items:center;gap:4px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.dr-pager li{list-style:none}
.dr-pager a,.dr-pager span{
  min-width:34px;height:34px;padding:0 10px;border-radius:8px;border:1px solid var(--border-strong);
  background:var(--surface);color:var(--ink);font-size:.74rem;font-weight:600;
  display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
}
.dr-pager a:hover{border-color:var(--primary);background:var(--primary-tint);color:var(--primary)}
.dr-pager .is-active span{
  background:var(--primary);border-color:var(--primary);color:#fff;
}
.dr-pager .is-disabled span{opacity:.4;cursor:not-allowed}
.dr-pager .is-ellipsis span{border:none;background:transparent;min-width:22px;color:var(--ink-faint)}
.dr-per-page{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;color:var(--ink-soft);font-weight:600}
.dr-per-page select{min-height:34px;min-width:84px;border:1px solid var(--border-strong);border-radius:8px;padding:4px 8px;font-size:.74rem;background:#fff;color:var(--ink)}

/* Selection HEADER — fixed on screen while scrolling */
.dr-select-header{
  position:fixed;
  top:70px;
  left:50%;
  transform:translateX(-50%) translateY(-120%);
  z-index:2000;
  width:min(1100px, calc(100vw - 32px));
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding:12px 16px;
  background:var(--primary-dark);
  color:#fff;
  border-radius:12px;
  box-shadow:0 12px 32px rgba(24,34,56,.35);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:transform .18s ease, opacity .18s ease, visibility .18s ease;
}
.dr-select-header.is-visible{
  transform:translateX(-50%) translateY(0);
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.dr-select-header-left{display:flex;align-items:center;gap:10px;font-weight:700;font-size:.8rem}
.dr-select-header-left span{
  background:var(--accent);color:#fff;font-family:var(--font-mono);
  padding:2px 10px;border-radius:999px;font-size:.74rem;
}
.dr-select-header-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.dr-sel-btn{
  border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff;
  border-radius:8px;padding:8px 12px;font-size:.72rem;font-weight:600;cursor:pointer;
  display:inline-flex;align-items:center;gap:6px;text-decoration:none;
}
.dr-sel-btn:hover{background:rgba(255,255,255,.18);color:#fff}
.dr-sel-btn:disabled{opacity:.35;cursor:not-allowed}
.dr-sel-btn.success{background:rgba(31,122,83,.4);border-color:rgba(120,220,170,.45)}
.dr-sel-btn.clear{background:transparent}
.dispatch-checkbox{width:17px;height:17px;cursor:pointer;accent-color:var(--primary)}
.dr-table tbody tr.is-selected{background:var(--primary-tint)!important}

@media(max-width:900px){
  .dr-summary{grid-template-columns:repeat(2,1fr)}
  .dr-filter{grid-template-columns:1fr 1fr}
  .dr-pagination{flex-direction:column;align-items:stretch}
  .dr-pager{justify-content:center}
  .dr-select-header{top:60px;width:calc(100vw - 16px);padding:10px 12px}
}
@media print{
  .no-print,.dr-select-header{display:none!important}
  .dr-page{padding:0}
  .dr-card,.dr-stat{box-shadow:none}
}

.bi-d6db40ea5a { width:40px; }

/* --- Component: fleet\loan-tracker\index.css --- */
/* Extracted from fleet/loan-tracker/index.blade.php */

:root {
    --lt-primary: #2563eb;
    --lt-green: #059669;
    --lt-amber: #d97706;
    --lt-red: #dc2626;
    --lt-bg: #f8fafc;
    --lt-card: #ffffff;
    --lt-border: #e2e8f0;
}

body { background: var(--lt-bg); }

.lt-page {
    max-width: 1400px;
    margin: 0 auto;
    padding: 18px 14px 60px;
}

.lt-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.lt-title {
    display: flex;
    align-items: center;
    gap: 10px;
}

.lt-title-icon {
    width: 44px;
    height: 44px;
    background: linear-gradient(135deg, var(--lt-primary) 0%, #1d4ed8 100%);
    color: #fff;
    border-radius: 10px;
    display: grid;
    place-items: center;
    font-size: 1.1rem;
}

.lt-title h2 {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 900;
    color: #0f172a;
}

.lt-title p {
    margin: 2px 0 0;
    font-size: .75rem;
    color: #64748b;
}

.lt-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}

.lt-stat {
    background: var(--lt-card);
    border: 1px solid var(--lt-border);
    border-radius: 12px;
    padding: 14px;
    position: relative;
    overflow: hidden;
}

.lt-stat-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: grid;
    place-items: center;
    font-size: 1rem;
    opacity: .15;
}

.lt-stat-label {
    display: block;
    font-size: .65rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #64748b;
    margin-bottom: 6px;
}

.lt-stat-value {
    display: block;
    font-size: 1.5rem;
    font-weight: 900;
    color: #0f172a;
}

.lt-stat.primary { border-left: 3px solid var(--lt-primary); }
.lt-stat.primary .lt-stat-icon { background: var(--lt-primary); }
.lt-stat.green { border-left: 3px solid var(--lt-green); }
.lt-stat.green .lt-stat-icon { background: var(--lt-green); }
.lt-stat.amber { border-left: 3px solid var(--lt-amber); }
.lt-stat.amber .lt-stat-icon { background: var(--lt-amber); }
.lt-stat.red { border-left: 3px solid var(--lt-red); }
.lt-stat.red .lt-stat-icon { background: var(--lt-red); }

.lt-filters {
    background: var(--lt-card);
    border: 1px solid var(--lt-border);
    border-radius: 12px;
    padding: 14px;
    margin-bottom: 16px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.lt-filters input,
.lt-filters select {
    min-height: 38px;
    border: 1px solid var(--lt-border);
    border-radius: 8px;
    padding: 6px 10px;
    font-size: .8rem;
}

.lt-filters input:focus,
.lt-filters select:focus {
    border-color: var(--lt-primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .1);
    outline: none;
}

.lt-btn {
    min-height: 38px;
    padding: 6px 14px;
    border: 1px solid var(--lt-border);
    border-radius: 8px;
    background: #fff;
    font-size: .78rem;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    color: #334155;
    transition: all .15s;
}

.lt-btn:hover { border-color: var(--lt-primary); color: var(--lt-primary); }
.lt-btn.primary { background: var(--lt-primary); border-color: var(--lt-primary); color: #fff; }
.lt-btn.primary:hover { background: #1d4ed8; color: #fff; }

.lt-table-wrap {
    background: var(--lt-card);
    border: 1px solid var(--lt-border);
    border-radius: 12px;
    overflow: hidden;
}

.lt-table {
    width: 100%;
    font-size: .8rem;
}

.lt-table thead {
    background: #f8fafc;
    border-bottom: 2px solid var(--lt-border);
}

.lt-table th {
    padding: 12px 14px;
    text-align: left;
    font-size: .68rem;
    font-weight: 900;
    text-transform: uppercase;
    color: #64748b;
    letter-spacing: .5px;
}

.lt-table td {
    padding: 12px 14px;
    border-top: 1px solid #f1f5f9;
}

.lt-table tbody tr:hover {
    background: #fafbfc;
}

.lt-badge {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 800;
    text-transform: uppercase;
}

.lt-badge.active { background: #d1fae5; color: #065f46; }
.lt-badge.completed { background: #dbeafe; color: #1e40af; }
.lt-badge.warning { background: #fef3c7; color: #92400e; }

.lt-progress {
    width: 100%;
    height: 6px;
    background: #f1f5f9;
    border-radius: 999px;
    overflow: hidden;
    margin-top: 4px;
}

.lt-progress-bar {
    height: 100%;
    background: linear-gradient(90deg, var(--lt-green) 0%, var(--lt-primary) 100%);
    border-radius: 999px;
    transition: width .3s;
}

.lt-empty {
    padding: 60px 20px;
    text-align: center;
    color: #94a3b8;
}

.lt-empty i { font-size: 3rem; opacity: .3; margin-bottom: 12px; }

@media (max-width: 992px) {
    .lt-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
    .lt-stats { grid-template-columns: 1fr; }
}

.bi-539b72c63c { flex: 1;min-width: 200px; }

.bi-2c5b50693a { min-width: 150px; }

.bi-330ed68770 { display:block;color:#0f172a; }

.bi-064028e7a7 { color:#64748b; }

.bi-2a1b75c911 { display:block; }

.bi-e79a03c842 { min-width:100px; }

.bi-40151e460b { color:#64748b;font-weight:700; }

.bi-8bfe74730e { font-size:.72rem;min-height:32px;padding:4px 10px; }

.bi-eaebcb16fd { padding:14px;border-top:1px solid var(--lt-border); }

.bi-790ad9d77a { margin:0;font-weight:700; }

.bd-4e702829f7 { width: var(--bdv-0); }

/* --- Component: fleet\loan-tracker\show.css --- */
/* Extracted from fleet/loan-tracker/show.blade.php */

:root {
    --ld-primary: #2563eb;
    --ld-green: #059669;
    --ld-amber: #d97706;
    --ld-bg: #f8fafc;
    --ld-card: #ffffff;
    --ld-border: #e2e8f0;
}

body { background: var(--ld-bg); }

.ld-page {
    max-width: 1200px;
    margin: 0 auto;
    padding: 18px 14px 60px;
}

.ld-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.ld-title {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ld-title-icon {
    width: 44px;
    height: 44px;
    background: linear-gradient(135deg, var(--ld-primary) 0%, #1d4ed8 100%);
    color: #fff;
    border-radius: 10px;
    display: grid;
    place-items: center;
    font-size: 1.1rem;
}

.ld-title h2 {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 900;
    color: #0f172a;
}

.ld-title p {
    margin: 2px 0 0;
    font-size: .75rem;
    color: #64748b;
}

.ld-btn {
    min-height: 38px;
    padding: 6px 14px;
    border: 1px solid var(--ld-border);
    border-radius: 8px;
    background: #fff;
    font-size: .78rem;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    color: #334155;
    transition: all .15s;
}

.ld-btn:hover { border-color: var(--ld-primary); color: var(--ld-primary); }

.ld-grid {
    display: grid;
    gap: 16px;
    margin-bottom: 16px;
}

.ld-card {
    background: var(--ld-card);
    border: 1px solid var(--ld-border);
    border-radius: 12px;
    overflow: hidden;
}

.ld-card-header {
    padding: 12px 16px;
    border-bottom: 1px solid var(--ld-border);
    background: #f8fafc;
}

.ld-card-header h6 {
    margin: 0;
    font-size: .85rem;
    font-weight: 900;
    color: #0f172a;
    display: flex;
    align-items: center;
    gap: 8px;
}

.ld-card-body {
    padding: 16px;
}

.ld-info-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.ld-info-item {
    display: flex;
    flex-direction: column;
}

.ld-info-label {
    font-size: .65rem;
    font-weight: 800;
    text-transform: uppercase;
    color: #64748b;
    letter-spacing: .5px;
    margin-bottom: 4px;
}

.ld-info-value {
    font-size: 1.1rem;
    font-weight: 900;
    color: #0f172a;
}

.ld-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}

.ld-summary-item {
    background: var(--ld-card);
    border: 1px solid var(--ld-border);
    border-radius: 12px;
    padding: 14px;
    text-align: center;
}

.ld-summary-label {
    display: block;
    font-size: .65rem;
    font-weight: 800;
    text-transform: uppercase;
    color: #64748b;
    margin-bottom: 6px;
}

.ld-summary-value {
    display: block;
    font-size: 1.4rem;
    font-weight: 900;
    color: #0f172a;
}

.ld-timeline {
    position: relative;
    padding-left: 30px;
}

.ld-timeline-item {
    position: relative;
    padding-bottom: 24px;
}

.ld-timeline-item:last-child {
    padding-bottom: 0;
}

.ld-timeline-item::before {
    content: '';
    position: absolute;
    left: -24px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #e2e8f0;
}

.ld-timeline-item:last-child::before {
    display: none;
}

.ld-timeline-dot {
    position: absolute;
    left: -30px;
    top: 4px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid var(--ld-border);
    background: #fff;
}

.ld-timeline-item.paid .ld-timeline-dot {
    background: var(--ld-green);
    border-color: var(--ld-green);
}

.ld-timeline-item.pending .ld-timeline-dot {
    background: var(--ld-amber);
    border-color: var(--ld-amber);
}

.ld-timeline-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 14px;
    background: #f8fafc;
    border: 1px solid var(--ld-border);
    border-radius: 8px;
}

.ld-timeline-item.paid .ld-timeline-content {
    background: #ecfdf5;
    border-color: #a7f3d0;
}

.ld-timeline-item.pending .ld-timeline-content {
    background: #fffbeb;
    border-color: #fde68a;
}

.ld-timeline-month {
    font-size: .75rem;
    font-weight: 800;
    color: #0f172a;
}

.ld-timeline-date {
    font-size: .7rem;
    color: #64748b;
    margin-top: 2px;
}

.ld-timeline-amount {
    font-size: .85rem;
    font-weight: 900;
    color: #0f172a;
}

.ld-timeline-status {
    font-size: .65rem;
    font-weight: 800;
    text-transform: uppercase;
    padding: 3px 8px;
    border-radius: 999px;
    margin-left: 8px;
}

.ld-timeline-item.paid .ld-timeline-status {
    background: var(--ld-green);
    color: #fff;
}

.ld-timeline-item.pending .ld-timeline-status {
    background: var(--ld-amber);
    color: #fff;
}

.ld-timeline-item.upcoming .ld-timeline-status {
    background: #e2e8f0;
    color: #64748b;
}

@media (max-width: 992px) {
    .ld-info-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ld-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
    .ld-info-grid,
    .ld-summary { grid-template-columns: 1fr; }
}

.bi-a76d597a07 { display:flex;gap:8px; }

.bi-f6ed2d5684 { color:var(--ld-green); }

.bi-aafa178e43 { color:var(--ld-amber); }

.bi-86285c1460 { margin-top:16px;padding-top:16px;border-top:1px solid var(--ld-border); }

.bi-266e71ddf1 { margin:6px 0 0;color:#334155;font-size:.82rem; }

.bi-0e1a6d017b { display:flex;align-items:center; }

.bi-f4db261e86 { text-align:center;color:#94a3b8;padding:40px 20px; }

.bi-096f3f144b { font-size:2rem;display:block;margin-bottom:8px;opacity:.3; }

/* --- Component: fleet\vehicles\index.css --- */
/* Extracted from fleet/vehicles/index.blade.php */

.veh-page { padding: 16px 0 24px; max-width: 1280px; margin: 0 auto; }
    .veh-shell { display: grid; gap: 14px; }

    .veh-hero {
        background: #ffffff;
        border: 1px solid #e2e8f0;
        border-radius: 12px;
        padding: 16px 18px;
        display: flex;
        justify-content: space-between;
        gap: 14px;
        align-items: center;
        box-shadow: 0 10px 26px rgba(15,23,42,.045);
        border-left: 5px solid #2563eb;
    }
    .veh-title-wrap { display:flex; gap:12px; align-items:center; min-width:0; }
    .veh-icon {
        width: 42px; height: 42px; border-radius: 10px;
        display:flex; align-items:center; justify-content:center;
        background:#eff6ff; color:#2563eb; font-size:1.25rem; flex:0 0 auto;
    }
    .veh-title { font-size: 1.22rem; font-weight: 850; color: #0f172a; margin: 0; }
    .veh-crumb { list-style:none; display:flex; gap:6px; padding:0; margin:3px 0 0; font-size:.78rem; color:#94a3b8; }
    .veh-crumb li:not(:last-child)::after { content:"/"; margin-left:6px; color:#cbd5e1; }
    .veh-crumb a { color:#64748b; text-decoration:none; }
    .veh-crumb a:hover { color:#2563eb; }
    .veh-crumb .active { color:#0f172a; font-weight:700; }
    .veh-add-btn { border-radius:9px; font-weight:750; padding:9px 16px; white-space:nowrap; }

    .veh-alert { border-radius:10px; font-size:.86rem; padding:11px 14px; }

    .veh-summary { display:grid; grid-template-columns:repeat(6, minmax(0,1fr)); gap:10px; }
    .veh-stat {
        background:#fff; border:1px solid #e2e8f0; border-radius:12px;
        padding:12px 14px; position:relative; overflow:hidden;
        box-shadow: 0 8px 20px rgba(15,23,42,.035);
    }
    .veh-stat::before { content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:#cbd5e1; }
    .veh-stat.total::before { background:#2563eb; }
    .veh-stat.active::before { background:#059669; }
    .veh-stat.maint::before { background:#d97706; }
    .veh-stat.ins::before { background:#dc2626; }
    .veh-stat.fit::before { background:#dc2626; }
    .veh-stat.puc::before { background:#dc2626; }
    .veh-stat span { display:block; color:#64748b; font-size:.62rem; font-weight:850; text-transform:uppercase; }
    .veh-stat strong { display:block; color:#0f172a; font-size:1.16rem; margin-top:4px; }
    .veh-stat strong.warn { color:#dc2626; }

    .veh-card { background:#fff; border:1px solid #e2e8f0; border-radius:12px; box-shadow:0 8px 24px rgba(15,23,42,.04); overflow:hidden; }
    .veh-card-head {
        padding:13px 16px; border-bottom:1px solid #e2e8f0; background:#fbfdff;
        display:flex; justify-content:space-between; align-items:center; gap:12px;
    }
    .veh-card-head h2 { margin:0; font-size:.94rem; font-weight:850; color:#0f172a; display:flex; align-items:center; gap:7px; }
    .veh-count { color:#64748b; font-size:.76rem; background:#fff; border:1px solid #e2e8f0; border-radius:999px; padding:3px 10px; }

    .veh-table-wrap { overflow-x:auto; }
    table.veh-table { width:100%; border-collapse:separate; border-spacing:0; font-size:.82rem; }
    table.veh-table thead th {
        background:#f8fafc; color:#64748b; font-size:.66rem; font-weight:850; text-transform:uppercase;
        padding:10px 12px; border-bottom:1px solid #e2e8f0; white-space:nowrap; text-align:left;
    }
    table.veh-table tbody td { padding:11px 12px; border-bottom:1px solid #eef2f7; vertical-align:middle; color:#0f172a; }
    table.veh-table tbody tr:hover { background:#fafcff; }
    table.veh-table td.veh-muted { color:#64748b; }

    .veh-no-link { font-weight:800; color:#1d4ed8; text-decoration:none; }
    .veh-no-link:hover { text-decoration:underline; }
    .veh-cat { color:#94a3b8; font-size:.72rem; margin-top:1px; }

    .veh-badge { display:inline-flex; align-items:center; gap:5px; border-radius:999px; padding:4px 11px; font-size:.68rem; font-weight:800; text-transform:uppercase; white-space:nowrap; }
    .veh-badge.success { background:#ecfdf5; color:#047857; }
    .veh-badge.warning { background:#fffbeb; color:#b45309; }
    .veh-badge.secondary { background:#f1f5f9; color:#475569; }

    .veh-expiry { display:inline-flex; align-items:center; gap:5px; font-size:.78rem; white-space:nowrap; }
    .veh-expiry.due { color:#dc2626; font-weight:800; }
    .veh-expiry .ti { font-size:.85rem; }
    .veh-expiry-pill { display:inline-block; font-size:.6rem; font-weight:800; text-transform:uppercase; background:#fee2e2; color:#b91c1c; border-radius:999px; padding:1px 7px; margin-left:5px; }

    .veh-actions { display:flex; gap:6px; }
    .veh-actions .btn { border-radius:8px; width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center; padding:0; }

    .veh-empty { padding:44px 16px; text-align:center; color:#94a3b8; }
    .veh-empty-icon { width:54px; height:54px; border-radius:16px; display:flex; align-items:center; justify-content:center; background:#f1f5f9; color:#2563eb; font-size:1.8rem; margin:0 auto 12px; }
    .veh-empty strong { color:#0f172a; font-size:.95rem; display:block; margin-bottom:3px; }

    .veh-footer { padding:12px 16px; border-top:1px solid #e2e8f0; background:#fff; }

    @media(max-width: 992px) {
        .veh-summary { grid-template-columns:repeat(3, minmax(0,1fr)); }
    }
    @media(max-width: 620px) {
        .veh-hero { flex-direction:column; align-items:flex-start; }
        .veh-add-btn { width:100%; text-align:center; }
        .veh-summary { grid-template-columns:1fr 1fr; }
    }

/* --- Component: fleet\vehicles\show.css --- */
/* Extracted from fleet/vehicles/show.blade.php */

.vd-page { padding: 16px 0 24px; max-width: 1280px; margin: 0 auto; }
    .vd-shell { display: grid; gap: 14px; }

    .vd-hero {
        background: #ffffff;
        border: 1px solid #e2e8f0;
        border-radius: 12px;
        padding: 16px 18px;
        display: flex;
        justify-content: space-between;
        gap: 14px;
        align-items: center;
        box-shadow: 0 10px 26px rgba(15,23,42,.045);
        border-left: 5px solid #2563eb;
    }
    .vd-title-wrap { display:flex; gap:12px; align-items:center; min-width:0; }
    .vd-icon {
        width: 42px; height: 42px; border-radius: 10px;
        display:flex; align-items:center; justify-content:center;
        background:#eff6ff; color:#2563eb; font-size:1.25rem; flex:0 0 auto;
    }
    .vd-title { font-size: 1.22rem; font-weight: 850; color: #0f172a; margin: 0; display:flex; align-items:center; gap:9px; }
    .vd-crumb { list-style:none; display:flex; gap:6px; padding:0; margin:3px 0 0; font-size:.78rem; color:#94a3b8; }
    .vd-crumb li:not(:last-child)::after { content:"/"; margin-left:6px; color:#cbd5e1; }
    .vd-crumb a { color:#64748b; text-decoration:none; }
    .vd-crumb a:hover { color:#2563eb; }
    .vd-crumb .active { color:#0f172a; font-weight:700; }
    .vd-hero-actions { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
    .vd-hero-actions .btn { border-radius:9px; font-weight:750; padding:8px 15px; white-space:nowrap; }

    .vd-badge { display:inline-flex; align-items:center; gap:5px; border-radius:999px; padding:4px 11px; font-size:.66rem; font-weight:800; text-transform:uppercase; white-space:nowrap; }
    .vd-badge.success { background:#ecfdf5; color:#047857; }
    .vd-badge.warning { background:#fffbeb; color:#b45309; }
    .vd-badge.secondary { background:#f1f5f9; color:#475569; }
    .vd-badge.primary { background:#eff6ff; color:#1d4ed8; }

    .vd-tabs { display:flex; gap:4px; flex-wrap:wrap; background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:6px; box-shadow:0 8px 20px rgba(15,23,42,.035); }
    .vd-tabs .nav-link {
        border:0; border-radius:9px; padding:9px 16px; font-size:.84rem; font-weight:750; color:#64748b;
        display:flex; align-items:center; gap:6px; transition:.15s;
    }
    .vd-tabs .nav-link:hover { background:#f8fafc; color:#0f172a; }
    .vd-tabs .nav-link.active { background:#2563eb; color:#fff; }

    .vd-card { background:#fff; border:1px solid #e2e8f0; border-radius:12px; box-shadow:0 8px 24px rgba(15,23,42,.04); overflow:hidden; }
    .vd-card-head {
        padding:13px 16px; border-bottom:1px solid #e2e8f0; background:#fbfdff;
        display:flex; justify-content:space-between; align-items:center; gap:12px;
    }
    .vd-card-head h2 { margin:0; font-size:.94rem; font-weight:850; color:#0f172a; display:flex; align-items:center; gap:7px; }

    .vd-details-body { padding:16px; }
    .vd-info-grid { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:12px; }
    .vd-info { background:#f8fafc; border:1px solid #edf2f7; border-radius:9px; padding:11px 12px; min-height:56px; }
    .vd-info span { display:block; font-size:.64rem; font-weight:850; color:#64748b; text-transform:uppercase; margin-bottom:4px; }
    .vd-info strong { display:block; color:#0f172a; font-size:.86rem; font-weight:700; word-break:break-word; line-height:1.3; }
    .vd-info.due { background:#fef2f2; border-color:#fecaca; }
    .vd-info.due span { color:#b91c1c; }
    .vd-info.due strong { color:#b91c1c; }
    .vd-info.due strong .ti { margin-right:4px; }
    .vd-divider { grid-column:1 / -1; border:0; border-top:1px dashed #e2e8f0; margin:2px 0; }
    .vd-remarks { background:#f8fafc; border:1px solid #edf2f7; border-radius:9px; padding:11px 12px; margin-top:12px; }
    .vd-remarks span { display:block; font-size:.64rem; font-weight:850; color:#64748b; text-transform:uppercase; margin-bottom:4px; }
    .vd-remarks div.txt { color:#0f172a; font-size:.86rem; }

    .vd-table-wrap { overflow-x:auto; }
    table.vd-table { width:100%; border-collapse:separate; border-spacing:0; font-size:.82rem; }
    table.vd-table thead th {
        background:#f8fafc; color:#64748b; font-size:.66rem; font-weight:850; text-transform:uppercase;
        padding:10px 12px; border-bottom:1px solid #e2e8f0; white-space:nowrap; text-align:left;
    }
    table.vd-table tbody td { padding:11px 12px; border-bottom:1px solid #eef2f7; vertical-align:middle; color:#0f172a; }
    table.vd-table tbody tr:hover { background:#fafcff; }
    table.vd-table td.vd-muted { color:#64748b; }

    .vd-empty { padding:34px 16px; text-align:center; color:#94a3b8; }
    .vd-empty-icon { width:46px; height:46px; border-radius:14px; display:flex; align-items:center; justify-content:center; background:#f1f5f9; color:#2563eb; font-size:1.5rem; margin:0 auto 10px; }

    @media(max-width: 760px) {
        .vd-info-grid { grid-template-columns:1fr 1fr; }
    }
    @media(max-width: 560px) {
        .vd-hero { flex-direction:column; align-items:flex-start; }
        .vd-hero-actions { width:100%; }
        .vd-hero-actions .btn { flex:1; text-align:center; }
        .vd-info-grid { grid-template-columns:1fr; }
        .vd-tabs { overflow-x:auto; flex-wrap:nowrap; }
    }

/* --- Component: fleet\vehicles\_form.css --- */
/* Extracted from fleet/vehicles/_form.blade.php */

.vf-wrap { display:grid; gap:14px; }

    .vf-errors {
        background:#fef2f2; border:1px solid #fecaca; border-radius:12px; padding:14px 16px;
        color:#b91c1c; font-size:.84rem; display:flex; gap:10px; align-items:flex-start;
    }
    .vf-errors i { font-size:1.1rem; margin-top:1px; flex:0 0 auto; }
    .vf-errors ul { margin:2px 0 0; padding-left:18px; }

    .vf-card { background:#fff; border:1px solid #e2e8f0; border-radius:12px; box-shadow:0 8px 24px rgba(15,23,42,.04); overflow:hidden; }
    .vf-card-head {
        padding:13px 16px; border-bottom:1px solid #e2e8f0; background:#fbfdff;
        display:flex; justify-content:space-between; align-items:center; gap:12px;
    }
    .vf-card-head h5 { margin:0; font-size:.92rem; font-weight:850; color:#0f172a; display:flex; align-items:center; gap:8px; }
    .vf-card-head .vf-icon {
        width:30px; height:30px; border-radius:8px; display:flex; align-items:center; justify-content:center;
        background:#eff6ff; color:#2563eb; font-size:.95rem; flex:0 0 auto;
    }
    .vf-card-body { padding:16px; }

    .vf-field label.form-label { font-size:.72rem; font-weight:800; text-transform:uppercase; color:#64748b; margin-bottom:5px; letter-spacing:.2px; }
    .vf-field label.form-label .text-danger { font-weight:800; }
    .vf-field .form-control, .vf-field .form-select {
        border-color:#dbe3ee; border-radius:9px; min-height:42px; font-size:.86rem;
    }
    .vf-field .form-control:focus, .vf-field .form-select:focus {
        border-color:#2563eb; box-shadow:0 0 0 3px rgba(37,99,235,.12);
    }
    .vf-field textarea.form-control { min-height:80px; }
    .vf-field .invalid-feedback { font-size:.74rem; }

    .vf-gps-head { display:flex; align-items:center; gap:8px; }
    .vf-badge-future {
        font-size:.62rem; font-weight:800; text-transform:uppercase; background:#fffbeb; color:#b45309;
        border:1px solid #fde68a; border-radius:999px; padding:3px 9px;
    }
    .vf-switch-wrap {
        display:flex; align-items:center; gap:8px; background:#f8fafc; border:1px solid #edf2f7;
        border-radius:9px; padding:10px 12px; height:100%;
    }
    .vf-switch-wrap .form-check-input { width:2.4em; height:1.3em; margin-top:0; cursor:pointer; }
    .vf-switch-wrap .form-check-label { font-size:.84rem; font-weight:700; color:#334155; margin-bottom:0; }

.bi-5790ffba29 { display: none; }

/* --- Component: diesel\direct\challan.css --- */
/* Extracted from diesel/direct/challan.blade.php */

/* ── Screen wrapper ── */
    .challan-page {
        background: #94A3B8;
        min-height: 100vh;
        padding: 32px 16px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px;
    }

    /* ── Toolbar (screen only) ── */
    .challan-toolbar {
        width: 100%;
        max-width: 780px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 10px;
    }
    .toolbar-left {
        display: flex; align-items: center; gap: 10px;
        color: #fff; font-size: .85rem; font-weight: 600;
    }
    .toolbar-left span { opacity: .7; font-weight: 400; }
    .toolbar-actions { display: flex; gap: 8px; }
    .btn-toolbar {
        display: inline-flex; align-items: center; gap: 6px;
        border-radius: 8px; padding: 7px 16px;
        font-size: .8rem; font-weight: 600; cursor: pointer;
        text-decoration: none; border: none;
        transition: opacity .15s;
    }
    .btn-toolbar:hover { opacity: .85; }
    .btn-toolbar.primary { background: #0F1629; color: #fff; }
    .btn-toolbar.light   { background: #fff; color: #334155; }

    /* ── Paper ── */
    .challan-paper {
        width: 100%;
        max-width: 780px;
        background: #fff;
        border-radius: 4px;
        box-shadow: 0 4px 24px rgba(0,0,0,.2);
        padding: 36px 40px 40px;
        font-family: 'Arial', sans-serif;
        font-size: 12px;
        color: #1E293B;
    }

    /* ── Letterhead ── */
    .lh-wrap {
        display: flex; align-items: flex-start;
        justify-content: space-between;
        padding-bottom: 14px;
        border-bottom: 2px solid #1E293B;
        margin-bottom: 14px;
        gap: 12px;
    }
    .lh-logo img { height: 56px; }
    .lh-logo-placeholder {
        width: 56px; height: 56px; background: #F1F5F9;
        border: 1px dashed #CBD5E1; border-radius: 4px;
        display: flex; align-items: center; justify-content: center;
        font-size: 20px; color: #94A3B8;
    }
    .lh-center { flex: 1; text-align: center; }
    .lh-co-name {
        font-size: 18px; font-weight: 800;
        letter-spacing: .04em; color: #0F172A;
        margin: 0 0 3px;
    }
    .lh-co-addr { font-size: 10.5px; color: #475569; margin: 0; }
    .lh-co-contact { font-size: 10.5px; color: #475569; margin: 2px 0 0; }
    .lh-right { text-align: right; font-size: 10.5px; white-space: nowrap; }
    .lh-challan-no {
        display: inline-block;
        background: #0F1629; color: #fff;
        border-radius: 4px; padding: 4px 10px;
        font-size: 10px; font-weight: 700;
        letter-spacing: .05em; margin-bottom: 4px;
    }
    .lh-date { color: #475569; }

    /* ── Doc title ── */
    .doc-title {
        text-align: center;
        font-size: 14px; font-weight: 800;
        letter-spacing: .12em; text-transform: uppercase;
        color: #0F172A;
        margin: 0 0 14px;
        display: flex; align-items: center; justify-content: center; gap: 8px;
    }
    .doc-title::before,
    .doc-title::after {
        content: ''; flex: 1; height: 1px; background: #CBD5E1;
    }

    /* ── Meta row ── */
    .meta-row {
        display: flex; justify-content: space-between;
        background: #F8FAFC;
        border: 1px solid #E2E8F0;
        border-radius: 6px;
        padding: 10px 14px;
        margin-bottom: 16px;
        gap: 12px;
        flex-wrap: wrap;
    }
    .meta-item { font-size: 11px; }
    .meta-item b { color: #334155; }
    .meta-item span { color: #64748B; }

    /* ── Section label ── */
    .section-label {
        font-size: 9px; font-weight: 800; letter-spacing: .1em;
        text-transform: uppercase; color: #64748B;
        margin: 0 0 6px; padding-left: 2px;
    }

    /* ── Diesel entries table ── */
    .entries-table {
        width: 100%; border-collapse: collapse;
        margin-bottom: 14px;
    }
    .entries-table thead th {
        background: #0F1629; color: #fff;
        padding: 7px 10px; font-size: 10px;
        font-weight: 700; text-transform: uppercase;
        letter-spacing: .06em;
        border: 1px solid #0F1629;
    }
    .entries-table thead th:first-child { border-radius: 0; }
    .entries-table tbody tr:nth-child(even) { background: #F8FAFC; }
    .entries-table tbody td {
        padding: 7px 10px; font-size: 11px;
        border: 1px solid #E2E8F0; vertical-align: top;
        color: #1E293B;
    }
    .entries-table tfoot th {
        background: #F1F5F9; color: #0F172A;
        padding: 8px 10px; font-size: 11px;
        border: 1px solid #CBD5E1;
    }
    .entry-source {
        display: inline-block; font-size: 9px; font-weight: 700;
        text-transform: uppercase; letter-spacing: .05em;
        background: #FEF3C7; color: #92400E;
        border-radius: 3px; padding: 1px 5px; margin-bottom: 2px;
    }
    .entry-meta { font-size: 10px; color: #64748B; }
    .tar { text-align: right; }
    .tac { text-align: center; }

    /* ── Payment summary ── */
    .payment-summary {
        width: 280px;
        margin-left: auto;
        border: 1px solid #E2E8F0;
        border-radius: 6px;
        overflow: hidden;
        margin-bottom: 16px;
    }
    .payment-summary table {
        width: 100%; border-collapse: collapse;
    }
    .payment-summary td {
        padding: 7px 12px; font-size: 11px;
        border-bottom: 1px solid #E2E8F0;
    }
    .payment-summary tr:last-child td { border-bottom: none; }
    .ps-label { color: #64748B; font-weight: 600; }
    .ps-value { text-align: right; font-variant-numeric: tabular-nums; font-weight: 600; }
    .ps-due-row { background: #FFF1F2; }
    .ps-due-row .ps-label { color: #991B1B; }
    .ps-due-row .ps-value { color: #DC2626; font-weight: 800; font-size: 12.5px; }
    .ps-clear-row { background: #F0FDF4; }
    .ps-clear-row .ps-label { color: #166534; }
    .ps-clear-row .ps-value { color: #16A34A; font-weight: 800; }

    /* ── Terms ── */
    .terms-box {
        background: #F8FAFC; border: 1px solid #E2E8F0;
        border-radius: 6px; padding: 10px 14px;
        margin-bottom: 20px;
    }
    .terms-title { font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #64748B; margin-bottom: 5px; }
    .terms-list { margin: 0; padding-left: 14px; font-size: 10px; color: #475569; line-height: 1.7; }

    /* ── Signature row ── */
    .sig-row {
        display: flex; justify-content: space-between;
        margin-top: 28px; gap: 20px;
    }
    .sig-block { flex: 1; text-align: center; font-size: 10.5px; color: #334155; }
    .sig-line {
        border-top: 1px solid #334155;
        margin-bottom: 5px; margin-top: 32px;
    }
    .sig-name { font-weight: 700; }
    .sig-sub { color: #64748B; font-size: 10px; }

    /* ── Watermark: PAID ── */
    .watermark {
        position: absolute; top: 50%; left: 50%;
        transform: translate(-50%, -50%) rotate(-35deg);
        font-size: 80px; font-weight: 900;
        color: rgba(16,185,129,.12);
        letter-spacing: .1em; pointer-events: none;
        white-space: nowrap; text-transform: uppercase;
        z-index: 0;
    }
    .challan-paper { position: relative; }
    .challan-content { position: relative; z-index: 1; }

    /* ══════════════════════════
       PRINT
    ══════════════════════════ */
    @media print {
        body, html { margin: 0; padding: 0; background: #fff !important; }
        .navbar-header, .toggle-theme, .sidebar, .footer {
            display: none !important;
        }

        .challan-page    { background: #fff !important; padding: 0 !important; }
        .challan-toolbar { display: none !important; }
        .challan-paper   {
            box-shadow: none !important;
            border-radius: 0 !important;
            max-width: 100% !important;
            padding: 20px 24px !important;
            width: 100% !important;
        }

        .entries-table thead th { background: #0F1629 !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
        .entries-table tbody tr:nth-child(even) { background: #F8FAFC !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
        .ps-due-row   { background: #FFF1F2 !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
        .ps-clear-row { background: #F0FDF4 !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
        .terms-box    { background: #F8FAFC !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
    }

.bi-54c2afb7ba { text-align:right; }

.bi-3872989743 { width:36px; }

.bi-ec6626e1ed { width:70px; }

.bi-581be415aa { width:90px; }

.bi-03cfd9ad47 { color:#64748B; }

.bi-af8d31579d { color:#16A34A; }

/* --- Component: diesel\direct\index.css --- */
/* Extracted from diesel/direct/index.blade.php */

/* ── Tokens ───────────────────────────────── */
    :root {
        --navy:   #0F1629;
        --amber:  #F59E0B;
        --emerald:#10B981;
        --slate:  #64748B;
        --border: #E2E8F0;
        --bg:     #F8FAFC;
        --white:  #FFFFFF;
        --text:   #1E293B;
        --muted:  #94A3B8;
        --radius: 12px;
        --shadow: 0 1px 3px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.04);
    }

    /* ── Page shell ───────────────────────────── */
    .de-page { padding: 28px 0 48px; background: var(--bg); min-height: 100vh; }

    /* ── Page header ──────────────────────────── */
    .de-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 24px;
        flex-wrap: wrap;
        gap: 12px;
    }
    .de-header-left { display: flex; align-items: center; gap: 14px; }
    .de-icon {
        width: 46px; height: 46px; border-radius: 12px;
        background: var(--navy);
        display: flex; align-items: center; justify-content: center;
        font-size: 20px; flex-shrink: 0;
    }
    .de-title   { font-size: 1.2rem; font-weight: 700; color: var(--text); margin: 0; }
    .de-subtitle{ font-size: .8rem; color: var(--slate); margin: 2px 0 0; }

    .btn-add {
        display: inline-flex; align-items: center; gap: 6px;
        background: var(--navy); color: #fff;
        border: none; border-radius: 8px;
        padding: 8px 16px; font-size: .82rem; font-weight: 600;
        text-decoration: none; cursor: pointer;
        transition: background .15s;
    }
    .btn-add:hover { background: #1a2847; color: #fff; }

    /* ── Stats bar ────────────────────────────── */
    .de-stats {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
        gap: 14px;
        margin-bottom: 20px;
    }
    .de-stat {
        background: var(--white);
        border: 1px solid var(--border);
        border-radius: var(--radius);
        padding: 16px 20px;
        box-shadow: var(--shadow);
    }
    .de-stat-label {
        font-size: .72rem; font-weight: 600; letter-spacing: .06em;
        text-transform: uppercase; color: var(--muted); margin-bottom: 6px;
    }
    .de-stat-value {
        font-size: 1.45rem; font-weight: 700; color: var(--text);
        line-height: 1;
    }
    .de-stat-value.amber  { color: var(--amber);   }
    .de-stat-value.emerald{ color: var(--emerald);  }
    .de-stat-sub {
        font-size: .72rem; color: var(--muted); margin-top: 4px;
    }

    /* ── Filter card ──────────────────────────── */
    .de-filter-card {
        background: var(--white);
        border: 1px solid var(--border);
        border-radius: var(--radius);
        padding: 18px 20px;
        box-shadow: var(--shadow);
        margin-bottom: 20px;
    }
    .de-filter-label {
        font-size: .7rem; font-weight: 600; text-transform: uppercase;
        letter-spacing: .06em; color: var(--slate); margin-bottom: 5px;
        display: block;
    }
    .de-filter-card .form-control,
    .de-filter-card .form-select {
        border: 1px solid var(--border);
        border-radius: 8px;
        font-size: .83rem;
        padding: 7px 11px;
        color: var(--text);
        background: var(--bg);
        height: 36px;
        transition: border-color .15s, box-shadow .15s;
    }
    .de-filter-card .form-control:focus,
    .de-filter-card .form-select:focus {
        border-color: var(--navy);
        box-shadow: 0 0 0 3px rgba(15,22,41,.1);
        outline: none;
    }
    .btn-apply {
        background: var(--navy); color: #fff;
        border: none; border-radius: 8px;
        padding: 7px 18px; font-size: .82rem; font-weight: 600;
        cursor: pointer; height: 36px;
        transition: background .15s;
    }
    .btn-apply:hover { background: #1a2847; }
    .btn-clear {
        background: transparent; color: var(--slate);
        border: 1px solid var(--border); border-radius: 8px;
        padding: 7px 14px; font-size: .82rem; font-weight: 500;
        text-decoration: none; height: 36px;
        display: inline-flex; align-items: center;
        transition: border-color .15s, color .15s;
    }
    .btn-clear:hover { border-color: var(--slate); color: var(--text); }
    .active-filters {
        display: flex; align-items: center; gap: 6px;
        flex-wrap: wrap; margin-top: 12px;
    }
    .filter-chip {
        background: #EFF6FF; color: #1D4ED8;
        border: 1px solid #BFDBFE;
        border-radius: 20px; font-size: .72rem; font-weight: 500;
        padding: 3px 10px;
    }

    /* ── Table card ───────────────────────────── */
    .de-table-card {
        background: var(--white);
        border: 1px solid var(--border);
        border-radius: var(--radius);
        box-shadow: var(--shadow);
        overflow: hidden;
    }
    .de-table-card table {
        margin: 0; font-size: .83rem; border-collapse: collapse; width: 100%;
    }
    .de-table-card thead th {
        background: var(--bg);
        color: var(--slate);
        font-size: .7rem; font-weight: 700;
        text-transform: uppercase; letter-spacing: .06em;
        padding: 10px 14px;
        border-bottom: 1px solid var(--border);
        white-space: nowrap;
    }
    .de-table-card tbody tr {
        border-bottom: 1px solid var(--border);
        transition: background .1s;
    }
    .de-table-card tbody tr:last-child { border-bottom: none; }
    .de-table-card tbody tr:hover { background: #F8FAFF; }
    .de-table-card tbody td { padding: 11px 14px; color: var(--text); vertical-align: middle; }

    /* ── Cell types ───────────────────────────── */
    .cell-date   { font-variant-numeric: tabular-nums; color: var(--slate); font-size: .8rem; }
    .cell-vehicle{
        font-weight: 600;
        background: #F0FDF4; color: #166534;
        border-radius: 6px; padding: 3px 9px;
        display: inline-block; font-size: .78rem;
    }
    .cell-pump   {
        font-size: .78rem; color: var(--slate);
        display: flex; align-items: center; gap: 5px;
    }
    .cell-pump::before { content: '⛽'; font-size: .8rem; }
    .cell-bill   { font-size: .78rem; color: var(--muted); font-family: monospace; }
    .cell-num    {
        font-variant-numeric: tabular-nums;
        text-align: right; font-size: .84rem;
    }
    .cell-amount {
        font-variant-numeric: tabular-nums;
        text-align: right; font-weight: 700; color: var(--text);
    }
    .btn-view {
        display: inline-flex; align-items: center; gap: 4px;
        border: 1px solid var(--border); border-radius: 7px;
        padding: 4px 12px; font-size: .75rem; font-weight: 600;
        color: var(--slate); background: var(--white);
        text-decoration: none;
        transition: border-color .12s, color .12s, background .12s;
    }
    .btn-view:hover {
        border-color: var(--navy); color: var(--navy);
        background: #F1F5FF;
    }

    /* ── Empty state ──────────────────────────── */
    .de-empty {
        text-align: center; padding: 56px 20px; color: var(--muted);
    }
    .de-empty-icon { font-size: 2.8rem; margin-bottom: 10px; }
    .de-empty-title { font-size: 1rem; font-weight: 600; color: var(--slate); margin-bottom: 4px; }
    .de-empty-sub   { font-size: .82rem; }

    /* ── Table footer totals ──────────────────── */
    .de-tfoot td {
        background: var(--bg);
        font-weight: 700;
        color: var(--text);
        font-size: .82rem;
        border-top: 2px solid var(--border) !important;
        padding: 10px 14px;
    }

.bi-f4a79c077c { font-size:.72rem;color:var(--muted);font-weight:600; }

.bi-8573bae381 { width:80px; }

.bi-f9f11d017e { color: #94a3b8;font-size: .78rem; }

.bi-2599ee2f13 { color:var(--slate);font-weight:600; }

.bi-57f9e31d78 { color:var(--muted); }

.bi-8b86c16508 { color:var(--emerald); }

[data-bi-403fddf015] { padding: 2px 9px;font-size: .68rem;display: inline-flex;align-items: center;gap: 3px; }

/* --- Component: diesel\direct\pumpwise.css --- */
/* Extracted from diesel/direct/pumpwise.blade.php */

:root {
        --navy:    #0F1629;
        --amber:   #F59E0B;
        --emerald: #10B981;
        --danger:  #EF4444;
        --slate:   #64748B;
        --border:  #E2E8F0;
        --bg:      #F8FAFC;
        --white:   #FFFFFF;
        --text:    #1E293B;
        --muted:   #94A3B8;
        --radius:  12px;
        --shadow:  0 1px 3px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.04);
    }

    .pw-page { padding: 28px 0 56px; background: var(--bg); min-height: 100vh; }

    /* ── Header ── */
    .pw-header {
        display: flex; align-items: center;
        justify-content: space-between;
        margin-bottom: 22px; flex-wrap: wrap; gap: 12px;
    }
    .pw-header-left { display: flex; align-items: center; gap: 14px; }
    .pw-icon {
        width: 46px; height: 46px; border-radius: 12px;
        background: var(--navy);
        display: flex; align-items: center; justify-content: center;
        font-size: 20px; flex-shrink: 0;
    }
    .pw-title   { font-size: 1.15rem; font-weight: 700; color: var(--text); margin: 0; }
    .pw-subtitle{ font-size: .78rem; color: var(--slate); margin: 2px 0 0; }
    .btn-back {
        display: inline-flex; align-items: center; gap: 6px;
        background: var(--white); border: 1px solid var(--border);
        border-radius: 8px; padding: 7px 16px;
        font-size: .8rem; font-weight: 600;
        color: var(--slate); text-decoration: none;
        transition: border-color .15s, color .15s;
    }
    .btn-back:hover { border-color: var(--navy); color: var(--navy); }

    /* ── Summary stats ── */
    .pw-stats {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 14px; margin-bottom: 20px;
    }
    .pw-stat {
        background: var(--white); border: 1px solid var(--border);
        border-radius: var(--radius); padding: 14px 18px;
        box-shadow: var(--shadow);
    }
    .pw-stat-label {
        font-size: .68rem; font-weight: 700; text-transform: uppercase;
        letter-spacing: .07em; color: var(--muted); margin-bottom: 5px;
    }
    .pw-stat-value {
        font-size: 1.22rem; font-weight: 700;
        color: var(--text); font-variant-numeric: tabular-nums;
    }
    .pw-stat-value.amber   { color: var(--amber);   }
    .pw-stat-value.emerald { color: var(--emerald);  }
    .pw-stat-value.danger  { color: var(--danger);   }
    .pw-stat-sub { font-size: .7rem; color: var(--muted); margin-top: 3px; }

    /* ── Filter card ── */
    .pw-filter {
        background: var(--white); border: 1px solid var(--border);
        border-radius: var(--radius); padding: 16px 20px;
        box-shadow: var(--shadow); margin-bottom: 20px;
    }
    .pw-filter-label {
        font-size: .68rem; font-weight: 700; text-transform: uppercase;
        letter-spacing: .07em; color: var(--slate);
        margin-bottom: 5px; display: block;
    }
    .pw-filter .form-control {
        border: 1px solid var(--border); border-radius: 8px;
        font-size: .82rem; padding: 7px 11px;
        color: var(--text); background: var(--bg); height: 36px;
        transition: border-color .15s, box-shadow .15s;
    }
    .pw-filter .form-control:focus {
        border-color: var(--navy);
        box-shadow: 0 0 0 3px rgba(15,22,41,.1);
        outline: none;
    }
    .btn-apply {
        background: var(--navy); color: #fff; border: none;
        border-radius: 8px; padding: 7px 18px;
        font-size: .82rem; font-weight: 600;
        cursor: pointer; height: 36px; transition: background .15s;
    }
    .btn-apply:hover { background: #1a2847; }
    .btn-clear {
        background: transparent; color: var(--slate);
        border: 1px solid var(--border); border-radius: 8px;
        padding: 7px 14px; font-size: .82rem; font-weight: 500;
        text-decoration: none; height: 36px;
        display: inline-flex; align-items: center;
        transition: border-color .15s, color .15s;
    }
    .btn-clear:hover { border-color: var(--slate); color: var(--text); }

    /* ── Table card ── */
    .pw-table-card {
        background: var(--white); border: 1px solid var(--border);
        border-radius: var(--radius); box-shadow: var(--shadow);
        overflow: hidden;
    }
    .pw-table-card table {
        margin: 0; font-size: .82rem; border-collapse: collapse; width: 100%;
    }
    .pw-table-card thead th {
        background: var(--bg); color: var(--slate);
        font-size: .68rem; font-weight: 700;
        text-transform: uppercase; letter-spacing: .07em;
        padding: 10px 14px; border-bottom: 1px solid var(--border);
        white-space: nowrap;
    }
    .pw-table-card tbody tr {
        border-bottom: 1px solid var(--border);
        transition: background .1s;
    }
    .pw-table-card tbody tr:last-child { border-bottom: none; }
    .pw-table-card tbody tr:hover { background: #F8FAFF; }
    .pw-table-card tbody td { padding: 13px 14px; color: var(--text); vertical-align: middle; }

    /* ── Pump name ── */
    .cell-pump {
        display: flex; align-items: center; gap: 8px;
    }
    .pump-dot {
        width: 8px; height: 8px; border-radius: 50%;
        background: var(--amber); flex-shrink: 0;
    }
    .pump-name { font-weight: 600; color: var(--text); }

    /* ── Amount cells ── */
    .cell-num    { text-align: right; font-variant-numeric: tabular-nums; }
    .cell-paid   { text-align: right; font-variant-numeric: tabular-nums; font-weight: 600; color: var(--emerald); }
    .cell-due    { text-align: right; font-variant-numeric: tabular-nums; font-weight: 700; }
    .due-zero    { color: var(--emerald); }
    .due-pos     { color: var(--danger); }

    /* ── Due pill ── */
    .due-pill {
        display: inline-block; border-radius: 6px;
        padding: 3px 9px; font-size: .78rem; font-weight: 700;
        font-variant-numeric: tabular-nums;
    }
    .due-pill.clear { background: #F0FDF4; color: #166534; border: 1px solid #BBF7D0; }
    .due-pill.owed  { background: #FFF1F2; color: #991B1B; border: 1px solid #FECDD3; }

    /* ── Action buttons ── */
    .cell-actions { display: flex; align-items: center; gap: 6px; }
    .btn-view {
        display: inline-flex; align-items: center; gap: 4px;
        border: 1px solid var(--border); border-radius: 7px;
        padding: 5px 12px; font-size: .74rem; font-weight: 600;
        color: var(--slate); background: var(--white);
        text-decoration: none;
        transition: border-color .12s, color .12s, background .12s;
    }
    .btn-view:hover { border-color: var(--navy); color: var(--navy); background: #F1F5FF; }

    .btn-challan {
        display: inline-flex; align-items: center; gap: 4px;
        border: 1px solid #BFDBFE; border-radius: 7px;
        padding: 5px 12px; font-size: .74rem; font-weight: 600;
        color: #1D4ED8; background: #EFF6FF;
        text-decoration: none;
        transition: background .12s, border-color .12s;
    }
    .btn-challan:hover { background: #DBEAFE; border-color: #93C5FD; color: #1D4ED8; }

    .btn-pay {
        display: inline-flex; align-items: center; gap: 4px;
        border: none; border-radius: 7px;
        padding: 5px 12px; font-size: .74rem; font-weight: 600;
        color: #fff; background: var(--emerald);
        cursor: pointer;
        transition: background .12s;
    }
    .btn-pay:hover { background: #059669; }

    /* ── Tfoot ── */
    .pw-tfoot td {
        background: var(--bg); font-weight: 700; color: var(--text);
        font-size: .81rem; border-top: 2px solid var(--border) !important;
        padding: 10px 14px;
    }

    /* ── Empty ── */
    .pw-empty { text-align: center; padding: 52px 20px; color: var(--muted); }
    .pw-empty-icon  { font-size: 2.6rem; margin-bottom: 10px; }
    .pw-empty-title { font-size: .95rem; font-weight: 600; color: var(--slate); margin-bottom: 4px; }
    .pw-empty-sub   { font-size: .8rem; }

    /* ── Modal ── */
    .pw-modal .modal-content {
        border: 1px solid var(--border);
        border-radius: var(--radius);
        box-shadow: 0 8px 32px rgba(0,0,0,.12);
    }
    .pw-modal .modal-header {
        background: var(--navy); color: #fff;
        border-radius: calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0 0;
        padding: 16px 20px; border-bottom: none;
    }
    .pw-modal .modal-header .modal-title { font-size: .9rem; font-weight: 700; color: #fff; }
    .pw-modal .modal-header .btn-close { filter: invert(1) brightness(2); }
    .pw-modal .modal-body { padding: 20px; }
    .pw-modal .modal-footer { padding: 14px 20px; border-top: 1px solid var(--border); }

    .pw-modal .form-label-sm {
        font-size: .7rem; font-weight: 700; text-transform: uppercase;
        letter-spacing: .06em; color: var(--slate); margin-bottom: 5px;
        display: block;
    }
    .pw-modal .form-control,
    .pw-modal .form-select {
        border: 1px solid var(--border); border-radius: 8px;
        font-size: .84rem; padding: 8px 12px;
        color: var(--text);
        transition: border-color .15s, box-shadow .15s;
    }
    .pw-modal .form-control:focus,
    .pw-modal .form-select:focus {
        border-color: var(--navy);
        box-shadow: 0 0 0 3px rgba(15,22,41,.1);
        outline: none;
    }
    .pw-modal textarea.form-control { height: 72px; resize: none; }
    .btn-save-payment {
        background: var(--navy); color: #fff; border: none;
        border-radius: 8px; padding: 8px 22px;
        font-size: .84rem; font-weight: 600; cursor: pointer;
        transition: background .15s;
    }
    .btn-save-payment:hover { background: #1a2847; }

    /* ── Due highlight row ── */
    .row-due td:first-child { border-left: 3px solid var(--danger); }

    @media (max-width: 768px) {
        .cell-actions { flex-wrap: wrap; }
    }

.bi-0fac9183d5 { width:220px; }

.bi-eed0f8fb89 { font-weight:600; }

.bi-2599ee2f13 { color:var(--slate);font-weight:600; }

.bi-8b86c16508 { color:var(--emerald); }

.bi-a630547155 { font-size:.75rem;font-weight:700;color:var(--slate);text-transform:uppercase;letter-spacing:.06em; }

/* --- Component: diesel\direct\pump_show.css --- */
/* Extracted from diesel/direct/pump_show.blade.php */

:root {
        --navy:    #0F1629;
        --amber:   #F59E0B;
        --emerald: #10B981;
        --danger:  #EF4444;
        --slate:   #64748B;
        --border:  #E2E8F0;
        --bg:      #F8FAFC;
        --white:   #FFFFFF;
        --text:    #1E293B;
        --muted:   #94A3B8;
        --radius:  12px;
        --shadow:  0 1px 3px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.04);
    }

    .pl-page { padding: 28px 0 56px; background: var(--bg); min-height: 100vh; }

    /* ── Header ── */
    .pl-header {
        display: flex; align-items: center;
        justify-content: space-between;
        margin-bottom: 22px; flex-wrap: wrap; gap: 12px;
    }
    .pl-header-left { display: flex; align-items: center; gap: 14px; }
    .pl-icon {
        width: 46px; height: 46px; border-radius: 12px;
        background: var(--navy);
        display: flex; align-items: center; justify-content: center;
        font-size: 20px; flex-shrink: 0;
    }
    .pl-title   { font-size: 1.15rem; font-weight: 700; color: var(--text); margin: 0; }
    .pl-subtitle{ font-size: .78rem; color: var(--slate); margin: 2px 0 0; }
    .pl-pump-badge {
        display: inline-block;
        background: #FEF3C7; color: #92400E;
        border: 1px solid #FDE68A;
        border-radius: 20px; padding: 3px 12px;
        font-size: .75rem; font-weight: 700;
        margin-top: 4px;
    }
    .pl-header-actions { display: flex; gap: 8px; align-items: center; }
    .btn-print {
        display: inline-flex; align-items: center; gap: 6px;
        background: var(--white); border: 1px solid var(--border);
        border-radius: 8px; padding: 7px 16px;
        font-size: .8rem; font-weight: 600;
        color: var(--slate); cursor: pointer;
        transition: border-color .15s, color .15s;
    }
    .btn-print:hover { border-color: var(--navy); color: var(--navy); }
    .btn-back {
        display: inline-flex; align-items: center; gap: 6px;
        background: var(--white); border: 1px solid var(--border);
        border-radius: 8px; padding: 7px 16px;
        font-size: .8rem; font-weight: 600;
        color: var(--slate); text-decoration: none;
        transition: border-color .15s, color .15s;
    }
    .btn-back:hover { border-color: var(--navy); color: var(--navy); }

    /* ── Summary stats ── */
    .pl-stats {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 14px; margin-bottom: 20px;
    }
    .pl-stat {
        background: var(--white); border: 1px solid var(--border);
        border-radius: var(--radius); padding: 16px 20px;
        box-shadow: var(--shadow); position: relative; overflow: hidden;
    }
    .pl-stat::after {
        content: ''; position: absolute;
        bottom: 0; left: 0; right: 0; height: 3px;
        background: var(--border);
    }
    .pl-stat.s-litres::after  { background: var(--amber);   }
    .pl-stat.s-billed::after  { background: var(--slate);   }
    .pl-stat.s-paid::after    { background: var(--emerald); }
    .pl-stat.s-due::after     { background: var(--danger);  }
    .pl-stat-label {
        font-size: .68rem; font-weight: 700; text-transform: uppercase;
        letter-spacing: .07em; color: var(--muted); margin-bottom: 6px;
    }
    .pl-stat-value {
        font-size: 1.35rem; font-weight: 800;
        color: var(--text); font-variant-numeric: tabular-nums; line-height: 1;
    }
    .pl-stat-value.amber   { color: var(--amber);   }
    .pl-stat-value.emerald { color: var(--emerald);  }
    .pl-stat-value.danger  { color: var(--danger);   }
    .pl-stat-sub { font-size: .7rem; color: var(--muted); margin-top: 5px; }

    /* ── Ledger table card ── */
    .pl-card {
        background: var(--white); border: 1px solid var(--border);
        border-radius: var(--radius); box-shadow: var(--shadow);
        overflow: hidden;
    }
    .pl-card-header {
        padding: 13px 20px; background: var(--bg);
        border-bottom: 1px solid var(--border);
        font-size: .72rem; font-weight: 700;
        text-transform: uppercase; letter-spacing: .08em; color: var(--slate);
        display: flex; align-items: center; justify-content: space-between;
    }
    .pl-card table {
        margin: 0; font-size: .82rem; border-collapse: collapse; width: 100%;
    }
    .pl-card thead th {
        background: var(--bg); color: var(--slate);
        font-size: .68rem; font-weight: 700;
        text-transform: uppercase; letter-spacing: .07em;
        padding: 10px 14px; border-bottom: 1px solid var(--border);
        white-space: nowrap;
    }
    .pl-card tbody tr {
        border-bottom: 1px solid var(--border);
        transition: background .1s;
    }
    .pl-card tbody tr:last-child { border-bottom: none; }
    .pl-card tbody tr:hover { background: #F8FAFF; }
    .pl-card tbody td { padding: 11px 14px; color: var(--text); vertical-align: middle; }

    /* ── Row types ── */
    .row-debit  { border-left: 3px solid #FECDD3; }
    .row-credit { border-left: 3px solid #BBF7D0; }

    .cell-date { color: var(--slate); font-size: .79rem; font-variant-numeric: tabular-nums; }
    .cell-desc { color: var(--text); }
    .cell-desc .desc-tag {
        display: inline-block; border-radius: 5px;
        padding: 1px 7px; font-size: .7rem; font-weight: 600;
        margin-right: 5px; vertical-align: middle;
    }
    .tag-diesel  { background: #FEF3C7; color: #92400E; }
    .tag-payment { background: #F0FDF4; color: #166534; }

    .cell-num    { text-align: right; font-variant-numeric: tabular-nums; color: var(--muted); }
    .cell-debit  { text-align: right; font-variant-numeric: tabular-nums; font-weight: 600; color: var(--danger); }
    .cell-credit { text-align: right; font-variant-numeric: tabular-nums; font-weight: 600; color: var(--emerald); }
    .cell-balance{
        text-align: right; font-variant-numeric: tabular-nums;
        font-weight: 700; color: var(--text);
    }
    .cell-balance.zero { color: var(--emerald); }
    .cell-balance.owed { color: var(--danger);  }

    /* ── Tfoot ── */
    .pl-tfoot td {
        background: var(--navy); color: rgba(255,255,255,.7);
        font-weight: 700; font-size: .82rem;
        border-top: 2px solid var(--navy) !important;
        padding: 12px 14px;
    }
    .pl-tfoot .closing-label { color: rgba(255,255,255,.5); font-size: .7rem; }
    .pl-tfoot .closing-value { color: var(--amber); font-size: 1rem; }

    /* ── Empty ── */
    .pl-empty { text-align: center; padding: 52px 20px; color: var(--muted); }
    .pl-empty-icon  { font-size: 2.6rem; margin-bottom: 10px; }
    .pl-empty-title { font-size: .95rem; font-weight: 600; color: var(--slate); margin-bottom: 4px; }

    /* ══════════════════════════════════════
       PRINT STYLES
    ══════════════════════════════════════ */
    @media print {
        body, .pl-page { background: #fff !important; padding: 0 !important; }
        .no-print      { display: none !important; }
        .print-only    { display: block !important; }

        .pl-card {
            border: none; box-shadow: none; border-radius: 0;
        }
        .pl-card table  { font-size: 10px; width: 100%; }
        .pl-card thead th,
        .pl-card tbody td,
        .pl-tfoot td {
            border: 1px solid #ccc !important;
            padding: 4px 6px !important;
        }
        .pl-card thead th { background: #f0f0f0 !important; color: #000 !important; }
        .pl-tfoot td      { background: #f0f0f0 !important; color: #000 !important; }

        .pl-stats {
            display: grid !important;
            grid-template-columns: repeat(4,1fr) !important;
            gap: 8px !important; margin-bottom: 12px !important;
        }
        .pl-stat {
            border: 1px solid #ccc !important;
            box-shadow: none !important; padding: 8px 10px !important;
        }
        .pl-stat-value { font-size: 1rem !important; }

        .row-debit, .row-credit { border-left: none !important; }
    }

    /* ── Print-only header/footer ── */
    .print-only { display: none; }
    .print-header-wrap {
        border-bottom: 2px solid #000; margin-bottom: 8px; padding-bottom: 8px;
    }
    .print-co-name {
        font-size: 16px; font-weight: 800; text-align: center; margin: 0;
    }
    .print-co-sub  { font-size: 10px; text-align: center; color: #444; }
    .print-doc-title {
        font-size: 13px; font-weight: 700; text-align: center;
        margin: 6px 0 2px; text-transform: uppercase; letter-spacing: .05em;
    }
    .print-pump-sub { font-size: 10px; text-align: center; color: #555; margin-bottom: 4px; }

    @media (max-width: 768px) {
        .pl-stats { grid-template-columns: 1fr 1fr; }
    }
    @media (max-width: 480px) {
        .pl-stats { grid-template-columns: 1fr; }
    }

.bi-da12f2858b { margin-bottom:12px; }

.bi-67a53abd1a { text-align:right;font-size:10px; }

.bi-442d9d9a27 { font-size:.75rem;color:var(--muted);font-weight:500;text-transform:none;letter-spacing:0; }

.bi-54c2afb7ba { text-align:right; }

.bi-d9f149756a { margin-top:40px; }

.bi-86ca94fc82 { text-align:center;font-size:11px; }

/* --- Component: diesel\direct\show.css --- */
/* Extracted from diesel/direct/show.blade.php */

:root {
        --navy:    #0F1629;
        --amber:   #F59E0B;
        --emerald: #10B981;
        --slate:   #64748B;
        --border:  #E2E8F0;
        --bg:      #F8FAFC;
        --white:   #FFFFFF;
        --text:    #1E293B;
        --muted:   #94A3B8;
        --radius:  12px;
        --shadow:  0 1px 3px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.04);
    }

    .dd-page {
        padding: 32px 0 56px;
        background: var(--bg);
        min-height: 100vh;
    }

    /* ── Breadcrumb ── */
    .dd-breadcrumb {
        display: flex; align-items: center; gap: 6px;
        font-size: .75rem; color: var(--muted);
        margin-bottom: 20px;
    }
    .dd-breadcrumb a { color: var(--slate); text-decoration: none; }
    .dd-breadcrumb a:hover { color: var(--text); }
    .dd-breadcrumb span { color: var(--muted); }

    /* ── Hero banner ── */
    .dd-hero {
        background: var(--navy);
        border-radius: var(--radius);
        padding: 28px 32px;
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 16px;
        position: relative;
        overflow: hidden;
    }
   .dd-hero::before {
    content: '⛽';
    position: absolute;
    right: 201px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 5rem;
    opacity: .5;
    pointer-events: none;
}
    .dd-hero-label {
        font-size: .7rem; font-weight: 700; letter-spacing: .1em;
        text-transform: uppercase; color: rgba(255,255,255,.45);
        margin-bottom: 6px;
    }
    .dd-hero-vehicle {
        font-size: 1.7rem; font-weight: 800;
        color: #fff; letter-spacing: .02em;
        line-height: 1;
    }
    .dd-hero-pump {
        font-size: .88rem; color: rgba(255,255,255,.6);
        margin-top: 6px;
        display: flex; align-items: center; gap: 6px;
    }
    .dd-hero-pump::before { content: '⛽'; font-size: .9rem; }

    .dd-hero-right { text-align: right; }
    .dd-hero-amount-label {
        font-size: .7rem; font-weight: 700; letter-spacing: .08em;
        text-transform: uppercase; color: rgba(255,255,255,.45);
        margin-bottom: 4px;
    }
    .dd-hero-amount {
        font-size: 2.2rem; font-weight: 800; line-height: 1;
        color: var(--amber);
    }
    .dd-hero-date {
        font-size: .78rem; color: rgba(255,255,255,.45);
        margin-top: 5px;
    }

    /* ── Metric pills row ── */
    .dd-metrics {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 14px;
        margin-bottom: 20px;
    }
    .dd-metric {
        background: var(--white);
        border: 1px solid var(--border);
        border-radius: var(--radius);
        padding: 16px 18px;
        box-shadow: var(--shadow);
    }
    .dd-metric-label {
        font-size: .68rem; font-weight: 700; text-transform: uppercase;
        letter-spacing: .07em; color: var(--muted); margin-bottom: 6px;
    }
    .dd-metric-value {
        font-size: 1.3rem; font-weight: 700; color: var(--text);
        font-variant-numeric: tabular-nums;
    }
    .dd-metric-value.amber   { color: var(--amber);   }
    .dd-metric-value.emerald { color: var(--emerald);  }
    .dd-metric-unit {
        font-size: .72rem; color: var(--muted); margin-top: 2px;
    }

    /* ── Detail card ── */
    .dd-card {
        background: var(--white);
        border: 1px solid var(--border);
        border-radius: var(--radius);
        box-shadow: var(--shadow);
        overflow: hidden;
        margin-bottom: 16px;
    }
    .dd-card-header {
        padding: 13px 20px;
        background: var(--bg);
        border-bottom: 1px solid var(--border);
        font-size: .72rem; font-weight: 700;
        text-transform: uppercase; letter-spacing: .08em;
        color: var(--slate);
    }
    .dd-row {
        display: flex;
        align-items: baseline;
        padding: 13px 20px;
        border-bottom: 1px solid var(--border);
        gap: 12px;
    }
    .dd-row:last-child { border-bottom: none; }
    .dd-row-label {
        flex: 0 0 150px;
        font-size: .78rem; font-weight: 600;
        color: var(--slate);
    }
    .dd-row-value {
        flex: 1;
        font-size: .88rem; color: var(--text);
    }
    .dd-row-value.mono { font-family: monospace; font-size: .85rem; }
    .dd-row-value.muted { color: var(--muted); font-style: italic; }

    .vehicle-badge {
        display: inline-block;
        background: #F0FDF4; color: #166534;
        border: 1px solid #BBF7D0;
        border-radius: 6px; padding: 3px 10px;
        font-weight: 700; font-size: .82rem;
    }

    /* ── Remarks block ── */
    .dd-remarks {
        background: #FFFBEB;
        border: 1px solid #FDE68A;
        border-radius: 8px;
        padding: 12px 16px;
        font-size: .84rem; color: #92400E;
        line-height: 1.5;
    }

    /* ── Footer actions ── */
    .dd-actions {
        display: flex;
        justify-content: flex-end;
        gap: 10px;
        padding-top: 4px;
    }
    .btn-back {
        display: inline-flex; align-items: center; gap: 6px;
        background: var(--white);
        border: 1px solid var(--border);
        border-radius: 8px; padding: 9px 20px;
        font-size: .82rem; font-weight: 600;
        color: var(--slate); text-decoration: none;
        transition: border-color .15s, color .15s;
    }
    .btn-back:hover { border-color: var(--navy); color: var(--navy); }

    @media (max-width: 576px) {
        .dd-metrics { grid-template-columns: 1fr 1fr; }
        .dd-hero-amount { font-size: 1.6rem; }
        .dd-hero-vehicle { font-size: 1.3rem; }
        .dd-row-label { flex: 0 0 120px; }
    }

.bi-baf0a762ef { color:var(--muted);font-size:.75rem;margin-left:6px; }

.bi-94bfdd650b { padding: 16px 20px; }

.bi-01b92734ce { padding:16px 20px; }

.bi-4d92e65d72 { margin-left:10px;font-size:.72rem;color:#64748b; }

[data-bi-1cb56dda3b] { padding:6px 14px;font-size:.82rem;display:inline-flex;align-items:center;gap:5px;text-decoration:none; }

/* --- Component: diesel\drum\index.css --- */
/* Extracted from diesel/drum/index.blade.php */

:root {
        --navy:    #01204e;
        --amber:   #F59E0B;
        --emerald: #10B981;
        --danger:  #EF4444;
        --slate:   #64748B;
        --border:  #E2E8F0;
        --bg:      #F8FAFC;
        --white:   #FFFFFF;
        --text:    #1E293B;
        --muted:   #94A3B8;
        --radius:  12px;
        --shadow:  0 1px 3px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.04);
    }

    .ds-page { padding: 28px 0 56px; background: var(--bg); min-height: 100vh; }

    /* ── Page header ── */
    .ds-header {
        display: flex; align-items: center;
        justify-content: space-between;
        margin-bottom: 22px; flex-wrap: wrap; gap: 12px;
    }
    .ds-header-left { display: flex; align-items: center; gap: 14px; }
    .ds-icon {
        width: 46px; height: 46px; border-radius: 12px;
        background: var(--navy);
        display: flex; align-items: center; justify-content: center;
        font-size: 20px; flex-shrink: 0;
    }
    .ds-title   { font-size: 1.15rem; font-weight: 700; color: var(--text); margin: 0; }
    .ds-subtitle{ font-size: .78rem; color: var(--slate); margin: 2px 0 0; }

    /* ── Stock hero ── */
    .ds-stock-hero {
        background: var(--navy);
        border-radius: var(--radius);
        padding: 22px 28px;
        margin-bottom: 20px;
        display: flex; align-items: center;
        justify-content: space-between;
        flex-wrap: wrap; gap: 16px;
        position: relative; overflow: hidden;
    }
    .ds-stock-hero::before {
        content: '🛢️';
        position: absolute; right: 240px; top: 50%;
        transform: translateY(-50%);
        font-size: 4.5rem; opacity: .8; pointer-events: none;
    }
    .ds-stock-label {
        font-size: .68rem; font-weight: 700; letter-spacing: .1em;
        text-transform: uppercase; color: rgba(255,255,255,.4);
        margin-bottom: 6px;
    }
    .ds-stock-value {
        font-size: 2.4rem; font-weight: 800; line-height: 1;
        color: var(--amber);
    }
    .ds-stock-unit {
        font-size: .82rem; color: rgba(255,255,255,.4);
        margin-top: 5px;
    }
    .ds-stock-badge {
        display: inline-flex; align-items: center; gap: 6px;
        background: rgba(16,185,129,.15);
        border: 1px solid rgba(16,185,129,.3);
        border-radius: 20px; padding: 5px 14px;
        font-size: .78rem; font-weight: 600; color: #6EE7B7;
    }
    .ds-stock-badge::before {
        content: ''; width: 7px; height: 7px; border-radius: 50%;
        background: var(--emerald);
        box-shadow: 0 0 6px var(--emerald);
    }

    /* ── Summary stats ── */
    .ds-stats {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
        gap: 14px; margin-bottom: 20px;
    }
    .ds-stat {
        background: var(--white); border: 1px solid var(--border);
        border-radius: var(--radius); padding: 14px 18px;
        box-shadow: var(--shadow);
    }
    .ds-stat-label {
        font-size: .68rem; font-weight: 700; text-transform: uppercase;
        letter-spacing: .07em; color: var(--muted); margin-bottom: 5px;
    }
    .ds-stat-value {
        font-size: 1.25rem; font-weight: 700;
        color: var(--text); font-variant-numeric: tabular-nums;
    }
    .ds-stat-value.amber   { color: var(--amber);   }
    .ds-stat-value.emerald { color: var(--emerald);  }
    .ds-stat-value.danger  { color: var(--danger);   }
    .ds-stat-sub { font-size: .7rem; color: var(--muted); margin-top: 3px; }

    /* ── Filter card ── */
    .ds-filter {
        background: var(--white); border: 1px solid var(--border);
        border-radius: var(--radius); padding: 16px 20px;
        box-shadow: var(--shadow); margin-bottom: 20px;
    }
    .ds-filter-label {
        font-size: .68rem; font-weight: 700; text-transform: uppercase;
        letter-spacing: .07em; color: var(--slate);
        margin-bottom: 5px; display: block;
    }
    .ds-filter .form-control,
    .ds-filter .form-select {
        border: 1px solid var(--border); border-radius: 8px;
        font-size: .82rem; padding: 7px 11px;
        color: var(--text); background: var(--bg); height: 36px;
        transition: border-color .15s, box-shadow .15s;
    }
    .ds-filter .form-control:focus,
    .ds-filter .form-select:focus {
        border-color: var(--navy);
        box-shadow: 0 0 0 3px rgba(15,22,41,.1);
        outline: none;
    }
    .btn-apply {
        background: var(--navy); color: #fff; border: none;
        border-radius: 8px; padding: 7px 18px;
        font-size: .82rem; font-weight: 600;
        cursor: pointer; height: 36px; transition: background .15s;
    }
    .btn-apply:hover { background: #1a2847; }
    .btn-clear {
        background: transparent; color: var(--slate);
        border: 1px solid var(--border); border-radius: 8px;
        padding: 7px 14px; font-size: .82rem; font-weight: 500;
        text-decoration: none; height: 36px;
        display: inline-flex; align-items: center;
        transition: border-color .15s, color .15s;
    }
    .btn-clear:hover { border-color: var(--slate); color: var(--text); }

    .filter-chips {
        display: flex; align-items: center; gap: 6px;
        flex-wrap: wrap; margin-top: 10px;
    }
    .filter-chip {
        background: #EFF6FF; color: #1D4ED8;
        border: 1px solid #BFDBFE;
        border-radius: 20px; font-size: .7rem; font-weight: 500;
        padding: 2px 10px;
    }

    /* ── Table card ── */
    .ds-table-card {
        background: var(--white); border: 1px solid var(--border);
        border-radius: var(--radius); box-shadow: var(--shadow);
        overflow: hidden;
    }
    .ds-table-card table {
        margin: 0; font-size: .82rem; border-collapse: collapse; width: 100%;
    }
    .ds-table-card thead th {
        background: var(--bg); color: var(--slate);
        font-size: .68rem; font-weight: 700;
        text-transform: uppercase; letter-spacing: .07em;
        padding: 10px 14px; border-bottom: 1px solid var(--border);
        white-space: nowrap;
    }
    .ds-table-card tbody tr {
        border-bottom: 1px solid var(--border);
        transition: background .1s;
    }
    .ds-table-card tbody tr:last-child { border-bottom: none; }
    .ds-table-card tbody tr:hover { background: #F8FAFF; }
    .ds-table-card tbody td { padding: 11px 14px; color: var(--text); vertical-align: middle; }

    /* ── Type badges ── */
    .type-in {
        display: inline-flex; align-items: center; gap: 5px;
        background: #F0FDF4; color: #166534;
        border: 1px solid #BBF7D0;
        border-radius: 6px; padding: 3px 10px;
        font-size: .72rem; font-weight: 700; letter-spacing: .04em;
    }
    .type-in::before  { content:'↓'; font-size: .85rem; }
    .type-out {
        display: inline-flex; align-items: center; gap: 5px;
        background: #FFF1F2; color: #991B1B;
        border: 1px solid #FECDD3;
        border-radius: 6px; padding: 3px 10px;
        font-size: .72rem; font-weight: 700; letter-spacing: .04em;
    }
    .type-out::before { content:'↑'; font-size: .85rem; }

    .cell-vehicle {
        display: inline-block;
        background: #F0FDF4; color: #166534;
        border: 1px solid #BBF7D0;
        border-radius: 6px; padding: 2px 9px;
        font-weight: 700; font-size: .76rem;
    }
    .cell-date  { color: var(--slate); font-size: .79rem; font-variant-numeric: tabular-nums; }
    .cell-num   { text-align: right; font-variant-numeric: tabular-nums; }
    .cell-amount{ text-align: right; font-weight: 700; font-variant-numeric: tabular-nums; }
    .cell-muted { color: var(--muted); }

    .btn-view {
        display: inline-flex; align-items: center; gap: 4px;
        border: 1px solid var(--border); border-radius: 7px;
        padding: 4px 12px; font-size: .74rem; font-weight: 600;
        color: var(--slate); background: var(--white);
        text-decoration: none;
        transition: border-color .12s, color .12s, background .12s;
    }
    .btn-view:hover { border-color: var(--navy); color: var(--navy); background: #F1F5FF; }

    /* ── Tfoot ── */
    .ds-tfoot td {
        background: var(--bg); font-weight: 700; color: var(--text);
        font-size: .81rem; border-top: 2px solid var(--border) !important;
        padding: 10px 14px;
    }

    /* ── Empty ── */
    .ds-empty { text-align: center; padding: 52px 20px; color: var(--muted); }
    .ds-empty-icon  { font-size: 2.6rem; margin-bottom: 10px; }
    .ds-empty-title { font-size: .95rem; font-weight: 600; color: var(--slate); margin-bottom: 4px; }
    .ds-empty-sub   { font-size: .8rem; }

    @media (max-width: 576px) {
        .ds-stock-value { font-size: 1.8rem; }
    }

.bi-2ad0a7da51 { font-size:.68rem;color:var(--muted);font-weight:700; }

.bi-8573bae381 { width:80px; }

.bi-f9f11d017e { color: #94a3b8;font-size: .78rem; }

.bi-2599ee2f13 { color:var(--slate);font-weight:600; }

.bi-57f9e31d78 { color:var(--muted); }

.bi-8b86c16508 { color:var(--emerald); }

[data-bi-403fddf015] { padding: 2px 9px;font-size: .68rem;display: inline-flex;align-items: center;gap: 3px; }

/* --- Component: diesel\entry.css --- */
/* Extracted from diesel/entry.blade.php */

:root {
  --bg:        #f0f4f8;
  --card:      #ffffff;
  --header:    #102b5b;
  --accent:    #3b82f6;
  --accent-lt: #eff6ff;
  --green:     #10b981;
  --green-lt:  #f0fdf4;
  --amber:     #f59e0b;
  --amber-lt:  #fffbeb;
  --teal:      #0d9488;
  --teal-lt:   #f0fdfa;
  --danger:    #ef4444;
  --danger-lt: #fef2f2;
  --border:    #e2e8f0;
  --muted:     #94a3b8;
  --text:      #1e293b;
  --text-sm:   #64748b;
  --radius:    8px;
}

body { background: var(--bg); font-family: 'Inter', system-ui, sans-serif; }
.de-page { max-width: 980px; margin: 0 auto; padding: 24px 16px 100px; }

.de-page-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; flex-wrap: wrap; gap: 12px; }
.de-page-header h5 { font-size: 1.05rem; font-weight: 700; color: var(--header); margin: 0; display: flex; align-items: center; gap: 8px; }
.de-header-actions { display: flex; align-items: center; gap: 8px; }

.btn-back { font-size: .78rem; color: var(--text-sm); text-decoration: none; display: inline-flex; align-items: center; gap: 5px; border: 1px solid var(--border); border-radius: 6px; padding: 6px 14px; background: #fff; transition: all .12s; }
.btn-back:hover { border-color: var(--accent); color: var(--accent); }
.btn-import { font-size: .78rem; color: var(--accent); text-decoration: none; display: inline-flex; align-items: center; gap: 5px; border: 1px solid #bfdbfe; border-radius: 6px; padding: 6px 14px; background: var(--accent-lt); transition: all .12s; font-weight: 600; }
.btn-import:hover { background: var(--accent); color: #fff; border-color: var(--accent); }

.de-alert { display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-radius: var(--radius); font-size: .82rem; margin-bottom: 16px; border-left: 4px solid; }
.de-alert.success { background: var(--green-lt);  border-color: var(--green);  color: #065f46; }
.de-alert.danger  { background: var(--danger-lt); border-color: var(--danger); color: #991b1b; }

.type-switcher { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 20px; }
.type-card { position: relative; cursor: pointer; background: var(--card); border: 2px solid var(--border); border-radius: var(--radius); padding: 16px 20px; display: flex; align-items: center; gap: 14px; transition: all .15s; }
.type-card input[type=radio] { position: absolute; opacity: 0; width: 0; height: 0; }
.type-card:hover { border-color: var(--accent); background: var(--accent-lt); }
.type-card.selected { border-color: var(--accent); background: var(--accent-lt); box-shadow: 0 0 0 3px rgba(59,130,246,.12); }
.type-card.selected.green-sel { border-color: var(--green); background: var(--green-lt); box-shadow: 0 0 0 3px rgba(16,185,129,.1); }
.type-icon { width: 44px; height: 44px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.3rem; flex-shrink: 0; }
.type-icon.blue  { background: var(--accent-lt); }
.type-icon.green { background: var(--green-lt); }
.type-card .tc-title { font-size: .9rem; font-weight: 700; color: var(--header); }
.type-card .tc-sub   { font-size: .7rem; color: var(--muted); margin-top: 2px; }

.de-card { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: 0 1px 4px rgba(0,0,0,.06); margin-bottom: 16px; overflow: hidden; }
.de-card-head { background: var(--header); color: #fff; padding: 12px 20px; font-size: .72rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; display: flex; align-items: center; justify-content: space-between; gap: 10px; border-left: 4px solid var(--accent); }
.de-card-head.green { border-left-color: var(--green); background: #0b2018; }
.de-card-head i { opacity: .65; font-size: .95rem; }
.de-card-body { padding: 20px; }

.form-label { font-size: .62rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--text-sm); display: block; margin-bottom: 4px; }
.form-control, .form-select { font-size: .875rem; color: var(--text); border: 1px solid var(--border); border-radius: 6px; padding: 8px 10px; background: #fff; width: 100%; transition: border-color .14s, box-shadow .14s; }
.form-control:focus, .form-select:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(59,130,246,.12); outline: none; }
.form-control[readonly] { background: #f8fafc; color: var(--text-sm); }
.form-control.computed       { background: var(--accent-lt); color: var(--accent); font-weight: 700; font-family: 'JetBrains Mono',monospace; border-color: #bfdbfe; }
.form-control.computed-green { background: var(--green-lt);  color: var(--green);  font-weight: 700; font-family: 'JetBrains Mono',monospace; border-color: #6ee7b7; }

.grid-4 { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }
.grid-3 { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.grid-2 { display: grid; grid-template-columns: repeat(2,1fr); gap: 14px; }
@media(max-width:768px) { .grid-4 { grid-template-columns: 1fr 1fr; } .grid-3 { grid-template-columns: 1fr 1fr; } }
@media(max-width:480px) { .grid-4, .grid-3, .grid-2 { grid-template-columns: 1fr; } }

.txn-tab { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 20px; }
.txn-btn { padding: 10px; text-align: center; border-radius: 6px; cursor: pointer; font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; border: 2px solid var(--border); background: #fff; color: var(--muted); transition: all .14s; }
.txn-btn.active-in  { border-color: var(--green);  background: var(--green-lt);  color: #065f46; }
.txn-btn.active-out { border-color: var(--accent);  background: var(--accent-lt); color: #1e40af; }

.new-input-wrap { margin-top: 6px; display: none; }
.new-input-wrap input { border-style: dashed; background: #fffbeb; border-color: var(--amber); }
.new-input-wrap input:focus { border-style: solid; border-color: var(--amber); box-shadow: 0 0 0 3px rgba(245,158,11,.1); }

.km-group { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; align-items: end; }
.km-separator { display: flex; align-items: center; justify-content: center; font-size: .7rem; color: var(--muted); padding: 0 4px; padding-top: 22px; }
@media(max-width:480px) { .km-group { grid-template-columns: 1fr; } .km-separator { display: none; } }

.de-footer { bottom: 0; left: 0; right: 0; z-index: 100; background: var(--header); border-top: 3px solid var(--accent); padding: 12px 28px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.de-footer .amt-info  { display: flex; flex-direction: column; }
.de-footer .amt-label { font-size: .62rem; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; color: #64748b; }
.de-footer .amt-val   { font-size: 1.2rem; font-weight: 800; color: #fff; font-family: 'JetBrains Mono',monospace; }
.de-footer .actions   { display: flex; gap: 8px; }

.btn-save { background: var(--accent); color: #fff; border: none; padding: 10px 24px; border-radius: 6px; font-size: .82rem; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; transition: background .14s; }
.btn-save:hover { background: #2563eb; }
.btn-save.green { background: var(--green); }
.btn-save.green:hover { background: #059669; }

.bi-9bcd21d223 { font-size:.85rem; }

.bi-2b583d7389 { margin-bottom:14px; }

.bi-497726e8c9 { color:var(--danger); }

.bi-6b99de8b69 { display:none; }

.bi-015a5e7fbe { display:flex;align-items:center;gap:8px; }

.bi-cea0bdb62c { margin:0;padding:6px 12px;border-radius:6px;background:rgba(13,148,136,.15);border:1px solid rgba(13,148,136,.3);display:flex;align-items:center;gap:8px; }

.bi-e1be407ef4 { font-size:.9rem;color:#5eead4; }

.bi-58a8a5fab9 { font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#5eead4;display:block; }

.bi-6218e92915 { font-size:.82rem;font-weight:800;color:#fff;font-family:monospace; }

.bi-5c9e305a8e { display:none;margin-bottom:14px; }

/* --- Component: diesel\import.css --- */
/* Extracted from diesel/import.blade.php */

:root {
  --header: #102b5b; --accent: #3b82f6; --accent-lt: #eff6ff;
  --green: #10b981; --green-lt: #f0fdf4; --border: #e2e8f0;
  --muted: #94a3b8; --text: #1e293b; --danger: #ef4444;
}
body { background: #f0f4f8; font-family: 'Inter', system-ui, sans-serif; }
.imp-wrap { max-width: 700px; margin: 0 auto; padding: 28px 16px 60px; }
.imp-header { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 24px; gap: 12px; }
.imp-header h4 { margin: 0; font-size: 1.1rem; font-weight: 700; color: var(--header); }
.imp-header p  { margin: 4px 0 0; font-size: .8rem; color: var(--muted); }
.btn-ghost { display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border-radius: 7px; font-size: .8rem; font-weight: 500; border: 1.5px solid var(--border); background: #fff; color: #475569; text-decoration: none; cursor: pointer; transition: all .15s; }
.btn-ghost:hover { border-color: #94a3b8; color: var(--text); }
.btn-ghost.green { border-color: #bbf7d0; color: var(--green); background: var(--green-lt); }
.btn-ghost.green:hover { border-color: #86efac; }
.imp-card { background: #fff; border: 1.5px solid var(--border); border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,.04); overflow: hidden; }
.imp-card-head { background: var(--header); color: #fff; padding: 13px 20px; font-size: .75rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; display: flex; align-items: center; gap: 8px; }
.imp-card-body { padding: 24px; }
.f-label { font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: #64748b; display: block; margin-bottom: 5px; }
.f-control, .f-select { font-size: .875rem; color: var(--text); border: 1.5px solid var(--border); border-radius: 7px; padding: 8px 10px; background: #fff; width: 100%; transition: border-color .14s; }
.f-control:focus, .f-select:focus { border-color: var(--accent); outline: none; box-shadow: 0 0 0 3px rgba(59,130,246,.1); }
.type-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 20px; }
.type-card { position: relative; cursor: pointer; background: #fafbfc; border: 2px solid var(--border); border-radius: 10px; padding: 14px 18px; display: flex; align-items: center; gap: 12px; transition: all .15s; }
.type-card input { position: absolute; opacity: 0; width: 0; height: 0; }
.type-card:has(input:checked) { border-color: var(--accent); background: var(--accent-lt); }
.type-card.green-type:has(input:checked) { border-color: var(--green); background: var(--green-lt); }
.type-icon { width: 40px; height: 40px; border-radius: 9px; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; flex-shrink: 0; }
.type-icon.blue  { background: var(--accent-lt); color: var(--accent); }
.type-icon.green { background: var(--green-lt);  color: var(--green); }
.tc-title { font-size: .88rem; font-weight: 700; color: var(--header); }
.tc-sub   { font-size: .7rem;  color: var(--muted); margin-top: 2px; }
.drop-zone { border: 2px dashed #cbd5e1; border-radius: 10px; padding: 40px 20px; text-align: center; cursor: pointer; transition: all .2s; background: #fafbfc; margin-bottom: 20px; }
.drop-zone:hover, .drop-zone.drag-over { border-color: var(--accent); background: var(--accent-lt); }
.drop-zone .dz-icon { font-size: 2.2rem; color: #93c5fd; margin-bottom: 10px; display: block; }
.drop-zone h6 { margin: 0 0 4px; font-size: .92rem; font-weight: 600; color: var(--text); }
.drop-zone p  { margin: 0; font-size: .78rem; color: var(--muted); }
.file-selected .fs-icon { font-size: 2.2rem; color: var(--green); margin-bottom: 10px; display: block; }
.file-selected h6 { margin: 0 0 3px; font-size: .92rem; font-weight: 600; color: var(--text); }
.file-selected p  { margin: 0 0 10px; font-size: .78rem; color: #64748b; }
.btn-primary { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: 12px; border-radius: 9px; font-size: .92rem; font-weight: 600; background: linear-gradient(135deg,#2563eb,#1d4ed8); color: #fff; border: none; cursor: pointer; transition: all .2s; margin-top: 4px; }
.btn-primary:hover:not(:disabled) { background: linear-gradient(135deg,#1d4ed8,#1e40af); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(37,99,235,.3); }
.btn-primary:disabled { opacity: .5; cursor: not-allowed; }
.imp-alert { padding: 11px 15px; border-radius: 8px; font-size: .82rem; margin-bottom: 18px; display: flex; gap: 9px; align-items: flex-start; }
.imp-alert.danger { background: #fef2f2; border: 1.5px solid #fecaca; color: #b91c1c; }
.imp-alert.info   { background: #eff6ff; border: 1.5px solid #bfdbfe; color: #1d4ed8; }
.tmpl-row { display: flex; gap: 10px; margin-bottom: 20px; flex-wrap: wrap; }

.bi-6b6cbcbda6 { color:#3b82f6;margin-right:7px; }

.bi-905d8b3da3 { margin-bottom:18px; }

.bi-761d3addb2 { margin-bottom:10px; }

.bi-fdf33f2304 { margin-bottom:8px; }

.bi-f984c5207e { display:inline-flex; }

/* --- Component: diesel\import_preview.css --- */
/* Extracted from diesel/import_preview.blade.php */

:root { --header:#102b5b;--accent:#3b82f6;--accent-lt:#eff6ff;--green:#10b981;--green-lt:#f0fdf4;--danger:#ef4444;--amber:#f59e0b;--amber-lt:#fffbeb;--border:#e2e8f0;--muted:#94a3b8;--text:#1e293b; }
body { background: #f0f4f8; font-family: 'Inter', system-ui, sans-serif; }
.prev-wrap { max-width: 1300px; margin: 0 auto; padding: 24px 16px 60px; }
.prev-header { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 20px; gap: 12px; flex-wrap: wrap; }
.prev-header h4 { margin: 0; font-size: 1.1rem; font-weight: 700; color: var(--header); }
.prev-header p  { margin: 4px 0 0; font-size: .8rem; color: var(--muted); }
.btn-ghost { display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border-radius: 7px; font-size: .8rem; font-weight: 500; border: 1.5px solid var(--border); background: #fff; color: #475569; text-decoration: none; cursor: pointer; transition: all .15s; }
.btn-ghost.red { border-color: #fecaca; color: var(--danger); }
.btn-ghost.red:hover { background: #fef2f2; }
.btn-save { display: inline-flex; align-items: center; gap: 7px; padding: 8px 20px; border-radius: 8px; font-size: .85rem; font-weight: 600; background: linear-gradient(135deg,#16a34a,#15803d); color: #fff; border: none; cursor: pointer; transition: all .18s; }
.btn-save:hover:not(:disabled) { transform: translateY(-1px); box-shadow: 0 4px 10px rgba(22,163,74,.3); }
.btn-save:disabled { opacity: .5; cursor: not-allowed; }
.stat-row { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; margin-bottom: 18px; }
.stat-card { background: #fff; border: 1.5px solid var(--border); border-radius: 11px; padding: 16px 18px; text-align: center; }
.stat-card .num { font-size: 1.8rem; font-weight: 800; line-height: 1; margin-bottom: 4px; }
.stat-card .lbl { font-size: .72rem; color: var(--muted); font-weight: 500; text-transform: uppercase; }
.stat-card.blue  .num { color: var(--accent); }
.stat-card.green .num { color: var(--green); }
.stat-card.red   .num { color: var(--danger); }
.stat-card.amber .num { color: var(--amber); }
.action-bar { background: #fff; border: 1.5px solid var(--border); border-radius: 11px; padding: 16px 20px; margin-bottom: 18px; display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; }
.mode-group { display: flex; gap: 10px; }
.mode-card { display: flex; align-items: center; gap: 9px; border: 1.5px solid var(--border); border-radius: 8px; padding: 9px 14px; cursor: pointer; transition: all .15s; background: #fafafa; }
.mode-card:has(input:checked) { border-color: var(--accent); background: var(--accent-lt); }
.mode-card input { accent-color: var(--accent); width: 14px; height: 14px; cursor: pointer; }
.mode-card .mc-label { font-size: .82rem; font-weight: 600; color: var(--text); }
.mode-card .mc-count { font-size: .72rem; color: #64748b; }
.prev-table-wrap { background: #fff; border: 1.5px solid var(--border); border-radius: 11px; overflow: hidden; }
.prev-table { width: 100%; border-collapse: collapse; font-size: .8rem; }
.prev-table thead th { background: var(--header); color: #94a3b8; font-size: .68rem; font-weight: 600; text-transform: uppercase; letter-spacing: .5px; padding: 10px 12px; white-space: nowrap; }
.prev-table thead th.r { text-align: right; }
.prev-table tbody tr { border-bottom: 1px solid #f1f5f9; }
.prev-table tbody tr:hover { background: #fafbfc; }
.prev-table tbody tr.is-error { background: #fff5f5; }
.prev-table td { padding: 9px 12px; color: var(--text); vertical-align: middle; }
.prev-table td.r { text-align: right; }
.badge-ok  { display: inline-flex; align-items: center; gap: 4px; font-size: .7rem; font-weight: 700; padding: 3px 8px; border-radius: 20px; background: #dcfce7; color: #15803d; }
.badge-err { display: inline-block; font-size: .7rem; font-weight: 700; padding: 3px 8px; border-radius: 20px; background: #fee2e2; color: #b91c1c; margin-bottom: 3px; }
.err-list  { font-size: .7rem; color: #b91c1c; margin: 0; padding: 0; list-style: none; }
.err-list li::before { content: '· '; }
.badge-in  { background: #dcfce7; color: #15803d; font-size: .7rem; font-weight: 700; padding: 2px 8px; border-radius: 20px; }
.badge-out { background: var(--accent-lt); color: #1d4ed8; font-size: .7rem; font-weight: 700; padding: 2px 8px; border-radius: 20px; }
.badge-new { display: inline-block; font-size: .62rem; font-weight: 700; padding: 1px 6px; border-radius: 20px; background: var(--amber-lt); color: #b45309; border: 1px solid #fde68a; margin-left: 6px; vertical-align: middle; text-transform: uppercase; }
.ttl-bar { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 14px; font-size: .76rem; color: var(--muted); }
.ttl-bar .timer { font-weight: 700; color: #f59e0b; }

.bi-6823ba3db4 { color:var(--accent);margin-right:7px; }

.bi-7d09aee9a8 { font-size:.7rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:9px; }

.bi-7f24e27d60 { color:var(--green); }

.bi-01ef7fc99e { display:flex;gap:8px;align-items:center; }

.bi-0ddf068bfb { overflow-x:auto; }

.bi-a3e977a6ec { color:var(--muted);font-size:.72rem; }

.bi-e79a03c842 { min-width:100px; }

.bi-652db75ef3 { font-size:.7rem; }

.bi-164b3e24d7 { white-space:nowrap;font-size:.78rem; }

.bi-eed0f8fb89 { font-weight:600; }

.bi-064028e7a7 { color:#64748b; }

.bi-497726e8c9 { color:var(--danger); }

.bi-c54b25cb0f { font-weight:600;color:var(--accent); }

.bi-13837f4f80 { color:#64748b;font-size:.78rem; }

.bi-3eafc2adb5 { text-align:right;font-weight:700;padding:10px 12px;background:#f8fafc;border-top:2px solid var(--border); }

.bi-2bc1de8beb { font-weight:700;padding:10px 12px;background:#f8fafc;border-top:2px solid var(--border); }

.bi-52312d9153 { background:#f8fafc;border-top:2px solid var(--border); }

.bi-f456ee94a2 { font-weight:700;color:var(--green);padding:10px 12px;background:#f8fafc;border-top:2px solid var(--border); }

/* --- Component: diesel\index.css --- */
/* Extracted from diesel/index.blade.php */

:root {
    --ft-bg: #f4f7fb;
    --ft-card: #ffffff;
    --ft-primary: #274c8e;
    --ft-primary-dark: #193463;
    --ft-primary-light: #eef4ff;
    --ft-text: #172033;
    --ft-muted: #6b7280;
    --ft-border: #dfe5ee;
    --ft-success: #15803d;
    --ft-success-light: #ecfdf3;
    --ft-warning: #b45309;
    --ft-warning-light: #fff7ed;
    --ft-danger: #dc2626;
    --ft-danger-light: #fff1f2;
    --ft-purple: #7c3aed;
    --ft-purple-light: #f5f3ff;
}

body {
    background: var(--ft-bg);
}

.fuel-page {
    max-width: 1500px;
    margin: 0 auto;
    padding: 18px 14px 60px;
    font-family: Inter, system-ui, sans-serif;
    color: var(--ft-text);
}

.ft-topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.ft-title-wrap {
    display: flex;
    align-items: center;
    gap: 11px;
}

.ft-title-icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    background: linear-gradient(
        135deg,
        var(--ft-primary),
        var(--ft-primary-dark)
    );
    color: #fff;
    font-size: 1.15rem;
}

.ft-eyebrow {
    display: block;
    margin-bottom: 2px;
    color: var(--ft-primary);
    font-size: .6rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.ft-title {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 700;
}

.ft-subtitle {
    margin-top: 3px;
    color: var(--ft-muted);
    font-size: .68rem;
}

.ft-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.ft-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 35px;
    padding: 7px 11px;
    border: 1px solid var(--ft-border);
    border-radius: 7px;
    background: #fff;
    color: var(--ft-text);
    text-decoration: none;
    font-size: .72rem;
    font-weight: 700;
    transition: .15s ease;
}

.ft-btn:hover {
    border-color: var(--ft-primary);
    color: var(--ft-primary);
}

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

.ft-btn.primary:hover {
    background: var(--ft-primary-dark);
    color: #fff;
}

.ft-alert {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    padding: 10px 12px;
    border: 1px solid #bbf7d0;
    border-radius: 8px;
    background: var(--ft-success-light);
    color: var(--ft-success);
    font-size: .72rem;
    font-weight: 600;
}

.ft-summary {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 14px;
}

.ft-stat {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px;
    border: 1px solid var(--ft-border);
    border-radius: 10px;
    background: var(--ft-card);
    box-shadow: 0 3px 12px rgba(15,23,42,.035);
}

.ft-stat-icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    border-radius: 10px;
    background: var(--ft-primary-light);
    color: var(--ft-primary);
    font-size: 1.05rem;
}

.ft-stat-icon.success {
    background: var(--ft-success-light);
    color: var(--ft-success);
}

.ft-stat-icon.warning {
    background: var(--ft-warning-light);
    color: var(--ft-warning);
}

.ft-stat-icon.danger {
    background: var(--ft-danger-light);
    color: var(--ft-danger);
}

.ft-stat-label {
    display: block;
    margin-bottom: 3px;
    color: var(--ft-muted);
    font-size: .56rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.ft-stat-value {
    display: block;
    font-size: 1.05rem;
    font-weight: 800;
}

.ft-card {
    overflow: hidden;
    border: 1px solid var(--ft-border);
    border-radius: 10px;
    background: var(--ft-card);
    box-shadow: 0 3px 12px rgba(15,23,42,.035);
}

.ft-card-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 11px 14px;
    border-bottom: 1px solid var(--ft-border);
    background: #f9fbff;
}

.ft-card-title {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: .78rem;
    font-weight: 800;
}

.ft-card-title i {
    color: var(--ft-primary);
}

.ft-filter-grid {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) 170px 170px 150px 150px auto;
    gap: 8px;
    width: 100%;
}

.ft-input,
.ft-select {
    width: 100%;
    min-height: 36px;
    padding: 7px 9px;
    border: 1px solid var(--ft-border);
    border-radius: 7px;
    background: #fff;
    color: var(--ft-text);
    font-size: .72rem;
}

.ft-filter-tags {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    padding: 10px 14px;
    border-bottom: 1px solid var(--ft-border);
    background: #fcfdff;
}

.ft-filter-tag {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 8px;
    border-radius: 999px;
    background: var(--ft-primary-light);
    color: var(--ft-primary);
    font-size: .6rem;
    font-weight: 700;
}

.ft-table-wrap {
    overflow-x: auto;
}

.ft-table {
    width: 100%;
    min-width: 1240px;
    border-collapse: collapse;
    table-layout: fixed;
}

.ft-table th {
    padding: 9px 10px;
    border-bottom: 1px solid var(--ft-border);
    background: #f7f9fc;
    color: var(--ft-muted);
    font-size: .56rem;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
}

.ft-table td {
    padding: 10px;
    border-bottom: 1px solid #edf1f5;
    font-size: .71rem;
    vertical-align: middle;
}

.ft-table tbody tr:hover td {
    background: #fbfcff;
}

.ft-source-name {
    display: block;
    font-weight: 700;
}

.ft-source-meta {
    display: block;
    margin-top: 2px;
    color: var(--ft-muted);
    font-size: .6rem;
}

.ft-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: .58rem;
    font-weight: 700;
}

.ft-badge.direct {
    background: var(--ft-primary-light);
    color: var(--ft-primary);
}

.ft-badge.in {
    background: var(--ft-success-light);
    color: var(--ft-success);
}

.ft-badge.out {
    background: var(--ft-warning-light);
    color: var(--ft-warning);
}

.ft-badge.purchase {
    background: var(--ft-purple-light);
    color: var(--ft-purple);
}

.ft-badge.issue {
    background: var(--ft-danger-light);
    color: var(--ft-danger);
}

.ft-badge.paid {
    background: var(--ft-success-light);
    color: var(--ft-success);
}

.ft-badge.unpaid {
    background: var(--ft-danger-light);
    color: var(--ft-danger);
}

.ft-badge.partial {
    background: var(--ft-warning-light);
    color: var(--ft-warning);
}

.ft-money {
    text-align: right;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-weight: 700;
}

.ft-money.amount {
    color: var(--ft-primary);
}

.ft-money.balance {
    color: var(--ft-danger);
}

.ft-empty {
    padding: 45px 20px;
    text-align: center;
    color: var(--ft-muted);
}

.ft-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 10px 14px;
    border-top: 1px solid var(--ft-border);
}

.ft-row-count {
    color: var(--ft-muted);
    font-size: .64rem;
}

@media (max-width: 1100px) {
    .ft-summary {
        grid-template-columns: repeat(2, 1fr);
    }

    .ft-filter-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 650px) {
    .ft-summary,
    .ft-filter-grid {
        grid-template-columns: 1fr;
    }
}

.bi-d3c88ee8e5 { width:105px; }

.bi-68a5cf1b41 { width:115px; }

.bi-c6fffdfe96 { width:130px; }

.bi-465bfea3ed { width:120px; }

.bi-60746827b0 { width:110px; }

.bi-581be415aa { width:90px; }




/* ==========================================================================
   QUALITY CONTROL (QC) MODULE
   Unified Component Stylesheet
   ========================================================================== */

/* --- Component: qc\create.css --- */
/* Extracted from qc/create.blade.php */

:root { --header:#102b5b;--accent:#3b82f6;--accent-lt:#eff6ff;--green:#10b981;--green-lt:#f0fdf4;--danger:#ef4444;--border:#e2e8f0;--muted:#94a3b8;--text:#1e293b; }
body { background:#f0f4f8; font-family:'Inter',system-ui,sans-serif; }
.qc-page { max-width:900px; margin:0 auto; padding:24px 16px 80px; }
.qc-page-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }
.qc-page-header h5 { margin:0; font-size:1.1rem; font-weight:700; color:var(--header); display:flex; align-items:center; gap:8px; }
.btn-ghost { display:inline-flex; align-items:center; gap:6px; padding:7px 14px; border-radius:7px; font-size:.8rem; font-weight:500; border:1.5px solid var(--border); background:#fff; color:#475569; text-decoration:none; }
.btn-ghost:hover { border-color:#94a3b8; color:var(--text); }
.qc-card { background:#fff; border:1.5px solid var(--border); border-radius:11px; box-shadow:0 1px 4px rgba(0,0,0,.05); margin-bottom:16px; overflow:hidden; }
.qc-card-head { background:var(--header); color:#fff; padding:12px 18px; font-size:.72rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; display:flex; align-items:center; gap:8px; }
.qc-card-body { padding:22px; }
.grid-4 { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.grid-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.grid-2 { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
@media(max-width:768px){ .grid-4,.grid-3 { grid-template-columns:1fr 1fr; } }
@media(max-width:480px){ .grid-4,.grid-3,.grid-2 { grid-template-columns:1fr; } }
.f-label { font-size:.65rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:#64748b; display:block; margin-bottom:5px; }
.f-label span { color:var(--danger); }
.f-control, .f-select { font-size:.875rem; color:var(--text); border:1.5px solid var(--border); border-radius:7px; padding:8px 10px; background:#fff; width:100%; transition:border-color .14s; }
.f-control:focus, .f-select:focus { border-color:var(--accent); outline:none; box-shadow:0 0 0 3px rgba(59,130,246,.1); }
.f-control.computed { background:var(--accent-lt); color:var(--accent); font-weight:700; border-color:#bfdbfe; }
.f-control.computed-green { background:var(--green-lt); color:var(--green); font-weight:700; border-color:#86efac; }
.f-error { font-size:.72rem; color:var(--danger); margin-top:4px; }
.result-preview { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:8px; }
.result-box { border-radius:9px; padding:12px 14px; text-align:center; border:1.5px solid var(--border); }
.result-box .rb-label { font-size:.65rem; font-weight:700; text-transform:uppercase; letter-spacing:.5px; color:var(--muted); margin-bottom:6px; }
.result-box .rb-val { font-size:1rem; font-weight:800; }
.footer-bar { position:fixed; bottom:0; left:0; right:0; background:var(--header); border-top:3px solid var(--accent); padding:12px 28px; display:flex; align-items:center; justify-content:space-between; gap:16px; z-index:100; }
.footer-bar .fbar-info { font-size:.7rem; color:#94a3b8; }
.btn-save { display:inline-flex; align-items:center; gap:6px; padding:10px 24px; border-radius:7px; font-size:.85rem; font-weight:600; background:var(--green); color:#fff; border:none; cursor:pointer; }
.btn-save:hover { background:#059669; }
.qc-alert { padding:11px 15px; border-radius:8px; font-size:.82rem; margin-bottom:16px; display:flex; gap:9px; }
.qc-alert.danger { background:#fef2f2; border:1.5px solid #fecaca; color:#991b1b; }

/* --- Cube table styles --- */
.cube-table-wrap { overflow-x:auto; }
.cube-table { width:100%; border-collapse:collapse; font-size:.85rem; }
.cube-table th { background:#f1f5f9; color:#475569; font-size:.65rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em; padding:9px 10px; border-bottom:1.5px solid var(--border); text-align:left; }
.cube-table td { padding:7px 8px; border-bottom:1px solid var(--border); vertical-align:middle; }
.cube-table input[type=text],
.cube-table input[type=number] { width:100%; min-width:70px; border:1.5px solid var(--border); border-radius:6px; padding:6px 8px; font-size:.82rem; color:var(--text); }
.cube-table input.cube-strength { background:var(--accent-lt); color:var(--accent); font-weight:700; border-color:#bfdbfe; }
.cube-table .btn-remove-row { background:#fef2f2; color:var(--danger); border:1.5px solid #fecaca; border-radius:6px; padding:5px 9px; cursor:pointer; font-size:.78rem; }
.cube-table .btn-remove-row:hover { background:#fee2e2; }
.btn-add-row { display:inline-flex; align-items:center; gap:6px; margin-top:12px; padding:7px 14px; border-radius:7px; font-size:.78rem; font-weight:600; border:1.5px dashed var(--accent); background:var(--accent-lt); color:var(--accent); cursor:pointer; }
.btn-add-row:hover { background:#dbeafe; }

.bi-726fd5039a { margin:0;padding-left:16px; }

.bi-4ed7e556bc { max-width:220px;margin-bottom:16px; }

.bi-4a42f4da94 { font-size:.72rem;font-weight:700;color:var(--header);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px; }

.bi-82b9d861a5 { width:32px; }

.bi-bd09c419b5 { width:60px; }

.bi-87c136dfd0 { margin-bottom:16px; }

.bi-60d5d28a47 { background:#f8fafc;border:1.5px solid var(--border);border-radius:9px;padding:16px; }

.bi-b0643e9418 { font-size:.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px; }

.bi-57f9e31d78 { color:var(--muted); }

.bi-a76d597a07 { display:flex;gap:8px; }

.bi-564bf0f7b2 { border-color:#334155;color:#94a3b8; }

/* --- Component: qc\cube\casting.css --- */
/* Extracted from qc/cube/casting.blade.php */

.bi-0466783d98 { width:100%; }

.bi-6b99de8b69 { display:none; }

/* --- Component: qc\cube\index.css --- */
/* Extracted from qc/cube/index.blade.php */

.card-header { border-bottom:1px solid #eee; }
.filter-box { background:#f8f9fa; border-radius:8px; }
.table thead th {
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:.5px;
}
.badge { font-size:11px; }
.action-btn{
    width:32px;
    height:32px;
    padding:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:6px;
}

/* --- Component: qc\cube\print.css --- */
/* Extracted from qc/cube/print.blade.php */

@page { size:A4; }

@media print {
    
    body {
       
        background: #fff;
    }

    .no-print,
    header,
    .footer,
    .navbar,
    .sidebar,
    .toggle-theme {
        display:none !important;
    }

}

.report-wrapper{
    font-family:"Times New Roman", serif;
    font-size:10px;
    position:relative;
}

.border-box{
    border:1px solid #000;
    padding:10px;
}

.table-custom{
    width:100%;
    border-collapse:collapse;
}

.table-custom th,
.table-custom td{
    border:1px solid #000;
    padding:6px;
    text-align:center;
}

.table-no-border td{
    border:none;
    padding:4px 0;
}

.title{
    font-size:10px;
    font-weight:bold;
    text-align:center;
    text-decoration:underline;
    margin-top:10px;
}

.watermark{
    position:absolute;
    top:45%;
    left:50%;
    transform:translate(-50%,-50%) rotate(-30deg);
    font-size:80px;
    color:rgba(0,0,0,0.05);
    font-weight:bold;
}

.qr-box{
    position:absolute;
    right:15px;
    top:10px;
    text-align:center;
    font-size:9px;
}

.bi-4ff818ffe1 { font-size:18px; }

.bi-11a508128d { font-size:11px; }

.bi-55cec09fd9 { margin-top:5px; }

.bi-b3ad8cd70e { font-size:10px;margin-top:10px; }

.bi-b4cd1ca02c { margin-top:40px;width:100%; }

.bi-2ca947e310 { width:50%;text-align:left; }

.bi-b9306956cd { width:50%;text-align:right; }

.bi-a2f4ec93ab { font-size:9px;border-top:1px solid #000;padding-top:5px; }

/* --- Component: qc\cube\report.css --- */
/* Extracted from qc/cube/report.blade.php */

body{ font-family: DejaVu Sans; font-size:11px; }
table{ width:100%; border-collapse:collapse; }
th,td{ border:1px solid #000; padding:4px; text-align:center; }
.no-border td{ border:none; }

/* --- Component: qc\cube-test\index.css --- */
/* Extracted from qc/cube-test/index.blade.php */

.table th, .table td{
    font-size: 13px;
    vertical-align: middle;
}
.table-danger-soft{
    background:#fff5f5;
}
.badge{
    font-weight:500;
}

/* --- Component: qc\dashboard.css --- */
/* Extracted from qc/dashboard.blade.php */

:root {
  --header:#102b5b; --accent:#3b82f6; --accent-lt:#eff6ff;
  --green:#10b981;  --green-lt:#f0fdf4;
  --danger:#ef4444; --danger-lt:#fef2f2;
  --amber:#f59e0b;  --amber-lt:#fffbeb;
  --border:#e2e8f0; --muted:#94a3b8; --text:#1e293b;
}
body { background:#f0f4f8; font-family:'Inter',system-ui,sans-serif; }
.qc-page { max-width:1400px; margin:0 auto; padding:24px 16px 60px; }

/* Header */
.qc-page-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:22px; flex-wrap:wrap; gap:12px; }
.qc-page-header h5 { margin:0; font-size:1.1rem; font-weight:700; color:var(--header); display:flex; align-items:center; gap:8px; }
.header-actions { display:flex; gap:8px; }
.btn-primary { display:inline-flex; align-items:center; gap:6px; padding:8px 16px; border-radius:7px; font-size:.82rem; font-weight:600; background:var(--accent); color:#fff; border:none; cursor:pointer; text-decoration:none; transition:background .14s; }
.btn-primary:hover { background:#2563eb; color:#fff; }
.btn-ghost { display:inline-flex; align-items:center; gap:6px; padding:7px 14px; border-radius:7px; font-size:.8rem; font-weight:500; border:1.5px solid var(--border); background:#fff; color:#475569; text-decoration:none; cursor:pointer; transition:all .15s; }
.btn-ghost:hover { border-color:#94a3b8; color:var(--text); }

/* KPI Cards */
.kpi-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:14px; margin-bottom:22px; }
@media(max-width:900px){ .kpi-grid { grid-template-columns:repeat(3,1fr); } }
@media(max-width:600px){ .kpi-grid { grid-template-columns:repeat(2,1fr); } }
.kpi-card { background:#fff; border:1.5px solid var(--border); border-radius:11px; padding:16px 18px; box-shadow:0 1px 4px rgba(0,0,0,.04); }
.kpi-card .kpi-num { font-size:1.9rem; font-weight:800; line-height:1; margin-bottom:4px; }
.kpi-card .kpi-lbl { font-size:.7rem; color:var(--muted); font-weight:500; text-transform:uppercase; letter-spacing:.4px; }
.kpi-card .kpi-icon { width:36px; height:36px; border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:1.1rem; margin-bottom:10px; }
.kpi-card.blue  .kpi-num  { color:var(--accent); } .kpi-card.blue  .kpi-icon { background:var(--accent-lt); color:var(--accent); }
.kpi-card.green .kpi-num  { color:var(--green);  } .kpi-card.green .kpi-icon { background:var(--green-lt);  color:var(--green);  }
.kpi-card.red   .kpi-num  { color:var(--danger); } .kpi-card.red   .kpi-icon { background:var(--danger-lt); color:var(--danger); }
.kpi-card.amber .kpi-num  { color:var(--amber);  } .kpi-card.amber .kpi-icon { background:var(--amber-lt);  color:var(--amber);  }
.kpi-card.teal  .kpi-num  { color:#0d9488;        } .kpi-card.teal  .kpi-icon { background:#f0fdfa;          color:#0d9488;        }

/* Cards */
.qc-card { background:#fff; border:1.5px solid var(--border); border-radius:11px; box-shadow:0 1px 4px rgba(0,0,0,.05); margin-bottom:18px; overflow:hidden; }
.qc-card-head { background:var(--header); color:#fff; padding:12px 18px; font-size:.72rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; display:flex; align-items:center; gap:8px; }
.qc-card-body { padding:18px; }

/* Charts row */
.charts-row { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-bottom:18px; }
@media(max-width:768px){ .charts-row { grid-template-columns:1fr; } }

/* Grade Table */
.grade-table { width:100%; border-collapse:collapse; font-size:.8rem; }
.grade-table thead th { background:#f1f5f9; color:var(--muted); font-size:.65rem; font-weight:700; text-transform:uppercase; letter-spacing:.5px; padding:9px 12px; border-bottom:2px solid var(--border); white-space:nowrap; }
.grade-table thead th.r { text-align:right; }
.grade-table tbody tr { border-bottom:1px solid #f8fafc; }
.grade-table tbody tr:hover { background:#fafbfc; }
.grade-table td { padding:9px 12px; color:var(--text); vertical-align:middle; }
.grade-table td.r { text-align:right; }

/* Recent Table */
.rec-table { width:100%; border-collapse:collapse; font-size:.8rem; }
.rec-table thead th { background:#f1f5f9; color:var(--muted); font-size:.65rem; font-weight:700; text-transform:uppercase; letter-spacing:.5px; padding:9px 12px; border-bottom:2px solid var(--border); white-space:nowrap; }
.rec-table tbody tr { border-bottom:1px solid #f8fafc; }
.rec-table tbody tr:hover { background:#fafbfc; }
.rec-table td { padding:9px 12px; color:var(--text); vertical-align:middle; }

/* Badges */
.badge-pass  { background:#dcfce7; color:#15803d; font-size:.68rem; font-weight:700; padding:3px 9px; border-radius:20px; display:inline-block; }
.badge-fail  { background:#fee2e2; color:#b91c1c; font-size:.68rem; font-weight:700; padding:3px 9px; border-radius:20px; display:inline-block; }
.badge-pend  { background:#f1f5f9; color:#64748b; font-size:.68rem; font-weight:700; padding:3px 9px; border-radius:20px; display:inline-block; }
.badge-grade { background:var(--accent-lt); color:var(--accent); font-size:.75rem; font-weight:700; padding:3px 9px; border-radius:6px; display:inline-block; }

/* Progress bar */
.progress-bar-wrap { background:#f1f5f9; border-radius:99px; height:7px; overflow:hidden; }
.progress-bar-fill { height:100%; border-radius:99px; transition:width .4s; }

/* Alert */
.qc-alert { padding:11px 15px; border-radius:8px; font-size:.82rem; margin-bottom:18px; display:flex; gap:9px; align-items:flex-start; }
.qc-alert.success { background:var(--green-lt); border:1.5px solid #bbf7d0; color:#065f46; }
.qc-alert.danger  { background:var(--danger-lt); border:1.5px solid #fecaca; color:#991b1b; }

.bi-f8a4f88f9b { display:flex;align-items:center;justify-content:center;min-height:220px; }

.bi-3a36915df7 { min-height:220px; }

.bi-41d7d7e25b { padding:0; }

.bi-0ddf068bfb { overflow-x:auto; }

.bi-eed0f8fb89 { font-weight:600; }

.bi-2aa48ae50e { color:var(--green);font-weight:600; }

.bi-31ced19d02 { color:var(--danger);font-weight:600; }

.bi-4592c743a5 { min-width:140px; }

.bi-015a5e7fbe { display:flex;align-items:center;gap:8px; }

.bi-97445a8d93 { flex:1; }

.bi-064028e7a7 { color:#64748b; }

.bi-6629491500 { text-align:center;padding:24px;color:var(--muted); }

.bi-5fc87395ac { display:grid;grid-template-columns:1fr 1fr;gap:18px; }

.bi-a562f4fd76 { justify-content:space-between; }

.bi-309a0f5cea { font-size:.72rem;color:#94a3b8;text-decoration:none; }

.bi-4f84d882b3 { font-size:.76rem;color:#64748b; }

.bi-5c22b39c7a { font-size:.76rem; }

.bi-1ed15db126 { text-align:center;padding:20px;color:var(--muted); }

.bi-50ac5454cb { background:#7f1d1d; }

.bi-7f24e27d60 { color:var(--green); }

[data-bi-068357c288] { color:var(--accent);font-size:.75rem; }

/* --- Component: qc\import.css --- */
/* Extracted from qc/import.blade.php */

:root { --header:#102b5b;--accent:#3b82f6;--accent-lt:#eff6ff;--green:#10b981;--green-lt:#f0fdf4;--border:#e2e8f0;--muted:#94a3b8;--text:#1e293b;--danger:#ef4444; }
body { background:#f0f4f8; font-family:'Inter',system-ui,sans-serif; }
.imp-wrap { max-width:700px; margin:0 auto; padding:28px 16px 60px; }
.imp-header { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:24px; gap:12px; }
.imp-header h4 { margin:0; font-size:1.1rem; font-weight:700; color:var(--header); }
.imp-header p  { margin:4px 0 0; font-size:.8rem; color:var(--muted); }
.btn-ghost { display:inline-flex; align-items:center; gap:6px; padding:7px 14px; border-radius:7px; font-size:.8rem; font-weight:500; border:1.5px solid var(--border); background:#fff; color:#475569; text-decoration:none; cursor:pointer; transition:all .15s; }
.btn-ghost:hover { border-color:#94a3b8; color:var(--text); }
.btn-ghost.green { border-color:#bbf7d0; color:var(--green); background:var(--green-lt); }
.imp-card { background:#fff; border:1.5px solid var(--border); border-radius:12px; box-shadow:0 2px 8px rgba(0,0,0,.04); overflow:hidden; }
.imp-card-head { background:var(--header); color:#fff; padding:13px 20px; font-size:.75rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; display:flex; align-items:center; gap:8px; }
.imp-card-body { padding:24px; }
.f-label { font-size:.68rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:#64748b; display:block; margin-bottom:5px; }
.drop-zone { border:2px dashed #cbd5e1; border-radius:10px; padding:40px 20px; text-align:center; cursor:pointer; transition:all .2s; background:#fafbfc; margin-bottom:20px; }
.drop-zone:hover, .drop-zone.drag-over { border-color:var(--accent); background:var(--accent-lt); }
.dz-icon { font-size:2.2rem; color:#93c5fd; margin-bottom:10px; display:block; }
.drop-zone h6 { margin:0 0 4px; font-size:.92rem; font-weight:600; color:var(--text); }
.drop-zone p  { margin:0; font-size:.78rem; color:var(--muted); }
.file-selected .fs-icon { font-size:2.2rem; color:var(--green); margin-bottom:10px; display:block; }
.file-selected h6 { margin:0 0 3px; font-size:.92rem; font-weight:600; }
.file-selected p  { margin:0 0 10px; font-size:.78rem; color:#64748b; }
.btn-primary { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; padding:12px; border-radius:9px; font-size:.92rem; font-weight:600; background:linear-gradient(135deg,#2563eb,#1d4ed8); color:#fff; border:none; cursor:pointer; transition:all .2s; margin-top:4px; }
.btn-primary:hover:not(:disabled) { transform:translateY(-1px); box-shadow:0 4px 12px rgba(37,99,235,.3); }
.btn-primary:disabled { opacity:.5; cursor:not-allowed; }
.imp-alert { padding:11px 15px; border-radius:8px; font-size:.82rem; margin-bottom:18px; display:flex; gap:9px; align-items:flex-start; }
.imp-alert.danger { background:#fef2f2; border:1.5px solid #fecaca; color:#b91c1c; }
.imp-alert.info   { background:#eff6ff; border:1.5px solid #bfdbfe; color:#1d4ed8; }
.col-specs { background:#f8fafc; border:1.5px solid var(--border); border-radius:9px; padding:14px 16px; margin-bottom:20px; }
.col-specs h6 { margin:0 0 10px; font-size:.72rem; font-weight:700; color:#475569; text-transform:uppercase; letter-spacing:.5px; }
.col-grid { display:grid; grid-template-columns:1fr 1fr; gap:6px 14px; }
.col-item { display:flex; align-items:center; gap:7px; }
.col-item code { font-size:.76rem; color:var(--accent); background:var(--accent-lt); padding:2px 7px; border-radius:4px; font-family:'SF Mono',monospace; white-space:nowrap; }
.badge-req { font-size:.65rem; padding:2px 6px; border-radius:20px; background:#fee2e2; color:#dc2626; font-weight:600; }
.badge-opt { font-size:.65rem; padding:2px 6px; border-radius:20px; background:#f1f5f9; color:#64748b; font-weight:500; }

.bi-6b6cbcbda6 { color:#3b82f6;margin-right:7px; }

.bi-a76d597a07 { display:flex;gap:8px; }

.bi-8896c95d8b { margin-right:5px; }

.bi-aca0eb4a39 { margin-top:10px;font-size:.72rem;color:var(--muted); }

.bi-f984c5207e { display:inline-flex; }

/* --- Component: qc\import_preview.css --- */
/* Extracted from qc/import_preview.blade.php */

:root { --header:#102b5b;--accent:#3b82f6;--accent-lt:#eff6ff;--green:#10b981;--green-lt:#f0fdf4;--danger:#ef4444;--border:#e2e8f0;--muted:#94a3b8;--text:#1e293b; }
body { background:#f0f4f8; font-family:'Inter',system-ui,sans-serif; }
.prev-wrap { max-width:1500px; margin:0 auto; padding:24px 16px 60px; }
.prev-header { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:20px; gap:12px; flex-wrap:wrap; }
.prev-header h4 { margin:0; font-size:1.1rem; font-weight:700; color:var(--header); }
.prev-header p  { margin:4px 0 0; font-size:.8rem; color:var(--muted); }
.btn-ghost { display:inline-flex; align-items:center; gap:6px; padding:7px 14px; border-radius:7px; font-size:.8rem; font-weight:500; border:1.5px solid var(--border); background:#fff; color:#475569; text-decoration:none; cursor:pointer; transition:all .15s; }
.btn-ghost.red { border-color:#fecaca; color:var(--danger); }
.btn-save { display:inline-flex; align-items:center; gap:7px; padding:8px 20px; border-radius:8px; font-size:.85rem; font-weight:600; background:linear-gradient(135deg,#16a34a,#15803d); color:#fff; border:none; cursor:pointer; transition:all .18s; }
.btn-save:hover:not(:disabled) { transform:translateY(-1px); box-shadow:0 4px 10px rgba(22,163,74,.3); }
.btn-save:disabled { opacity:.5; cursor:not-allowed; }
.stat-row { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-bottom:18px; }
.stat-card { background:#fff; border:1.5px solid var(--border); border-radius:11px; padding:16px 18px; text-align:center; }
.stat-card .num { font-size:1.8rem; font-weight:800; line-height:1; margin-bottom:4px; }
.stat-card .lbl { font-size:.72rem; color:var(--muted); font-weight:500; text-transform:uppercase; }
.stat-card.blue .num  { color:var(--accent); }
.stat-card.green .num { color:var(--green); }
.stat-card.red .num   { color:var(--danger); }
.action-bar { background:#fff; border:1.5px solid var(--border); border-radius:11px; padding:16px 20px; margin-bottom:18px; display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; }
.mode-group { display:flex; gap:10px; }
.mode-card { display:flex; align-items:center; gap:9px; border:1.5px solid var(--border); border-radius:8px; padding:9px 14px; cursor:pointer; background:#fafafa; transition:all .15s; }
.mode-card:has(input:checked) { border-color:var(--accent); background:var(--accent-lt); }
.mode-card input { accent-color:var(--accent); width:14px; height:14px; }
.mode-card .mc-label { font-size:.82rem; font-weight:600; color:var(--text); }
.mode-card .mc-count { font-size:.72rem; color:#64748b; }
.prev-table-wrap { background:#fff; border:1.5px solid var(--border); border-radius:11px; overflow:hidden; }
.prev-table { width:100%; border-collapse:collapse; font-size:.78rem; }
.prev-table thead th { background:var(--header); color:#94a3b8; font-size:.65rem; font-weight:600; text-transform:uppercase; letter-spacing:.5px; padding:10px 11px; white-space:nowrap; }
.prev-table thead th.r { text-align:right; }
.prev-table tbody tr { border-bottom:1px solid #f1f5f9; }
.prev-table tbody tr:hover { background:#fafbfc; }
.prev-table tbody tr.is-error { background:#fff5f5; }
.prev-table td { padding:9px 11px; color:var(--text); vertical-align:middle; }
.prev-table td.r { text-align:right; }
.badge-ok    { display:inline-flex; align-items:center; gap:4px; font-size:.68rem; font-weight:700; padding:3px 8px; border-radius:20px; background:#dcfce7; color:#15803d; }
.badge-err   { display:inline-block; font-size:.68rem; font-weight:700; padding:3px 8px; border-radius:20px; background:#fee2e2; color:#b91c1c; margin-bottom:3px; }
.badge-pass  { background:#dcfce7; color:#15803d; font-size:.68rem; font-weight:700; padding:2px 8px; border-radius:20px; }
.badge-fail  { background:#fee2e2; color:#b91c1c; font-size:.68rem; font-weight:700; padding:2px 8px; border-radius:20px; }
.badge-pend  { background:#f1f5f9; color:#64748b; font-size:.68rem; font-weight:700; padding:2px 8px; border-radius:20px; }
.err-list { font-size:.68rem; color:#b91c1c; margin:0; padding:0; list-style:none; }
.err-list li::before { content:'· '; }
.ttl-bar { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:14px; font-size:.76rem; color:var(--muted); }
.ttl-bar .timer { font-weight:700; color:#f59e0b; }

.bi-6823ba3db4 { color:var(--accent);margin-right:7px; }

.bi-7d09aee9a8 { font-size:.7rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:9px; }

.bi-7f24e27d60 { color:var(--green); }

.bi-01ef7fc99e { display:flex;gap:8px;align-items:center; }

.bi-0ddf068bfb { overflow-x:auto; }

.bi-5f67ab0d4b { color:var(--muted);font-size:.7rem; }

.bi-0143f2a4d1 { min-width:90px; }

.bi-229fef1faa { font-size:.68rem; }

.bi-82b7b7d2f4 { white-space:nowrap;font-size:.76rem; }

.bi-4f84d882b3 { font-size:.76rem;color:#64748b; }

.bi-0452e20d5c { font-weight:700;color:var(--header); }

.bi-064028e7a7 { color:#64748b; }

.bi-eed0f8fb89 { font-weight:600; }

.bi-dd58441c52 { color:#64748b;font-size:.76rem;max-width:120px; }

/* --- Component: qc\index.css --- */
/* Extracted from qc/index.blade.php */

:root { --header:#102b5b;--accent:#3b82f6;--accent-lt:#eff6ff;--green:#10b981;--green-lt:#f0fdf4;--danger:#ef4444;--border:#e2e8f0;--muted:#94a3b8;--text:#1e293b; }
body { background:#f0f4f8; font-family:'Inter',system-ui,sans-serif; }
.qc-page { max-width:1400px; margin:0 auto; padding:24px 16px 60px; }
.qc-page-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; flex-wrap:wrap; gap:12px; }
.qc-page-header h5 { margin:0; font-size:1.1rem; font-weight:700; color:var(--header); display:flex; align-items:center; gap:8px; }
.btn-primary { display:inline-flex; align-items:center; gap:6px; padding:8px 16px; border-radius:7px; font-size:.82rem; font-weight:600; background:var(--accent); color:#fff; border:none; cursor:pointer; text-decoration:none; }
.btn-primary:hover { background:#2563eb; color:#fff; }
.btn-danger { display:inline-flex; align-items:center; gap:6px; padding:8px 16px; border-radius:7px; font-size:.82rem; font-weight:600; background:var(--danger); color:#fff; border:none; cursor:pointer; text-decoration:none; }
.btn-danger:hover { background:#dc2626; }
.btn-ghost { display:inline-flex; align-items:center; gap:6px; padding:7px 14px; border-radius:7px; font-size:.8rem; font-weight:500; border:1.5px solid var(--border); background:#fff; color:#475569; text-decoration:none; cursor:pointer; }
.btn-ghost:hover { border-color:#94a3b8; color:var(--text); }
.qc-card { background:#fff; border:1.5px solid var(--border); border-radius:11px; box-shadow:0 1px 4px rgba(0,0,0,.05); margin-bottom:18px; overflow:hidden; }
.qc-card-head { background:var(--header); color:#fff; padding:12px 18px; font-size:.72rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; display:flex; align-items:center; gap:8px; }
.qc-card-body { padding:18px; }
.filter-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr 1fr auto; gap:12px; align-items:end; }
@media(max-width:1000px){ .filter-grid { grid-template-columns:1fr 1fr 1fr; } }
.f-label { font-size:.65rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:#64748b; display:block; margin-bottom:4px; }
.f-control, .f-select { font-size:.85rem; color:var(--text); border:1.5px solid var(--border); border-radius:7px; padding:7px 10px; background:#fff; width:100%; transition:border-color .14s; }
.f-control:focus, .f-select:focus { border-color:var(--accent); outline:none; box-shadow:0 0 0 3px rgba(59,130,246,.1); }
.filter-btn-group { display:flex; gap:7px; }
.btn-filter { background:var(--accent); color:#fff; border:none; border-radius:7px; padding:8px 16px; font-size:.8rem; font-weight:600; cursor:pointer; display:flex; align-items:center; gap:5px; }
.btn-filter:hover { background:#2563eb; }
.btn-reset { background:#fff; color:#64748b; border:1.5px solid var(--border); border-radius:7px; padding:8px 12px; font-size:.8rem; cursor:pointer; }
.btn-reset:hover { border-color:var(--accent); color:var(--accent); }
.qc-table { width:100%; border-collapse:collapse; font-size:.8rem; }
.qc-table thead th { background:#f1f5f9; color:var(--muted); font-size:.65rem; font-weight:700; text-transform:uppercase; letter-spacing:.5px; padding:10px 12px; border-bottom:2px solid var(--border); white-space:nowrap; }
.qc-table thead th.r { text-align:right; }
.qc-table tbody tr { border-bottom:1px solid #f8fafc; transition:background .1s; }
.qc-table tbody tr:hover { background:#fafbfc; }
.qc-table td { padding:10px 12px; color:var(--text); vertical-align:middle; }
.qc-table td.r { text-align:right; }
.badge-pass { background:#dcfce7; color:#15803d; font-size:.68rem; font-weight:700; padding:3px 9px; border-radius:20px; display:inline-block; }
.badge-fail { background:#fee2e2; color:#b91c1c; font-size:.68rem; font-weight:700; padding:3px 9px; border-radius:20px; display:inline-block; }
.badge-pend { background:#f1f5f9; color:#64748b; font-size:.68rem; font-weight:700; padding:3px 9px; border-radius:20px; display:inline-block; }
.badge-grade { background:var(--accent-lt); color:var(--accent); font-size:.75rem; font-weight:700; padding:3px 9px; border-radius:6px; display:inline-block; }
.act-group { display:flex; gap:5px; justify-content:center; }
.act-btn { width:28px; height:28px; border-radius:6px; border:1.5px solid currentColor; background:transparent; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; font-size:.78rem; opacity:.75; text-decoration:none; transition:.15s; color:inherit; }
.act-btn:hover { opacity:1; }
.qc-alert { padding:11px 15px; border-radius:8px; font-size:.82rem; margin-bottom:16px; display:flex; gap:9px; align-items:flex-start; }
.qc-alert.success { background:var(--green-lt); border:1.5px solid #bbf7d0; color:#065f46; }
.qc-alert.danger { background:#fef2f2; border:1.5px solid #fecaca; color:#991b1b; }

.bi-3de8f987ba { display:flex;gap:8px;flex-wrap:wrap; }

.bi-6b99de8b69 { display:none; }

.bi-0ddf068bfb { overflow-x:auto; }

.bi-91a87015f4 { text-align:center; }

.bi-a3e977a6ec { color:var(--muted);font-size:.72rem; }

.bi-164b3e24d7 { white-space:nowrap;font-size:.78rem; }

.bi-4be755d683 { font-size:.78rem;color:#64748b; }

.bi-4f84d882b3 { font-size:.76rem;color:#64748b; }

.bi-064028e7a7 { color:#64748b; }

.bi-eed0f8fb89 { font-weight:600; }

.bi-2e587c2560 { text-align:center;padding:32px;color:var(--muted); }

.bi-de7d7080a8 { font-size:1.5rem;display:block;margin-bottom:8px; }

.bi-fbceab1d00 { padding:14px 18px;border-top:1px solid var(--border); }

[data-bi-0da13144de] { font-size:.75rem; }
[data-bi-ae125572d5] { display:contents; }

/* --- Component: qc\print.css --- */
/* Extracted from qc/print.blade.php */

:root {
    --navy:#0b2a6b;
    --blue:#2563eb;
    --blue-lt:#eaf2ff;
    --ink:#1e2a3a;
    --muted:#5b6b82;
    --border:#0b2a6b;
    --green:#15803d;
    --green-bg:#dcfce7;
    --red:#b91c1c;
    --red-bg:#fee2e2;
    --grey-bg:#f1f5f9;
  }
  body:has(.page-inner) { font-family:'Times New Roman', Georgia, serif; color:var(--ink); margin:0; padding:0; background:#e9eef7; }

  body:has(.page-inner) .toolbar { text-align:center; padding:14px; background:#e9eef7; }
  body:has(.page-inner) .toolbar button { padding:9px 22px; border-radius:7px; border:none; background:var(--blue); color:#fff; font-size:.85rem; font-weight:600; cursor:pointer; font-family:Arial,sans-serif; }
  body:has(.page-inner) .toolbar button:hover { background:var(--navy); }

  body:has(.page-inner) .page {
    max-width:900px; margin:0 auto 24px; background:#fff;
    border:6px solid var(--blue);
    border-radius:10px;
    padding:8px;
    position:relative;
  }
  .page-inner {
    border:1.5px solid var(--blue);
    border-radius:6px;
    padding:22px 28px 26px;
  }

  /* Letterhead */
  .letterhead { display:flex; align-items:flex-start; justify-content:space-between; border-bottom:2px solid var(--blue); padding-bottom:10px; margin-bottom:6px; }
  .brand { display:flex; align-items:center; gap:14px; }
  .brand-mark {
   height:64px; ;
    display:flex; align-items:center; justify-content:center; font-family:Arial,sans-serif;
    font-weight:800; font-size:.55rem; text-align:center; color:var(--navy); line-height:1.1; flex-shrink:0;
    overflow:hidden; background:#fff;
  }
  .brand-mark img { width:100%; height:100%; object-fit:contain; }
  .brand-text .name { font-family:Arial,sans-serif; font-size:1.9rem; font-weight:900; color:var(--navy); letter-spacing:.5px; margin:0; }
  .brand-text .name span { color:var(--blue); }
  .brand-text .tagline { font-family:Arial,sans-serif; font-size:.72rem; font-weight:700; letter-spacing:.6px; color:#3a4a63; margin:2px 0 0; }
  .brand-text .accred { font-family:Arial,sans-serif; font-size:.66rem; font-weight:700; letter-spacing:.4px; color:var(--blue); margin-top:2px; }

  .title-bar { text-align:center; margin:10px 0 12px; }
  .title-bar h1 { font-family:Arial,sans-serif; font-size:1.15rem; letter-spacing:2px; text-decoration:underline; text-underline-offset:5px; color:var(--ink); margin:0; }

  .ref-row { display:flex; justify-content:space-between; font-family:Arial,sans-serif; font-size:.82rem; margin-bottom:14px; }
  .ref-row b { color:var(--navy); }

  .section-title {
    font-family:Arial,sans-serif; font-size:.85rem; font-weight:700; text-align:center;
    background:var(--blue-lt); border:1px solid var(--blue); border-radius:4px;
    padding:5px 0; margin:14px 0 10px; color:var(--navy);
  }

  /* Info block: label : value rows */
  .info-block { font-family:Arial,sans-serif; font-size:.83rem; margin-bottom:6px; }
  .info-row { display:grid; grid-template-columns:190px 16px 1fr; padding:4px 0; }
  .info-row .lbl { font-weight:700; color:var(--ink); }
  .info-row .colon { color:var(--ink); }
  .info-row .val { color:#243244; }
  .info-cols { display:grid; grid-template-columns:1fr 1fr; column-gap:20px; }

  /* Observation tables */
  .obs-heading { font-family:Arial,sans-serif; font-weight:700; font-size:.9rem; margin:16px 0 8px; text-decoration:underline; color:var(--navy); }

  table.data { width:100%; border-collapse:collapse; font-family:Arial,sans-serif; font-size:.8rem; margin-bottom:14px; }
  table.data th, table.data td { border:1px solid var(--blue); padding:6px 8px; text-align:center; }
  table.data th { background:var(--blue-lt); color:var(--navy); font-weight:700; font-size:.72rem; text-transform:uppercase; letter-spacing:.3px; }
  table.data td.avg { font-weight:700; background:#f8fafc; }
  table.data .grp-head { background:var(--navy); color:#fff; font-size:.75rem; letter-spacing:.4px; }

  .result-row { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:10px 0 16px; font-family:Arial,sans-serif; }
  .result-card { border:2px solid var(--blue); border-radius:8px; padding:10px; text-align:center; background:var(--blue-lt); }
  .result-card.pass { border-color:#86efac; background:var(--green-bg); }
  .result-card.fail { border-color:#fca5a5; background:var(--red-bg); }
  .result-card.pending { border-color:#cbd5e1; background:var(--grey-bg); }
  .result-card .rc-lbl { font-size:.62rem; font-weight:700; text-transform:uppercase; color:var(--muted); margin-bottom:5px; letter-spacing:.4px; }
  .result-card .rc-val { font-size:1.15rem; font-weight:800; color:var(--navy); margin-bottom:2px; }
  .result-card .rc-tgt { font-size:.66rem; color:var(--muted); margin-bottom:5px; }
  .badge { display:inline-block; font-size:.68rem; font-weight:700; padding:2px 9px; border-radius:12px; font-family:Arial,sans-serif; }
  .badge.pass { background:var(--green-bg); color:var(--green); }
  .badge.fail { background:var(--red-bg); color:var(--red); }
  .badge.pending { background:var(--grey-bg); color:var(--muted); }

  .is-code { font-family:Arial,sans-serif; font-size:.82rem; margin-top:14px; }
  .is-code .hdr { font-weight:700; text-decoration:underline; margin-bottom:6px; color:var(--navy); }
  .is-code ol { margin:0; padding-left:20px; }
  .is-code li { margin-bottom:3px; }

  .remarks-box { font-family:Arial,sans-serif; font-size:.82rem; background:var(--blue-lt); border:1px solid var(--blue); border-radius:6px; padding:10px 12px; margin-top:14px; }

  .signblock { display:flex; justify-content:space-between; align-items:flex-end; margin-top:44px; font-family:Arial,sans-serif; }
  .stamp { width:100px; height:100px; border:2px dashed #93a3bb; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:.62rem; color:#93a3bb; text-align:center; }
  .signline { text-align:center; font-size:.76rem; }
  .signline .line { border-top:1px solid #475569; margin-top:38px; padding-top:5px; color:var(--muted); }

  .footer { font-family:Arial,sans-serif; font-size:.62rem; color:#3a4a63; border-top:2px solid var(--blue); margin-top:26px; padding-top:8px; display:grid; grid-template-columns:1fr 2fr; gap:16px; }
  .footer .lab-addr b { color:var(--navy); }
  .footer ol { margin:0; padding-left:16px; }
  .footer li { margin-bottom:2px; }

  @media print {
    body { background:#fff; }
    .toolbar { display:none; }
    .page { border-width:4px; box-shadow:none; margin:0; max-width:100%; }
    .section, table.data, .signblock { break-inside:avoid; }
    @page { margin:10mm; }
  }

.bi-24f46e7c71 { font-family:Arial,sans-serif;font-size:.78rem;text-align:right;color:var(--muted);line-height:1.6; }

/* --- Component: qc\show.css --- */
/* Extracted from qc/show.blade.php */

:root { --header:#102b5b;--accent:#3b82f6;--accent-lt:#eff6ff;--green:#10b981;--green-lt:#f0fdf4;--danger:#ef4444;--border:#e2e8f0;--muted:#94a3b8;--text:#1e293b; }
body { background:#f0f4f8; font-family:'Inter',system-ui,sans-serif; }
.qc-page { max-width:900px; margin:0 auto; padding:24px 16px 60px; }
.qc-page-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; flex-wrap:wrap; gap:12px; }
.qc-page-header h5 { margin:0; font-size:1.1rem; font-weight:700; color:var(--header); display:flex; align-items:center; gap:8px; }
.btn-ghost { display:inline-flex; align-items:center; gap:6px; padding:7px 14px; border-radius:7px; font-size:.8rem; font-weight:500; border:1.5px solid var(--border); background:#fff; color:#475569; text-decoration:none; }
.btn-ghost:hover { border-color:#94a3b8; }
.btn-edit { display:inline-flex; align-items:center; gap:6px; padding:8px 16px; border-radius:7px; font-size:.82rem; font-weight:600; background:var(--accent); color:#fff; border:none; text-decoration:none; }
.btn-edit:hover { background:#2563eb; color:#fff; }
.qc-card { background:#fff; border:1.5px solid var(--border); border-radius:11px; box-shadow:0 1px 4px rgba(0,0,0,.05); margin-bottom:16px; overflow:hidden; }
.qc-card-head { background:var(--header); color:#fff; padding:12px 18px; font-size:.72rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; display:flex; align-items:center; gap:8px; }
.qc-card-body { padding:22px; }
.detail-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
@media(max-width:600px){ .detail-grid { grid-template-columns:1fr 1fr; } }
.detail-item .di-label { font-size:.65rem; font-weight:700; text-transform:uppercase; letter-spacing:.5px; color:var(--muted); margin-bottom:4px; }
.detail-item .di-val   { font-size:.95rem; font-weight:600; color:var(--text); }
.result-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.result-card { border-radius:10px; padding:16px; text-align:center; border:2px solid; }
.result-card .rc-label { font-size:.65rem; font-weight:700; text-transform:uppercase; letter-spacing:.5px; margin-bottom:8px; }
.result-card .rc-strength { font-size:1.5rem; font-weight:800; line-height:1; margin-bottom:4px; }
.result-card .rc-target  { font-size:.72rem; margin-bottom:8px; }
.result-card .rc-badge   { font-size:.78rem; font-weight:800; padding:4px 14px; border-radius:20px; display:inline-block; }
.card-pass    { border-color:#86efac; background:#f0fdf4; }
.card-fail    { border-color:#fca5a5; background:#fef2f2; }
.card-pending { border-color:var(--border); background:#f8fafc; }
.badge-pass  { background:#dcfce7; color:#15803d; }
.badge-fail  { background:#fee2e2; color:#b91c1c; }
.badge-pend  { background:#f1f5f9; color:#64748b; }
.badge-grade { background:var(--accent-lt); color:var(--accent); font-size:.82rem; font-weight:700; padding:4px 12px; border-radius:7px; display:inline-block; }
.badge-duration { background:#f1f5f9; color:#475569; font-size:.7rem; font-weight:700; padding:3px 10px; border-radius:6px; display:inline-block; margin-left:8px; }

.cube-table-wrap { overflow-x:auto; }
.cube-table { width:100%; border-collapse:collapse; font-size:.85rem; }
.cube-table th { background:#f1f5f9; color:#475569; font-size:.65rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em; padding:9px 10px; border-bottom:1.5px solid var(--border); text-align:left; }
.cube-table td { padding:8px 10px; border-bottom:1px solid var(--border); color:var(--text); }
.cube-table td.r { text-align:right; }
.cube-table tfoot td { font-weight:700; background:#f8fafc; }
.cube-strength-val { color:var(--accent); font-weight:700; }

.print-header { display:none; }

/* ---------- PRINT STYLES ---------- */
@media print {
  body { background:#fff !important; }
  .no-print { display:none !important; }
  .qc-page { max-width:100%; padding:0; margin:0; }
  .qc-card { box-shadow:none; border:1px solid #000; break-inside:avoid; margin-bottom:10px; }
  .qc-card-head { background:#102b5b !important; color:#fff !important; -webkit-print-color-adjust:exact; print-color-adjust:exact; }
  .card-pass, .card-fail, .card-pending { -webkit-print-color-adjust:exact; print-color-adjust:exact; }
  .badge-pass, .badge-fail, .badge-pend, .badge-grade, .badge-duration { -webkit-print-color-adjust:exact; print-color-adjust:exact; }
  .print-header { display:flex; align-items:center; justify-content:space-between; border-bottom:2px solid #102b5b; padding-bottom:10px; margin-bottom:16px; }
  .print-header h2 { margin:0; font-size:1.3rem; color:#102b5b; }
  .print-header .ph-meta { font-size:.75rem; color:#475569; text-align:right; }
  @page { margin:14mm; }
}

.bi-a76d597a07 { display:flex;gap:8px; }

.bi-dc3cc78ae5 { margin-top:16px;padding:12px 14px;background:#f8fafc;border-radius:8px;border:1px solid var(--border);font-size:.85rem;color:#64748b; }

.bi-db2f629c9d { margin-right:6px; }

.bi-41d7d7e25b { padding:0; }

.bi-57f9e31d78 { color:var(--muted); }

.bi-54c2afb7ba { text-align:right; }

.bi-cab94be1d2 { border-color:#fecaca;color:#dc2626; }

[data-bi-85e4d04c0c] { font-size:.85rem;padding:5px 18px; }
[data-bi-cccfa4560d] { display:inline; }

/* --- Component: qc\slump\create.css --- */
/* Extracted from qc/slump/create.blade.php */

.slump-card{
    border-radius:10px;
}
.section-title{
    font-size:14px;
    font-weight:600;
    margin-bottom:10px;
    display:flex;
    align-items:center;
    gap:6px;
}
.result-box{
    font-size:18px;
    font-weight:700;
    text-align:center;
    padding:10px;
    border-radius:6px;
}
.pass-bg{
    background:#e6f9f0;
    color:#198754;
}
.fail-bg{
    background:#fdeaea;
    color:#dc3545;
}

/* --- Component: qc\slump\index.css --- */
/* Extracted from qc/slump/index.blade.php */

.table td, .table th{
    vertical-align: middle;
    font-size: 13px;
}
.badge{
    font-weight: 500;
}




/* ==========================================================================
   INVENTORY, MATERIALS & VENDORS
   Unified Component Stylesheet
   ========================================================================== */

/* --- Component: materials\create.css --- */
/* Extracted from materials/create.blade.php */

:root{
    --im-primary:#2854a3;
    --im-primary-dark:#1d3d78;
    --im-primary-light:#eef4ff;
    --im-bg:#f4f7fb;
    --im-card:#fff;
    --im-text:#182235;
    --im-muted:#6b7280;
    --im-border:#dfe5ee;
    --im-success:#15803d;
    --im-success-light:#ecfdf3;
    --im-danger:#dc2626;
    --im-danger-light:#fff1f2;
}
body{background:var(--im-bg)}
.item-page{max-width:1380px;margin:0 auto;padding:18px 14px 50px;font-family:Inter,system-ui,sans-serif;color:var(--im-text)}
.item-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.item-title-wrap{display:flex;align-items:center;gap:10px}
.item-title-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,var(--im-primary),var(--im-primary-dark));color:#fff}
.item-eyebrow{display:block;margin-bottom:2px;color:var(--im-primary);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.item-title{margin:0;font-size:1.2rem;font-weight:700}
.item-actions{display:flex;gap:7px;flex-wrap:wrap}
.item-btn{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:7px 11px;border:1px solid var(--im-border);border-radius:7px;background:#fff;color:var(--im-text);text-decoration:none;font-size:.74rem;font-weight:600}
.item-btn.primary{border-color:var(--im-primary);background:var(--im-primary);color:#fff}
.item-card{overflow:hidden;border:1px solid var(--im-border);border-radius:10px;background:var(--im-card);box-shadow:0 3px 12px rgba(15,23,42,.035);margin-bottom:14px}
.item-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--im-border);background:#f9fbff}
.item-card-title{margin:0;display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700}
.item-card-title i{color:var(--im-primary)}
.item-card-body{padding:14px}
.item-label{display:block;margin-bottom:4px;color:var(--im-muted);font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.item-input,.item-select,.item-textarea{width:100%;min-height:36px;padding:6px 9px;border:1px solid var(--im-border);border-radius:7px;background:#fff;color:var(--im-text);font-size:.76rem}
.item-input:focus,.item-select:focus,.item-textarea:focus{outline:none;border-color:var(--im-primary);box-shadow:0 0 0 3px rgba(40,84,163,.1)}
.item-hint{display:block;margin-top:4px;color:var(--im-muted);font-size:.6rem}
.item-code-wrap{display:flex;gap:6px}
.item-code-wrap .item-input{flex:1}
.item-code-btn{min-width:36px;border:1px solid var(--im-border);border-radius:7px;background:var(--im-primary-light);color:var(--im-primary);cursor:pointer}
.item-footer{position:sticky;bottom:0;z-index:20;display:flex;justify-content:flex-end;gap:8px;padding:11px 14px;border-top:1px solid var(--im-border);background:rgba(255,255,255,.96);backdrop-filter:blur(8px)}
.item-table-wrap{overflow-x:auto}
.item-table{width:100%;min-width:1100px;border-collapse:collapse;table-layout:fixed}
.item-table th{padding:9px 10px;background:#f7f9fc;border-bottom:1px solid var(--im-border);color:var(--im-muted);font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.item-table td{padding:9px 10px;border-bottom:1px solid #edf1f5;font-size:.72rem;vertical-align:middle}
.item-table tbody tr:hover td{background:#fbfcff}
.item-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.67rem;font-weight:700;color:var(--im-primary)}
.item-badge{display:inline-flex;padding:3px 7px;border-radius:999px;font-size:.6rem;font-weight:700}
.item-badge.type{background:var(--im-primary-light);color:var(--im-primary)}
.item-badge.active{background:var(--im-success-light);color:var(--im-success)}
.item-badge.inactive{background:var(--im-danger-light);color:var(--im-danger)}
.item-action-group{display:flex;justify-content:flex-end;gap:4px}
.item-icon-btn{width:28px;height:28px;display:inline-grid;place-items:center;border:1px solid var(--im-border);border-radius:6px;background:#fff;color:var(--im-muted);text-decoration:none;cursor:pointer}
.custom-field{display:none;margin-top:7px}
@media(max-width:767px){.item-page{padding:14px 9px 70px}.item-footer{justify-content:stretch}.item-footer .item-btn{flex:1;justify-content:center}}

.bi-20e4859eba { color:#64748b;font-size:0.75rem;display:block;margin-top:4px; }

/* --- Component: materials\edit.css --- */
/* Extracted from materials/edit.blade.php */

:root{
    --im-primary:#2854a3;
    --im-primary-dark:#1d3d78;
    --im-primary-light:#eef4ff;
    --im-bg:#f4f7fb;
    --im-card:#fff;
    --im-text:#182235;
    --im-muted:#6b7280;
    --im-border:#dfe5ee;
    --im-success:#15803d;
    --im-success-light:#ecfdf3;
    --im-danger:#dc2626;
    --im-danger-light:#fff1f2;
}
body{background:var(--im-bg)}
.item-page{max-width:1380px;margin:0 auto;padding:18px 14px 50px;font-family:Inter,system-ui,sans-serif;color:var(--im-text)}
.item-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.item-title-wrap{display:flex;align-items:center;gap:10px}
.item-title-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,var(--im-primary),var(--im-primary-dark));color:#fff}
.item-eyebrow{display:block;margin-bottom:2px;color:var(--im-primary);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.item-title{margin:0;font-size:1.2rem;font-weight:700}
.item-actions{display:flex;gap:7px;flex-wrap:wrap}
.item-btn{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:7px 11px;border:1px solid var(--im-border);border-radius:7px;background:#fff;color:var(--im-text);text-decoration:none;font-size:.74rem;font-weight:600}
.item-btn.primary{border-color:var(--im-primary);background:var(--im-primary);color:#fff}
.item-card{overflow:hidden;border:1px solid var(--im-border);border-radius:10px;background:var(--im-card);box-shadow:0 3px 12px rgba(15,23,42,.035);margin-bottom:14px}
.item-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--im-border);background:#f9fbff}
.item-card-title{margin:0;display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700}
.item-card-title i{color:var(--im-primary)}
.item-card-body{padding:14px}
.item-label{display:block;margin-bottom:4px;color:var(--im-muted);font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.item-input,.item-select,.item-textarea{width:100%;min-height:36px;padding:6px 9px;border:1px solid var(--im-border);border-radius:7px;background:#fff;color:var(--im-text);font-size:.76rem}
.item-input:focus,.item-select:focus,.item-textarea:focus{outline:none;border-color:var(--im-primary);box-shadow:0 0 0 3px rgba(40,84,163,.1)}
.item-hint{display:block;margin-top:4px;color:var(--im-muted);font-size:.6rem}
.item-code-wrap{display:flex;gap:6px}
.item-code-wrap .item-input{flex:1}
.item-code-btn{min-width:36px;border:1px solid var(--im-border);border-radius:7px;background:var(--im-primary-light);color:var(--im-primary);cursor:pointer}
.item-footer{position:sticky;bottom:0;z-index:20;display:flex;justify-content:flex-end;gap:8px;padding:11px 14px;border-top:1px solid var(--im-border);background:rgba(255,255,255,.96);backdrop-filter:blur(8px)}
.item-table-wrap{overflow-x:auto}
.item-table{width:100%;min-width:1100px;border-collapse:collapse;table-layout:fixed}
.item-table th{padding:9px 10px;background:#f7f9fc;border-bottom:1px solid var(--im-border);color:var(--im-muted);font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.item-table td{padding:9px 10px;border-bottom:1px solid #edf1f5;font-size:.72rem;vertical-align:middle}
.item-table tbody tr:hover td{background:#fbfcff}
.item-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.67rem;font-weight:700;color:var(--im-primary)}
.item-badge{display:inline-flex;padding:3px 7px;border-radius:999px;font-size:.6rem;font-weight:700}
.item-badge.type{background:var(--im-primary-light);color:var(--im-primary)}
.item-badge.active{background:var(--im-success-light);color:var(--im-success)}
.item-badge.inactive{background:var(--im-danger-light);color:var(--im-danger)}
.item-action-group{display:flex;justify-content:flex-end;gap:4px}
.item-icon-btn{width:28px;height:28px;display:inline-grid;place-items:center;border:1px solid var(--im-border);border-radius:6px;background:#fff;color:var(--im-muted);text-decoration:none;cursor:pointer}
.custom-field{display:none;margin-top:7px}
@media(max-width:767px){.item-page{padding:14px 9px 70px}.item-footer{justify-content:stretch}.item-footer .item-btn{flex:1;justify-content:center}}

.bi-20e4859eba { color:#64748b;font-size:0.75rem;display:block;margin-top:4px; }

/* --- Component: materials\index.css --- */
/* Extracted from materials/index.blade.php */

:root{
    --im-primary:#2854a3;
    --im-primary-dark:#1d3d78;
    --im-primary-light:#eef4ff;
    --im-bg:#f4f7fb;
    --im-card:#fff;
    --im-text:#182235;
    --im-muted:#6b7280;
    --im-border:#dfe5ee;
    --im-success:#15803d;
    --im-success-light:#ecfdf3;
    --im-danger:#dc2626;
    --im-danger-light:#fff1f2;
}
body{background:var(--im-bg)}
.item-page{max-width:1380px;margin:0 auto;padding:18px 14px 50px;font-family:Inter,system-ui,sans-serif;color:var(--im-text)}
.item-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.item-title-wrap{display:flex;align-items:center;gap:10px}
.item-title-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,var(--im-primary),var(--im-primary-dark));color:#fff}
.item-eyebrow{display:block;margin-bottom:2px;color:var(--im-primary);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.item-title{margin:0;font-size:1.2rem;font-weight:700}
.item-actions{display:flex;gap:7px;flex-wrap:wrap}
.item-btn{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:7px 11px;border:1px solid var(--im-border);border-radius:7px;background:#fff;color:var(--im-text);text-decoration:none;font-size:.74rem;font-weight:600}
.item-btn.primary{border-color:var(--im-primary);background:var(--im-primary);color:#fff}
.item-card{overflow:hidden;border:1px solid var(--im-border);border-radius:10px;background:var(--im-card);box-shadow:0 3px 12px rgba(15,23,42,.035);margin-bottom:14px}
.item-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--im-border);background:#f9fbff}
.item-card-title{margin:0;display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700}
.item-card-title i{color:var(--im-primary)}
.item-card-body{padding:14px}
.item-label{display:block;margin-bottom:4px;color:var(--im-muted);font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.item-input,.item-select,.item-textarea{width:100%;min-height:36px;padding:6px 9px;border:1px solid var(--im-border);border-radius:7px;background:#fff;color:var(--im-text);font-size:.76rem}
.item-input:focus,.item-select:focus,.item-textarea:focus{outline:none;border-color:var(--im-primary);box-shadow:0 0 0 3px rgba(40,84,163,.1)}
.item-hint{display:block;margin-top:4px;color:var(--im-muted);font-size:.6rem}
.item-code-wrap{display:flex;gap:6px}
.item-code-wrap .item-input{flex:1}
.item-code-btn{min-width:36px;border:1px solid var(--im-border);border-radius:7px;background:var(--im-primary-light);color:var(--im-primary);cursor:pointer}
.item-footer{position:sticky;bottom:0;z-index:20;display:flex;justify-content:flex-end;gap:8px;padding:11px 14px;border-top:1px solid var(--im-border);background:rgba(255,255,255,.96);backdrop-filter:blur(8px)}
.item-table-wrap{overflow-x:auto}
.item-table{width:100%;min-width:1100px;border-collapse:collapse;table-layout:fixed}
.item-table th{padding:9px 10px;background:#f7f9fc;border-bottom:1px solid var(--im-border);color:var(--im-muted);font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.item-table td{padding:9px 10px;border-bottom:1px solid #edf1f5;font-size:.72rem;vertical-align:middle}
.item-table tbody tr:hover td{background:#fbfcff}
.item-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.67rem;font-weight:700;color:var(--im-primary)}
.item-badge{display:inline-flex;padding:3px 7px;border-radius:999px;font-size:.6rem;font-weight:700}
.item-badge.type{background:var(--im-primary-light);color:var(--im-primary)}
.item-badge.active{background:var(--im-success-light);color:var(--im-success)}
.item-badge.inactive{background:var(--im-danger-light);color:var(--im-danger)}
.item-action-group{display:flex;justify-content:flex-end;gap:4px}
.item-icon-btn{width:28px;height:28px;display:inline-grid;place-items:center;border:1px solid var(--im-border);border-radius:6px;background:#fff;color:var(--im-muted);text-decoration:none;cursor:pointer}
.custom-field{display:none;margin-top:7px}
@media(max-width:767px){.item-page{padding:14px 9px 70px}.item-footer{justify-content:stretch}.item-footer .item-btn{flex:1;justify-content:center}}

.bi-dbee34e209 { width:55px; }

.bi-c6fffdfe96 { width:130px; }

.bi-60746827b0 { width:110px; }

.bi-581be415aa { width:90px; }

.bi-465bfea3ed { width:120px; }

.bi-db4cf10b18 { width:100px; }

/* --- Component: materials\show.css --- */
/* Extracted from materials/show.blade.php */

:root {
    --is-primary: #2854a3;
    --is-primary-dark: #1d3d78;
    --is-primary-light: #eef4ff;
    --is-bg: #f4f7fb;
    --is-card: #ffffff;
    --is-text: #182235;
    --is-muted: #6b7280;
    --is-border: #dfe5ee;
    --is-success: #15803d;
    --is-success-light: #ecfdf3;
    --is-danger: #dc2626;
    --is-danger-light: #fff1f2;
    --is-warning: #b45309;
    --is-warning-light: #fff7ed;
}

body {
    background: var(--is-bg);
}

.item-show-page {
    max-width: 1320px;
    margin: 0 auto;
    padding: 18px 14px 45px;
    font-family: Inter, system-ui, sans-serif;
    color: var(--is-text);
}

.item-show-topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.item-show-title-wrap {
    display: flex;
    align-items: center;
    gap: 11px;
}

.item-show-avatar {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: #fff;
    background: linear-gradient(
        135deg,
        var(--is-primary),
        var(--is-primary-dark)
    );
    font-size: .9rem;
    font-weight: 700;
}

.item-show-eyebrow {
    display: block;
    margin-bottom: 2px;
    color: var(--is-primary);
    font-size: .6rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.item-show-title {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 700;
}

.item-show-subtitle {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
    margin-top: 4px;
}

.item-show-code {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    color: var(--is-primary);
    font-size: .66rem;
    font-weight: 700;
}

.item-show-actions {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
}

.item-show-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 34px;
    padding: 7px 11px;
    border: 1px solid var(--is-border);
    border-radius: 7px;
    background: #fff;
    color: var(--is-text);
    text-decoration: none;
    font-size: .74rem;
    font-weight: 600;
}

.item-show-btn.primary {
    border-color: var(--is-primary);
    background: var(--is-primary);
    color: #fff;
}

.item-show-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 14px;
}

.item-show-card {
    overflow: hidden;
    border: 1px solid var(--is-border);
    border-radius: 10px;
    background: var(--is-card);
    box-shadow: 0 3px 12px rgba(15, 23, 42, .035);
    margin-bottom: 14px;
}

.item-show-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--is-border);
    background: #f9fbff;
}

.item-show-card-title {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: .78rem;
    font-weight: 700;
}

.item-show-card-title i {
    color: var(--is-primary);
}

.item-show-card-body {
    padding: 14px;
}

.item-show-info-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.item-show-info-item {
    min-height: 68px;
    padding: 10px 11px;
    border-right: 1px solid var(--is-border);
    border-bottom: 1px solid var(--is-border);
}

.item-show-info-item:nth-child(4n) {
    border-right: 0;
}

.item-show-info-item.wide {
    grid-column: span 2;
}

.item-show-info-item.full {
    grid-column: 1 / -1;
}

.item-show-label {
    display: block;
    margin-bottom: 4px;
    color: var(--is-muted);
    font-size: .56rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.item-show-value {
    display: block;
    font-size: .72rem;
    line-height: 1.4;
    font-weight: 600;
    word-break: break-word;
}

.item-show-badge {
    display: inline-flex;
    align-items: center;
    padding: 3px 7px;
    border-radius: 999px;
    font-size: .6rem;
    font-weight: 700;
}

.item-show-badge.type {
    background: var(--is-primary-light);
    color: var(--is-primary);
}

.item-show-badge.active {
    background: var(--is-success-light);
    color: var(--is-success);
}

.item-show-badge.inactive {
    background: var(--is-danger-light);
    color: var(--is-danger);
}

.item-show-badge.low {
    background: var(--is-warning-light);
    color: var(--is-warning);
}

.item-show-stat-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.item-show-stat {
    padding: 14px;
    border: 1px solid var(--is-border);
    border-radius: 9px;
    background: #fff;
    text-align: center;
}

.item-show-stat span {
    display: block;
    margin-bottom: 5px;
    color: var(--is-muted);
    font-size: .58rem;
    font-weight: 700;
    text-transform: uppercase;
}

.item-show-stat strong {
    color: var(--is-primary-dark);
    font-size: 1rem;
}

.item-show-stat.success {
    background: var(--is-success-light);
    border-color: #bbf7d0;
}

.item-show-stat.success strong {
    color: var(--is-success);
}

.item-show-stat.warning {
    background: var(--is-warning-light);
    border-color: #fed7aa;
}

.item-show-stat.warning strong {
    color: var(--is-warning);
}

.item-show-side-list {
    display: grid;
    gap: 8px;
}

.item-show-side-row {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid var(--is-border);
    font-size: .68rem;
}

.item-show-side-row:last-child {
    border-bottom: 0;
}

.item-show-side-row span {
    color: var(--is-muted);
}

.item-show-description {
    margin: 0;
    color: var(--is-muted);
    font-size: .72rem;
    line-height: 1.55;
    white-space: pre-line;
}

@media (max-width: 950px) {
    .item-show-grid {
        grid-template-columns: 1fr;
    }

    .item-show-info-grid {
        grid-template-columns: 1fr 1fr;
    }

    .item-show-info-item:nth-child(4n) {
        border-right: 1px solid var(--is-border);
    }

    .item-show-info-item:nth-child(2n) {
        border-right: 0;
    }
}

@media (max-width: 576px) {
    .item-show-info-grid {
        grid-template-columns: 1fr;
    }

    .item-show-info-item {
        border-right: 0 !important;
    }

    .item-show-info-item.wide {
        grid-column: span 1;
    }

    .item-show-stat-grid {
        grid-template-columns: 1fr;
    }
}

/* --- Component: material_inwards\create.css --- */
/* Extracted from material_inwards/create.blade.php */

:root{
    --im-primary:#274c8e;
    --im-primary-dark:#193463;
    --im-primary-light:#eef4ff;
    --im-bg:#f4f7fb;
    --im-card:#fff;
    --im-text:#172033;
    --im-muted:#697386;
    --im-border:#dce3ed;
    --im-success:#15803d;
    --im-success-light:#ecfdf3;
    --im-warning:#b45309;
    --im-warning-light:#fff7ed;
    --im-danger:#dc2626;
    --im-danger-light:#fff1f2;
    --im-teal:#0f766e;
    --im-teal-light:#f0fdfa;
}

body{ background:var(--im-bg); }

/* ==========================================================================
   Page shell (shared with materials/Add Item)
   ========================================================================== */
.item-page{ max-width:1450px; margin:0 auto; padding:18px 14px 120px; font-family:Inter,system-ui,sans-serif; color:var(--im-text); }
.item-topbar{ display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:14px; }
.item-title-wrap{ display:flex; align-items:center; gap:10px; }
.item-title-icon{ width:40px; height:40px; display:grid; place-items:center; border-radius:10px; background:linear-gradient(135deg,var(--im-primary),var(--im-primary-dark)); color:#fff; }
.item-eyebrow{ display:block; margin-bottom:2px; color:var(--im-primary); font-size:.6rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.item-title{ margin:0; font-size:1.2rem; font-weight:700; }
.item-actions{ display:flex; gap:7px; flex-wrap:wrap; }
.item-btn{ display:inline-flex; align-items:center; gap:6px; min-height:34px; padding:7px 11px; border:1px solid var(--im-border); border-radius:7px; background:#fff; color:var(--im-text); text-decoration:none; font-size:.74rem; font-weight:600; }
.item-btn.primary{ border-color:var(--im-primary); background:var(--im-primary); color:#fff; }

/* ==========================================================================
   Cards
   ========================================================================== */
.item-card{ overflow:hidden; border:1px solid var(--im-border); border-radius:10px; background:var(--im-card); box-shadow:0 3px 12px rgba(15,23,42,.035); margin-bottom:14px; }
.item-card-head{ display:flex; justify-content:space-between; align-items:center; gap:10px; padding:10px 14px; border-bottom:1px solid var(--im-border); background:#f9fbff; }
.item-card-title{ margin:0; display:flex; align-items:center; gap:6px; font-size:.78rem; font-weight:700; }
.item-card-title i{ color:var(--im-primary); }
.item-card-subtitle{ font-size:.66rem; color:var(--im-muted); }
.item-card-body{ padding:14px; }

/* ==========================================================================
   Form controls
   ========================================================================== */
.item-label{ display:block; margin-bottom:4px; color:var(--im-muted); font-size:.58rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.item-input, .item-select, .item-textarea{ width:100%; min-height:36px; padding:6px 9px; border:1px solid var(--im-border); border-radius:7px; background:#fff; color:var(--im-text); font-size:.76rem; }
.item-input:focus, .item-select:focus, .item-textarea:focus{ outline:none; border-color:var(--im-primary); box-shadow:0 0 0 3px rgba(39,76,142,.1); }
.item-input[readonly]{ background:#f8fafc; }
.item-input.item-code-field{ font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-weight:700; color:var(--im-primary); }
.item-hint{ display:block; margin-top:4px; color:var(--im-muted); font-size:.6rem; }

.select2-container{ width:100% !important; }
.select2-container--default .select2-selection--single{ height:36px; border:1px solid var(--im-border); border-radius:7px; }
.select2-container--default .select2-selection--single .select2-selection__rendered{ line-height:34px; font-size:.76rem; }
.select2-container--default .select2-selection--single .select2-selection__arrow{ height:34px; }

/* ==========================================================================
   Info / summary strips
   ========================================================================== */
.item-info-grid, .item-summary-grid{ display:grid; gap:10px; margin-bottom:14px; }
.item-info-grid{ grid-template-columns:repeat(4,1fr); }
.item-summary-grid{ grid-template-columns:repeat(5,1fr); }
.item-info-box, .item-summary-box{ padding:11px; border:1px solid var(--im-border); border-radius:9px; background:#fff; }
.item-info-box span, .item-summary-box span{ display:block; margin-bottom:3px; font-size:.58rem; font-weight:700; text-transform:uppercase; color:var(--im-muted); }
.item-info-box strong, .item-summary-box strong{ font-size:.9rem; }
.item-summary-box.success{ background:var(--im-success-light); border-color:#bbf7d0; }
.item-summary-box.warning{ background:var(--im-warning-light); border-color:#fed7aa; }
.item-summary-box.danger{ background:var(--im-danger-light); border-color:#fecaca; }

/* ==========================================================================
   Item table
   ========================================================================== */
.item-table-wrap{ overflow-x:auto; border:1px solid var(--im-border); border-radius:9px; }
.item-table{ width:100%; min-width:1580px; border-collapse:collapse; table-layout:fixed; }
.item-table th{ padding:9px 7px; background:#f7f9fc; border-bottom:1px solid var(--im-border); color:var(--im-muted); font-size:.58rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.item-table td{ padding:8px 7px; border-bottom:1px solid #edf1f5; font-size:.72rem; vertical-align:middle; }
.item-table tbody tr:hover td{ background:#fbfcff; }
.item-code{ font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.67rem; font-weight:700; color:var(--im-primary); }

.item-row-no{ width:24px; height:24px; margin:auto; display:grid; place-items:center; border-radius:50%; background:var(--im-primary-light); color:var(--im-primary); font-size:.64rem; font-weight:700; }
.item-value-box{ min-height:36px; display:flex; align-items:center; justify-content:flex-end; padding:7px 9px; border:1px solid var(--im-border); border-radius:7px; background:#f8fafc; font-size:.76rem; font-weight:600; }
.item-value-box.warning{ background:var(--im-warning-light); border-color:#fed7aa; color:var(--im-warning); }
.item-value-box.teal{ background:var(--im-teal-light); border-color:#99f6e4; color:var(--im-teal); }
.item-value-box.success{ background:var(--im-success-light); border-color:#bbf7d0; color:var(--im-success); }

.item-badge{ display:inline-flex; padding:3px 7px; border-radius:999px; font-size:.6rem; font-weight:700; }
.item-badge.type{ background:var(--im-primary-light); color:var(--im-primary); }

.item-action-group{ display:flex; justify-content:flex-end; gap:4px; }
.item-icon-btn{ width:28px; height:28px; display:inline-grid; place-items:center; border:1px solid var(--im-border); border-radius:6px; background:#fff; color:var(--im-muted); text-decoration:none; cursor:pointer; }
.item-icon-btn.danger{ border-color:#fecaca; background:var(--im-danger-light); color:var(--im-danger); }

.item-table .input-group{ display:flex; flex-wrap:nowrap; }
.item-table .input-group .item-input{ min-width:65px; border-top-right-radius:0; border-bottom-right-radius:0; }
.item-table .input-group-text{ display:flex; align-items:center; padding:6px 8px; border:1px solid var(--im-border); border-left:0; border-radius:0 7px 7px 0; background:#f8fafc; color:var(--im-muted); font-size:.64rem; white-space:nowrap; }

/* ==========================================================================
   Alerts / footer
   ========================================================================== */
.item-alert{ display:none; margin-top:12px; padding:9px; border:1px solid #fecaca; border-radius:7px; background:var(--im-danger-light); color:var(--im-danger); font-size:.74rem; font-weight:600; }
.item-alert.show{ display:block; }

.item-footer{ position:sticky; bottom:0; z-index:20; display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap; padding:11px 14px; border-top:1px solid var(--im-border); background:rgba(255,255,255,.96); backdrop-filter:blur(8px); }
.item-footer-stats{ display:flex; gap:20px; flex-wrap:wrap; }
.item-stat span{ display:block; color:var(--im-muted); font-size:.56rem; text-transform:uppercase; }
.item-stat strong{ color:var(--im-text); font-size:.84rem; }

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:1100px){
    .item-info-grid, .item-summary-grid{ grid-template-columns:repeat(3,1fr); }
}
@media (max-width:767px){
    .item-page{ padding:14px 9px 150px; }
    .item-info-grid, .item-summary-grid{ grid-template-columns:repeat(2,1fr); }
    .item-card-body{ padding:12px; }
    .item-footer{ justify-content:stretch; }
    .item-footer .item-btn{ flex:1; justify-content:center; }
}

.bi-49cd09213e { display:flex;gap:6px; }

.bi-8fb32aa70e { width:44px; }

.bi-54f91ac464 { width:180px; }

.bi-bb082fd844 { width:280px; }

.bi-1069d5c3bd { width:72px; }

.bi-f560561146 { width:95px; }

.bi-d3c88ee8e5 { width:105px; }

.bi-c6fffdfe96 { width:130px; }

.bi-28c0f6ec6e { width:160px; }

.bi-6b99de8b69 { display:none; }

/* --- Component: material_inwards\edit.css --- */
/* Extracted from material_inwards/edit.blade.php */

:root {



    --bg:        #f0f4f8;



    --card:      #ffffff;
vendor_billing_qty ?? '' }}">

    --header:    #102b5b;



    --accent:    #3b82f6;



    --accent-lt: #eff6ff;



    --amber:     #f59e0b;



    --amber-lt:  #fffbeb;



    --green:     #10b981;



    --green-lt:  #f0fdf4;



    --teal:      #0d9488;



    --teal-lt:   #f0fdfa;



    --danger:    #ef4444;



    --border:    #e2e8f0;



    --muted:     #94a3b8;



    --text:      #1e293b;



    --text-sm:   #64748b;



    --radius:    8px;



  }







  body { background: var(--bg); font-family: 'Inter', system-ui, sans-serif; }



  .ci-page { max-width: 1200px; margin: 0 auto; padding: 24px 16px 100px; }







  /* PAGE HEADER */



  .ci-page-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }



  .ci-page-header h5 { font-size:1.1rem; font-weight:700; color:var(--header); margin:0; display:flex; align-items:center; gap:8px; }



  .ci-page-header h5 .badge-pill {



    font-size:.65rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase;



    background:var(--amber); color:#fff; padding:3px 10px; border-radius:99px;



  }







  /* CARD */



  .ci-card { background:var(--card); border:1px solid var(--border); border-radius:var(--radius); box-shadow:0 1px 4px rgba(0,0,0,.06); margin-bottom:16px; overflow:hidden; }



  .ci-card-head { background:var(--header); color:#fff; padding:12px 20px; font-size:.78rem; font-weight:600; letter-spacing:.07em; text-transform:uppercase; display:flex; align-items:center; gap:8px; }



  .ci-card-head i { opacity:.7; font-size:1rem; }



  .ci-card-body { padding:20px; }



  .ci-card.section-blue  .ci-card-head { border-left:4px solid var(--accent); }



  .ci-card.section-amber .ci-card-head { border-left:4px solid var(--amber); background:#2c2315; }







  /* FORM */



  .form-label { font-size:.72rem; font-weight:600; color:var(--text-sm); text-transform:uppercase; letter-spacing:.06em; margin-bottom:4px; display:block; }



  .form-control, .form-select { font-size:.875rem; color:var(--text); border:1px solid var(--border); border-radius:6px; padding:7px 10px; transition:border-color .15s,box-shadow .15s; background:#fff; }



  .form-control:focus, .form-select:focus { border-color:var(--accent); box-shadow:0 0 0 3px rgba(59,130,246,.12); outline:none; }



  .form-control[readonly] { background:#f8fafc; color:var(--text-sm); }



  #challan_display { font-family:'JetBrains Mono','Courier New',monospace; font-size:.9rem; font-weight:700; color:var(--text-sm); background:#f1f5f9; border-color:var(--border); letter-spacing:.05em; }







  /* ── MATERIAL TABLE ── */



  .mat-table-wrap { overflow-x:auto; }



  .mat-table { width:100%; border-collapse:collapse; font-size:.825rem; table-layout:fixed; }







  .mat-table thead tr th {



    background:#f1f5f9; color:var(--text-sm);



    font-size:.65rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em;



    padding:10px 8px; border-bottom:2px solid var(--border);



    white-space:nowrap; vertical-align:bottom;



  }



  .mat-table tbody tr td {



    padding:8px 6px; border-bottom:1px solid #f1f5f9; vertical-align:middle;



  }



  .mat-table tbody tr:last-child td { border-bottom:none; }



  .mat-table tbody tr:hover td { background:#fafbfd; }







  .col-num      { width:32px; }



  .col-material { width:auto; min-width:180px; }



  .col-unit     { width:60px; text-align:center; }



  .col-qty      { width:100px; }



  .col-moisture { width:100px; }



  .col-dryqty   { width:100px; }



  .col-rate     { width:105px; }



  .col-amount   { width:115px; text-align:right; }



  .col-del      { width:36px; }







  .mat-table tbody tr.is-sand-row > td { background:#fefce8; }



  .mat-table tbody tr.is-sand-row:hover > td { background:#fef9c3 !important; }







  .cell-moisture-inactive,



  .cell-dryqty-inactive {



    display:flex; align-items:center; justify-content:center;



    height:32px; border-radius:5px; background:#f8fafc;



    color:#cbd5e1; font-size:.7rem; letter-spacing:.03em;



  }







  .row-num {



    width:24px; height:24px; border-radius:50%;



    background:var(--accent-lt); color:var(--accent);



    font-size:.65rem; font-weight:700; margin:auto;



    display:flex; align-items:center; justify-content:center;



  }



  .is-sand-row .row-num { background:#fef08a; color:#854d0e; }







  .unit-badge {



    display:inline-block; font-size:.62rem; font-weight:700; text-transform:uppercase;



    background:#f1f5f9; color:var(--text-sm); border-radius:4px; padding:2px 7px;



    min-width:38px; text-align:center; letter-spacing:.04em;



  }







  .moisture-input {



    width:100%; text-align:center;



    border:1.5px solid #fde68a; border-radius:6px;



    background:#fffbeb; color:#92400e;



    font-size:.82rem; font-weight:700; padding:6px 4px;



    box-sizing:border-box;



  }



  .moisture-input:focus { border-color:var(--amber); box-shadow:0 0 0 2px rgba(245,158,11,.15); outline:none; }



  .pct-label { font-size:.68rem; color:#a16207; font-weight:600; display:block; text-align:center; margin-top:2px; }







  .dry-qty-box {



    background:var(--teal-lt); border:1px solid #99f6e4;



    border-radius:6px; padding:5px 8px; text-align:center;



  }



  .dry-qty-val  { font-size:.82rem; font-weight:700; color:var(--teal); display:block; }



  .dry-qty-sub  { font-size:.58rem; color:#5eead4; }







  .total-cell { text-align:right; padding-right:10px !important; }



  .row-total  { font-weight:700; color:var(--green); font-size:.85rem; }



  .row-total-note { font-size:.58rem; color:var(--muted); font-weight:400; display:block; }







  .sand-tag { display:none; font-size:.58rem; font-weight:700; text-transform:uppercase; background:#fef08a; color:#854d0e; border-radius:3px; padding:1px 5px; }



  .sand-tag.visible { display:inline; }







  .moisture-summary { display:none; background:var(--teal-lt); border:1px solid #99f6e4; border-radius:var(--radius); padding:14px 18px; margin-bottom:16px; }



  .moisture-summary.visible { display:block; }



  .ms-title { font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.07em; color:var(--teal); margin-bottom:10px; display:flex; align-items:center; gap:6px; }



  .ms-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }



  @media(max-width:600px){ .ms-grid { grid-template-columns:1fr 1fr; } }



  .ms-item label { font-size:.62rem; font-weight:600; text-transform:uppercase; letter-spacing:.06em; color:#0f766e; margin-bottom:3px; display:block; }



  .ms-item .ms-val { font-size:1.05rem; font-weight:800; color:var(--teal); font-family:'JetBrains Mono',monospace; }



  .ms-item .ms-val.red { color:var(--danger); }







  .weight-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }



  @media(max-width:768px){ .weight-grid { grid-template-columns:1fr 1fr; } }



  @media(max-width:480px){ .weight-grid { grid-template-columns:1fr; } }



  .weight-field label { color:#d97706 !important; }



  .weight-field .form-control:focus { border-color:var(--amber); box-shadow:0 0 0 3px rgba(245,158,11,.12); }



  #net_weight  { color:var(--green); font-weight:700; background:var(--green-lt); border-color:#bbf7d0; }



  #billing_qty { color:var(--accent); font-weight:700; background:var(--accent-lt); border-color:#bfdbfe; }







  .sticky-total {  bottom:0; left:0; right:0; z-index:100; background:var(--header); border-top:3px solid var(--amber); padding:12px 24px; display:flex; align-items:center; justify-content:space-between; gap:16px; }



  .sticky-total .total-label { font-size:.7rem; font-weight:600; text-transform:uppercase; letter-spacing:.08em; color:#94a3b8; }



  .sticky-total .total-value { font-size:1.4rem; font-weight:800; color:#fff; font-family:'JetBrains Mono',monospace; transition:color .2s; }



  .sticky-total .total-value.bump { color:var(--green); }



  .sticky-total .save-btn { background:var(--amber); color:#fff; border:none; border-radius:6px; padding:10px 24px; font-size:.85rem; font-weight:600; cursor:pointer; transition:background .15s,transform .1s; display:flex; align-items:center; gap:6px; }



  .sticky-total .save-btn:hover { background:#d97706; }



  .sticky-total .save-btn:active { transform:scale(.97); }



  .sticky-total .row-count { font-size:.72rem; color:#64748b; }



  .sticky-total .row-count strong { color:#cbd5e1; }







  .btn-add-row { background:none; border:1.5px dashed var(--accent); color:var(--accent); border-radius:6px; font-size:.78rem; font-weight:600; padding:7px 16px; cursor:pointer; transition:background .15s; display:inline-flex; align-items:center; gap:5px; }



  .btn-add-row:hover { background:var(--accent-lt); }



  .btn-del { background:none; border:1px solid #fecaca; color:var(--danger); border-radius:5px; padding:4px 8px; cursor:pointer; transition:background .12s; line-height:1; }



  .btn-del:hover { background:#fef2f2; }



  .btn-add-mat { background:none; border:1px solid var(--border); color:var(--text-sm); border-radius:5px; padding:4px 8px; cursor:pointer; transition:all .12s; line-height:1; flex-shrink:0; }



  .btn-add-mat:hover { border-color:var(--accent); color:var(--accent); }



  .btn-back { font-size:.78rem; color:var(--text-sm); text-decoration:none; display:inline-flex; align-items:center; gap:4px; border:1px solid var(--border); border-radius:6px; padding:6px 14px; transition:all .12s; background:#fff; }



  .btn-back:hover { border-color:var(--accent); color:var(--accent); }







  .ci-modal .modal-content { border-radius:var(--radius); border:none; box-shadow:0 8px 32px rgba(0,0,0,.12); }



  .ci-modal .modal-header { background:var(--header); color:#fff; border-radius:var(--radius) var(--radius) 0 0; padding:14px 20px; }



  .ci-modal .modal-header .btn-close { filter:invert(1); opacity:.7; }



  .ci-modal .modal-footer { border-top:1px solid var(--border); }







  .info-grid { display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:16px; }



  @media(max-width:768px){ .info-grid { grid-template-columns:1fr 1fr; } }



  @media(max-width:480px){ .info-grid { grid-template-columns:1fr; } }

.bi-9bcd21d223 { font-size:.85rem; }

.bi-019cfd0a36 { font-size:.65rem;margin-top:3px;display:block; }

.bi-497726e8c9 { color:var(--danger); }

.bi-2e3ee8809b { padding-bottom:12px; }

.bi-5619a5c481 { font-size:.58rem;font-weight:400;opacity:.7;display:block;letter-spacing:0; }

.bi-25b5288699 { display:flex;gap:6px;align-items:center; }

.bi-59eddc679e { flex:1;min-width:0; }

.bi-a726b01e4d { font-size:.8rem; }

.bi-91a87015f4 { text-align:center; }

.bi-d461c96de5 { position:relative; }

.bi-84628d5c36 { position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:.75rem;pointer-events:none; }

.bi-0da13144de { font-size:.75rem; }

.bi-56f4356299 { margin-top:12px; }

.bi-70cfd4c7e2 { font-size:.65rem;padding:2px 8px; }

.bi-1724c3cb20 { display:none;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;padding:12px 18px;margin-bottom:12px; }

.bi-95fd837ece { display:flex;align-items:center;gap:12px; }

.bi-ac6cc10406 { font-size:.72rem;font-weight:600;color:#92400e;white-space:nowrap; }

.bi-9ec9e5eacf { position:relative;flex:1; }

.bi-47e432b4c4 { padding-right:30px;font-weight:700;color:#92400e;background:#fffbeb;border-color:#fde68a; }

.bi-555211a05f { position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#a16207;font-weight:700; }

.bi-f3348ea541 { font-size:.7rem;padding:6px 16px; }

.bi-c99ccdaac7 { font-size:.7rem;padding:6px 12px; }

.bi-24b5701646 { font-size:.62rem;color:#a16207;display:block;margin-top:6px; }

.bi-b421900ed2 { font-size:.65rem;font-weight:400;opacity:.6;margin-left:6px; }

.bi-951b72dbdd { font-size:1rem; }

.bi-6b9149723c { font-size:.85rem;font-weight:700;letter-spacing:.04em; }

.bi-769fed374b { padding:20px; }

.bi-00074dc590 { padding:12px 20px;gap:8px; }

.bd-5f8cd590d9 { display: var(--bdv-0); }
.bd-5f8cd590d9 { display: var(--bdv-0); }
.bd-5f8cd590d9 { display: var(--bdv-0); }
.bd-5f8cd590d9 { display: var(--bdv-0); }

[data-bi-d967c90f69] { padding-left:20px; }

/* --- Component: material_inwards\import.css --- */
/* Extracted from material_inwards/import.blade.php */

.imp-wrap { max-width: 680px; margin: 0 auto; padding: 28px 16px 48px; }

  /* ── Header ── */
  .imp-header { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:28px; gap:12px; }
  .imp-header h4 { margin:0; font-size:1.18rem; font-weight:700; color:#1a1f2e; letter-spacing:-.2px; }
  .imp-header p  { margin:4px 0 0; font-size:.82rem; color:#6c757d; }
  .imp-header-actions { display:flex; gap:8px; flex-shrink:0; }

  /* ── Buttons ── */
  .btn-ghost {
    display:inline-flex; align-items:center; gap:6px;
    padding:6px 14px; border-radius:8px; font-size:.8rem; font-weight:500;
    border:1.5px solid #e2e8f0; background:#fff; color:#475569;
    text-decoration:none; cursor:pointer; transition:all .15s;
  }
  .btn-ghost:hover { border-color:#94a3b8; color:#1e293b; background:#f8fafc; }
  .btn-ghost.green { border-color:#bbf7d0; color:#16a34a; background:#f0fdf4; }
  .btn-ghost.green:hover { border-color:#86efac; background:#dcfce7; }

  .btn-primary-imp {
    display:flex; align-items:center; justify-content:center; gap:8px;
    width:100%; padding:13px; border-radius:10px; font-size:.95rem; font-weight:600;
    background:linear-gradient(135deg,#2563eb,#1d4ed8); color:#fff; border:none;
    cursor:pointer; transition:all .2s; margin-top:4px;
  }
  .btn-primary-imp:hover:not(:disabled) { background:linear-gradient(135deg,#1d4ed8,#1e40af); transform:translateY(-1px); box-shadow:0 4px 12px rgba(37,99,235,.3); }
  .btn-primary-imp:disabled { opacity:.55; cursor:not-allowed; transform:none; box-shadow:none; }

  /* ── Card ── */
  .imp-card {
    background:#fff; border:1.5px solid #e8edf3; border-radius:14px;
    box-shadow:0 2px 8px rgba(0,0,0,.04); overflow:hidden;
  }
  .imp-card-body { padding:28px; }

  /* ── Drop Zone ── */
  .drop-zone {
    border:2px dashed #cbd5e1; border-radius:12px;
    padding:44px 24px; text-align:center; cursor:pointer;
    transition:all .2s; margin-bottom:20px; background:#fafbfc;
  }
  .drop-zone:hover, .drop-zone.drag-over {
    border-color:#2563eb; background:#eff6ff;
  }
  .drop-zone .dz-icon { font-size:2.4rem; color:#93c5fd; margin-bottom:12px; display:block; }
  .drop-zone h6 { margin:0 0 4px; font-size:.95rem; font-weight:600; color:#1e293b; }
  .drop-zone p  { margin:0 0 16px; font-size:.8rem; color:#94a3b8; }
  .drop-zone .dz-hint { margin:12px 0 0; font-size:.75rem; color:#b0b8c4; }

  .file-selected .fs-icon { font-size:2.4rem; color:#22c55e; margin-bottom:12px; display:block; }
  .file-selected h6 { margin:0 0 3px; font-size:.95rem; font-weight:600; color:#1e293b; word-break:break-all; }
  .file-selected p  { margin:0 0 12px; font-size:.8rem; color:#64748b; }

  /* ── Column Specs ── */
  .col-specs { background:#f8fafc; border:1.5px solid #e2e8f0; border-radius:10px; padding:16px 18px; margin-bottom:20px; }
  .col-specs h6 { margin:0 0 12px; font-size:.8rem; font-weight:700; color:#475569; text-transform:uppercase; letter-spacing:.5px; }
  .col-grid { display:grid; grid-template-columns:1fr 1fr; gap:7px 16px; }
  .col-item { display:flex; align-items:center; gap:8px; }
  .col-item code { font-size:.78rem; color:#2563eb; background:#eff6ff; padding:2px 7px; border-radius:5px; font-family:'SF Mono',monospace; white-space:nowrap; }
  .badge-req  { font-size:.68rem; padding:2px 7px; border-radius:20px; background:#fee2e2; color:#dc2626; font-weight:600; white-space:nowrap; }
  .badge-opt  { font-size:.68rem; padding:2px 7px; border-radius:20px; background:#f1f5f9; color:#64748b; font-weight:500; white-space:nowrap; }

  /* ── Alert ── */
  .imp-alert { padding:12px 16px; border-radius:9px; font-size:.83rem; margin-bottom:20px; display:flex; gap:10px; align-items:flex-start; }
  .imp-alert.danger { background:#fef2f2; border:1.5px solid #fecaca; color:#b91c1c; }
  .imp-alert.info   { background:#eff6ff; border:1.5px solid #bfdbfe; color:#1d4ed8; }

.bi-b5330d9043 { color:#2563eb;margin-right:8px; }

.bi-51a6ebe63f { font-size:1.1rem;flex-shrink:0;margin-top:1px; }

.bi-f984c5207e { display:inline-flex; }

.bi-8896c95d8b { margin-right:5px; }

/* --- Component: material_inwards\import_preview.css --- */
/* Extracted from material_inwards/import_preview.blade.php */

.prev-wrap { max-width:1200px; margin:0 auto; padding:24px 16px 48px; }

  /* ── Header ── */
  .prev-header { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:24px; gap:12px; flex-wrap:wrap; }
  .prev-header h4 { margin:0; font-size:1.18rem; font-weight:700; color:#1a1f2e; letter-spacing:-.2px; }
  .prev-header p  { margin:4px 0 0; font-size:.82rem; color:#6c757d; }

  /* ── Buttons ── */
  .btn-ghost {
    display:inline-flex; align-items:center; gap:6px;
    padding:7px 14px; border-radius:8px; font-size:.82rem; font-weight:500;
    border:1.5px solid #e2e8f0; background:#fff; color:#475569;
    text-decoration:none; cursor:pointer; transition:all .15s;
  }
  .btn-ghost:hover { border-color:#94a3b8; color:#1e293b; background:#f8fafc; }
  .btn-ghost.red   { border-color:#fecaca; color:#dc2626; background:#fff5f5; }
  .btn-ghost.red:hover { border-color:#fca5a5; background:#fee2e2; }

  .btn-save {
    display:inline-flex; align-items:center; gap:7px;
    padding:8px 20px; border-radius:8px; font-size:.88rem; font-weight:600;
    background:linear-gradient(135deg,#16a34a,#15803d); color:#fff; border:none;
    cursor:pointer; transition:all .18s;
  }
  .btn-save:hover:not(:disabled) { background:linear-gradient(135deg,#15803d,#166534); transform:translateY(-1px); box-shadow:0 4px 10px rgba(22,163,74,.3); }
  .btn-save:disabled { opacity:.5; cursor:not-allowed; transform:none; box-shadow:none; }

  /* ── Stat Cards ── */
  .stat-row { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-bottom:20px; }
  .stat-card {
    background:#fff; border:1.5px solid #e8edf3; border-radius:12px;
    padding:18px 20px; text-align:center; box-shadow:0 1px 4px rgba(0,0,0,.04);
  }
  .stat-card .num { font-size:1.9rem; font-weight:800; line-height:1; margin-bottom:4px; }
  .stat-card .lbl { font-size:.78rem; color:#94a3b8; font-weight:500; text-transform:uppercase; letter-spacing:.4px; }
  .stat-card.blue  .num { color:#2563eb; }
  .stat-card.green .num { color:#16a34a; }
  .stat-card.red   .num { color:#dc2626; }

  /* ── Warning Banner ── */
  .warn-banner {
    display:flex; gap:12px; align-items:flex-start;
    background:#fffbeb; border:1.5px solid #fde68a; border-radius:10px;
    padding:14px 18px; margin-bottom:20px; font-size:.85rem; color:#92400e;
  }
  .warn-banner i { font-size:1.1rem; flex-shrink:0; margin-top:1px; color:#d97706; }

  /* ── Action Bar ── */
  .action-bar {
    background:#fff; border:1.5px solid #e8edf3; border-radius:12px;
    padding:18px 22px; margin-bottom:20px; box-shadow:0 1px 4px rgba(0,0,0,.04);
    display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;
  }
  .mode-group { display:flex; gap:10px; }
  .mode-card {
    display:flex; align-items:center; gap:10px;
    border:1.5px solid #e2e8f0; border-radius:9px; padding:10px 16px;
    cursor:pointer; transition:all .15s; background:#fafafa;
  }
  .mode-card:has(input:checked) { border-color:#2563eb; background:#eff6ff; }
  .mode-card input[type=radio] { accent-color:#2563eb; width:15px; height:15px; cursor:pointer; }
  .mode-card .mc-label { font-size:.85rem; font-weight:600; color:#1e293b; }
  .mode-card .mc-count { font-size:.75rem; color:#64748b; margin-top:1px; }
  .action-btns { display:flex; gap:8px; align-items:center; flex-shrink:0; }

  /* ── Filter Tabs ── */
  .filter-tabs { display:flex; gap:6px; margin-bottom:14px; }
  .ftab {
    display:inline-flex; align-items:center; gap:6px;
    padding:6px 14px; border-radius:20px; font-size:.8rem; font-weight:600;
    border:1.5px solid transparent; cursor:pointer; transition:all .15s; background:none;
  }
  .ftab .cnt { font-size:.72rem; padding:1px 7px; border-radius:20px; }
  .ftab.all   { border-color:#e2e8f0; color:#475569; }
  .ftab.all.active, .ftab.all:hover   { background:#f1f5f9; border-color:#cbd5e1; color:#1e293b; }
  .ftab.valid { border-color:#bbf7d0; color:#16a34a; }
  .ftab.valid.active, .ftab.valid:hover { background:#f0fdf4; }
  .ftab.valid .cnt { background:#dcfce7; color:#15803d; }
  .ftab.err   { border-color:#fecaca; color:#dc2626; }
  .ftab.err.active, .ftab.err:hover   { background:#fef2f2; }
  .ftab.err .cnt   { background:#fee2e2; color:#b91c1c; }

  /* ── Table ── */
  .prev-table-wrap {
    background:#fff; border:1.5px solid #e8edf3; border-radius:12px;
    overflow:hidden; box-shadow:0 1px 4px rgba(0,0,0,.04);
  }
  .prev-table { width:100%; border-collapse:collapse; font-size:.82rem; }
  .prev-table thead th {
    background:#1e293b; color:#94a3b8; font-size:.72rem; font-weight:600;
    text-transform:uppercase; letter-spacing:.5px; padding:11px 13px;
    white-space:nowrap; border:none;
  }
  .prev-table thead th.r { text-align:right; }
  .prev-table tbody tr { border-bottom:1px solid #f1f5f9; transition:background .1s; }
  .prev-table tbody tr:hover { background:#fafbfc; }
  .prev-table tbody tr.is-error { background:#fff5f5; }
  .prev-table tbody tr.is-error:hover { background:#fee2e2; }
  .prev-table td { padding:10px 13px; color:#334155; vertical-align:middle; }
  .prev-table td.r { text-align:right; }
  .prev-table tfoot td {
    padding:11px 13px; background:#f8fafc; font-weight:700;
    border-top:2px solid #e2e8f0; color:#1e293b; font-size:.83rem;
  }
  .prev-table tfoot td.r { text-align:right; }

  .badge-ok  { display:inline-flex; align-items:center; gap:4px; font-size:.72rem; font-weight:700; padding:3px 9px; border-radius:20px; background:#dcfce7; color:#15803d; }
  .badge-err { display:inline-block; font-size:.72rem; font-weight:700; padding:3px 9px; border-radius:20px; background:#fee2e2; color:#b91c1c; margin-bottom:3px; }
  .err-list  { font-size:.73rem; color:#b91c1c; margin:0; padding:0; list-style:none; }
  .err-list li::before { content:'· '; }

  .mat-warn { color:#dc2626; font-size:.85rem; margin-left:4px; vertical-align:middle; }

  /* ── TTL Bar ── */
  .ttl-bar {
    display:flex; align-items:center; justify-content:center; gap:8px;
    margin-top:16px; font-size:.78rem; color:#94a3b8;
  }
  .ttl-bar .timer { font-weight:700; color:#f59e0b; font-variant-numeric:tabular-nums; }
  .ttl-bar .timer.expired { color:#ef4444; }

  @media(max-width:640px) {
    .stat-row { grid-template-columns:1fr 1fr 1fr; }
    .action-bar { flex-direction:column; align-items:stretch; }
    .action-btns { justify-content:flex-end; }
    .mode-group { flex-direction:column; }
  }

.bi-b5330d9043 { color:#2563eb;margin-right:8px; }

.bi-606efdd2af { font-size:.78rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px; }

.bi-7238926958 { color:#16a34a; }

.bi-2afe21f497 { background:#f1f5f9;color:#475569; }

.bi-0ddf068bfb { overflow-x:auto; }

.bi-76b23e501c { color:#94a3b8;font-size:.75rem; }

.bi-365391b2b0 { min-width:110px; }

.bi-0da13144de { font-size:.75rem; }

.bi-712e3a9c09 { font-weight:600;white-space:nowrap; }

.bi-773802046f { white-space:nowrap;color:#64748b; }

.bi-064028e7a7 { color:#64748b; }

.bi-0314846911 { color:#64748b;white-space:nowrap; }

.bi-eed0f8fb89 { font-weight:600; }

/* --- Component: material_inwards\index.css --- */
/* Extracted from material_inwards/index.blade.php */

:root {
    --pr-primary: #2854a3;
    --pr-primary-dark: #1d3d78;
    --pr-primary-light: #eef4ff;
    --pr-bg: #f4f7fb;
    --pr-card: #ffffff;
    --pr-text: #182235;
    --pr-muted: #6b7280;
    --pr-border: #dfe5ee;
    --pr-success: #15803d;
    --pr-success-light: #ecfdf3;
    --pr-danger: #dc2626;
    --pr-danger-light: #fff1f2;
    --pr-warning: #b45309;
    --pr-teal: #0f766e;
    --pr-radius: 10px;
}

body {
    background: var(--pr-bg);
}

.pr-page {
    max-width: 1450px;
    margin: 0 auto;
    padding: 18px 14px 45px;
    font-family: Inter, system-ui, sans-serif;
    color: var(--pr-text);
}

.pr-topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.pr-title-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pr-title-icon {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    color: #fff;
    background: linear-gradient(135deg, var(--pr-primary), var(--pr-primary-dark));
}

.pr-eyebrow {
    display: block;
    margin-bottom: 1px;
    color: var(--pr-primary);
    font-size: .6rem;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.pr-title {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 700;
}

.pr-actions {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
}

.pr-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 34px;
    padding: 7px 11px;
    border: 1px solid var(--pr-border);
    border-radius: 7px;
    background: #fff;
    color: var(--pr-text);
    text-decoration: none;
    font-size: .74rem;
    font-weight: 600;
    cursor: pointer;
}

.pr-btn:hover {
    color: var(--pr-primary);
    border-color: var(--pr-primary);
}

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

.pr-btn.danger {
    border-color: #fecaca;
    background: var(--pr-danger-light);
    color: var(--pr-danger);
}

.pr-card {
    margin-bottom: 14px;
    overflow: hidden;
    border: 1px solid var(--pr-border);
    border-radius: var(--pr-radius);
    background: var(--pr-card);
    box-shadow: 0 3px 12px rgba(15, 23, 42, .035);
}

.pr-card-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--pr-border);
    background: #f9fbff;
}

.pr-card-title {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: .78rem;
    font-weight: 700;
}

.pr-card-title i {
    color: var(--pr-primary);
}

.pr-card-body {
    padding: 13px 14px;
}

.pr-filter-grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(130px, 1fr));
    gap: 10px;
    align-items: end;
}

.pr-label {
    display: block;
    margin-bottom: 4px;
    color: var(--pr-muted);
    font-size: .58rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.pr-input,
.pr-select {
    width: 100%;
    min-height: 34px;
    padding: 6px 9px;
    border: 1px solid var(--pr-border);
    border-radius: 7px;
    background: #fff;
    color: var(--pr-text);
    font-size: .75rem;
}

.pr-input:focus,
.pr-select:focus {
    outline: none;
    border-color: var(--pr-primary);
    box-shadow: 0 0 0 2px rgba(40, 84, 163, .1);
}

.pr-filter-actions {
    display: flex;
    gap: 6px;
    align-items: center;
    flex-wrap: wrap;
}

.pr-filter-btn {
    min-height: 34px;
    padding: 7px 10px;
    border: 1px solid var(--pr-border);
    border-radius: 7px;
    background: #fff;
    color: var(--pr-text);
    font-size: .72rem;
    font-weight: 600;
    cursor: pointer;
}

.pr-filter-btn.primary {
    border-color: var(--pr-primary);
    background: var(--pr-primary);
    color: #fff;
}

.pr-active-filters {
    display: none;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 10px;
    padding-top: 9px;
    border-top: 1px dashed var(--pr-border);
}

.pr-chip {
    padding: 3px 8px;
    border: 1px solid var(--pr-border);
    border-radius: 999px;
    background: #f8fafc;
    color: var(--pr-muted);
    font-size: .63rem;
    font-weight: 600;
}

.pr-record-count {
    padding: 3px 8px;
    border-radius: 999px;
    background: var(--pr-primary-light);
    color: var(--pr-primary);
    font-size: .64rem;
    font-weight: 700;
}

.pr-table-wrap {
    overflow-x: auto;
}

.pr-table {
    width: 100%;
    min-width: 1050px;
    border-collapse: collapse;
    table-layout: fixed;
}

.pr-table th {
    padding: 9px 10px;
    border-bottom: 1px solid var(--pr-border);
    background: #f7f9fc;
    color: var(--pr-muted);
    font-size: .58rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.pr-table td {
    padding: 9px 10px;
    border-bottom: 1px solid #edf1f5;
    color: var(--pr-text);
    font-size: .72rem;
    vertical-align: middle;
}

.pr-table tbody tr:hover td {
    background: #fbfcff;
}

.pr-table tfoot td {
    padding: 9px 10px;
    border-top: 2px solid var(--pr-border);
    background: #fbfcfe;
    font-size: .72rem;
    font-weight: 700;
}

.pr-challan {
    display: inline-block;
    padding: 3px 7px;
    border-radius: 5px;
    background: var(--pr-primary-light);
    color: var(--pr-primary);
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: .68rem;
    font-weight: 700;
}

.pr-materials {
    min-width: 210px;
    color: #475569;
    font-size: .68rem;
    line-height: 1.45;
}

.pr-qty {
    text-align: right;
    color: var(--pr-teal);
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-weight: 700;
}

.pr-pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 10px 14px;
    border-top: 1px solid var(--pr-border);
}

.pr-pagination-left,
.pr-pagination-buttons {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.pr-pagination-info {
    color: var(--pr-muted);
    font-size: .68rem;
}

.pr-page-btn {
    min-width: 30px;
    min-height: 30px;
    padding: 5px 8px;
    border: 1px solid var(--pr-border);
    border-radius: 6px;
    background: #fff;
    color: var(--pr-text);
    font-size: .68rem;
    cursor: pointer;
}

.pr-page-btn.current {
    border-color: var(--pr-primary);
    background: var(--pr-primary);
    color: #fff;
}

.pr-page-btn:disabled {
    opacity: .4;
    cursor: not-allowed;
}

.pr-page-length {
    min-height: 30px;
    padding: 4px 7px;
    border: 1px solid var(--pr-border);
    border-radius: 6px;
    background: #fff;
    font-size: .68rem;
}

.pr-action-group {
    display: flex;
    justify-content: flex-end;
    gap: 4px;
}

.pr-action-group .btn,
.pr-action-group a,
.pr-action-group button {
    min-width: 28px;
    min-height: 28px;
    padding: 4px 6px;
    border-radius: 6px;
    font-size: .72rem;
}

@media (max-width: 1250px) {
    .pr-filter-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 767px) {
    .pr-page {
        padding: 14px 9px 35px;
    }

    .pr-filter-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .pr-actions {
        width: 100%;
    }
}

.bi-6b99de8b69 { display:none; }

.bi-048f8c7ca1 { width:38px; }

.bi-c3542391c7 { width:48px; }

.bi-c6fffdfe96 { width:130px; }

.bi-d52ddd0894 { width:170px; }

.bi-30e741d98e { width:auto; }

.bi-dcf5698635 { width:125px; }

.bi-60746827b0 { width:110px; }

/* --- Component: material_inwards\print.css --- */
/* Extracted from material_inwards/print.blade.php */

:root {
    --primary: #234a86;
    --primary-dark: #16325f;
    --accent: #0f766e;
    --text: #1f2937;
    --muted: #667085;
    --border: #d9e1ea;
    --soft: #f7f9fc;
    --blue-soft: #eef4ff;
    --green-soft: #f0fdfa;
}

body {
    background: #eef2f7;
}

.challan-page {
    max-width: 980px;
    margin: 0 auto;
    padding: 18px 14px 40px;
    font-family: Arial, sans-serif;
    color: var(--text);
}

.challan-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.challan-toolbar h5 {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
}

.challan-toolbar small {
    color: var(--muted);
}

.challan-actions {
    display: flex;
    gap: 8px;
}

.challan-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 13px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: #fff;
    color: var(--text);
    text-decoration: none;
    font-size: .8rem;
    font-weight: 600;
    cursor: pointer;
}

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

.challan-copy {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 12px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .08);
    margin-bottom: 18px;
    overflow: hidden;
}

.challan-inner {
    padding: 22px;
}

.challan-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items: start;
}

.company-block {
    display: flex;
    gap: 13px;
    align-items: flex-start;
}

.company-logo {
    width: 72px;
    height: 58px;
    object-fit: contain;
}

.company-name {
    margin: 0 0 4px;
    color: var(--primary-dark);
    font-size: 1.16rem;
    font-weight: 700;
}

.company-line {
    margin: 2px 0;
    color: var(--muted);
    font-size: .67rem;
    line-height: 1.35;
}

.document-title {
    text-align: right;
}

.document-title h1 {
    margin: 0;
    color: var(--primary-dark);
    font-size: 1.13rem;
    letter-spacing: .06em;
}

.document-title p {
    margin: 4px 0 0;
    color: var(--muted);
    font-size: .6rem;
    text-transform: uppercase;
    letter-spacing: .09em;
}

.copy-badge {
    display: inline-block;
    margin-top: 7px;
    padding: 4px 9px;
    border-radius: 999px;
    background: var(--blue-soft);
    color: var(--primary);
    font-size: .6rem;
    font-weight: 700;
    text-transform: uppercase;
}

.header-line {
    height: 3px;
    margin: 15px 0;
    background: linear-gradient(90deg, var(--primary-dark), var(--primary), var(--accent));
}

.meta-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 9px;
    margin-bottom: 13px;
}

.meta-card {
    padding: 9px 10px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--soft);
}

.meta-label {
    display: block;
    margin-bottom: 4px;
    color: var(--primary);
    font-size: .56rem;
    font-weight: 700;
    text-transform: uppercase;
}

.meta-value {
    display: block;
    font-size: .7rem;
    font-weight: 700;
}

.meta-sub {
    display: block;
    margin-top: 2px;
    color: var(--muted);
    font-size: .61rem;
    line-height: 1.3;
}

.section-title {
    margin: 0 0 7px;
    color: var(--primary-dark);
    font-size: .63rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
}


.copy-party-card {
    margin-bottom: 10px;
    border: 1px solid var(--border);
    border-radius: 8px;
    overflow: hidden;
}

.copy-party-head {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 7px 9px;
    background: var(--green-soft);
    border-bottom: 1px solid var(--border);
}

.copy-party-head strong {
    font-size: .61rem;
    color: var(--accent);
    text-transform: uppercase;
}

.copy-party-head span {
    font-size: .62rem;
    font-weight: 700;
    color: var(--text);
}

.copy-party-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.copy-party-grid > div {
    padding: 7px 8px;
    min-height: 42px;
    border-right: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}

.copy-party-grid > div:nth-child(4n) {
    border-right: 0;
}

.copy-party-grid > div:nth-last-child(-n+4) {
    border-bottom: 0;
}

.copy-party-grid > div.wide {
    grid-column: span 2;
}

.copy-party-grid span {
    display: block;
    margin-bottom: 3px;
    color: var(--muted);
    font-size: .51rem;
    font-weight: 700;
    text-transform: uppercase;
}

.copy-party-grid strong {
    display: block;
    font-size: .6rem;
    line-height: 1.25;
    word-break: break-word;
}

.vendor-card {
    margin-bottom: 13px;
    border: 1px solid var(--border);
    border-radius: 8px;
    overflow: hidden;
}

.vendor-head {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 10px;
    background: var(--blue-soft);
    border-bottom: 1px solid var(--border);
}

.vendor-head strong {
    font-size: .65rem;
    color: var(--primary-dark);
    text-transform: uppercase;
}

.vendor-head span {
    font-size: .66rem;
    font-weight: 700;
    color: var(--primary);
}

.vendor-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.vendor-item {
    min-height: 48px;
    padding: 8px 9px;
    border-right: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}

.vendor-item:nth-child(4n) {
    border-right: 0;
}

.vendor-item:nth-last-child(-n+4) {
    border-bottom: 0;
}

.vendor-item.wide {
    grid-column: span 2;
}

.vendor-item span {
    display: block;
    margin-bottom: 3px;
    color: var(--muted);
    font-size: .53rem;
    font-weight: 700;
    text-transform: uppercase;
}

.vendor-item strong {
    display: block;
    font-size: .63rem;
    line-height: 1.3;
    word-break: break-word;
}

.table-wrap {
    border: 1px solid var(--border);
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 13px;
}

.material-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.material-table th {
    padding: 7px 6px;
    background: var(--primary-dark);
    color: #fff;
    font-size: .55rem;
    text-transform: uppercase;
}

.material-table td {
    padding: 7px 6px;
    border-bottom: 1px solid #e8edf2;
    font-size: .63rem;
    vertical-align: top;
}

.material-table tbody tr:last-child td {
    border-bottom: 0;
}

.material-name {
    display: block;
    font-weight: 700;
}

.material-sub {
    display: block;
    margin-top: 2px;
    color: var(--muted);
    font-size: .55rem;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.bottom-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 12px;
    align-items: start;
}

.note-card {
    padding: 10px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--soft);
}

.note-card p {
    margin: 0;
    color: var(--muted);
    font-size: .61rem;
    line-height: 1.4;
    white-space: pre-line;
}

.weight-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.weight-card {
    border: 1px solid var(--border);
    border-radius: 8px;
    overflow: hidden;
}

.weight-title {
    padding: 7px 9px;
    background: var(--blue-soft);
    color: var(--primary-dark);
    font-size: .57rem;
    font-weight: 700;
    text-transform: uppercase;
}

.weight-row {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    padding: 6px 8px;
    border-bottom: 1px solid var(--border);
    font-size: .57rem;
}

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

.weight-row.net {
    background: var(--green-soft);
    color: var(--accent);
    font-weight: 700;
}

.signatures {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-top: 22px;
}

.signature {
    text-align: center;
}

.signature-space {
    height: 30px;
    border-bottom: 1px solid #aeb8c5;
    margin-bottom: 5px;
}

.signature span {
    display: block;
    color: var(--muted);
    font-size: .56rem;
}

.signature strong {
    display: block;
    margin-top: 2px;
    font-size: .58rem;
}

.copy-footer {
    padding: 8px 12px;
    border-top: 1px solid var(--border);
    background: var(--soft);
    text-align: center;
}

.copy-footer p {
    margin: 0;
    color: var(--muted);
    font-size: .54rem;
}


.cut-line {
    position: relative;
    height: 22px;
    margin: -2px 0 2px;
    border-top: 1px dashed #64748b;
}

.cut-line::before,
.cut-line::after {
    content: "✂";
    position: absolute;
    top: -9px;
    padding: 0 4px;
    background: #eef2f7;
    color: #475569;
    font-size: 12px;
}

.cut-line::before { left: 4px; }
.cut-line::after { right: 4px; }

@media print {
    .cut-line {
        height: 0 !important;
        margin: 0 !important;
        border: 0 !important;
    }

    .cut-line::before,
    .cut-line::after {
        display: none !important;
    }
}

@page {
    size: A4 portrait;
    margin: 8mm;
}

@media print {
    html,
    body {
        width: 210mm !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #fff !important;
    }

    * {
        box-sizing: border-box !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    .no-print,
    .challan-toolbar,
    header:not(.challan-header),
    nav,
    aside,
    .sidebar,
    .navbar,
    .page-header,
    .tap-top,
    .layout-header,
    .footer:not(.copy-footer) {
        display: none !important;
    }

    .page-wrapper,
    .page-body-wrapper,
    .page-body,
    .container-fluid,
    main {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .challan-page {
        width: 194mm !important;
        height: 281mm !important;
        max-width: 194mm !important;
        margin: 0 auto !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    .challan-copy {
        width: 100% !important;
        height: 140mm !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        overflow: hidden !important;
        page-break-after: auto !important;
        break-after: auto !important;
        position: relative !important;
    }

    .challan-copy + .challan-copy {
        border-top: 1px dashed #111 !important;
        margin-top: 0 !important;
    }

    .challan-copy + .challan-copy::before,
    .challan-copy + .challan-copy::after {
        content: "✂";
        position: absolute;
        top: -8px;
        font-size: 11px;
        color: #111;
        background: #fff;
        padding: 0 3px;
        z-index: 5;
    }

    .challan-copy + .challan-copy::before {
        left: 2mm;
    }

    .challan-copy + .challan-copy::after {
        right: 2mm;
    }

    .challan-inner {
        padding: 4mm 3mm 2mm !important;
        transform: scale(.82);
        transform-origin: top left;
        width: 121.95% !important;
    }

    .copy-footer {
        padding: 4px 8px !important;
    }

    .challan-header,
    .copy-party-card,
    .meta-grid,
    .vendor-card,
    .bottom-grid,
    .note-card,
    .weight-grid,
    .weight-card,
    .signatures {
        break-inside: avoid !important;
        page-break-inside: avoid !important;
    }

    .material-table {
        width: 100% !important;
        table-layout: fixed !important;
    }

    .material-table thead {
        display: table-header-group !important;
    }

    .material-table tr {
        break-inside: avoid !important;
        page-break-inside: avoid !important;
    }

    a[href]:after {
        content: none !important;
    }
}

@media screen and (max-width: 820px) {
    .challan-header,
    .bottom-grid {
        grid-template-columns: 1fr;
    }

    .document-title {
        text-align: left;
    }

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

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

    .vendor-item.wide {
        grid-column: span 2;
    }

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

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

.bi-048f8c7ca1 { width:38px; }

.bi-6f73f3eae6 { width:62px; }

.bi-d363d4706b { width:78px; }

.bi-1069d5c3bd { width:72px; }

.bi-f560561146 { width:95px; }

.bi-ec6626e1ed { width:70px; }

.bi-d3c88ee8e5 { width:105px; }

.bi-ab8a602d29 { width:75px; }

.bi-f679557bfb { width:92px; }

/* --- Component: stocks\history.css --- */
/* Extracted from stocks/history.blade.php */

:root {
  --bg:        #f0f4f8;
  --card:      #ffffff;
  --header:    #102b5b;
  --accent:    #3b82f6;
  --accent-lt: #eff6ff;
  --green:     #10b981;
  --green-lt:  #f0fdf4;
  --amber:     #f59e0b;
  --amber-lt:  #fffbeb;
  --teal:      #0d9488;
  --teal-lt:   #f0fdfa;
  --danger:    #ef4444;
  --danger-lt: #fef2f2;
  --border:    #e2e8f0;
  --muted:     #94a3b8;
  --text:      #1e293b;
  --text-sm:   #64748b;
  --radius:    8px;
}

body { background: var(--bg); font-family: 'Inter', system-ui, sans-serif; }
.sh-page { max-width: 1300px; margin: 0 auto; padding: 24px 16px 60px; }

/* ── PAGE HEADER ── */
.sh-page-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; flex-wrap: wrap; gap: 12px; }
.sh-page-header h5 { font-size: 1.05rem; font-weight: 700; color: var(--header); margin: 0 0 3px; display: flex; align-items: center; gap: 8px; }
.breadcrumb-row { font-size: .72rem; color: var(--muted); display: flex; align-items: center; gap: 5px; }
.breadcrumb-row a { color: var(--muted); text-decoration: none; }
.breadcrumb-row a:hover { color: var(--accent); }

.btn-act {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: .78rem; font-weight: 600; padding: 8px 16px;
  border-radius: 6px; border: none; cursor: pointer; text-decoration: none; transition: all .14s;
}
.btn-act-outline { background: #fff; color: var(--text-sm); border: 1px solid var(--border); }
.btn-act-outline:hover { border-color: var(--accent); color: var(--accent); }

/* ── METRICS ── */
.metrics-row { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; margin-bottom: 16px; }
@media(max-width:768px){ .metrics-row { grid-template-columns: 1fr 1fr; } }

.metric-card {
  background: var(--card); border: 1px solid var(--border);
  border-radius: var(--radius); padding: 14px 18px;
  box-shadow: 0 1px 4px rgba(0,0,0,.05);
  display: flex; align-items: center; gap: 14px;
}
.mc-icon {
  width: 40px; height: 40px; border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.1rem; flex-shrink: 0;
}
.mc-icon.blue   { background: var(--accent-lt); color: var(--accent); }
.mc-icon.green  { background: var(--green-lt);  color: var(--green); }
.mc-icon.amber  { background: var(--amber-lt);  color: var(--amber); }
.mc-icon.teal   { background: var(--teal-lt);   color: var(--teal); }
.mc-body label  { font-size: .6rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: var(--muted); display: block; margin-bottom: 3px; }
.mc-body .mc-val { font-size: 1.1rem; font-weight: 800; color: var(--header); font-family: 'JetBrains Mono',monospace; }
.mc-body .mc-sub { font-size: .65rem; color: var(--muted); margin-top: 1px; }

/* ── FILTER CARD ── */
.sh-card { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: 0 1px 4px rgba(0,0,0,.05); overflow: hidden; margin-bottom: 16px; }
.sh-card-head {
  background: var(--header); color: #fff;
  padding: 11px 20px; font-size: .72rem; font-weight: 700;
  letter-spacing: .07em; text-transform: uppercase;
  display: flex; align-items: center; gap: 8px;
  border-left: 4px solid var(--accent);
}
.sh-card-head i { opacity: .65; font-size: .95rem; }
.sh-card-body { padding: 16px 20px; }

/* Filter grid */
.filter-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr auto; gap: 12px; align-items: end; }
@media(max-width:900px){ .filter-grid { grid-template-columns: 1fr 1fr; } }
@media(max-width:480px){ .filter-grid { grid-template-columns: 1fr; } }

.form-label { font-size: .62rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--text-sm); display: block; margin-bottom: 4px; }
.form-control, .form-select {
  font-size: .82rem; color: var(--text); border: 1px solid var(--border);
  border-radius: 6px; padding: 7px 10px; background: #fff; width: 100%;
  transition: border-color .14s, box-shadow .14s;
}
.form-control:focus, .form-select:focus {
  border-color: var(--accent); box-shadow: 0 0 0 3px rgba(59,130,246,.12); outline: none;
}

.btn-filter {
  background: var(--accent); color: #fff; border: none;
  padding: 8px 18px; border-radius: 6px; font-size: .78rem; font-weight: 600;
  cursor: pointer; display: inline-flex; align-items: center; gap: 5px; white-space: nowrap;
  transition: background .14s;
}
.btn-filter:hover { background: #2563eb; }
.btn-reset {
  background: #fff; color: var(--text-sm); border: 1px solid var(--border);
  padding: 8px 12px; border-radius: 6px; font-size: .75rem; font-weight: 600;
  cursor: pointer; display: inline-flex; align-items: center; gap: 5px;
  text-decoration: none; transition: all .14s;
}
.btn-reset:hover { border-color: var(--danger); color: var(--danger); }

/* Active filters display */
.active-filters { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.af-label { font-size: .65rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); }
.af-chip {
  font-size: .68rem; font-weight: 600;
  background: var(--accent-lt); color: var(--accent);
  border: 1px solid #bfdbfe; border-radius: 99px; padding: 2px 10px;
}

/* ── TIMELINE / TABLE ── */
.sh-table { width: 100%; border-collapse: collapse; font-size: .82rem; }
.sh-table thead th {
  background: #f1f5f9; color: var(--text-sm);
  font-size: .6rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em;
  padding: 10px 14px; border-bottom: 2px solid var(--border); white-space: nowrap;
}
.sh-table thead th.r { text-align: right; }
.sh-table tbody td { padding: 11px 14px; border-bottom: 1px solid #f1f5f9; vertical-align: middle; }
.sh-table tbody tr:last-child td { border-bottom: none; }
.sh-table tbody tr:hover td { background: #fafbfd; }

/* Date group header */
.date-group-row td {
  background: #f8fafc !important;
  padding: 7px 14px !important;
  border-bottom: 1px solid var(--border) !important;
  border-top: 2px solid var(--border) !important;
}
.date-group-label {
  font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em;
  color: var(--header); display: flex; align-items: center; gap: 8px;
}
.date-group-label .day-name { color: var(--muted); font-weight: 500; font-size: .62rem; }
.date-group-label .entry-count {
  font-size: .6rem; font-weight: 700; background: var(--accent-lt);
  color: var(--accent); border-radius: 99px; padding: 1px 8px; margin-left: 4px;
}

/* Challan badge */
.challan-badge {
  font-size: .7rem; font-weight: 700; font-family: monospace;
  background: var(--accent-lt); color: var(--accent);
  border-radius: 4px; padding: 2px 8px; letter-spacing: .04em;
}
/* Unit badge */
.unit-b { font-size: .58rem; font-weight: 700; text-transform: uppercase; background: #f1f5f9; color: var(--muted); border-radius: 4px; padding: 2px 6px; }

/* Qty cols */
.qty-col { text-align: right; font-family: 'JetBrains Mono',monospace; font-size: .8rem; }
.qty-col.wet    { color: var(--text-sm); }
.qty-col.deduct { color: var(--danger); }
.qty-col.dry    { color: var(--teal); font-weight: 700; }
.qty-col.amount { color: var(--green); font-weight: 700; }

/* Moisture pill */
.moisture-chip {
  font-size: .6rem; font-weight: 700; font-family: monospace;
  background: var(--amber-lt); color: #92400e;
  border: 1px solid #fde68a; border-radius: 99px; padding: 1px 7px;
}

/* Sand row */
.sand-row td { background: #fefce8 !important; }
.sand-row:hover td { background: #fef9c3 !important; }
.sand-tag { font-size: .55rem; font-weight: 700; text-transform: uppercase; background: #fef08a; color: #854d0e; border-radius: 3px; padding: 1px 4px; margin-left: 4px; }

/* Tfoot summary */
.sh-table tfoot td {
  background: #f0f9f4; padding: 12px 14px;
  border-top: 2px solid var(--border); font-weight: 700; font-size: .82rem;
}
.sh-table tfoot .lbl { font-size: .65rem; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); font-weight: 600; }

/* Empty state */
.sh-empty { padding: 60px 20px; text-align: center; color: var(--muted); }
.sh-empty i { font-size: 2.5rem; opacity: .3; display: block; margin-bottom: 10px; }

/* Export btn */
.btn-export {
  background: var(--green-lt); color: #065f46; border: 1px solid #6ee7b7;
  padding: 6px 14px; border-radius: 6px; font-size: .72rem; font-weight: 600;
  cursor: pointer; display: inline-flex; align-items: center; gap: 5px;
  text-decoration: none; transition: all .14s;
}
.btn-export:hover { background: #d1fae5; color: #065f46; }

.bi-3de8f987ba { display:flex;gap:8px;flex-wrap:wrap; }

.bi-b559c2d44f { display:flex;gap:8px;align-items:flex-end; }

.bi-015a5e7fbe { display:flex;align-items:center;gap:8px; }

.bi-2bccad149e { font-size:.68rem;font-weight:500;opacity:.7;text-transform:none;letter-spacing:0; }

.bi-0ddf068bfb { overflow-x:auto; }

.bi-fff243077c { font-size:.8rem;opacity:.5; }

.bi-5f67ab0d4b { color:var(--muted);font-size:.7rem; }

.bi-e1cc2757f5 { font-weight:600;font-size:.82rem;color:var(--text); }

.bi-90d42dbbf5 { color:var(--text-sm);font-size:.78rem; }

.bi-4cff62e42c { font-size:.6rem;color:var(--danger);margin-top:2px;text-align:right;font-family:monospace; }

.bi-57f9e31d78 { color:var(--muted); }

.bi-3b310fbc5a { color:var(--text-sm); }

.bi-54c2afb7ba { text-align:right; }

.bi-28558153c7 { color:var(--text-sm);font-family:monospace; }

.bi-0dea92474c { color:var(--danger);font-family:monospace; }

.bi-c6a13286c8 { color:var(--teal);font-family:monospace;font-weight:800; }

.bi-bd1312de16 { color:var(--green);font-family:monospace;font-weight:800; }

/* --- Component: stocks\index.css --- */
/* Extracted from stocks/index.blade.php */

:root {
    --st-bg: #f4f7fb;
    --st-card: #ffffff;
    --st-primary: #274c8e;
    --st-primary-dark: #193463;
    --st-primary-light: #eef4ff;
    --st-text: #172033;
    --st-muted: #6b7280;
    --st-border: #dfe5ee;
    --st-success: #15803d;
    --st-success-light: #ecfdf3;
    --st-warning: #b45309;
    --st-warning-light: #fff7ed;
    --st-danger: #dc2626;
    --st-danger-light: #fff1f2;
    --st-purple: #7c3aed;
    --st-purple-light: #f5f3ff;
}

body {
    background: var(--st-bg);
}

.stock-page {
    max-width: 1500px;
    margin: 0 auto;
    padding: 18px 14px 60px;
    font-family: Inter, system-ui, sans-serif;
    color: var(--st-text);
}

.stock-topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.stock-title-wrap {
    display: flex;
    align-items: center;
    gap: 11px;
}

.stock-title-icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    background: linear-gradient(
        135deg,
        var(--st-primary),
        var(--st-primary-dark)
    );
    color: #fff;
    font-size: 1.15rem;
}

.stock-eyebrow {
    display: block;
    margin-bottom: 2px;
    color: var(--st-primary);
    font-size: .6rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.stock-title {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 700;
}

.stock-subtitle {
    margin-top: 3px;
    color: var(--st-muted);
    font-size: .68rem;
}

.stock-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.stock-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 35px;
    padding: 7px 11px;
    border: 1px solid var(--st-border);
    border-radius: 7px;
    background: #fff;
    color: var(--st-text);
    text-decoration: none;
    font-size: .72rem;
    font-weight: 700;
    transition: .15s ease;
    cursor: pointer;
}

.stock-btn:hover {
    border-color: var(--st-primary);
    color: var(--st-primary);
}

.stock-btn.primary {
    border-color: var(--st-primary);
    background: var(--st-primary);
    color: #fff;
}

.stock-summary {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
    margin-bottom: 14px;
}

.stock-stat {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px;
    border: 1px solid var(--st-border);
    border-radius: 10px;
    background: var(--st-card);
    box-shadow: 0 3px 12px rgba(15,23,42,.035);
}

.stock-stat-icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    border-radius: 10px;
    background: var(--st-primary-light);
    color: var(--st-primary);
}

.stock-stat-icon.success {
    background: var(--st-success-light);
    color: var(--st-success);
}

.stock-stat-icon.warning {
    background: var(--st-warning-light);
    color: var(--st-warning);
}

.stock-stat-icon.danger {
    background: var(--st-danger-light);
    color: var(--st-danger);
}

.stock-stat-icon.purple {
    background: var(--st-purple-light);
    color: var(--st-purple);
}

.stock-stat-label {
    display: block;
    margin-bottom: 3px;
    color: var(--st-muted);
    font-size: .55rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.stock-stat-value {
    display: block;
    font-size: 1rem;
    font-weight: 800;
}

.stock-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(330px, .6fr);
    gap: 12px;
    margin-bottom: 14px;
}

.stock-card {
    overflow: hidden;
    border: 1px solid var(--st-border);
    border-radius: 10px;
    background: var(--st-card);
    box-shadow: 0 3px 12px rgba(15,23,42,.035);
}

.stock-card-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 11px 14px;
    border-bottom: 1px solid var(--st-border);
    background: #f9fbff;
}

.stock-card-title {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: .78rem;
    font-weight: 800;
}

.stock-card-title i {
    color: var(--st-primary);
}

.stock-card-body {
    padding: 14px;
}

.stock-filter-grid {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) 180px 170px auto;
    gap: 8px;
    width: 100%;
}

.stock-input,
.stock-select {
    width: 100%;
    min-height: 36px;
    padding: 7px 9px;
    border: 1px solid var(--st-border);
    border-radius: 7px;
    background: #fff;
    color: var(--st-text);
    font-size: .72rem;
}

.stock-table-wrap {
    overflow-x: auto;
}

.stock-table {
    width: 100%;
    min-width: 1380px;
    border-collapse: collapse;
    table-layout: fixed;
}

.stock-table th {
    padding: 9px 10px;
    border-bottom: 1px solid var(--st-border);
    background: #f7f9fc;
    color: var(--st-muted);
    font-size: .55rem;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
}

.stock-table td {
    padding: 10px;
    border-bottom: 1px solid #edf1f5;
    font-size: .7rem;
    vertical-align: middle;
}

.stock-table tbody tr:hover td {
    background: #fbfcff;
}

.stock-table tbody tr.low-row td {
    background: #fffafa;
}

.stock-name {
    display: block;
    font-weight: 700;
}

.stock-meta {
    display: block;
    margin-top: 2px;
    color: var(--st-muted);
    font-size: .59rem;
}

.stock-code {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    color: var(--st-primary);
    font-size: .62rem;
    font-weight: 700;
}

.stock-type {
    display: inline-flex;
    padding: 3px 7px;
    border-radius: 999px;
    background: var(--st-primary-light);
    color: var(--st-primary);
    font-size: .57rem;
    font-weight: 700;
}

.stock-type.spare {
    background: var(--st-warning-light);
    color: var(--st-warning);
}

.stock-type.vehicle {
    background: var(--st-purple-light);
    color: var(--st-purple);
}

.stock-type.consumable {
    background: var(--st-success-light);
    color: var(--st-success);
}

.stock-type.asset {
    background: #f1f5f9;
    color: #334155;
}

.stock-money,
.stock-qty {
    text-align: right;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-weight: 700;
}

.stock-qty.received {
    color: var(--st-primary);
}

.stock-qty.used {
    color: var(--st-warning);
}

.stock-qty.current {
    color: var(--st-success);
}

.stock-qty.current.low {
    color: var(--st-danger);
}

.stock-progress {
    width: 100%;
    height: 5px;
    margin-top: 5px;
    overflow: hidden;
    border-radius: 999px;
    background: #eef2f7;
}

.stock-progress-bar {
    height: 100%;
    border-radius: 999px;
    background: var(--st-success);
}

.stock-progress-bar.low {
    background: var(--st-danger);
}

.stock-status {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: .57rem;
    font-weight: 700;
}

.stock-status.available {
    background: var(--st-success-light);
    color: var(--st-success);
}

.stock-status.low {
    background: var(--st-warning-light);
    color: var(--st-warning);
}

.stock-status.out {
    background: var(--st-danger-light);
    color: var(--st-danger);
}

.fuel-panel {
    display: grid;
    gap: 10px;
}

.fuel-box {
    padding: 14px;
    border: 1px solid var(--st-border);
    border-radius: 9px;
    background: linear-gradient(
        135deg,
        var(--st-primary-light),
        #fff
    );
}

.fuel-box span {
    display: block;
    color: var(--st-muted);
    font-size: .56rem;
    font-weight: 700;
    text-transform: uppercase;
}

.fuel-box strong {
    display: block;
    margin-top: 4px;
    font-size: 1.3rem;
    font-weight: 800;
    color: var(--st-primary);
}

.stock-empty {
    padding: 45px 20px;
    text-align: center;
    color: var(--st-muted);
}

.stock-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-top: 1px solid var(--st-border);
}

.stock-footer small {
    color: var(--st-muted);
}

@media (max-width: 1200px) {
    .stock-summary {
        grid-template-columns: repeat(2, 1fr);
    }

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

@media (max-width: 700px) {
    .stock-summary,
    .stock-filter-grid {
        grid-template-columns: 1fr;
    }
}

.bi-da25a2e553 { font-size:.95rem; }

.bi-f88fb3aafc { display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--st-border); }

.bi-229fef1faa { font-size:.68rem; }

.bi-6c7fd54a4b { color:var(--st-warning);font-size:.68rem; }

.bi-50a8ccd010 { color:var(--st-danger);font-size:.68rem; }

.bi-49cd09213e { display:flex;gap:6px; }

.bi-dbee34e209 { width:55px; }

.bi-60746827b0 { width:110px; }

.bi-465bfea3ed { width:120px; }

.bi-581be415aa { width:90px; }

.bi-d3c88ee8e5 { width:105px; }

.bi-830eb98674 { width:140px; }

.bi-68a5cf1b41 { width:115px; }

.bi-ab8a602d29 { width:75px; }

.bi-d0c23e60f4 { color:var(--st-primary);cursor:pointer; }

.bd-4e702829f7 { width: var(--bdv-0); }

[data-bi-7ed833a222] { text-decoration:none;color:inherit; }

/* --- Component: stocks\ledger.css --- */
/* Extracted from stocks/ledger.blade.php */

:root {
    --ledger-primary: #2563eb;
    --ledger-primary-dark: #1e40af;
    --ledger-primary-light: #eff6ff;
    --ledger-bg: #f5f7fa;
    --ledger-card: #ffffff;
    --ledger-text: #1e293b;
    --ledger-muted: #64748b;
    --ledger-border: #e2e8f0;
    --ledger-success: #16a34a;
    --ledger-success-light: #f0fdf4;
    --ledger-warning: #ea580c;
    --ledger-warning-light: #fff7ed;
    --ledger-danger: #dc2626;
    --ledger-danger-light: #fef2f2;
    --ledger-purple: #9333ea;
    --ledger-purple-light: #faf5ff;
}

body { background: var(--ledger-bg); }

.ledger-page {
    max-width: 1600px;
    margin: 0 auto;
    padding: 18px 14px 60px;
    font-family: Inter, system-ui, sans-serif;
    color: var(--ledger-text);
}

.ledger-topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.ledger-title-wrap { display: flex; align-items: center; gap: 10px; }

.ledger-title-icon {
    width: 42px; height: 42px;
    display: grid; place-items: center;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--ledger-primary), var(--ledger-primary-dark));
    color: #fff;
}

.ledger-eyebrow { display: block; margin-bottom: 2px; color: var(--ledger-primary); font-size: .6rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.ledger-title { margin: 0; font-size: 1.18rem; font-weight: 800; }
.ledger-subtitle { margin-top: 2px; color: var(--ledger-muted); font-size: .68rem; }

.ledger-actions { display: flex; gap: 8px; flex-wrap: wrap; }

.ledger-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 34px;
    padding: 7px 11px;
    border: 1px solid var(--ledger-border);
    border-radius: 7px;
    background: #fff;
    color: var(--ledger-text);
    text-decoration: none;
    font-size: .72rem;
    font-weight: 700;
}
.ledger-btn:hover { border-color: var(--ledger-primary); color: var(--ledger-primary); }

.ledger-card {
    overflow: hidden;
    border: 1px solid var(--ledger-border);
    border-radius: 10px;
    background: var(--ledger-card);
    box-shadow: 0 3px 12px rgba(15,23,42,.035);
    margin-bottom: 14px;
}

.ledger-card-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 11px 14px;
    border-bottom: 1px solid var(--ledger-border);
    background: #f9fbff;
}

.ledger-card-title { margin: 0; font-size: .78rem; font-weight: 800; display: flex; align-items: center; gap: 6px; }
.ledger-card-body { padding: 14px; }

.material-info-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

.material-info-box {
    padding: 11px;
    border: 1px solid var(--ledger-border);
    border-radius: 8px;
    background: var(--ledger-primary-light);
}

.material-info-box span {
    display: block;
    margin-bottom: 3px;
    color: var(--ledger-primary);
    font-size: .56rem;
    font-weight: 700;
    text-transform: uppercase;
}

.material-info-box strong {
    display: block;
    font-size: .8rem;
    color: var(--ledger-text);
}

.summary-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
}

.summary-box {
    padding: 13px;
    border: 1px solid var(--ledger-border);
    border-radius: 8px;
    text-align: center;
}

.summary-box.opening { background: var(--ledger-primary-light); border-color: #bfdbfe; }
.summary-box.inward { background: var(--ledger-success-light); border-color: #bbf7d0; }
.summary-box.issue { background: var(--ledger-warning-light); border-color: #fed7aa; }
.summary-box.production { background: var(--ledger-purple-light); border-color: #e9d5ff; }
.summary-box.closing { background: var(--ledger-primary-light); border-color: #bfdbfe; }

.summary-box span {
    display: block;
    margin-bottom: 4px;
    font-size: .58rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--ledger-muted);
}

.summary-box strong {
    display: block;
    font-size: 1.05rem;
    font-weight: 800;
}

.summary-box.opening strong { color: var(--ledger-primary); }
.summary-box.inward strong { color: var(--ledger-success); }
.summary-box.issue strong { color: var(--ledger-warning); }
.summary-box.production strong { color: var(--ledger-purple); }
.summary-box.closing strong { color: var(--ledger-primary-dark); }

.ledger-filter-grid {
    display: grid;
    grid-template-columns: 180px 180px auto;
    gap: 8px;
    align-items: end;
}

.ledger-label { display: block; margin-bottom: 4px; color: var(--ledger-muted); font-size: .58rem; font-weight: 700; text-transform: uppercase; }

.ledger-input {
    width: 100%;
    min-height: 36px;
    padding: 7px 9px;
    border: 1px solid var(--ledger-border);
    border-radius: 7px;
    background: #fff;
    color: var(--ledger-text);
    font-size: .72rem;
}

.ledger-table-wrap {
    overflow-x: auto;
    border: 1px solid var(--ledger-border);
    border-radius: 9px;
}

.ledger-table {
    width: 100%;
    min-width: 1200px;
    border-collapse: collapse;
}

.ledger-table th {
    padding: 9px 10px;
    background: var(--ledger-primary-dark);
    color: #fff;
    font-size: .58rem;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
    border-right: 1px solid rgba(255,255,255,.1);
}

.ledger-table th:last-child { border-right: 0; }

.ledger-table td {
    padding: 10px;
    border-bottom: 1px solid #edf2f7;
    font-size: .7rem;
    vertical-align: middle;
}

.ledger-table tbody tr:hover td { background: #f8fafc; }

.ledger-table tbody tr.inward-row td { background: #f6fff8; }
.ledger-table tbody tr.issue-row td { background: #fffaf5; }
.ledger-table tbody tr.production-row td { background: #faf5ff; }

.txn-type {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: .6rem;
    font-weight: 700;
    text-transform: uppercase;
}

.txn-type.inward { background: var(--ledger-success-light); color: var(--ledger-success); }
.txn-type.issue { background: var(--ledger-warning-light); color: var(--ledger-warning); }
.txn-type.production { background: var(--ledger-purple-light); color: var(--ledger-purple); }

.txn-desc {
    display: block;
    font-weight: 600;
    margin-bottom: 2px;
}

.txn-meta {
    display: block;
    color: var(--ledger-muted);
    font-size: .62rem;
}

.text-right { text-align: right; }
.text-center { text-align: center; }

@media (max-width: 1200px) {
    .material-info-grid, .summary-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
    .material-info-grid, .summary-grid, .ledger-filter-grid { grid-template-columns: 1fr; }
}

.bi-a76d597a07 { display:flex;gap:8px; }

.bi-d93a80c39e { background:var(--ledger-primary);color:#fff;border-color:var(--ledger-primary); }

.bi-4eab265442 { font-size:.68rem;color:var(--ledger-muted); }

.bi-41d7d7e25b { padding:0; }

.bi-581be415aa { width:90px; }

.bi-60746827b0 { width:110px; }

.bi-7c07cdf8bd { width:150px; }

.bi-465bfea3ed { width:120px; }

.bi-c6fffdfe96 { width:130px; }

.bi-bab23e7b15 { background:#f0f9ff; }

.bi-5a47c5a87c { font-weight:700;color:var(--ledger-primary); }

.bi-14cd5d1024 { font-weight:800;color:var(--ledger-primary); }

.bi-4c40f7df27 { font-weight:600;font-family:monospace;font-size:.68rem; }

.bi-118d919315 { font-weight:700;color:var(--ledger-success); }

.bi-1e0f75b06c { font-weight:700;color:var(--ledger-warning); }

.bi-73dbdde40e { font-weight:700;color:var(--ledger-purple); }

.bi-b1052fb068 { font-weight:800;font-size:.76rem; }

.bi-d6c25923ab { padding:40px;color:var(--ledger-muted); }

.bi-8e4afe968a { font-size:2rem;display:block;margin-bottom:10px;opacity:.5; }

/* --- Component: vendors\create.css --- */
/* Extracted from vendors/create.blade.php */

:root {
    --vd-primary: #2854a3;
    --vd-primary-dark: #1d3d78;
    --vd-primary-light: #eef4ff;
    --vd-bg: #f4f7fb;
    --vd-card: #ffffff;
    --vd-text: #182235;
    --vd-muted: #6b7280;
    --vd-border: #dfe5ee;
    --vd-success: #15803d;
    --vd-danger: #dc2626;
    --vd-radius: 10px;
}

body {
    background: var(--vd-bg);
}

.vendor-page {
    max-width: 1320px;
    margin: 0 auto;
    padding: 20px 14px 55px;
    font-family: Inter, system-ui, sans-serif;
    color: var(--vd-text);
}

.vendor-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.vendor-title-wrap {
    display: flex;
    align-items: center;
    gap: 11px;
}

.vendor-title-icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: #fff;
    background: linear-gradient(135deg, var(--vd-primary), var(--vd-primary-dark));
}

.vendor-eyebrow {
    display: block;
    margin-bottom: 2px;
    color: var(--vd-primary);
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.vendor-title {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
}

.vendor-back-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 36px;
    padding: 8px 13px;
    border: 1px solid var(--vd-border);
    border-radius: 8px;
    background: #fff;
    color: var(--vd-text);
    text-decoration: none;
    font-size: .78rem;
    font-weight: 600;
}

.vendor-card {
    margin-bottom: 14px;
    overflow: hidden;
    border: 1px solid var(--vd-border);
    border-radius: var(--vd-radius);
    background: var(--vd-card);
    box-shadow: 0 3px 12px rgba(15, 23, 42, .035);
}

.vendor-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 11px 15px;
    border-bottom: 1px solid var(--vd-border);
    background: #f9fbff;
}

.vendor-card-title {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: .82rem;
    font-weight: 700;
}

.vendor-card-title i {
    color: var(--vd-primary);
}

.vendor-card-subtitle {
    color: var(--vd-muted);
    font-size: .66rem;
}

.vendor-card-body {
    padding: 15px;
}

.vendor-label {
    display: block;
    margin-bottom: 5px;
    color: var(--vd-muted);
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.vendor-required {
    color: var(--vd-danger);
}

.vendor-input,
.vendor-select,
.vendor-textarea {
    width: 100%;
    min-height: 38px;
    padding: 7px 10px;
    border: 1px solid var(--vd-border);
    border-radius: 8px;
    background: #fff;
    color: var(--vd-text);
    font-size: .8rem;
}

.vendor-textarea {
    min-height: 78px;
    resize: vertical;
}

.vendor-input:focus,
.vendor-select:focus,
.vendor-textarea:focus {
    outline: none;
    border-color: var(--vd-primary);
    box-shadow: 0 0 0 3px rgba(40, 84, 163, .1);
}

.vendor-hint {
    display: block;
    margin-top: 4px;
    color: var(--vd-muted);
    font-size: .62rem;
}

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

.vendor-actions {
    position: sticky;
    bottom: 0;
    z-index: 20;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 12px 14px;
    border-top: 1px solid var(--vd-border);
    background: rgba(255, 255, 255, .96);
    backdrop-filter: blur(8px);
}

.vendor-save-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 38px;
    padding: 8px 18px;
    border: 0;
    border-radius: 8px;
    background: var(--vd-primary);
    color: #fff;
    font-size: .8rem;
    font-weight: 700;
}

.vendor-cancel-btn {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 8px 15px;
    border: 1px solid var(--vd-border);
    border-radius: 8px;
    background: #fff;
    color: var(--vd-text);
    text-decoration: none;
    font-size: .8rem;
    font-weight: 600;
}

.invalid-feedback {
    font-size: .66rem;
}

@media (max-width: 767px) {
    .vendor-page {
        padding: 14px 9px 80px;
    }

    .vendor-card-body {
        padding: 12px;
    }

    .vendor-actions {
        justify-content: stretch;
    }

    .vendor-save-btn,
    .vendor-cancel-btn {
        flex: 1;
        justify-content: center;
    }
}

/* --- Component: vendors\edit.css --- */
/* Extracted from vendors/edit.blade.php */

:root {
    --vd-primary: #2854a3;
    --vd-primary-dark: #1d3d78;
    --vd-primary-light: #eef4ff;
    --vd-bg: #f4f7fb;
    --vd-card: #ffffff;
    --vd-text: #182235;
    --vd-muted: #6b7280;
    --vd-border: #dfe5ee;
    --vd-success: #15803d;
    --vd-danger: #dc2626;
    --vd-radius: 10px;
}

body {
    background: var(--vd-bg);
}

.vendor-page {
    max-width: 1320px;
    margin: 0 auto;
    padding: 20px 14px 55px;
    font-family: Inter, system-ui, sans-serif;
    color: var(--vd-text);
}

.vendor-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.vendor-title-wrap {
    display: flex;
    align-items: center;
    gap: 11px;
}

.vendor-title-icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: #fff;
    background: linear-gradient(135deg, var(--vd-primary), var(--vd-primary-dark));
}

.vendor-eyebrow {
    display: block;
    margin-bottom: 2px;
    color: var(--vd-primary);
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.vendor-title {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
}

.vendor-back-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 36px;
    padding: 8px 13px;
    border: 1px solid var(--vd-border);
    border-radius: 8px;
    background: #fff;
    color: var(--vd-text);
    text-decoration: none;
    font-size: .78rem;
    font-weight: 600;
}

.vendor-card {
    margin-bottom: 14px;
    overflow: hidden;
    border: 1px solid var(--vd-border);
    border-radius: var(--vd-radius);
    background: var(--vd-card);
    box-shadow: 0 3px 12px rgba(15, 23, 42, .035);
}

.vendor-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 11px 15px;
    border-bottom: 1px solid var(--vd-border);
    background: #f9fbff;
}

.vendor-card-title {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: .82rem;
    font-weight: 700;
}

.vendor-card-title i {
    color: var(--vd-primary);
}

.vendor-card-subtitle {
    color: var(--vd-muted);
    font-size: .66rem;
}

.vendor-card-body {
    padding: 15px;
}

.vendor-label {
    display: block;
    margin-bottom: 5px;
    color: var(--vd-muted);
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.vendor-required {
    color: var(--vd-danger);
}

.vendor-input,
.vendor-select,
.vendor-textarea {
    width: 100%;
    min-height: 38px;
    padding: 7px 10px;
    border: 1px solid var(--vd-border);
    border-radius: 8px;
    background: #fff;
    color: var(--vd-text);
    font-size: .8rem;
}

.vendor-textarea {
    min-height: 78px;
    resize: vertical;
}

.vendor-input:focus,
.vendor-select:focus,
.vendor-textarea:focus {
    outline: none;
    border-color: var(--vd-primary);
    box-shadow: 0 0 0 3px rgba(40, 84, 163, .1);
}

.vendor-hint {
    display: block;
    margin-top: 4px;
    color: var(--vd-muted);
    font-size: .62rem;
}

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

.vendor-actions {
    position: sticky;
    bottom: 0;
    z-index: 20;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 12px 14px;
    border-top: 1px solid var(--vd-border);
    background: rgba(255, 255, 255, .96);
    backdrop-filter: blur(8px);
}

.vendor-save-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 38px;
    padding: 8px 18px;
    border: 0;
    border-radius: 8px;
    background: var(--vd-primary);
    color: #fff;
    font-size: .8rem;
    font-weight: 700;
}

.vendor-cancel-btn {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 8px 15px;
    border: 1px solid var(--vd-border);
    border-radius: 8px;
    background: #fff;
    color: var(--vd-text);
    text-decoration: none;
    font-size: .8rem;
    font-weight: 600;
}

.invalid-feedback {
    font-size: .66rem;
}

@media (max-width: 767px) {
    .vendor-page {
        padding: 14px 9px 80px;
    }

    .vendor-card-body {
        padding: 12px;
    }

    .vendor-actions {
        justify-content: stretch;
    }

    .vendor-save-btn,
    .vendor-cancel-btn {
        flex: 1;
        justify-content: center;
    }
}

/* --- Component: vendors\index.css --- */
/* Extracted from vendors/index.blade.php */

:root {
    --vx-primary: #2854a3;
    --vx-primary-dark: #1d3d78;
    --vx-primary-light: #eef4ff;
    --vx-bg: #f4f7fb;
    --vx-card: #ffffff;
    --vx-text: #182235;
    --vx-muted: #6b7280;
    --vx-border: #dfe5ee;
    --vx-success: #15803d;
    --vx-success-light: #ecfdf3;
    --vx-danger: #dc2626;
    --vx-danger-light: #fff1f2;
    --vx-warning: #b45309;
    --vx-warning-light: #fff7ed;
}

body {
    background: var(--vx-bg);
}

.vx-page {
    max-width: 1450px;
    margin: 0 auto;
    padding: 18px 14px 45px;
    font-family: Inter, system-ui, sans-serif;
    color: var(--vx-text);
}

.vx-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.vx-title-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
}

.vx-title-icon {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--vx-primary), var(--vx-primary-dark));
    color: #fff;
}

.vx-eyebrow {
    display: block;
    margin-bottom: 2px;
    color: var(--vx-primary);
    font-size: .6rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.vx-title {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 700;
}

.vx-actions {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
}

.vx-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 34px;
    padding: 7px 11px;
    border: 1px solid var(--vx-border);
    border-radius: 7px;
    background: #fff;
    color: var(--vx-text);
    text-decoration: none;
    font-size: .74rem;
    font-weight: 600;
}

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

.vx-card {
    overflow: hidden;
    border: 1px solid var(--vx-border);
    border-radius: 10px;
    background: var(--vx-card);
    box-shadow: 0 3px 12px rgba(15, 23, 42, .035);
}

.vx-card-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 11px 14px;
    border-bottom: 1px solid var(--vx-border);
    background: #f9fbff;
}

.vx-card-title {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: .78rem;
    font-weight: 700;
}

.vx-card-title i {
    color: var(--vx-primary);
}

.vx-filter-row {
    display: grid;
    grid-template-columns: minmax(220px, 1.5fr) repeat(2, minmax(150px, .6fr)) auto;
    gap: 9px;
    align-items: end;
    padding: 12px 14px;
    border-bottom: 1px solid var(--vx-border);
}

.vx-label {
    display: block;
    margin-bottom: 4px;
    color: var(--vx-muted);
    font-size: .58rem;
    font-weight: 700;
    text-transform: uppercase;
}

.vx-input,
.vx-select {
    width: 100%;
    min-height: 34px;
    padding: 6px 9px;
    border: 1px solid var(--vx-border);
    border-radius: 7px;
    background: #fff;
    color: var(--vx-text);
    font-size: .74rem;
}

.vx-table-wrap {
    overflow-x: auto;
}

.vx-table {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
    table-layout: fixed;
}

.vx-table th {
    padding: 9px 10px;
    background: #f7f9fc;
    border-bottom: 1px solid var(--vx-border);
    color: var(--vx-muted);
    font-size: .58rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.vx-table td {
    padding: 9px 10px;
    border-bottom: 1px solid #edf1f5;
    font-size: .72rem;
    vertical-align: middle;
}

.vx-table tbody tr:hover td {
    background: #fbfcff;
}

.vx-vendor-name {
    display: block;
    color: var(--vx-text);
    font-size: .75rem;
    font-weight: 700;
    text-decoration: none;
}

.vx-sub {
    display: block;
    margin-top: 2px;
    color: var(--vx-muted);
    font-size: .62rem;
}

.vx-code {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: .66rem;
}

.vx-badge {
    display: inline-flex;
    align-items: center;
    padding: 3px 7px;
    border-radius: 999px;
    font-size: .6rem;
    font-weight: 700;
}

.vx-badge.type {
    background: var(--vx-primary-light);
    color: var(--vx-primary);
}

.vx-badge.active {
    background: var(--vx-success-light);
    color: var(--vx-success);
}

.vx-badge.inactive {
    background: #f1f5f9;
    color: #64748b;
}

.vx-badge.blocked {
    background: var(--vx-danger-light);
    color: var(--vx-danger);
}

.vx-actions-cell {
    display: flex;
    justify-content: flex-end;
    gap: 4px;
}

.vx-icon-btn {
    width: 28px;
    height: 28px;
    display: inline-grid;
    place-items: center;
    border: 1px solid var(--vx-border);
    border-radius: 6px;
    background: #fff;
    color: var(--vx-muted);
    text-decoration: none;
    cursor: pointer;
}

.vx-icon-btn:hover {
    border-color: var(--vx-primary);
    color: var(--vx-primary);
}

.vx-icon-btn.delete:hover {
    border-color: var(--vx-danger);
    color: var(--vx-danger);
    background: var(--vx-danger-light);
}

.vx-footer {
    padding: 10px 14px;
    border-top: 1px solid var(--vx-border);
    background: #fbfcfe;
}

.vx-empty {
    padding: 32px 15px !important;
    text-align: center;
    color: var(--vx-muted);
}

@media (max-width: 900px) {
    .vx-filter-row {
        grid-template-columns: 1fr 1fr;
    }
}

.bi-c3542391c7 { width:48px; }

.bi-0fac9183d5 { width:220px; }

.bi-7c07cdf8bd { width:150px; }

.bi-dcf5698635 { width:125px; }

.bi-65533ffeb8 { width:165px; }

.bi-db4cf10b18 { width:100px; }

.bi-60746827b0 { width:110px; }

/* --- Component: vendors\show.css --- */
/* Extracted from vendors/show.blade.php */

:root {
    --vs-primary: #2854a3;
    --vs-primary-dark: #1d3d78;
    --vs-primary-light: #eef4ff;
    --vs-bg: #f4f7fb;
    --vs-card: #ffffff;
    --vs-text: #182235;
    --vs-muted: #6b7280;
    --vs-border: #dfe5ee;
    --vs-success: #15803d;
    --vs-success-light: #ecfdf3;
    --vs-warning-light: #fff7ed;
}

body {
    background: var(--vs-bg);
}

.vs-page {
    max-width: 1450px;
    margin: 0 auto;
    padding: 18px 14px 45px;
    font-family: Inter, system-ui, sans-serif;
    color: var(--vs-text);
}

.vs-topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.vs-title-wrap {
    display: flex;
    align-items: center;
    gap: 11px;
}

.vs-avatar {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    background: linear-gradient(135deg, var(--vs-primary), var(--vs-primary-dark));
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
}

.vs-eyebrow {
    display: block;
    margin-bottom: 2px;
    color: var(--vs-primary);
    font-size: .6rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.vs-title {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 700;
}

.vs-actions {
    display: flex;
    gap: 7px;
}

.vs-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 34px;
    padding: 7px 11px;
    border: 1px solid var(--vs-border);
    border-radius: 7px;
    background: #fff;
    color: var(--vs-text);
    text-decoration: none;
    font-size: .74rem;
    font-weight: 600;
}

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

.vs-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 14px;
}

.vs-card {
    overflow: hidden;
    border: 1px solid var(--vs-border);
    border-radius: 10px;
    background: var(--vs-card);
    box-shadow: 0 3px 12px rgba(15, 23, 42, .035);
    margin-bottom: 14px;
}

.vs-card-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--vs-border);
    background: #f9fbff;
    font-size: .78rem;
    font-weight: 700;
}

.vs-card-body {
    padding: 14px;
}

.vs-info-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.vs-info-item {
    min-height: 66px;
    padding: 10px 11px;
    border-right: 1px solid var(--vs-border);
    border-bottom: 1px solid var(--vs-border);
}

.vs-info-item:nth-child(4n) {
    border-right: 0;
}

.vs-info-item.wide {
    grid-column: span 2;
}

.vs-info-item.full {
    grid-column: 1 / -1;
}

.vs-label {
    display: block;
    margin-bottom: 4px;
    color: var(--vs-muted);
    font-size: .56rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.vs-value {
    display: block;
    font-size: .72rem;
    line-height: 1.4;
    font-weight: 600;
    word-break: break-word;
}

.vs-code {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}

.vs-badge {
    display: inline-flex;
    align-items: center;
    padding: 3px 7px;
    border-radius: 999px;
    font-size: .6rem;
    font-weight: 700;
    background: var(--vs-primary-light);
    color: var(--vs-primary);
}

.vs-badge.active {
    background: var(--vs-success-light);
    color: var(--vs-success);
}

.vs-stat-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.vs-stat {
    padding: 14px;
    border: 1px solid var(--vs-border);
    border-radius: 9px;
    background: #fff;
    text-align: center;
}

.vs-stat span {
    display: block;
    margin-bottom: 5px;
    color: var(--vs-muted);
    font-size: .58rem;
    font-weight: 700;
    text-transform: uppercase;
}

.vs-stat strong {
    color: var(--vs-primary-dark);
    font-size: 1rem;
}

.vs-rating {
    display: flex;
    gap: 2px;
    color: #f59e0b;
    font-size: .8rem;
}

.vs-side-list {
    display: grid;
    gap: 8px;
}

.vs-side-row {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid var(--vs-border);
    font-size: .68rem;
}

.vs-side-row:last-child {
    border-bottom: 0;
}

.vs-side-row span {
    color: var(--vs-muted);
}

/* Purchase & Payment tables */
.vs-table-wrap {
    overflow-x: auto;
}

.vs-table {
    width: 100%;
    min-width: 850px;
    border-collapse: collapse;
    table-layout: fixed;
}

.vs-table th {
    padding: 9px 7px;
    background: #f7f9fc;
    border-bottom: 1px solid var(--vs-border);
    color: var(--vs-muted);
    font-size: .56rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    white-space: nowrap;
}

.vs-table td {
    padding: 8px 7px;
    border-bottom: 1px solid #edf1f5;
    font-size: .7rem;
    vertical-align: middle;
}

.vs-table tbody tr:hover td {
    background: #fbfcff;
}

.vs-money {
    text-align: right;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-weight: 700;
}

.vs-pagination {
    padding: 8px 14px;
    border-top: 1px solid var(--vs-border);
    background: #fbfcfe;
}

@media (max-width: 950px) {
    .vs-grid {
        grid-template-columns: 1fr;
    }

    .vs-info-grid {
        grid-template-columns: 1fr 1fr;
    }

    .vs-info-item:nth-child(4n) {
        border-right: 1px solid var(--vs-border);
    }

    .vs-info-item:nth-child(2n) {
        border-right: 0;
    }
}

.bi-1f8fa18000 { background:#fafbfe; }

.bi-43c7b6163d { width:100%;min-height:34px;padding:6px 9px;border:1px solid var(--vs-border);border-radius:7px;font-size:.74rem; }

.bi-db4cf10b18 { width:100px; }

.bi-30e741d98e { width:auto; }

.bi-1069d5c3bd { width:72px; }

.bi-74196377f3 { width:85px; }

.bi-581be415aa { width:90px; }

.bi-60746827b0 { width:110px; }

.bi-af28c56f66 { font-size:.62rem; }

.bi-c6fffdfe96 { width:130px; }

.bi-c31f9d9990 { font-size:.64rem; }

/* --- Component: vendor_accounts\index.css --- */
/* Extracted from vendor_accounts/index.blade.php */

:root {
    --va-bg: #f4f7fb;
    --va-card: #ffffff;
    --va-primary: #274c8e;
    --va-primary-dark: #193463;
    --va-primary-light: #eef4ff;
    --va-text: #172033;
    --va-muted: #6b7280;
    --va-border: #dfe5ee;
    --va-success: #15803d;
    --va-success-light: #ecfdf3;
    --va-warning: #b45309;
    --va-warning-light: #fff7ed;
    --va-danger: #dc2626;
    --va-danger-light: #fff1f2;
}

body {
    background: var(--va-bg);
}

.vendor-account-page {
    max-width: 1450px;
    margin: 0 auto;
    padding: 18px 14px 60px;
    font-family: Inter, system-ui, sans-serif;
    color: var(--va-text);
}

.va-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.va-title-wrap {
    display: flex;
    align-items: center;
    gap: 11px;
}

.va-title-icon {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    background: linear-gradient(
        135deg,
        var(--va-primary),
        var(--va-primary-dark)
    );
    color: #fff;
    font-size: 1.1rem;
}

.va-eyebrow {
    display: block;
    margin-bottom: 2px;
    color: var(--va-primary);
    font-size: .6rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.va-title {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 700;
}

.va-subtitle {
    margin-top: 3px;
    color: var(--va-muted);
    font-size: .68rem;
}

.va-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 34px;
    padding: 7px 11px;
    border: 1px solid var(--va-border);
    border-radius: 7px;
    background: #fff;
    color: var(--va-text);
    text-decoration: none;
    font-size: .72rem;
    font-weight: 600;
    transition: .15s ease;
}

.va-btn:hover {
    border-color: var(--va-primary);
    color: var(--va-primary);
}

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

.va-btn.primary:hover {
    background: var(--va-primary-dark);
    color: #fff;
}

.va-alert {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    padding: 10px 12px;
    border: 1px solid #bbf7d0;
    border-radius: 8px;
    background: var(--va-success-light);
    color: var(--va-success);
    font-size: .72rem;
    font-weight: 600;
}

.va-metrics {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 14px;
}

.va-metric {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px;
    border: 1px solid var(--va-border);
    border-radius: 10px;
    background: var(--va-card);
    box-shadow: 0 3px 12px rgba(15, 23, 42, .035);
}

.va-metric-icon {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    border-radius: 9px;
    background: var(--va-primary-light);
    color: var(--va-primary);
    font-size: 1rem;
}

.va-metric-icon.success {
    background: var(--va-success-light);
    color: var(--va-success);
}

.va-metric-icon.warning {
    background: var(--va-warning-light);
    color: var(--va-warning);
}

.va-metric-icon.danger {
    background: var(--va-danger-light);
    color: var(--va-danger);
}

.va-metric-label {
    display: block;
    margin-bottom: 3px;
    color: var(--va-muted);
    font-size: .56rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.va-metric-value {
    display: block;
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--va-text);
}

.va-card {
    overflow: hidden;
    border: 1px solid var(--va-border);
    border-radius: 10px;
    background: var(--va-card);
    box-shadow: 0 3px 12px rgba(15, 23, 42, .035);
}

.va-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    padding: 11px 14px;
    border-bottom: 1px solid var(--va-border);
    background: #f9fbff;
}

.va-card-title {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: .78rem;
    font-weight: 700;
}

.va-card-title i {
    color: var(--va-primary);
}

.va-filters {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) 180px auto;
    gap: 8px;
    width: min(620px, 100%);
}

.va-input,
.va-select {
    width: 100%;
    min-height: 35px;
    padding: 6px 9px;
    border: 1px solid var(--va-border);
    border-radius: 7px;
    background: #fff;
    color: var(--va-text);
    font-size: .72rem;
}

.va-table-wrap {
    overflow-x: auto;
}

.va-table {
    width: 100%;
    min-width: 1080px;
    border-collapse: collapse;
    table-layout: fixed;
}

.va-table th {
    padding: 9px 10px;
    border-bottom: 1px solid var(--va-border);
    background: #f7f9fc;
    color: var(--va-muted);
    font-size: .56rem;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
}

.va-table td {
    padding: 11px 10px;
    border-bottom: 1px solid #edf1f5;
    font-size: .72rem;
    vertical-align: middle;
}

.va-table tbody tr:hover td {
    background: #fbfcff;
}

.va-vendor-name {
    display: block;
    font-weight: 700;
    color: var(--va-text);
}

.va-vendor-meta {
    display: block;
    margin-top: 2px;
    color: var(--va-muted);
    font-size: .6rem;
}

.va-money {
    text-align: right;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-weight: 700;
}

.va-money.purchase {
    color: var(--va-primary);
}

.va-money.paid {
    color: var(--va-success);
}

.va-money.balance {
    color: var(--va-danger);
}

.va-status {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: .58rem;
    font-weight: 700;
}

.va-status.pending {
    background: var(--va-warning-light);
    color: var(--va-warning);
}

.va-status.clear {
    background: var(--va-success-light);
    color: var(--va-success);
}

.va-status.overdue {
    background: var(--va-danger-light);
    color: var(--va-danger);
}

.va-row-count {
    padding: 9px 14px;
    border-top: 1px solid var(--va-border);
    color: var(--va-muted);
    font-size: .64rem;
    text-align: right;
}

.va-empty {
    padding: 45px 20px;
    text-align: center;
    color: var(--va-muted);
}

@media (max-width: 1000px) {
    .va-metrics {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 700px) {
    .va-metrics {
        grid-template-columns: 1fr;
    }

    .va-filters {
        grid-template-columns: 1fr;
    }
}

.bi-dbee34e209 { width:55px; }

.bi-7c07cdf8bd { width:150px; }

.bi-830eb98674 { width:140px; }

.bi-60746827b0 { width:110px; }

.bi-74196377f3 { width:85px; }

/* --- Component: vendor_accounts\show.css --- */
/* Extracted from vendor_accounts/show.blade.php */

:root {
    --vl-bg: #f4f7fb;
    --vl-card: #ffffff;
    --vl-primary: #274c8e;
    --vl-primary-dark: #193463;
    --vl-primary-light: #eef4ff;
    --vl-text: #172033;
    --vl-muted: #6b7280;
    --vl-border: #dfe5ee;
    --vl-success: #15803d;
    --vl-success-light: #ecfdf3;
    --vl-warning: #b45309;
    --vl-warning-light: #fff7ed;
    --vl-danger: #dc2626;
    --vl-danger-light: #fff1f2;
}

body {
    background: var(--vl-bg);
}

.vendor-ledger-page {
    max-width: 1500px;
    margin: 0 auto;
    padding: 18px 14px 60px;
    font-family: Inter, system-ui, sans-serif;
    color: var(--vl-text);
}

.vl-topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.vl-title-wrap {
    display: flex;
    align-items: center;
    gap: 11px;
}

.vl-title-icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    background: linear-gradient(
        135deg,
        var(--vl-primary),
        var(--vl-primary-dark)
    );
    color: #fff;
    font-size: 1.15rem;
}

.vl-eyebrow {
    display: block;
    margin-bottom: 2px;
    color: var(--vl-primary);
    font-size: .6rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.vl-title {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 700;
}

.vl-subtitle {
    margin-top: 3px;
    color: var(--vl-muted);
    font-size: .68rem;
}

.vl-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.vl-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 34px;
    padding: 7px 11px;
    border: 1px solid var(--vl-border);
    border-radius: 7px;
    background: #fff;
    color: var(--vl-text);
    text-decoration: none;
    font-size: .72rem;
    font-weight: 600;
    cursor: pointer;
    transition: .15s ease;
}

.vl-btn:hover {
    border-color: var(--vl-primary);
    color: var(--vl-primary);
}

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

.vl-btn.primary:hover {
    background: var(--vl-primary-dark);
    color: #fff;
}

.vl-alert {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    padding: 10px 12px;
    border: 1px solid #bbf7d0;
    border-radius: 8px;
    background: var(--vl-success-light);
    color: var(--vl-success);
    font-size: .72rem;
    font-weight: 600;
}

.vl-metrics {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 14px;
}

.vl-metric {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px;
    border: 1px solid var(--vl-border);
    border-radius: 10px;
    background: var(--vl-card);
    box-shadow: 0 3px 12px rgba(15, 23, 42, .035);
}

.vl-metric-icon {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    border-radius: 9px;
    background: var(--vl-primary-light);
    color: var(--vl-primary);
}

.vl-metric-icon.success {
    background: var(--vl-success-light);
    color: var(--vl-success);
}

.vl-metric-icon.warning {
    background: var(--vl-warning-light);
    color: var(--vl-warning);
}

.vl-metric-icon.danger {
    background: var(--vl-danger-light);
    color: var(--vl-danger);
}

.vl-metric-label {
    display: block;
    margin-bottom: 3px;
    color: var(--vl-muted);
    font-size: .56rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.vl-metric-value {
    display: block;
    font-size: 1.03rem;
    font-weight: 800;
}

.vl-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 380px;
    gap: 14px;
    align-items: start;
}

.vl-card {
    overflow: hidden;
    border: 1px solid var(--vl-border);
    border-radius: 10px;
    background: var(--vl-card);
    box-shadow: 0 3px 12px rgba(15, 23, 42, .035);
}

.vl-card + .vl-card {
    margin-top: 14px;
}

.vl-card-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 11px 14px;
    border-bottom: 1px solid var(--vl-border);
    background: #f9fbff;
}

.vl-card-title {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: .78rem;
    font-weight: 700;
}

.vl-card-title i {
    color: var(--vl-primary);
}

.vl-card-body {
    padding: 14px;
}

.vl-profile-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 9px;
}

.vl-profile-item {
    padding: 10px;
    border: 1px solid var(--vl-border);
    border-radius: 8px;
    background: #fbfcff;
}

.vl-profile-item.wide {
    grid-column: span 2;
}

.vl-profile-label {
    display: block;
    margin-bottom: 3px;
    color: var(--vl-muted);
    font-size: .54rem;
    font-weight: 700;
    text-transform: uppercase;
}

.vl-profile-value {
    display: block;
    font-size: .7rem;
    font-weight: 700;
    line-height: 1.45;
    word-break: break-word;
}

.vl-filter-grid {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) 150px 150px 180px auto;
    gap: 8px;
    width: 100%;
}

.vl-input,
.vl-select,
.vl-textarea {
    width: 100%;
    min-height: 36px;
    padding: 7px 9px;
    border: 1px solid var(--vl-border);
    border-radius: 7px;
    background: #fff;
    color: var(--vl-text);
    font-size: .72rem;
}

.vl-textarea {
    min-height: 72px;
    resize: vertical;
}

.vl-label {
    display: block;
    margin-bottom: 4px;
    color: var(--vl-muted);
    font-size: .56rem;
    font-weight: 700;
    text-transform: uppercase;
}

.vl-table-wrap {
    overflow-x: auto;
}

.vl-table {
    width: 100%;
    min-width: 1020px;
    border-collapse: collapse;
    table-layout: fixed;
}

.vl-table th {
    padding: 9px 10px;
    border-bottom: 1px solid var(--vl-border);
    background: #f7f9fc;
    color: var(--vl-muted);
    font-size: .56rem;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
}

.vl-table td {
    padding: 10px;
    border-bottom: 1px solid #edf1f5;
    font-size: .71rem;
    vertical-align: middle;
}

.vl-table tbody tr:hover td {
    background: #fbfcff;
}

.vl-ref {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    color: var(--vl-primary);
    font-size: .64rem;
    font-weight: 700;
}

.vl-source {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 7px;
    border-radius: 999px;
    background: var(--vl-primary-light);
    color: var(--vl-primary);
    font-size: .58rem;
    font-weight: 700;
}

.vl-money {
    text-align: right;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-weight: 700;
}

.vl-money.debit {
    color: var(--vl-warning);
}

.vl-money.credit {
    color: var(--vl-success);
}

.vl-money.balance {
    color: var(--vl-danger);
}

.vl-footer-row {
    padding: 10px 14px;
    border-top: 1px solid var(--vl-border);
    background: #f9fbff;
    text-align: right;
    font-size: .7rem;
    font-weight: 700;
}

.vl-payment-summary {
    padding: 12px;
    margin-bottom: 12px;
    border: 1px solid var(--vl-border);
    border-radius: 8px;
    background: linear-gradient(
        135deg,
        var(--vl-primary-light),
        #fff
    );
}

.vl-payment-summary span {
    display: block;
    color: var(--vl-muted);
    font-size: .56rem;
    font-weight: 700;
    text-transform: uppercase;
}

.vl-payment-summary strong {
    display: block;
    margin-top: 4px;
    color: var(--vl-danger);
    font-size: 1.2rem;
    font-weight: 800;
}

.vl-form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 9px;
}

.vl-form-group.full {
    grid-column: span 2;
}

.vl-empty {
    padding: 45px 20px;
    text-align: center;
    color: var(--vl-muted);
}

@media (max-width: 1100px) {
    .vl-grid {
        grid-template-columns: 1fr;
    }

    .vl-metrics {
        grid-template-columns: repeat(2, 1fr);
    }

    .vl-filter-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 650px) {
    .vl-metrics,
    .vl-profile-grid,
    .vl-form-grid,
    .vl-filter-grid {
        grid-template-columns: 1fr;
    }

    .vl-profile-item.wide,
    .vl-form-group.full {
        grid-column: span 1;
    }
}

@media print {
    .vl-actions,
    .vl-grid > aside,
    .vl-filter-grid,
    .vl-alert {
        display: none !important;
    }

    .vendor-ledger-page {
        max-width: none;
        padding: 0;
    }

    .vl-card,
    .vl-metric {
        box-shadow: none;
    }
}

.bi-60746827b0 { width:110px; }

.bi-7c07cdf8bd { width:150px; }

.bi-c6fffdfe96 { width:130px; }

.bi-830eb98674 { width:140px; }

[data-bi-0466783d98] { width:100%; }

/* --- Component: vendor_invoices\create.css --- */
/* Extracted from vendor_invoices/create.blade.php */

:root{
    --im-primary:#274c8e;
    --im-primary-dark:#193463;
    --im-primary-light:#eef4ff;
    --im-bg:#f4f7fb;
    --im-card:#fff;
    --im-text:#172033;
    --im-muted:#697386;
    --im-border:#dce3ed;
    --im-success:#15803d;
    --im-success-light:#ecfdf3;
    --im-warning:#b45309;
    --im-warning-light:#fff7ed;
    --im-danger:#dc2626;
    --im-danger-light:#fff1f2;
}

body{ background:var(--im-bg); }

.item-page{ max-width:1200px; margin:0 auto; padding:18px 14px 100px; font-family:Inter,system-ui,sans-serif; color:var(--im-text); }
.item-topbar{ display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:14px; }
.item-title-wrap{ display:flex; align-items:center; gap:10px; }
.item-title-icon{ width:40px; height:40px; display:grid; place-items:center; border-radius:10px; background:linear-gradient(135deg,var(--im-primary),var(--im-primary-dark)); color:#fff; }
.item-eyebrow{ display:block; margin-bottom:2px; color:var(--im-primary); font-size:.6rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.item-title{ margin:0; font-size:1.2rem; font-weight:700; }
.item-subtitle{ color:var(--im-muted); font-size:.72rem; }
.item-actions{ display:flex; gap:7px; flex-wrap:wrap; }
.item-btn{ display:inline-flex; align-items:center; gap:6px; min-height:34px; padding:7px 11px; border:1px solid var(--im-border); border-radius:7px; background:#fff; color:var(--im-text); text-decoration:none; font-size:.74rem; font-weight:600; cursor:pointer; }
.item-btn.primary{ border-color:var(--im-primary); background:var(--im-primary); color:#fff; }

.item-card{ overflow:hidden; border:1px solid var(--im-border); border-radius:10px; background:var(--im-card); box-shadow:0 3px 12px rgba(15,23,42,.035); margin-bottom:14px; }
.item-card-head{ display:flex; justify-content:space-between; align-items:center; gap:10px; padding:10px 14px; border-bottom:1px solid var(--im-border); background:#f9fbff; }
.item-card-title{ margin:0; display:flex; align-items:center; gap:6px; font-size:.78rem; font-weight:700; }
.item-card-title i{ color:var(--im-primary); }
.item-card-subtitle{ font-size:.66rem; color:var(--im-muted); }
.item-card-body{ padding:14px; }

.item-label{ display:block; margin-bottom:4px; color:var(--im-muted); font-size:.58rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.item-input, .item-select, .item-textarea{ width:100%; min-height:36px; padding:6px 9px; border:1px solid var(--im-border); border-radius:7px; background:#fff; color:var(--im-text); font-size:.76rem; }
.item-input:focus, .item-select:focus, .item-textarea:focus{ outline:none; border-color:var(--im-primary); box-shadow:0 0 0 3px rgba(39,76,142,.1); }
.item-input[readonly]{ background:#f8fafc; font-weight:700; color:var(--im-primary); }
.item-hint{ display:block; margin-top:4px; color:var(--im-muted); font-size:.6rem; }

.item-alert{ padding:10px 12px; border:1px solid #fecaca; border-radius:8px; background:var(--im-danger-light); color:var(--im-danger); font-size:.76rem; font-weight:600; margin-bottom:14px; }
.item-alert ul{ margin:0; padding-left:18px; }

.item-footer{ position:sticky; bottom:0; z-index:20; display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap; padding:11px 14px; border-top:1px solid var(--im-border); background:rgba(255,255,255,.96); backdrop-filter:blur(8px); border-radius:10px 10px 0 0; }
.item-footer-stats{ display:flex; gap:20px; flex-wrap:wrap; }
.item-stat span{ display:block; color:var(--im-muted); font-size:.56rem; text-transform:uppercase; }
.item-stat strong{ color:var(--im-text); font-size:.92rem; }

@media (max-width:767px){
    .item-page{ padding:14px 9px 130px; }
    .item-card-body{ padding:12px; }
    .item-footer{ justify-content:stretch; }
    .item-footer .item-btn{ flex:1; justify-content:center; }
}

.bi-8113a013f7 { font-size:0.75rem; }

.bi-238ae39552 { background:#f8fafc; }

.bi-9d7e14142a { width:3%; }

.bi-6709852012 { width:35%; }

.bi-477d664a08 { width:10%; }

.bi-c28f1b1511 { width:12%; }

.bi-8c8f533b00 { width:8%; }

.bi-054822b0ed { background:#f0fdf4;font-weight:700;color:#15803d;font-size:1.1rem; }

[data-bi-cb3cda94b5] { background:#f8fafc;font-weight:600; }

/* --- Component: vendor_invoices\edit.css --- */
/* Extracted from vendor_invoices/edit.blade.php */

:root{
    --im-primary:#274c8e;
    --im-primary-dark:#193463;
    --im-primary-light:#eef4ff;
    --im-bg:#f4f7fb;
    --im-card:#fff;
    --im-text:#172033;
    --im-muted:#697386;
    --im-border:#dce3ed;
    --im-success:#15803d;
    --im-success-light:#ecfdf3;
    --im-warning:#b45309;
    --im-warning-light:#fff7ed;
    --im-danger:#dc2626;
    --im-danger-light:#fff1f2;
}

body{ background:var(--im-bg); }

.item-page{ max-width:1200px; margin:0 auto; padding:18px 14px 100px; font-family:Inter,system-ui,sans-serif; color:var(--im-text); }
.item-topbar{ display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:14px; }
.item-title-wrap{ display:flex; align-items:center; gap:10px; }
.item-title-icon{ width:40px; height:40px; display:grid; place-items:center; border-radius:10px; background:linear-gradient(135deg,var(--im-primary),var(--im-primary-dark)); color:#fff; }
.item-eyebrow{ display:block; margin-bottom:2px; color:var(--im-primary); font-size:.6rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.item-title{ margin:0; font-size:1.2rem; font-weight:700; }
.item-subtitle{ color:var(--im-muted); font-size:.72rem; }
.item-actions{ display:flex; gap:7px; flex-wrap:wrap; }
.item-btn{ display:inline-flex; align-items:center; gap:6px; min-height:34px; padding:7px 11px; border:1px solid var(--im-border); border-radius:7px; background:#fff; color:var(--im-text); text-decoration:none; font-size:.74rem; font-weight:600; cursor:pointer; }
.item-btn.primary{ border-color:var(--im-primary); background:var(--im-primary); color:#fff; }

.item-card{ overflow:hidden; border:1px solid var(--im-border); border-radius:10px; background:var(--im-card); box-shadow:0 3px 12px rgba(15,23,42,.035); margin-bottom:14px; }
.item-card-head{ display:flex; justify-content:space-between; align-items:center; gap:10px; padding:10px 14px; border-bottom:1px solid var(--im-border); background:#f9fbff; }
.item-card-title{ margin:0; display:flex; align-items:center; gap:6px; font-size:.78rem; font-weight:700; }
.item-card-title i{ color:var(--im-primary); }
.item-card-subtitle{ font-size:.66rem; color:var(--im-muted); }
.item-card-body{ padding:14px; }

.item-label{ display:block; margin-bottom:4px; color:var(--im-muted); font-size:.58rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.item-input, .item-select, .item-textarea{ width:100%; min-height:36px; padding:6px 9px; border:1px solid var(--im-border); border-radius:7px; background:#fff; color:var(--im-text); font-size:.76rem; }
.item-input:focus, .item-select:focus, .item-textarea:focus{ outline:none; border-color:var(--im-primary); box-shadow:0 0 0 3px rgba(39,76,142,.1); }
.item-input[readonly]{ background:#f8fafc; font-weight:700; color:var(--im-primary); }
.item-hint{ display:block; margin-top:4px; color:var(--im-muted); font-size:.6rem; }

.item-alert{ padding:10px 12px; border:1px solid #fecaca; border-radius:8px; background:var(--im-danger-light); color:var(--im-danger); font-size:.76rem; font-weight:600; margin-bottom:14px; }
.item-alert ul{ margin:0; padding-left:18px; }

.item-footer{ position:sticky; bottom:0; z-index:20; display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap; padding:11px 14px; border-top:1px solid var(--im-border); background:rgba(255,255,255,.96); backdrop-filter:blur(8px); border-radius:10px 10px 0 0; }
.item-footer-stats{ display:flex; gap:20px; flex-wrap:wrap; }
.item-stat span{ display:block; color:var(--im-muted); font-size:.56rem; text-transform:uppercase; }
.item-stat strong{ color:var(--im-text); font-size:.92rem; }

@media (max-width:767px){
    .item-page{ padding:14px 9px 130px; }
    .item-card-body{ padding:12px; }
    .item-footer{ justify-content:stretch; }
    .item-footer .item-btn{ flex:1; justify-content:center; }
}

.bi-8113a013f7 { font-size:0.75rem; }

.bi-238ae39552 { background:#f8fafc; }

.bi-9d7e14142a { width:3%; }

.bi-6709852012 { width:35%; }

.bi-477d664a08 { width:10%; }

.bi-c28f1b1511 { width:12%; }

.bi-8c8f533b00 { width:8%; }

.bi-054822b0ed { background:#f0fdf4;font-weight:700;color:#15803d;font-size:1.1rem; }

[data-bi-cb3cda94b5] { background:#f8fafc;font-weight:600; }
[data-bi-238ae39552] { background:#f8fafc; }

/* --- Component: vendor_invoices\index.css --- */
/* Extracted from vendor_invoices/index.blade.php */

:root{
    --im-primary:#274c8e;
    --im-primary-dark:#193463;
    --im-primary-light:#eef4ff;
    --im-bg:#f4f7fb;
    --im-card:#fff;
    --im-text:#172033;
    --im-muted:#697386;
    --im-border:#dce3ed;
    --im-success:#15803d;
    --im-success-light:#ecfdf3;
    --im-warning:#b45309;
    --im-warning-light:#fff7ed;
    --im-danger:#dc2626;
    --im-danger-light:#fff1f2;
}

body{ background:var(--im-bg); }

.item-page{ max-width:1450px; margin:0 auto; padding:18px 14px 40px; font-family:Inter,system-ui,sans-serif; color:var(--im-text); }
.item-topbar{ display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:14px; }
.item-title-wrap{ display:flex; align-items:center; gap:10px; }
.item-title-icon{ width:40px; height:40px; display:grid; place-items:center; border-radius:10px; background:linear-gradient(135deg,var(--im-primary),var(--im-primary-dark)); color:#fff; }
.item-eyebrow{ display:block; margin-bottom:2px; color:var(--im-primary); font-size:.6rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.item-title{ margin:0; font-size:1.2rem; font-weight:700; }
.item-subtitle{ color:var(--im-muted); font-size:.72rem; }
.item-btn{ display:inline-flex; align-items:center; gap:6px; min-height:34px; padding:7px 11px; border:1px solid var(--im-border); border-radius:7px; background:#fff; color:var(--im-text); text-decoration:none; font-size:.74rem; font-weight:600; cursor:pointer; }
.item-btn.primary{ border-color:var(--im-primary); background:var(--im-primary); color:#fff; }

.item-alert-success, .item-alert-danger{ padding:10px 12px; border-radius:8px; font-size:.76rem; font-weight:600; margin-bottom:14px; }
.item-alert-success{ border:1px solid #bbf7d0; background:var(--im-success-light); color:var(--im-success); }
.item-alert-danger{ border:1px solid #fecaca; background:var(--im-danger-light); color:var(--im-danger); }

.item-card{ overflow:hidden; border:1px solid var(--im-border); border-radius:10px; background:var(--im-card); box-shadow:0 3px 12px rgba(15,23,42,.035); margin-bottom:14px; }
.item-card-body{ padding:14px; }

.item-summary-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:14px; }
.item-summary-box{ padding:12px 14px; border:1px solid var(--im-border); border-radius:9px; background:#fff; }
.item-summary-box span{ display:block; margin-bottom:3px; font-size:.6rem; font-weight:700; text-transform:uppercase; color:var(--im-muted); }
.item-summary-box strong{ font-size:1.05rem; }
.item-summary-box.success strong{ color:var(--im-success); }
.item-summary-box.danger strong{ color:var(--im-danger); }
.item-summary-box.warning strong{ color:var(--im-warning); }

.item-label{ display:block; margin-bottom:4px; color:var(--im-muted); font-size:.58rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.item-input, .item-select{ width:100%; min-height:36px; padding:6px 9px; border:1px solid var(--im-border); border-radius:7px; background:#fff; color:var(--im-text); font-size:.76rem; }
.item-input:focus, .item-select:focus{ outline:none; border-color:var(--im-primary); box-shadow:0 0 0 3px rgba(39,76,142,.1); }

.item-table-wrap{ overflow-x:auto; }
.item-table{ width:100%; border-collapse:collapse; }
.item-table th{ padding:9px 12px; background:#f7f9fc; border-bottom:1px solid var(--im-border); color:var(--im-muted); font-size:.58rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; white-space:nowrap; }
.item-table td{ padding:9px 12px; border-bottom:1px solid #edf1f5; font-size:.74rem; vertical-align:middle; white-space:nowrap; }
.item-table tbody tr:hover td{ background:#fbfcff; }
.item-table td.wrap{ white-space:normal; }

.item-badge{ display:inline-flex; padding:3px 9px; border-radius:999px; font-size:.62rem; font-weight:700; }
.item-badge.success{ background:var(--im-success-light); color:var(--im-success); }
.item-badge.warning{ background:var(--im-warning-light); color:var(--im-warning); }
.item-badge.danger{ background:var(--im-danger-light); color:var(--im-danger); }
.item-badge.neutral{ background:#f1f5f9; color:var(--im-muted); }

.item-icon-btn{ width:30px; height:30px; display:inline-grid; place-items:center; border:1px solid var(--im-border); border-radius:6px; background:#fff; color:var(--im-primary); text-decoration:none; }

.item-empty{ text-align:center; padding:34px 12px; color:var(--im-muted); font-size:.8rem; }
.item-card-footer{ padding:12px 14px; border-top:1px solid var(--im-border); }

@media (max-width:1100px){
    .item-summary-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:767px){
    .item-page{ padding:14px 9px 40px; }
    .item-card-body{ padding:12px; }
}

.bi-754b5a82ba { border-bottom:1px solid var(--im-border); }

.bi-03c4bb6fce { justify-content:center; }

.bi-7bb4174728 { color:inherit;text-decoration:none; }

.bi-dcd13211ef { color:var(--im-muted); }

.bi-9450d905f6 { color:var(--im-success); }

.bi-8e2f6e6e28 { color:var(--im-danger); }

.bi-4a12b6eddc { color:#15803d; }

.bi-6ddf2aac80 { color:#b45309; }

/* --- Component: vendor_invoices\print.css --- */
/* Extracted from vendor_invoices/print.blade.php */

        body:has(.invoice-container) {
            font-family: 'Arial', 'Helvetica', sans-serif;
            font-size: 11px;
            line-height: 1.4;
            color: #000;
            background: #fff;
            padding: 10mm;
        }
        
        .invoice-container {
            width: 100%;
            max-width: 210mm;
            margin: 0 auto;
            border: 2px solid #000;
            background: #fff;
        }
        
        .invoice-header {
            border-bottom: 2px solid #000;
            padding: 8px 12px;
            background: #f5f5f5;
        }
        
        .company-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin-bottom: 8px;
        }
        
        .company-info h1 {
            font-size: 18px;
            font-weight: bold;
            text-transform: uppercase;
            margin-bottom: 3px;
            color: #000;
        }
        
        .company-info p {
            font-size: 10px;
            line-height: 1.3;
            margin-bottom: 2px;
        }
        
        .invoice-title {
            text-align: center;
            padding: 6px 0;
            border: 1px solid #000;
            background: #fff;
            margin: 8px 0;
        }
        
        .invoice-title h2 {
            font-size: 14px;
            font-weight: bold;
            text-transform: uppercase;
        }
        
        .invoice-details {
            display: flex;
            border-top: 1px solid #000;
        }
        
        .invoice-left {
            flex: 1.5;
            border-right: 1px solid #000;
            padding: 8px 10px;
        }
        
        .invoice-right {
            flex: 1;
            padding: 8px 10px;
        }
        
        .detail-row {
            display: flex;
            margin-bottom: 6px;
            font-size: 10px;
        }
        
        .detail-label {
            font-weight: bold;
            min-width: 100px;
            margin-right: 8px;
        }
        
        .detail-value {
            flex: 1;
        }
        
        .items-table {
            width: 100%;
            border-collapse: collapse;
            border-top: 2px solid #000;
        }
        
        .items-table th,
        .items-table td {
            border: 1px solid #000;
            padding: 6px 8px;
            text-align: left;
            font-size: 10px;
        }
        
        .items-table th {
            background: #f5f5f5;
            font-weight: bold;
            text-align: center;
        }
        
        .items-table td.text-right {
            text-align: right;
        }
        
        .items-table td.text-center {
            text-align: center;
        }
        
        .amount-breakdown {
            display: flex;
            border-top: 2px solid #000;
        }
        
        .amount-left {
            flex: 1.5;
            border-right: 1px solid #000;
            padding: 8px 10px;
        }
        
        .amount-right {
            flex: 1;
            padding: 8px 10px;
        }
        
        .amount-row {
            display: flex;
            justify-content: space-between;
            margin-bottom: 5px;
            font-size: 10px;
        }
        
        .amount-row.total {
            font-weight: bold;
            font-size: 11px;
            border-top: 1px solid #000;
            padding-top: 5px;
            margin-top: 5px;
        }
        
        .amount-row.grand-total {
            font-weight: bold;
            font-size: 12px;
            background: #f5f5f5;
            padding: 6px 8px;
            margin: 5px -10px 0 -10px;
            border-top: 2px solid #000;
        }
        
        .bank-details {
            border-top: 2px solid #000;
            padding: 8px 10px;
            font-size: 10px;
        }
        
        .bank-details h4 {
            font-size: 11px;
            font-weight: bold;
            margin-bottom: 5px;
        }
        
        .footer {
            border-top: 2px solid #000;
            padding: 8px 10px;
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
        }
        
        .signature-section {
            text-align: right;
        }
        
        .signature-section p {
            margin-bottom: 30px;
            font-size: 10px;
        }
        
        .signature-line {
            border-top: 1px solid #000;
            padding-top: 5px;
            font-weight: bold;
            font-size: 11px;
        }
        
        @media print {
            body { padding: 0; }
            .invoice-container { border: none; }
            @page { size: A4 portrait; margin: 8mm; }
        }

.bi-39ae4db632 { margin-bottom: 10px; }

.bi-95740f2f1e { text-decoration: underline;font-size: 11px; }

.bi-ccac479daa { width: 5%; }

.bi-e73a22bd90 { width: 50%; }

.bi-ae0638a22c { width: 10%; }

.bi-607c2bdd30 { width: 15%; }

.bi-cfe7d18129 { height: 30px; }

.bi-59ede74e7b { height: 120px;vertical-align: top; }

.bi-e7b1306995 { margin-bottom: 6px; }

.bi-36aa4e1f93 { font-style: italic;margin-bottom: 10px; }

.bi-e5a6d3c3d6 { margin-top: 10px; }

.bi-7d3ce545aa { display: flex;gap: 30px; }

.bi-4355508a69 { font-size: 10px; }

.bi-035790fa8c { margin-top: 5px; }

/* --- Component: vendor_invoices\show.css --- */
/* Extracted from vendor_invoices/show.blade.php */

:root{
    --im-primary:#274c8e;
    --im-primary-dark:#193463;
    --im-primary-light:#eef4ff;
    --im-bg:#f4f7fb;
    --im-card:#fff;
    --im-text:#172033;
    --im-muted:#697386;
    --im-border:#dce3ed;
    --im-success:#15803d;
    --im-success-light:#ecfdf3;
    --im-danger:#dc2626;
    --im-danger-light:#fff1f2;
}

body{ background:var(--im-bg); }

.item-page{ max-width:1250px; margin:0 auto; padding:18px 14px 40px; font-family:Inter,system-ui,sans-serif; color:var(--im-text); }
.item-topbar{ display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:14px; }
.item-title-wrap{ display:flex; align-items:center; gap:10px; }
.item-title-icon{ width:40px; height:40px; display:grid; place-items:center; border-radius:10px; background:linear-gradient(135deg,var(--im-primary),var(--im-primary-dark)); color:#fff; }
.item-eyebrow{ display:block; margin-bottom:2px; color:var(--im-primary); font-size:.6rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.item-title{ margin:0; font-size:1.2rem; font-weight:700; }
.item-subtitle{ color:var(--im-muted); font-size:.72rem; }
.item-actions{ display:flex; gap:7px; flex-wrap:wrap; }
.item-btn{ display:inline-flex; align-items:center; gap:6px; min-height:34px; padding:7px 11px; border:1px solid var(--im-border); border-radius:7px; background:#fff; color:var(--im-text); text-decoration:none; font-size:.74rem; font-weight:600; cursor:pointer; }

.item-card{ overflow:hidden; border:1px solid var(--im-border); border-radius:10px; background:var(--im-card); box-shadow:0 3px 12px rgba(15,23,42,.035); margin-bottom:14px; }
.item-card-head{ padding:10px 14px; border-bottom:1px solid var(--im-border); background:#f9fbff; }
.item-card-title{ margin:0; display:flex; align-items:center; gap:6px; font-size:.78rem; font-weight:700; }
.item-card-title i{ color:var(--im-primary); }
.item-card-body{ padding:14px; }

.item-kv span{ display:block; margin-bottom:2px; color:var(--im-muted); font-size:.58rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.item-kv strong{ display:block; font-size:.82rem; }
.item-kv p{ margin:0; font-size:.8rem; }

.item-breakdown{ width:100%; border-collapse:collapse; }
.item-breakdown th, .item-breakdown td{ padding:9px 14px; border-bottom:1px solid #edf1f5; font-size:.78rem; }
.item-breakdown th{ font-weight:600; color:var(--im-text); text-align:left; }
.item-breakdown tr.item-breakdown-total td, .item-breakdown tr.item-breakdown-total th{ background:var(--im-primary-light); font-weight:700; }
.item-breakdown tr.item-breakdown-paid th{ color:var(--im-success); }
.item-breakdown tr.item-breakdown-balance th{ color:var(--im-danger); }

.item-badge{ display:inline-flex; padding:3px 9px; border-radius:999px; font-size:.62rem; font-weight:700; background:#f1f5f9; color:var(--im-muted); }

@media (max-width:767px){
    .item-page{ padding:14px 9px 40px; }
    .item-card-body{ padding:12px; }
}

/* ==========================================================================
   Print — isolate the invoice content (without pulling it out of normal
   document flow, which is what was clipping multi-page content), force
   background colors to render, and stack the two-column layout so Bootstrap's
   flex .row doesn't cut content off mid-page (flex containers don't paginate
   reliably across printed pages).
   ========================================================================== */
@media print {
    @page {
        size: A4 portrait;
        margin: 8mm;
    }

    html,
    body {
        width: 210mm;
        margin: 0 !important;
        padding: 0 !important;
        background: #fff !important;
    }

    body * {
        visibility: hidden !important;
    }

    .item-page,
    .item-page * {
        visibility: visible !important;
    }

    .item-page {
        position: absolute;
        inset: 0;
        width: 100%;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #fff !important;
        color: #111827 !important;
        font-size: 11px !important;
    }

    .item-actions {
        display: none !important;
    }

    .item-topbar {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        margin-bottom: 8px !important;
        padding-bottom: 7px !important;
        border-bottom: 2px solid var(--im-primary) !important;
    }

    .item-title-icon {
        width: 30px !important;
        height: 30px !important;
        border-radius: 7px !important;
    }

    .item-title {
        font-size: 16px !important;
        line-height: 1.2 !important;
    }

    .item-eyebrow {
        font-size: 7px !important;
    }

    .item-subtitle {
        font-size: 9px !important;
    }

    .item-page > .row {
        display: grid !important;
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) !important;
        gap: 8px !important;
        margin: 0 !important;
    }

    .item-page > .row > .col-lg-8,
    .item-page > .row > .col-lg-4 {
        width: auto !important;
        max-width: none !important;
        flex: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .item-card {
        width: 100% !important;
        margin: 0 0 8px !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 6px !important;
        box-shadow: none !important;
        overflow: visible !important;
        break-inside: avoid !important;
        page-break-inside: avoid !important;
        background: #fff !important;
    }

    .item-card-head {
        padding: 5px 8px !important;
        background: #f8fafc !important;
        border-bottom: 1px solid #cbd5e1 !important;
    }

    .item-card-title {
        font-size: 9px !important;
    }

    .item-card-body {
        padding: 7px 8px !important;
    }

    .item-card-body > .row {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 6px 8px !important;
        margin: 0 !important;
    }

    .item-card-body > .row > [class*="col-"] {
        width: auto !important;
        max-width: none !important;
        flex: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .item-kv {
        margin-bottom: 5px !important;
        break-inside: avoid !important;
    }

    .item-kv span {
        margin-bottom: 1px !important;
        font-size: 7px !important;
    }

    .item-kv strong,
    .item-kv p {
        font-size: 9px !important;
        line-height: 1.3 !important;
    }

    .table-responsive {
        overflow: visible !important;
    }

    .item-breakdown {
        width: 100% !important;
        min-width: 0 !important;
        table-layout: fixed !important;
        border-collapse: collapse !important;
    }

    .item-breakdown thead {
        display: table-header-group !important;
    }

    .item-breakdown tbody {
        display: table-row-group !important;
    }

    .item-breakdown tr {
        display: table-row !important;
        break-inside: avoid !important;
        page-break-inside: avoid !important;
    }

    .item-breakdown th,
    .item-breakdown td {
        display: table-cell !important;
        width: auto !important;
        padding: 4px 7px !important;
        border-bottom: 1px solid #e2e8f0 !important;
        font-size: 8.5px !important;
        line-height: 1.25 !important;
        white-space: normal !important;
        word-break: break-word !important;
        vertical-align: middle !important;
    }

    .item-breakdown th:first-child,
    .item-breakdown td:first-child {
        width: 62% !important;
    }

    .item-breakdown th:last-child,
    .item-breakdown td:last-child {
        width: 38% !important;
        text-align: right !important;
    }

    .item-breakdown-total th,
    .item-breakdown-total td {
        background: #eef4ff !important;
        color: #111827 !important;
    }

    .item-breakdown-paid th,
    .item-breakdown-paid td {
        color: var(--im-success) !important;
    }

    .item-breakdown-balance th,
    .item-breakdown-balance td {
        color: var(--im-danger) !important;
    }

    .item-badge {
        padding: 2px 6px !important;
        font-size: 7px !important;
    }

    .text-end {
        text-align: right !important;
    }

    * {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
}

.bi-3efc9879ca { display:flex;gap:10px; }

.bi-7523973809 { word-break:break-all; }

.bi-dcd13211ef { color:var(--im-muted); }

.bi-20ece88219 { padding:0 0 12px 16px;margin-bottom:12px;border-left:2px solid var(--im-border); }

.bi-f63147b2ed { font-size:.78rem; }

.bi-51316aa713 { font-size:.72rem;color:var(--im-muted); }

.bi-a63a65a494 { font-size:.75rem;color:var(--im-muted); }

.bi-ae2d90838c { color:var(--im-muted);font-size:0.7rem; }

.bi-6b99de8b69 { display:none; }

/* --- Component: vendor_quotations\create.css --- */
/* Extracted from vendor_quotations/create.blade.php */

.vqpage{max-width:1400px;margin:auto;padding:20px}.vq-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.vq-title h4{font-size:1.75rem;font-weight:700;margin:0;color:#1e293b}.vq-title h6{font-size:0.875rem;color:#64748b;margin:4px 0 0}.vq-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#64748b;color:#fff;border-radius:8px;text-decoration:none;font-weight:600;font-size:0.875rem;border:none;cursor:pointer;transition:all 0.2s}.vq-btn:hover{background:#475569;color:#fff}.vq-btn.primary{background:#2563eb}.vq-btn.primary:hover{background:#1d4ed8}.vq-btn.success{background:#16a34a}.vq-btn.success:hover{background:#15803d}.vq-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,0.1);margin-bottom:20px}.vq-card-header{padding:16px 20px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.vq-card-header h5{margin:0;font-size:1.125rem;font-weight:700;color:#1e293b}.vq-card-body{padding:20px}.vq-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:0.875rem;font-weight:600;color:#334155;margin-bottom:6px}.form-control{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:0.875rem;transition:all 0.2s}.form-control:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,0.1)}.form-control[readonly]{background:#f8fafc;cursor:not-allowed}textarea.form-control{resize:vertical;min-height:80px}.vq-table-wrap{overflow-x:auto}.vq-table{width:100%;border-collapse:collapse;min-width:1200px}.vq-table thead th{background:#f8fafc;color:#475569;font-size:0.75rem;font-weight:700;text-transform:uppercase;padding:12px;text-align:left;border-bottom:2px solid #e2e8f0;letter-spacing:0.5px;white-space:nowrap}.vq-table tbody td{padding:12px;border-bottom:1px solid #f1f5f9;font-size:0.875rem;color:#334155;vertical-align:top}.vq-table tbody tr:hover{background:#f8fafc}.money{text-align:right;font-family:monospace;font-weight:600}.vq-summary{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:12px;padding:24px;color:#fff;position:sticky;top:20px;box-shadow:0 4px 20px rgba(37,99,235,0.3)}.vq-summary h5{font-size:1.25rem;font-weight:700;margin-bottom:20px;color:#fff}.vq-summary-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.2);font-size:0.95rem}.vq-summary-row:last-child{border-bottom:none;padding-top:16px;margin-top:12px;border-top:2px solid rgba(255,255,255,0.3);font-size:1.1rem;font-weight:700}.vq-summary-row .label{opacity:0.9}.vq-summary-row .value{font-weight:700}.btn-remove{color:#dc2626;cursor:pointer;padding:6px 12px;border:1px solid #dc2626;border-radius:6px;background:transparent;transition:all 0.2s}.btn-remove:hover{background:#dc2626;color:#fff}@media(max-width:768px){.vq-head{flex-direction:column;align-items:stretch}.vq-info-grid{grid-template-columns:1fr}}

.bi-d11196b2df { background:#fee2e2;border:2px solid #dc2626;margin-bottom:20px; }

.bi-be71f18b38 { color:#dc2626;margin-bottom:10px; }

.bi-9fc6fbfbd9 { margin:0;padding-left:20px;color:#dc2626; }

.bi-322e3f5e05 { width:30px; }

.bi-bb082fd844 { width:280px; }

.bi-db4cf10b18 { width:100px; }

.bi-8573bae381 { width:80px; }

.bi-465bfea3ed { width:120px; }

.bi-7c07cdf8bd { width:150px; }

.bi-2acaf3b57e { width:200px; }

.bi-bd09c419b5 { width:60px; }

.bi-6b99de8b69 { display:none; }

.bi-4c08a8498c { background:rgba(255,255,255,0.2);color:#fff;border:1px solid rgba(255,255,255,0.3);text-align:right;padding:6px 10px; }

.bi-f3798e2515 { width:100%;margin-top:20px;justify-content:center;font-size:1rem;padding:14px; }

/* --- Component: vendor_quotations\edit.css --- */
/* Extracted from vendor_quotations/edit.blade.php */

.vqpage{max-width:1400px;margin:auto;padding:20px}.vq-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.vq-title h4{font-size:1.75rem;font-weight:700;margin:0;color:#1e293b}.vq-title h6{font-size:0.875rem;color:#64748b;margin:4px 0 0}.vq-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#64748b;color:#fff;border-radius:8px;text-decoration:none;font-weight:600;font-size:0.875rem;border:none;cursor:pointer;transition:all 0.2s}.vq-btn:hover{background:#475569;color:#fff}.vq-btn.primary{background:#2563eb}.vq-btn.primary:hover{background:#1d4ed8}.vq-btn.success{background:#16a34a}.vq-btn.success:hover{background:#15803d}.vq-btn.warning{background:#f59e0b}.vq-btn.warning:hover{background:#d97706}.vq-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,0.1);margin-bottom:20px}.vq-card-header{padding:16px 20px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.vq-card-header h5{margin:0;font-size:1.125rem;font-weight:700;color:#1e293b}.vq-card-body{padding:20px}.vq-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.vq-info-item label{display:block;font-size:0.75rem;font-weight:600;color:#64748b;text-transform:uppercase;margin-bottom:6px;letter-spacing:0.5px}.vq-info-item p{margin:0;font-size:0.95rem;color:#1e293b;font-weight:500}.vq-info-full{grid-column:1/-1}.vq-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:0.75rem;font-weight:600;text-transform:capitalize}.vq-table-wrap{overflow-x:auto;user-select:none}.vq-table{width:100%;border-collapse:collapse;min-width:900px}.vq-table thead th{background:#f8fafc;color:#475569;font-size:0.75rem;font-weight:700;text-transform:uppercase;padding:12px;text-align:left;border-bottom:2px solid #e2e8f0;letter-spacing:0.5px;white-space:nowrap}.vq-table tbody td{padding:12px;border-bottom:1px solid #f1f5f9;font-size:0.875rem;color:#334155}.vq-table tbody tr:hover{background:#f8fafc}.vq-table input.form-control{user-select:text}.vq-summary{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:12px;padding:24px;color:#fff;position:sticky;top:20px;box-shadow:0 4px 20px rgba(37,99,235,0.3)}.vq-summary h5{font-size:1.25rem;font-weight:700;margin-bottom:20px;color:#fff}.vq-summary-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.2);font-size:0.95rem}.vq-summary-row:last-child{border-bottom:none;padding-top:16px;margin-top:12px;border-top:2px solid rgba(255,255,255,0.3);font-size:1.1rem;font-weight:700}.vq-summary-row .label{opacity:0.9}.vq-summary-row .value{font-weight:700}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:0.875rem;font-weight:600;color:#334155;margin-bottom:6px}.form-control{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:0.875rem;transition:all 0.2s}.form-control:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,0.1)}.form-control[readonly]{background:#f8fafc;cursor:not-allowed}textarea.form-control{resize:vertical;min-height:80px}.money{text-align:right;font-family:monospace;font-weight:600}@media(max-width:768px){.vq-head{flex-direction:column;align-items:stretch}.vq-info-grid{grid-template-columns:1fr}}

.bi-d11196b2df { background:#fee2e2;border:2px solid #dc2626;margin-bottom:20px; }

.bi-be71f18b38 { color:#dc2626;margin-bottom:10px; }

.bi-9fc6fbfbd9 { margin:0;padding-left:20px;color:#dc2626; }

.bi-e26b793b90 { color:#dc2626;margin:0; }

.bi-a26bda7d11 { margin-top:20px; }

.bi-c66ff2c048 { width:30%; }

.bi-477d664a08 { width:10%; }

.bi-8c8f533b00 { width:8%; }

.bi-c28f1b1511 { width:12%; }

.bi-064028e7a7 { color:#64748b; }

.bi-9b54c4e43e { background:#f8fafc;text-align:right; }

.bi-d721d8e002 { background:#f8fafc;text-align:right;font-weight:600; }

.bi-8c92175d96 { margin-bottom:40px; }

[data-bi-238ae39552] { background:#f8fafc; }
[data-bi-238ae39552] { background:#f8fafc; }
[data-bi-9b54c4e43e] { background:#f8fafc;text-align:right; }
[data-bi-9b54c4e43e] { background:#f8fafc;text-align:right; }
[data-bi-d721d8e002] { background:#f8fafc;text-align:right;font-weight:600; }

/* --- Component: vendor_quotations\index.css --- */
/* Extracted from vendor_quotations/index.blade.php */

.vqpage{max-width:1400px;margin:auto;padding:20px}.vq-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.vq-title h4{font-size:1.75rem;font-weight:700;margin:0;color:#1e293b}.vq-title h6{font-size:0.875rem;color:#64748b;margin:4px 0 0}.vq-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#64748b;color:#fff;border-radius:8px;text-decoration:none;font-weight:600;font-size:0.875rem;border:none;cursor:pointer;transition:all 0.2s}.vq-btn:hover{background:#475569;color:#fff}.vq-btn.primary{background:#2563eb}.vq-btn.primary:hover{background:#1d4ed8}.vq-btn.success{background:#16a34a}.vq-btn.success:hover{background:#15803d}.vq-btn.warning{background:#f59e0b}.vq-btn.warning:hover{background:#d97706}.vq-btn.info{background:#0284c7}.vq-btn.info:hover{background:#0369a1}.vq-btn.sm{padding:6px 12px;font-size:0.8rem}.vq-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,0.1);margin-bottom:20px}.vq-card-header{padding:16px 20px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.vq-card-header h5{margin:0;font-size:1.125rem;font-weight:700;color:#1e293b}.vq-card-body{padding:20px}.vq-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:0.75rem;font-weight:600;text-transform:capitalize}.vq-badge.danger{background:#fee2e2;color:#dc2626}.vq-badge.primary{background:#dbeafe;color:#2563eb}.vq-badge.secondary{background:#f1f5f9;color:#64748b}.vq-badge.success{background:#dcfce7;color:#16a34a}.vq-badge.warning{background:#fef3c7;color:#d97706}.vq-badge.info{background:#e0f2fe;color:#0284c7}.vq-table-wrap{overflow-x:auto;user-select:none}.vq-table{width:100%;border-collapse:collapse;min-width:1000px}.vq-table thead th{background:#f8fafc;color:#475569;font-size:0.75rem;font-weight:700;text-transform:uppercase;padding:12px;text-align:left;border-bottom:2px solid #e2e8f0;letter-spacing:0.5px;white-space:nowrap}.vq-table tbody td{padding:12px;border-bottom:1px solid #f1f5f9;font-size:0.875rem;color:#334155}.vq-table tbody tr:hover{background:#f8fafc}.vq-link{color:#2563eb;font-weight:600;text-decoration:none}.vq-link:hover{color:#1d4ed8;text-decoration:underline}.vq-empty{text-align:center;padding:60px 20px;color:#94a3b8}.vq-empty i{font-size:4rem;color:#cbd5e1;margin-bottom:16px;display:block}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:0.875rem;font-weight:600;color:#334155;margin-bottom:6px}.form-control,.form-select{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:0.875rem;transition:all 0.2s}.form-control:focus,.form-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,0.1)}.money{text-align:right;font-family:monospace;font-weight:600}@media(max-width:768px){.vq-head{flex-direction:column;align-items:stretch}.vq-table{font-size:0.75rem}}

.bi-a76d597a07 { display:flex;gap:8px; }

.bi-aacab30435 { color:#64748b;font-style:italic; }

.bi-7238926958 { color:#16a34a; }

.bi-5dcdf2dee8 { color:#94a3b8; }

.bi-22c3d798fa { font-size:1.1rem;font-weight:600;color:#64748b;margin-bottom:8px; }

.bi-f101a11223 { font-size:0.9rem;margin:0; }

[data-bi-cccfa4560d] { display:inline; }

/* --- Component: vendor_quotations\print.css --- */
/* Extracted from vendor_quotations/print.blade.php */

        body:has(.doc-title) { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 11px; line-height: 1.4; color: #333; background: #f5f5f5; padding: 15px; }
        body:has(.doc-title) .container { max-width: 210mm; margin: 0 auto; background: white; padding: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.1); border: 2px solid #1e40af; }
        body:has(.doc-title) .header { text-align: center; margin-bottom: 15px; padding-bottom: 12px; border-bottom: 2px solid #1e40af; }
        .logo img { max-height: 50px; margin-bottom: 8px; }
        .company-name { font-size: 20px; color: #1e40af; font-weight: 700; margin-bottom: 3px; text-transform: uppercase; letter-spacing: 0.5px; }
        .company-tagline { font-size: 10px; color: #64748b; margin-bottom: 5px; font-style: italic; }
        .company-details { font-size: 10px; color: #475569; line-height: 1.5; }
        .company-details strong { color: #1e40af; }
        .doc-title { text-align: center; background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%); color: white; padding: 10px; margin-bottom: 15px; border-radius: 6px; }
        .doc-title h2 { font-size: 18px; margin-bottom: 3px; letter-spacing: 1px; }
        .doc-title p { font-size: 13px; opacity: 0.9; }
        .btn-group { text-align: right; margin-bottom: 15px; }
        .btn { display: inline-block; padding: 8px 18px; margin-left: 8px; border: none; border-radius: 5px; cursor: pointer; font-size: 12px; font-weight: 600; }
        .btn-primary { background: #1e40af; color: white; }
        .btn-secondary { background: #64748b; color: white; }
        .info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 15px; }
        .info-card { background: #f8fafc; border: 2px solid #1e40af; border-radius: 6px; padding: 12px; }
        .info-card h3 { font-size: 12px; color: #1e40af; margin-bottom: 8px; padding-bottom: 5px; border-bottom: 1px solid #1e40af; font-weight: 700; }
        .info-row { display: flex; margin-bottom: 5px; font-size: 10px; }
        .info-row label { font-weight: 600; color: #475569; min-width: 90px; }
        .info-row span { color: #1e293b; flex: 1; }
        .status-badge { display: inline-block; padding: 3px 8px; border-radius: 10px; font-size: 9px; font-weight: 700; text-transform: uppercase; }
        .status-badge.received { background: #dbeafe; color: #1e40af; }
        .status-badge.approved { background: #dcfce7; color: #166534; }
        .status-badge.requested { background: #f1f5f9; color: #475569; }
        table { width: 100%; border-collapse: collapse; border: 2px solid #1e40af; margin: 15px 0; font-size: 10px; }
        thead { background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%); color: white; }
        thead th { padding: 8px 6px; text-align: left; font-size: 9px; text-transform: uppercase; font-weight: 700; border-right: 1px solid rgba(255,255,255,0.2); }
        thead th:last-child { border-right: none; }
        tbody td { padding: 6px; border-bottom: 1px solid #1e40af; vertical-align: top; border-right: 1px solid #1e40af; }
        tbody td:last-child { border-right: 0; }
        tbody tr:nth-child(even) { background: #f8fafc; }
        .text-right { text-align: right; }
        .text-center { text-align: center; }
        .fw-bold { font-weight: 700; }
        .material-name { font-weight: 600; color: #1e293b; font-size: 11px; }
        .material-specs { color: #64748b; font-size: 9px; margin-top: 2px; line-height: 1.3; }
        .totals-section { margin: 15px 0 0 auto; width: 300px; background: #f8fafc; border: 2px solid #1e40af; border-radius: 6px; padding: 12px; }
        .total-row { display: flex; justify-content: space-between; padding: 5px 0; border-bottom: 1px solid #e2e8f0; font-size: 11px; }
        .total-row:last-child { border-bottom: none; }
        .total-row.grand { background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%); color: white; margin: 10px -12px -12px -12px; padding: 10px 12px; border-radius: 0 0 6px 6px; font-size: 14px; font-weight: 700; }
        .amount { font-family: 'Courier New', monospace; font-weight: 700; }
        .amount.discount { color: #dc2626; }
        .amount.gst { color: #ea580c; }
        .terms-section { margin-top: 15px; }
        .terms-block { margin-bottom: 10px; }
        .terms-block h3 { font-size: 11px; color: #1e40af; margin-bottom: 5px; font-weight: 700; padding-left: 8px; border-left: 3px solid #1e40af; }
        .terms-block p { color: #475569; padding-left: 10px; line-height: 1.5; white-space: pre-wrap; font-size: 10px; }
        .footer { margin-top: 20px; padding-top: 10px; border-top: 1px solid #e2e8f0; text-align: center; }
        .footer p { font-size: 9px; color: #64748b; margin: 3px 0; }
        .footer .company-info { font-weight: 600; color: #1e40af; margin-top: 5px; font-size: 10px; }
        @media print {
            body { background: white; padding: 0; }
            .container { box-shadow: none; padding: 15mm; max-width: 100%; border: 2px solid #000 !important; }
            .no-print { display: none !important; }
            @page { size: A4; margin: 10mm; }
            table { border: 2px solid #000 !important; }
            tbody td { border-right: 1px solid #000 !important; border-bottom: 1px solid #000 !important; }
            .info-card { border: 2px solid #000 !important; }
            .totals-section { border: 2px solid #000 !important; }
        }

.bi-3d7d7015fc { width:5%; }

.bi-6709852012 { width:35%; }

.bi-477d664a08 { width:10%; }

.bi-8c8f533b00 { width:8%; }

.bi-c28f1b1511 { width:12%; }

.bi-a5e6ad2a86 { margin-bottom:15px;color:#475569; }

.bi-1e287db15a { margin-top:15px;font-size:10px;color:#94a3b8; }

/* --- Component: vendor_quotations\show.css --- */
/* Extracted from vendor_quotations/show.blade.php */

.vqpage{max-width:1400px;margin:auto;padding:20px}.vq-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.vq-title h4{font-size:1.75rem;font-weight:700;margin:0;color:#1e293b}.vq-title h6{font-size:0.875rem;color:#64748b;margin:4px 0 0}.vq-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#64748b;color:#fff;border-radius:8px;text-decoration:none;font-weight:600;font-size:0.875rem;border:none;cursor:pointer;transition:all 0.2s}.vq-btn:hover{background:#475569;color:#fff}.vq-btn.primary{background:#2563eb}.vq-btn.primary:hover{background:#1d4ed8}.vq-btn.success{background:#16a34a}.vq-btn.success:hover{background:#15803d}.vq-btn.warning{background:#f59e0b}.vq-btn.warning:hover{background:#d97706}.vq-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,0.1);margin-bottom:20px}.vq-card-header{padding:16px 20px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.vq-card-header h5{margin:0;font-size:1.125rem;font-weight:700;color:#1e293b}.vq-card-body{padding:20px}.vq-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.vq-info-item label{display:block;font-size:0.75rem;font-weight:600;color:#64748b;text-transform:uppercase;margin-bottom:6px;letter-spacing:0.5px}.vq-info-item p{margin:0;font-size:0.95rem;color:#1e293b;font-weight:500}.vq-info-full{grid-column:1/-1}.vq-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:0.75rem;font-weight:600;text-transform:capitalize}.vq-badge.danger{background:#fee2e2;color:#dc2626}.vq-badge.primary{background:#dbeafe;color:#2563eb}.vq-badge.secondary{background:#f1f5f9;color:#64748b}.vq-badge.success{background:#dcfce7;color:#16a34a}.vq-badge.warning{background:#fef3c7;color:#d97706}.vq-badge.info{background:#e0f2fe;color:#0284c7}.vq-table-wrap{overflow-x:auto}.vq-table{width:100%;border-collapse:collapse;min-width:900px}.vq-table thead th{background:#f8fafc;color:#475569;font-size:0.75rem;font-weight:700;text-transform:uppercase;padding:12px;text-align:left;border-bottom:2px solid #e2e8f0;letter-spacing:0.5px;white-space:nowrap}.vq-table tbody td{padding:12px;border-bottom:1px solid #f1f5f9;font-size:0.875rem;color:#334155}.vq-table tbody tr:hover{background:#f8fafc}.vq-table tfoot th{padding:12px;border-top:2px solid #e2e8f0;font-size:0.875rem}.vq-table tfoot tr.total{background:#f8fafc}.vq-link{color:#2563eb;font-weight:600;text-decoration:none}.vq-link:hover{color:#1d4ed8;text-decoration:underline}.vq-status-card{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border:2px solid #cbd5e1;border-radius:12px;padding:20px;margin-bottom:20px}.vq-status-card h6{font-size:0.75rem;font-weight:700;color:#64748b;text-transform:uppercase;margin-bottom:8px;letter-spacing:0.5px}.vq-status-card .status-value{font-size:1.5rem;font-weight:700;color:#1e293b}.vq-empty{text-align:center;padding:60px 20px;color:#94a3b8}.vq-empty i{font-size:4rem;color:#cbd5e1;margin-bottom:16px;display:block}.vq-actions{display:flex;gap:12px;flex-wrap:wrap}.money{text-align:right;font-family:monospace;font-weight:600}@media print{.vq-btn,.vq-actions,.alert{display:none!important}.vq-page{max-width:100%!important}.vq-card{box-shadow:none;border:1px solid #e2e8f0}}@media(max-width:768px){.vq-head{flex-direction:column;align-items:stretch}.vq-info-grid{grid-template-columns:1fr}.vq-table{font-size:0.75rem}}

.bi-3efc9879ca { display:flex;gap:10px; }

.bi-a26c59ae73 { font-size:1rem;padding:8px 16px; }

.bi-7238926958 { color:#16a34a; }

.bi-f15bdb61bd { font-size:1.1rem; }

.bi-064028e7a7 { color:#64748b; }

.bi-f230360640 { padding-top:20px;border-top:1px solid #e2e8f0; }

.bi-bcce8b88d2 { width:50px; }

.bi-d616271be2 { text-align:center;font-weight:700;color:#64748b; }

.bi-6a6a237e2c { color:#f59e0b; }

.bi-309ea080ed { color:#16a34a;font-weight:700; }

.bi-54c2afb7ba { text-align:right; }

.bi-2056554381 { color:#dc2626; }

.bi-d5f462e1b7 { background:#f0fdf4;font-size:1.1rem; }

.bi-915340dbf9 { color:#16a34a;font-size:1.2rem; }

.bi-6b97cd7a00 { color:#64748b;margin-bottom:8px; }

[data-bi-cccfa4560d] { display:inline; }
[data-bi-1b0f4999d2] { margin-top:16px; }

/* --- Component: purchases\index.css --- */
/* Extracted from purchases/index.blade.php */

:root {
    --pd-bg: #f4f7fb;
    --pd-card: #ffffff;
    --pd-primary: #274c8e;
    --pd-primary-dark: #193463;
    --pd-primary-light: #eef4ff;
    --pd-text: #172033;
    --pd-muted: #6b7280;
    --pd-border: #dfe5ee;
    --pd-success: #15803d;
    --pd-success-light: #ecfdf3;
    --pd-warning: #b45309;
    --pd-warning-light: #fff7ed;
    --pd-danger: #dc2626;
    --pd-danger-light: #fff1f2;
    --pd-purple: #7c3aed;
    --pd-purple-light: #f5f3ff;
}

body {
    background: var(--pd-bg);
}

.purchase-dashboard {
    max-width: 1500px;
    margin: 0 auto;
    padding: 18px 14px 60px;
    font-family: Inter, system-ui, sans-serif;
    color: var(--pd-text);
}

.pd-hero {
    position: relative;
    overflow: hidden;
    margin-bottom: 14px;
    padding: 22px;
    border-radius: 14px;
    background: linear-gradient(
        135deg,
        var(--pd-primary-dark),
        var(--pd-primary)
    );
    color: #fff;
    box-shadow: 0 8px 24px rgba(25, 52, 99, .18);
}

.pd-hero::after {
    content: "";
    position: absolute;
    right: -70px;
    top: -85px;
    width: 230px;
    height: 230px;
    border-radius: 50%;
    background: rgba(255,255,255,.08);
}

.pd-hero-content {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.pd-hero-title {
    margin: 0 0 4px;
    font-size: 1.45rem;
    font-weight: 800;
    color: #de9334;
}

.pd-hero-text {
    margin: 0;
    color: rgba(255,255,255,.72);
    font-size: .75rem;
}

.pd-hero-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.pd-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 36px;
    padding: 8px 12px;
    border: 1px solid var(--pd-border);
    border-radius: 8px;
    background: #fff;
    color: var(--pd-text);
    text-decoration: none;
    font-size: .72rem;
    font-weight: 700;
    transition: .15s ease;
}

.pd-btn:hover {
    border-color: var(--pd-primary);
    color: var(--pd-primary);
}

.pd-btn.light {
    border-color: rgba(255,255,255,.2);
    background: rgba(255,255,255,.12);
    color: #fff;
}

.pd-btn.light:hover {
    background: rgba(255,255,255,.2);
    color: #fff;
}

.pd-summary {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 14px;
}

.pd-stat {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px;
    border: 1px solid var(--pd-border);
    border-radius: 10px;
    background: var(--pd-card);
    box-shadow: 0 3px 12px rgba(15,23,42,.035);
}

.pd-stat-icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    border-radius: 10px;
    background: var(--pd-primary-light);
    color: var(--pd-primary);
    font-size: 1.05rem;
}

.pd-stat-icon.success {
    background: var(--pd-success-light);
    color: var(--pd-success);
}

.pd-stat-icon.warning {
    background: var(--pd-warning-light);
    color: var(--pd-warning);
}

.pd-stat-icon.danger {
    background: var(--pd-danger-light);
    color: var(--pd-danger);
}

.pd-stat-label {
    display: block;
    margin-bottom: 3px;
    color: var(--pd-muted);
    font-size: .56rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.pd-stat-value {
    display: block;
    font-size: 1.05rem;
    font-weight: 800;
}

.pd-section {
    margin-bottom: 14px;
}

.pd-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 9px;
}

.pd-section-title {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: .82rem;
    font-weight: 800;
}

.pd-section-title i {
    color: var(--pd-primary);
}

.pd-module-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.pd-module {
    position: relative;
    overflow: hidden;
    padding: 16px;
    border: 1px solid var(--pd-border);
    border-radius: 11px;
    background: var(--pd-card);
    text-decoration: none;
    color: var(--pd-text);
    box-shadow: 0 3px 12px rgba(15,23,42,.035);
    transition: .18s ease;
}

.pd-module:hover {
    transform: translateY(-3px);
    border-color: #c7d7f7;
    box-shadow: 0 10px 24px rgba(15,23,42,.08);
    color: var(--pd-text);
}

.pd-module::after {
    content: "";
    position: absolute;
    right: -28px;
    bottom: -28px;
    width: 92px;
    height: 92px;
    border-radius: 50%;
    background: var(--pd-primary-light);
}

.pd-module-head {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 11px;
}

.pd-module-icon {
    width: 43px;
    height: 43px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    border-radius: 10px;
    background: var(--pd-primary-light);
    color: var(--pd-primary);
    font-size: 1.05rem;
}

.pd-module-icon.success {
    background: var(--pd-success-light);
    color: var(--pd-success);
}

.pd-module-icon.warning {
    background: var(--pd-warning-light);
    color: var(--pd-warning);
}

.pd-module-icon.danger {
    background: var(--pd-danger-light);
    color: var(--pd-danger);
}

.pd-module-icon.purple {
    background: var(--pd-purple-light);
    color: var(--pd-purple);
}

.pd-module-title {
    margin: 0 0 3px;
    font-size: .82rem;
    font-weight: 800;
}

.pd-module-desc {
    margin: 0;
    color: var(--pd-muted);
    font-size: .64rem;
    line-height: 1.45;
}

.pd-module-arrow {
    position: absolute;
    right: 14px;
    top: 16px;
    color: #94a3b8;
}

.pd-bottom-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(320px, .6fr);
    gap: 12px;
}

.pd-card {
    overflow: hidden;
    border: 1px solid var(--pd-border);
    border-radius: 10px;
    background: var(--pd-card);
    box-shadow: 0 3px 12px rgba(15,23,42,.035);
}

.pd-card-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 11px 14px;
    border-bottom: 1px solid var(--pd-border);
    background: #f9fbff;
}

.pd-card-title {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: .76rem;
    font-weight: 800;
}

.pd-card-title i {
    color: var(--pd-primary);
}

.pd-card-body {
    padding: 14px;
}

.pd-progress-row {
    margin-bottom: 12px;
}

.pd-progress-row:last-child {
    margin-bottom: 0;
}

.pd-progress-head {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 5px;
    font-size: .68rem;
}

.pd-progress-head strong {
    font-weight: 800;
}

.pd-progress-track {
    height: 7px;
    overflow: hidden;
    border-radius: 999px;
    background: #eef2f7;
}

.pd-progress-bar {
    height: 100%;
    border-radius: 999px;
    background: var(--pd-primary);
}

.pd-progress-bar.success {
    background: var(--pd-success);
}

.pd-progress-bar.warning {
    background: var(--pd-warning);
}

.pd-progress-bar.danger {
    background: var(--pd-danger);
}

.pd-quick-list {
    display: grid;
    gap: 8px;
}

.pd-quick-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px;
    border: 1px solid var(--pd-border);
    border-radius: 8px;
    background: #fbfcff;
}

.pd-quick-item span {
    color: var(--pd-muted);
    font-size: .65rem;
}

.pd-quick-item strong {
    font-size: .72rem;
}

@media (max-width: 1100px) {
    .pd-summary {
        grid-template-columns: repeat(2, 1fr);
    }

    .pd-module-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .pd-bottom-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
    .pd-summary,
    .pd-module-grid {
        grid-template-columns: 1fr;
    }
}

.bi-cb2c6b5e01 { background: #fef3c7;color: #f59e0b; }

.bi-1c87d69917 { background: #e0e7ff;color: #6366f1; }

.bd-4e702829f7 { width: var(--bdv-0); }
.bd-4e702829f7 { width: var(--bdv-0); }
.bd-4e702829f7 { width: var(--bdv-0); }

/* --- Component: purchase_intents\create.css --- */
/* Extracted from purchase_intents/create.blade.php */

.pic-page{max-width:1400px;margin:auto;padding:20px}.pic-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.pic-title h4{font-size:1.75rem;font-weight:700;margin:0;color:#1e293b}.pic-title h6{font-size:0.875rem;color:#64748b;margin:4px 0 0}.pic-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#64748b;color:#fff;border-radius:8px;text-decoration:none;font-weight:600;font-size:0.875rem;border:none;cursor:pointer;transition:all 0.2s}.pic-btn:hover{background:#475569;color:#fff}.pic-btn.primary{background:#2563eb}.pic-btn.primary:hover{background:#1d4ed8}.pic-btn.success{background:#16a34a}.pic-btn.success:hover{background:#15803d}.pic-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,0.1);margin-bottom:20px}.pic-card-header{padding:16px 20px;border-bottom:1px solid #e2e8f0}.pic-card-header h5{margin:0;font-size:1.125rem;font-weight:700;color:#1e293b}.pic-card-body{padding:20px}.pic-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:20px}.pic-form-group{margin-bottom:0}.pic-form-group label{display:block;font-size:0.75rem;font-weight:600;color:#475569;text-transform:uppercase;margin-bottom:6px;letter-spacing:0.5px}.pic-form-group label .required{color:#dc2626;margin-left:2px}.pic-input,.pic-select,.pic-textarea{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:0.875rem;transition:all 0.2s}.pic-input:focus,.pic-select:focus,.pic-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,0.1)}.pic-checkbox{display:flex;align-items:center;gap:8px;padding:12px;background:#f8fafc;border-radius:8px;margin:20px 0}.pic-checkbox input{width:18px;height:18px;cursor:pointer}.pic-checkbox label{margin:0;cursor:pointer;font-size:0.875rem;color:#1e293b}.pic-table-wrap{overflow-x:auto;margin:20px 0}.pic-table{width:100%;border-collapse:collapse;min-width:1000px;border:1px solid #e2e8f0;table-layout:fixed;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.pic-table thead th{background:#f8fafc;color:#475569;font-size:0.75rem;font-weight:700;text-transform:uppercase;padding:12px;text-align:left;border:1px solid #e2e8f0;letter-spacing:0.5px;white-space:nowrap}.pic-table tbody td{padding:8px;border:1px solid #e2e8f0;vertical-align:middle}.pic-table input,.pic-table select{width:100%;padding:8px;border:1px solid #e2e8f0;border-radius:6px;font-size:0.875rem;box-sizing:border-box;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.pic-table input:focus,.pic-table select:focus{outline:none;border-color:#2563eb}.pic-btn-sm{padding:6px 12px;font-size:0.75rem;border-radius:6px;display:inline-flex;align-items:center;gap:4px;font-weight:600;border:none;cursor:pointer;transition:all 0.2s}.pic-btn-success{background:#dcfce7;color:#16a34a}.pic-btn-success:hover{background:#16a34a;color:#fff}.pic-btn-danger{background:#fee2e2;color:#dc2626}.pic-btn-danger:hover{background:#dc2626;color:#fff}.pic-actions{display:flex;gap:12px;padding-top:20px;border-top:1px solid #e2e8f0}@media(max-width:768px){.pic-form-row{grid-template-columns:1fr}.pic-table{font-size:0.75rem}}

.bi-6384e3671f { grid-template-columns:1fr; }

.bi-13313b1a3a { display:flex;justify-content:space-between;align-items:center; }

.bi-7f04e3c886 { min-width:1200px; }

.bi-bcce8b88d2 { width:50px; }

.bi-2acaf3b57e { width:200px; }

.bi-ea7fb9faa6 { width:250px; }

.bi-465bfea3ed { width:120px; }

.bi-8573bae381 { width:80px; }

.bi-54f91ac464 { width:180px; }

.bi-7c07cdf8bd { width:150px; }

.bi-d63b9be111 { text-align:center;font-weight:600;vertical-align:middle; }

.bi-e475d33a3e { width:100%;padding:8px;border:1px solid #e2e8f0;border-radius:6px;font-size:0.875rem; }

.bi-87c21184a5 { width:100%;padding:8px;border:1px solid #e2e8f0;border-radius:6px;font-size:0.875rem;background:#f8fafc; }

.bi-bfd01593dd { text-align:center;vertical-align:middle; }

/* --- Component: purchase_intents\index.css --- */
/* Extracted from purchase_intents/index.blade.php */

.pi-page{max-width:1600px;margin:auto;padding:20px}.pi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.pi-title h4{font-size:1.5rem;font-weight:700;margin:0;color:#1e293b}.pi-title h6{font-size:0.875rem;color:#64748b;margin:4px 0 0}.pi-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#2563eb;color:#fff;border-radius:8px;text-decoration:none;font-weight:600;font-size:0.875rem;border:none;cursor:pointer;transition:all 0.2s}.pi-btn:hover{background:#1d4ed8;color:#fff}.pi-btn i{font-size:1.1rem}.pi-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,0.1);margin-bottom:20px}.pi-card-body{padding:20px}.pi-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:0}.pi-form-group{margin-bottom:0}.pi-form-group label{display:block;font-size:0.75rem;font-weight:600;color:#64748b;text-transform:uppercase;margin-bottom:6px;letter-spacing:0.5px}.pi-input,.pi-select{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:0.875rem;transition:all 0.2s}.pi-input:focus,.pi-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,0.1)}.pi-table-wrap{overflow-x:auto}.pi-table{width:100%;border-collapse:collapse;min-width:1000px}.pi-table thead th{background:#f8fafc;color:#475569;font-size:0.75rem;font-weight:700;text-transform:uppercase;padding:12px;text-align:left;border-bottom:2px solid #e2e8f0;letter-spacing:0.5px}.pi-table tbody td{padding:12px;border-bottom:1px solid #f1f5f9;font-size:0.875rem;color:#334155}.pi-table tbody tr:hover{background:#f8fafc}.pi-link{color:#2563eb;font-weight:600;text-decoration:none}.pi-link:hover{color:#1d4ed8;text-decoration:underline}.pi-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:0.75rem;font-weight:600;text-transform:capitalize}.pi-badge.danger{background:#fee2e2;color:#dc2626}.pi-badge.primary{background:#dbeafe;color:#2563eb}.pi-badge.secondary{background:#f1f5f9;color:#64748b}.pi-badge.success{background:#dcfce7;color:#16a34a}.pi-badge.warning{background:#fef3c7;color:#d97706}.pi-badge.info{background:#e0f2fe;color:#0284c7}.pi-actions{display:flex;gap:6px}.pi-btn-sm{padding:6px 10px;font-size:0.75rem;border-radius:6px;display:inline-flex;align-items:center;gap:4px;text-decoration:none;font-weight:600;border:none;cursor:pointer;transition:all 0.2s}.pi-btn-info{background:#e0f2fe;color:#0284c7}.pi-btn-info:hover{background:#0284c7;color:#fff}.pi-btn-warning{background:#fef3c7;color:#d97706}.pi-btn-warning:hover{background:#d97706;color:#fff}.pi-empty{text-align:center;padding:60px 20px;color:#94a3b8}.pi-empty i{font-size:4rem;color:#cbd5e1;margin-bottom:16px}.pi-empty p{margin:12px 0;font-size:1rem}.pi-pagination{display:flex;justify-content:flex-end;margin-top:20px}@media(max-width:768px){.pi-filters{grid-template-columns:1fr}.pi-header{flex-direction:column;align-items:stretch}.pi-table{font-size:0.75rem}.pi-table thead th,.pi-table tbody td{padding:8px}}

.bi-0237f138b5 { display:flex;align-items:flex-end; }

.bi-0466783d98 { width:100%; }

.bi-56f4356299 { margin-top:12px; }

/* --- Component: purchase_intents\print.css --- */
/* Extracted from purchase_intents/print.blade.php */

* { box-sizing: border-box; }
        html, body { margin: 0; padding: 0; }
        body {
            font-family: Arial, Helvetica, sans-serif;
            background: #e8ecf1;
            color: #111;
            font-size: 11px;
            line-height: 1.35;
        }
        .toolbar {
            width: 210mm;
            max-width: calc(100% - 24px);
            margin: 12px auto;
            display: flex;
            justify-content: flex-end;
            gap: 8px;
        }
        .toolbar a, .toolbar button {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 9px 16px;
            border: 1px solid #1f2937;
            border-radius: 6px;
            background: #fff;
            color: #111;
            font-size: 13px;
            font-weight: 600;
            text-decoration: none;
            cursor: pointer;
        }
        .toolbar button {
            background: #1e3a5f;
            border-color: #1e3a5f;
            color: #fff;
        }
        .sheet {
            width: 210mm;
            max-width: calc(100% - 24px);
            margin: 0 auto 18px;
            background: #fff;
            padding: 8mm;
            box-shadow: 0 8px 28px rgba(15, 23, 42, .12);
        }
        .doc { width: 100%; border: 1.4px solid #000; }
        table.layout { width: 100%; border-collapse: collapse; table-layout: fixed; }
        table.layout td, table.layout th {
            vertical-align: top;
            word-wrap: break-word;
            overflow-wrap: anywhere;
        }
        .title-cell {
            text-align: center;
            padding: 8px 10px;
            border-bottom: 1.4px solid #000;
            background: #f3f4f6;
        }
        .title-cell h1 {
            margin: 0;
            font-size: 16px;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: .03em;
        }
        .title-cell p { margin: 3px 0 0; font-size: 9px; color: #333; }
        .sec {
            background: #1e3a5f;
            color: #fff;
            font-weight: 700;
            font-size: 10px;
            padding: 5px 8px;
            border-top: 1px solid #000;
            border-bottom: 1px solid #000;
        }
        .party-cell {
            width: 50%;
            padding: 8px;
            border-right: 1px solid #000;
            border-bottom: 1px solid #000;
        }
        .party-cell:last-child { border-right: 0; }
        .party-name { font-size: 12px; font-weight: 800; margin-bottom: 3px; }
        .party-line { font-size: 10px; margin-top: 2px; }
        .logo { max-height: 40px; max-width: 110px; display: block; margin-bottom: 4px; }
        .field {
            border-right: 1px solid #bbb;
            border-bottom: 1px solid #bbb;
            padding: 6px 8px;
            width: 50%;
        }
        .field:nth-child(2n) { border-right: 0; }
        .lbl {
            display: block;
            font-size: 8px;
            color: #444;
            font-weight: 700;
            text-transform: uppercase;
            margin-bottom: 2px;
        }
        .val { display: block; font-size: 11px; font-weight: 700; }
        .items { width: 100%; border-collapse: collapse; table-layout: fixed; }
        .items th, .items td {
            border: 1px solid #000;
            padding: 5px 4px;
            font-size: 10px;
        }
        .items th {
            background: #f3f4f6;
            font-weight: 800;
            text-align: center;
            font-size: 9px;
        }
        .items tr td:first-child,
        .items tr th:first-child { border-left: 0; }
        .items tr td:last-child,
        .items tr th:last-child { border-right: 0; }
        .items tr:first-child th { border-top: 0; }
        .items tr:last-child td { border-bottom: 0; }
        .c { text-align: center; }
        .r { text-align: right; }
        .b { font-weight: 700; }
        .badge {
            display: inline-block;
            border: 1px solid #000;
            padding: 2px 8px;
            font-size: 9px;
            font-weight: 800;
            background: #fff;
        }
        .foot-left {
            width: 65%;
            padding: 8px;
            border-right: 1px solid #000;
            min-height: 70px;
        }
        .foot-right {
            width: 35%;
            padding: 8px;
            text-align: center;
            min-height: 70px;
        }
        .sign-gap { height: 36px; }
        .footnote {
            border-top: 1px solid #000;
            text-align: center;
            padding: 5px 8px;
            font-size: 8px;
            color: #333;
            background: #f9fafb;
        }

        @media print {
            @page { size: A4 portrait; margin: 8mm 7mm; }
            html, body {
                width: 100% !important;
                background: #fff !important;
                margin: 0 !important;
                padding: 0 !important;
                font-size: 10px !important;
                -webkit-print-color-adjust: exact !important;
                print-color-adjust: exact !important;
            }
            .toolbar { display: none !important; }
            .sheet {
                width: 100% !important;
                max-width: 100% !important;
                margin: 0 !important;
                padding: 0 !important;
                box-shadow: none !important;
            }
            .sec, .title-cell, .items th {
                -webkit-print-color-adjust: exact !important;
                print-color-adjust: exact !important;
            }
            .sec { background: #1e3a5f !important; color: #fff !important; }
            .title-cell, .items th { background: #f0f0f0 !important; }
        }

.bi-e7309fb43f { font-size:13px;margin-bottom:6px; }

.bi-64fcdbc7ba { width:100%;border-right:0; }

.bi-85babede7a { width:100%;border-right:0;border-bottom:0; }

.bi-3d7d7015fc { width:5%; }

.bi-3a4f63b7c2 { width:28%; }

.bi-fd14ca83c7 { width:14%; }

.bi-ffe23b7ae4 { width:16%; }

.bi-477d664a08 { width:10%; }

.bi-c28f1b1511 { width:12%; }

.bi-23984e735d { width:15%; }

.bi-642ecb17ee { font-size:8px;color:#444; }

.bi-53bcdc0db8 { font-size:8px;color:#666; }

.bi-3494e7efec { font-size:8px; }

.bi-96ad6099e2 { margin-top:4px; }

.bi-e757f85203 { border-top:1px solid #000; }

/* --- Component: purchase_intents\select_vendors.css --- */
/* Extracted from purchase_intents/select_vendors.blade.php */

.vspage{max-width:1200px;margin:auto;padding:20px}.vs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.vs-title h4{font-size:1.75rem;font-weight:700;margin:0;color:#1e293b}.vs-title h6{font-size:0.875rem;color:#64748b;margin:4px 0 0}.vs-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#64748b;color:#fff;border-radius:8px;text-decoration:none;font-weight:600;font-size:0.875rem;border:none;cursor:pointer;transition:all 0.2s}.vs-btn:hover{background:#475569;color:#fff}.vs-btn.success{background:#16a34a}.vs-btn.success:hover{background:#15803d}.vs-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,0.1);margin-bottom:20px}.vs-card-header{padding:16px 20px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.vs-card-header h5{margin:0;font-size:1.125rem;font-weight:700;color:#1e293b}.vs-card-body{padding:20px}.vs-info{background:#f8fafc;border-left:4px solid #2563eb;padding:16px;border-radius:8px;margin-bottom:20px}.vs-info h6{font-size:0.875rem;font-weight:700;color:#1e293b;margin:0 0 8px}.vs-info p{margin:0;font-size:0.875rem;color:#475569}.vs-vendor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:20px}.vs-vendor-card{border:2px solid #e2e8f0;border-radius:10px;padding:16px;cursor:pointer;transition:all 0.2s;position:relative}.vs-vendor-card:hover{border-color:#cbd5e1;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.vs-vendor-card.selected{border-color:#2563eb;background:#eff6ff}.vs-vendor-card.suggested{border-color:#16a34a;background:#f0fdf4}.vs-vendor-card.suggested::after{content:'RECOMMENDED';position:absolute;top:8px;right:8px;background:#16a34a;color:#fff;font-size:0.625rem;font-weight:700;padding:4px 8px;border-radius:4px;letter-spacing:0.5px}.vs-vendor-card input[type="checkbox"]{width:20px;height:20px;cursor:pointer;margin-right:12px}.vs-vendor-info{display:flex;align-items:flex-start}.vs-vendor-details{flex:1}.vs-vendor-name{font-size:1rem;font-weight:700;color:#1e293b;margin:0 0 4px}.vs-vendor-contact{font-size:0.75rem;color:#64748b;margin:0}.vs-actions{display:flex;gap:12px;padding-top:20px;border-top:1px solid #e2e8f0}.vs-summary{background:#fef3c7;border-left:4px solid #f59e0b;padding:16px;border-radius:8px;margin-bottom:20px}.vs-summary p{margin:0;font-size:0.875rem;color:#92400e;font-weight:600}

.bi-6b99de8b69 { display:none; }

/* --- Component: purchase_intents\show.css --- */
/* Extracted from purchase_intents/show.blade.php */

.pid-page{max-width:1600px;margin:auto;padding:20px}.pid-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.pid-title h4{font-size:1.75rem;font-weight:700;margin:0;color:#1e293b}.pid-title h6{font-size:0.875rem;color:#64748b;margin:4px 0 0}.pid-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#64748b;color:#fff;border-radius:8px;text-decoration:none;font-weight:600;font-size:0.875rem;border:none;cursor:pointer;transition:all 0.2s}.pid-btn:hover{background:#475569;color:#fff}.pid-btn.primary{background:#2563eb}.pid-btn.primary:hover{background:#1d4ed8}.pid-btn.warning{background:#f59e0b}.pid-btn.warning:hover{background:#d97706}.pid-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,0.1);margin-bottom:20px}.pid-card-header{padding:16px 20px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.pid-card-header h5{margin:0;font-size:1.125rem;font-weight:700;color:#1e293b}.pid-card-body{padding:20px}.pid-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.pid-info-item label{display:block;font-size:0.75rem;font-weight:600;color:#64748b;text-transform:uppercase;margin-bottom:6px;letter-spacing:0.5px}.pid-info-item p{margin:0;font-size:0.95rem;color:#1e293b;font-weight:500}.pid-info-full{grid-column:1/-1}.pid-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:0.75rem;font-weight:600;text-transform:capitalize}.pid-badge.danger{background:#fee2e2;color:#dc2626}.pid-badge.primary{background:#dbeafe;color:#2563eb}.pid-badge.secondary{background:#f1f5f9;color:#64748b}.pid-badge.success{background:#dcfce7;color:#16a34a}.pid-badge.warning{background:#fef3c7;color:#d97706}.pid-badge.info{background:#e0f2fe;color:#0284c7}.pid-table-wrap{overflow-x:auto}.pid-table{width:100%;border-collapse:collapse;min-width:800px}.pid-table thead th{background:#f8fafc;color:#475569;font-size:0.75rem;font-weight:700;text-transform:uppercase;padding:12px;text-align:left;border-bottom:2px solid #e2e8f0;letter-spacing:0.5px;white-space:nowrap}.pid-table tbody td{padding:12px;border-bottom:1px solid #f1f5f9;font-size:0.875rem;color:#334155}.pid-table tbody tr:hover{background:#f8fafc}.pid-table.bordered{border:1px solid #e2e8f0}.pid-table.bordered td{border:1px solid #f1f5f9}.pid-link{color:#2563eb;font-weight:600;text-decoration:none}.pid-link:hover{color:#1d4ed8;text-decoration:underline}.pid-btn-sm{padding:6px 12px;font-size:0.75rem;border-radius:6px;display:inline-flex;align-items:center;gap:4px;text-decoration:none;font-weight:600;border:none;cursor:pointer;transition:all 0.2s}.pid-btn-info{background:#e0f2fe;color:#0284c7}.pid-btn-info:hover{background:#0284c7;color:#fff}.pid-btn-success{background:#dcfce7;color:#16a34a}.pid-btn-success:hover{background:#16a34a;color:#fff}.pid-status-card{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border:2px solid #cbd5e1;border-radius:12px;padding:20px;margin-bottom:20px}.pid-status-card h6{font-size:0.75rem;font-weight:700;color:#64748b;text-transform:uppercase;margin-bottom:8px;letter-spacing:0.5px}.pid-status-card .status-value{font-size:1.5rem;font-weight:700;color:#1e293b}.pid-workflow{display:flex;align-items:center;gap:12px;margin:20px 0;flex-wrap:wrap}.pid-workflow-step{flex:1;min-width:120px;text-align:center;padding:12px;border-radius:8px;background:#f8fafc;border:2px solid #e2e8f0}.pid-workflow-step.active{background:#dbeafe;border-color:#2563eb}.pid-workflow-step.completed{background:#dcfce7;border-color:#16a34a}.pid-workflow-step i{font-size:1.5rem;display:block;margin-bottom:4px}.pid-workflow-step span{font-size:0.75rem;font-weight:600;display:block}.pid-empty{text-align:center;padding:40px;color:#94a3b8}.pid-empty i{font-size:3rem;color:#cbd5e1;margin-bottom:12px}@media(max-width:768px){.pid-header{flex-direction:column;align-items:stretch}.pid-info-grid{grid-template-columns:1fr}.pid-workflow{flex-direction:column}.pid-table{font-size:0.75rem}}

.bi-3de8f987ba { display:flex;gap:8px;flex-wrap:wrap; }

.bi-a26c59ae73 { font-size:1rem;padding:8px 16px; }

.bi-bcce8b88d2 { width:50px; }

/* --- Component: grn\create.css --- */
/* Extracted from grn/create.blade.php */

:root{
    --g-primary:#2854a3;
    --g-primary-dark:#1d3d78;
    --g-primary-light:#eef4ff;
    --g-bg:#f4f7fb;
    --g-card:#fff;
    --g-text:#182235;
    --g-muted:#6b7280;
    --g-border:#dfe5ee;
    --g-success:#15803d;
    --g-success-light:#ecfdf3;
    --g-danger:#dc2626;
    --g-danger-light:#fff1f2;
    --g-warning:#b45309;
    --g-warning-light:#fff7ed;
}
body{background:var(--g-bg)}
.grn-page{max-width:1500px;margin:0 auto;padding:18px 14px 90px;font-family:Inter,system-ui,sans-serif;color:var(--g-text)}
.grn-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.grn-title-wrap{display:flex;align-items:center;gap:10px}
.grn-title-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,var(--g-primary),var(--g-primary-dark));color:#fff}
.grn-eyebrow{display:block;margin-bottom:2px;color:var(--g-primary);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.grn-title{margin:0;font-size:1.2rem;font-weight:700}
.grn-btn{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:7px 11px;border:1px solid var(--g-border);border-radius:7px;background:#fff;color:var(--g-text);text-decoration:none;font-size:.74rem;font-weight:600;cursor:pointer}
.grn-btn.primary{border-color:var(--g-primary);background:var(--g-primary);color:#fff}
.grn-card{overflow:hidden;border:1px solid var(--g-border);border-radius:10px;background:var(--g-card);box-shadow:0 3px 12px rgba(15,23,42,.035);margin-bottom:14px}
.grn-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--g-border);background:#f9fbff}
.grn-card-title{margin:0;display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700}
.grn-card-title i{color:var(--g-primary)}
.grn-card-body{padding:14px}
.grn-label{display:block;margin-bottom:4px;color:var(--g-muted);font-size:.58rem;font-weight:700;text-transform:uppercase}
.grn-input,.grn-select,.grn-textarea{width:100%;min-height:36px;padding:6px 9px;border:1px solid var(--g-border);border-radius:7px;background:#fff;color:var(--g-text);font-size:.76rem}
.grn-input[readonly]{background:#f8fafc}
.grn-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--g-primary)!important;font-weight:700;background:var(--g-primary-light)!important}
.grn-table-wrap{overflow-x:auto;border:1px solid var(--g-border);border-radius:8px}
.grn-table{width:100%;min-width:1550px;border-collapse:collapse;table-layout:fixed}
.grn-table th{padding:8px 7px;background:#f7f9fc;border-bottom:1px solid var(--g-border);color:var(--g-muted);font-size:.55rem;font-weight:700;text-transform:uppercase;white-space:nowrap}
.grn-table td{padding:7px;border-bottom:1px solid #edf1f5;vertical-align:middle}
.grn-row-no{width:26px;height:26px;margin:auto;display:grid;place-items:center;border-radius:50%;background:var(--g-primary-light);color:var(--g-primary);font-size:.64rem;font-weight:700}
.grn-readonly{min-height:34px;display:flex;align-items:center;justify-content:flex-end;padding:6px 8px;border:1px solid var(--g-border);border-radius:7px;background:#f8fafc;font-size:.72rem;font-weight:600}
.grn-pending{background:var(--g-warning-light);color:var(--g-warning)}
.grn-accepted{background:var(--g-success-light);color:var(--g-success)}
.grn-summary{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-top:12px}
.grn-stat{padding:11px;border:1px solid var(--g-border);border-radius:8px;background:#fff}
.grn-stat span{display:block;margin-bottom:4px;color:var(--g-muted);font-size:.55rem;font-weight:700;text-transform:uppercase}
.grn-stat strong{font-size:.82rem}
.grn-footer{position:fixed;left:0;right:0;bottom:0;z-index:100;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 20px;border-top:3px solid var(--g-primary);background:var(--g-primary-dark)}
.grn-footer strong{color:#fff}
@media(max-width:1000px){.grn-summary{grid-template-columns:repeat(3,1fr)}}

.bi-8d5f089ef9 { width:42px; }

.bi-4854a4d713 { width:210px; }

.bi-46a161de8c { width:65px; }

.bi-581be415aa { width:90px; }

.bi-f560561146 { width:95px; }

.bi-db4cf10b18 { width:100px; }

.bi-60746827b0 { width:110px; }

.bi-c6fffdfe96 { width:130px; }

.bi-28c0f6ec6e { width:160px; }

/* --- Component: grn\print.css --- */
/* Extracted from grn/print.blade.php */

@page{size:A4 portrait;margin:10mm}
        body{font-family:Arial,sans-serif;color:#1f2937;font-size:11px}
        .header{display:flex;justify-content:space-between;border-bottom:2px solid #1d3d78;padding-bottom:10px;margin-bottom:12px}
        h1{margin:0;font-size:20px;color:#1d3d78}
        .meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
        .box{border:1px solid #d1d5db;padding:8px;border-radius:5px}
        .label{display:block;font-size:9px;color:#6b7280;text-transform:uppercase;margin-bottom:3px}
        table{width:100%;border-collapse:collapse}
        th,td{border:1px solid #d1d5db;padding:6px}
        th{background:#1d3d78;color:#fff;font-size:9px}
        .text-right{text-align:right}
        .sign{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}
        .line{border-top:1px solid #9ca3af;padding-top:5px;text-align:center}

/* --- Component: part_issues\create.css --- */
/* Extracted from part_issues/create.blade.php */

:root {
    --pi-primary: #2854a3;
    --pi-primary-dark: #1d3d78;
    --pi-primary-light: #eef4ff;
    --pi-bg: #f4f7fb;
    --pi-card: #ffffff;
    --pi-text: #182235;
    --pi-muted: #6b7280;
    --pi-border: #dfe5ee;
    --pi-danger: #dc2626;
    --pi-radius: 10px;
}

body { background: var(--pi-bg); }

.pi-page {
    max-width: 1320px;
    margin: 0 auto;
    padding: 18px 14px 60px;
    font-family: Inter, system-ui, sans-serif;
    color: var(--pi-text);
}

.pi-topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.pi-title-wrap { display: flex; align-items: center; gap: 10px; }

.pi-title-icon {
    width: 38px; height: 38px;
    display: grid; place-items: center;
    border-radius: 9px;
    background: linear-gradient(135deg, var(--pi-primary), var(--pi-primary-dark));
    color: #fff;
}

.pi-eyebrow { display: block; margin-bottom: 1px; color: var(--pi-primary); font-size: .6rem; font-weight: 700; text-transform: uppercase; letter-spacing: .09em; }
.pi-title { margin: 0; font-size: 1.15rem; font-weight: 700; }

.pi-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 34px;
    padding: 7px 11px;
    border: 1px solid var(--pi-border);
    border-radius: 7px;
    background: #fff;
    color: var(--pi-text);
    text-decoration: none;
    font-size: .74rem;
    font-weight: 600;
}
.pi-btn:hover { color: var(--pi-primary); border-color: var(--pi-primary); }

.pi-card {
    overflow: hidden;
    border: 1px solid var(--pi-border);
    border-radius: var(--pi-radius);
    background: var(--pi-card);
    box-shadow: 0 3px 12px rgba(15,23,42,.035);
    margin-bottom: 14px;
}

.pi-card-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 14px;
    border-bottom: 1px solid var(--pi-border);
    background: #f9fbff;
}

.pi-card-title { margin: 0; font-size: .78rem; font-weight: 700; display: flex; align-items: center; gap: 6px; }
.pi-card-body { padding: 14px; }

.pi-label { display: block; margin-bottom: 4px; color: var(--pi-muted); font-size: .56rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }

.pi-input, .pi-select, .pi-textarea {
    width: 100%;
    min-height: 36px;
    padding: 6px 9px;
    border: 1px solid var(--pi-border);
    border-radius: 7px;
    background: #fff;
    color: var(--pi-text);
    font-size: .76rem;
}
.pi-input:focus, .pi-select:focus, .pi-textarea:focus { outline: none; border-color: var(--pi-primary); box-shadow: 0 0 0 3px rgba(40,84,163,.1); }
.pi-textarea { min-height: 70px; resize: vertical; }

.pi-code {
    font-family: ui-monospace, monospace;
    font-weight: 700;
    color: var(--pi-primary);
    background: var(--pi-primary-light) !important;
    border-color: #c9d7f5 !important;
}

.pi-stock-info {
    display: block;
    margin-top: 4px;
    font-size: .6rem;
    color: var(--pi-muted);
}

.pi-footer {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 14px;
}

.pi-btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 36px;
    padding: 8px 18px;
    border: 0;
    border-radius: 7px;
    background: var(--pi-primary);
    color: #fff;
    font-size: .76rem;
    font-weight: 700;
}
.pi-btn-primary:hover { background: var(--pi-primary-dark); }

.bi-8fb1055a67 { padding:4px 10px;border-radius:999px;font-size:.65rem; }

/* --- Component: part_issues\index.css --- */
/* Extracted from part_issues/index.blade.php */

:root {
    --pi-primary: #2854a3;
    --pi-primary-dark: #1d3d78;
    --pi-primary-light: #eef4ff;
    --pi-bg: #f4f7fb;
    --pi-card: #ffffff;
    --pi-text: #182235;
    --pi-muted: #6b7280;
    --pi-border: #dfe5ee;
    --pi-success: #15803d;
    --pi-success-light: #ecfdf3;
    --pi-danger: #dc2626;
    --pi-danger-light: #fff1f2;
    --pi-warning: #b45309;
    --pi-warning-light: #fff7ed;
    --pi-teal: #0f766e;
    --pi-radius: 10px;
}

body { background: var(--pi-bg); }

.pi-page {
    max-width: 1450px;
    margin: 0 auto;
    padding: 18px 14px 45px;
    font-family: Inter, system-ui, sans-serif;
    color: var(--pi-text);
}

.pi-topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.pi-title-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pi-title-icon {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    background: linear-gradient(135deg, var(--pi-primary), var(--pi-primary-dark));
    color: #fff;
}

.pi-eyebrow {
    display: block;
    margin-bottom: 1px;
    color: var(--pi-primary);
    font-size: .6rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .09em;
}

.pi-title { margin: 0; font-size: 1.15rem; font-weight: 700; }

.pi-actions { display: flex; gap: 7px; flex-wrap: wrap; }

.pi-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 34px;
    padding: 7px 11px;
    border: 1px solid var(--pi-border);
    border-radius: 7px;
    background: #fff;
    color: var(--pi-text);
    text-decoration: none;
    font-size: .74rem;
    font-weight: 600;
    cursor: pointer;
}
.pi-btn:hover { color: var(--pi-primary); border-color: var(--pi-primary); }
.pi-btn.primary { border-color: var(--pi-primary); background: var(--pi-primary); color: #fff; }

.pi-summary {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 14px;
}

.pi-stat {
    padding: 14px;
    border: 1px solid var(--pi-border);
    border-radius: 9px;
    background: var(--pi-card);
    display: flex;
    align-items: center;
    gap: 12px;
}

.pi-stat-icon {
    width: 40px; height: 40px;
    display: grid; place-items: center;
    border-radius: 9px;
    background: var(--pi-primary-light);
    color: var(--pi-primary);
    flex-shrink: 0;
}
.pi-stat-icon.success { background: var(--pi-success-light); color: var(--pi-success); }
.pi-stat-icon.warning { background: var(--pi-warning-light); color: var(--pi-warning); }
.pi-stat-icon.danger { background: var(--pi-danger-light); color: var(--pi-danger); }

.pi-stat-label { display: block; margin-bottom: 3px; color: var(--pi-muted); font-size: .55rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.pi-stat-value { display: block; font-size: .95rem; font-weight: 800; }

.pi-card {
    overflow: hidden;
    border: 1px solid var(--pi-border);
    border-radius: var(--pi-radius);
    background: var(--pi-card);
    box-shadow: 0 3px 12px rgba(15,23,42,.035);
    margin-bottom: 14px;
}

.pi-card-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--pi-border);
    background: #f9fbff;
}

.pi-card-title { margin: 0; display: flex; align-items: center; gap: 6px; font-size: .78rem; font-weight: 700; }
.pi-card-title i { color: var(--pi-primary); }

.pi-card-body { padding: 13px 14px; }

.pi-filter-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(140px, 1fr)) auto;
    gap: 8px;
    align-items: end;
}

.pi-label { display: block; margin-bottom: 4px; color: var(--pi-muted); font-size: .56rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }

.pi-input, .pi-select {
    width: 100%;
    min-height: 34px;
    padding: 6px 9px;
    border: 1px solid var(--pi-border);
    border-radius: 7px;
    background: #fff;
    color: var(--pi-text);
    font-size: .74rem;
}
.pi-input:focus, .pi-select:focus { outline: none; border-color: var(--pi-primary); box-shadow: 0 0 0 2px rgba(40,84,163,.1); }

.pi-table-wrap { overflow-x: auto; }

.pi-table {
    width: 100%;
    min-width: 1200px;
    border-collapse: collapse;
    table-layout: fixed;
}

.pi-table th {
    padding: 9px 8px;
    background: #f7f9fc;
    border-bottom: 1px solid var(--pi-border);
    color: var(--pi-muted);
    font-size: .56rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    white-space: nowrap;
}

.pi-table td {
    padding: 9px 8px;
    border-bottom: 1px solid #edf1f5;
    font-size: .7rem;
    vertical-align: middle;
}

.pi-table tbody tr:hover td { background: #fbfcff; }
.pi-table tfoot td { padding: 9px 10px; border-top: 2px solid var(--pi-border); background: #fbfcfe; font-size: .7rem; font-weight: 700; }

.pi-issue-no { font-family: ui-monospace,monospace; font-size: .66rem; font-weight: 700; color: var(--pi-primary); }
.pi-money { text-align: right; font-family: ui-monospace,monospace; font-weight: 700; }
.pi-empty { padding: 40px 20px; text-align: center; color: var(--pi-muted); }

.pi-badge {
    display: inline-flex; padding: 3px 7px;
    border-radius: 999px; font-size: .58rem; font-weight: 700;
}
.pi-badge.issued { background: var(--pi-primary-light); color: var(--pi-primary); }
.pi-badge.partial { background: var(--pi-warning-light); color: var(--pi-warning); }
.pi-badge.returned { background: var(--pi-success-light); color: var(--pi-success); }

.pi-pagination { padding: 10px 14px; border-top: 1px solid var(--pi-border); }

@media (max-width: 1200px) {
    .pi-filter-grid { grid-template-columns: repeat(3, 1fr); }
    .pi-summary { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
    .pi-filter-grid { grid-template-columns: repeat(2, 1fr); }
    .pi-summary { grid-template-columns: repeat(2, 1fr); }
}

.bi-0a37726472 { display:flex;gap:6px;align-items:end; }

.bi-8fb32aa70e { width:44px; }

.bi-c6fffdfe96 { width:130px; }

.bi-30e741d98e { width:auto; }

.bi-60746827b0 { width:110px; }

.bi-ab8a602d29 { width:75px; }

.bi-68a5cf1b41 { width:115px; }

.bi-dbee34e209 { width:55px; }

.bi-af28c56f66 { font-size:.62rem; }

.bi-dbd68c1058 { font-size:.72rem; }

.bi-7624689853 { font-size:.6rem; }

.bi-2967993452 { font-size:.55rem; }

.bi-08f37b610d { font-size:.68rem;margin-top:2px; }

.bi-64ecfeacdd { font-size:.64rem;color:var(--pi-muted); }

.bi-9de91adb8b { color:var(--pi-success); }

.bi-da0c36c419 { color:var(--pi-danger); }

.bi-90c1097156 { padding:4px 6px;min-height:28px;font-size:.68rem; }

/* --- Component: part_issues\show.css --- */
/* Extracted from part_issues/show.blade.php */

:root {
    --ps-primary: #2854a3;
    --ps-primary-dark: #1d3d78;
    --ps-primary-light: #eef4ff;
    --ps-bg: #f4f7fb;
    --ps-card: #ffffff;
    --ps-text: #182235;
    --ps-muted: #6b7280;
    --ps-border: #dfe5ee;
    --ps-success: #15803d;
    --ps-success-light: #ecfdf3;
    --ps-danger: #dc2626;
    --ps-danger-light: #fff1f2;
    --ps-warning: #b45309;
    --ps-warning-light: #fff7ed;
}

body { background: var(--ps-bg); }

.ps-page {
    max-width: 1320px;
    margin: 0 auto;
    padding: 18px 14px 45px;
    font-family: Inter, system-ui, sans-serif;
    color: var(--ps-text);
}

.ps-topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.ps-title-wrap { display: flex; align-items: center; gap: 10px; }

.ps-title-icon {
    width: 38px; height: 38px;
    display: grid; place-items: center;
    border-radius: 9px;
    background: linear-gradient(135deg, var(--ps-primary), var(--ps-primary-dark));
    color: #fff;
}

.ps-eyebrow { display: block; margin-bottom: 1px; color: var(--ps-primary); font-size: .6rem; font-weight: 700; text-transform: uppercase; letter-spacing: .09em; }
.ps-title { margin: 0; font-size: 1.15rem; font-weight: 700; }
.ps-subtitle { margin-top: 2px; color: var(--ps-muted); font-size: .68rem; }

.ps-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 34px;
    padding: 7px 11px;
    border: 1px solid var(--ps-border);
    border-radius: 7px;
    background: #fff;
    color: var(--ps-text);
    text-decoration: none;
    font-size: .74rem;
    font-weight: 600;
}
.ps-btn:hover { color: var(--ps-primary); border-color: var(--ps-primary); }

.ps-grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(320px, .5fr); gap: 14px; align-items: start; }

.ps-card {
    overflow: hidden;
    border: 1px solid var(--ps-border);
    border-radius: 10px;
    background: var(--ps-card);
    box-shadow: 0 3px 12px rgba(15,23,42,.035);
    margin-bottom: 14px;
}

.ps-card-head {
    padding: 10px 14px;
    border-bottom: 1px solid var(--ps-border);
    background: #f9fbff;
    font-size: .78rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 6px;
}
.ps-card-head i { color: var(--ps-primary); }

.ps-card-body { padding: 14px; }

.ps-info-grid { display: grid; grid-template-columns: repeat(3, 1fr); }

.ps-info-item {
    padding: 10px;
    border-bottom: 1px solid var(--ps-border);
    border-right: 1px solid var(--ps-border);
    min-height: 62px;
}
.ps-info-item:nth-child(3n) { border-right: 0; }
.ps-info-item:nth-last-child(-n+3) { border-bottom: 0; }

.ps-label { display: block; margin-bottom: 4px; color: var(--ps-muted); font-size: .54rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.ps-value { display: block; font-size: .72rem; font-weight: 600; }
.ps-value.success { color: var(--ps-success); }
.ps-value.danger { color: var(--ps-danger); }

.ps-table-wrap { overflow-x: auto; }
.ps-table { width: 100%; border-collapse: collapse; font-size: .72rem; }
.ps-table th { padding: 8px; border-bottom: 1px solid var(--ps-border); background: #f7f9fc; color: var(--ps-muted); font-size: .55rem; font-weight: 700; text-transform: uppercase; }
.ps-table td { padding: 8px; border-bottom: 1px solid #edf1f5; }
.ps-table tbody tr:hover td { background: #fbfcff; }

.ps-code { font-family: ui-monospace,monospace; font-size: .66rem; font-weight: 700; color: var(--ps-primary); }
.ps-badge { display: inline-flex; padding: 3px 7px; border-radius: 999px; font-size: .58rem; font-weight: 700; }
.ps-badge.primary { background: var(--ps-primary-light); color: var(--ps-primary); }
.ps-badge.success { background: var(--ps-success-light); color: var(--ps-success); }
.ps-badge.warning { background: var(--ps-warning-light); color: var(--ps-warning); }
.ps-badge.danger { background: var(--ps-danger-light); color: var(--ps-danger); }

.ps-return-form .form-label { font-size: .65rem; font-weight: 600; color: var(--ps-muted); text-transform: uppercase; letter-spacing: .05em; margin-bottom: 3px; }
.ps-return-form .form-control, .ps-return-form .form-select { font-size: .76rem; border-color: var(--ps-border); }
.ps-return-form .form-control:focus, .ps-return-form .form-select:focus { border-color: var(--ps-primary); box-shadow: 0 0 0 3px rgba(40,84,163,.1); }

.ps-empty { padding: 35px 15px; text-align: center; color: var(--ps-muted); font-size: .7rem; }

@media (max-width: 950px) { .ps-grid { grid-template-columns: 1fr; } .ps-info-grid { grid-template-columns: repeat(2, 1fr); } .ps-info-item:nth-child(2n) { border-right: 0; } .ps-info-item:nth-last-child(-n+2) { border-bottom: 0; } }

.bi-71d4182183 { display:block;margin-top:2px; }

.bi-c00d39129e { margin-top:3px; }

.bi-2f5c420ff4 { color:var(--ps-muted);font-size:.64rem; }

.bi-c6279c1e5f { padding:10px;border:1px solid var(--ps-border);border-radius:8px;background:#f9fbff;margin-bottom:12px;text-align:center; }

.bi-e76991babb { display:block;font-size:1.1rem;color:var(--ps-danger); }

.bi-7624689853 { font-size:.6rem; }

.bi-afe74528b1 { width:100%;border-color:var(--ps-primary);background:var(--ps-primary);color:#fff;font-weight:700; }

.bi-f2434b9854 { color:var(--ps-success); }

.bi-29aa8daa62 { font-size:2rem;color:var(--ps-success);display:block;margin-bottom:8px; }

/* --- Component: spare_purchases\create.css --- */
/* Extracted from spare_purchases/create.blade.php */

:root {
    --spp-ink:      #0f172a;
    --spp-muted:    #64748b;
    --spp-border:   #e2e8f0;
    --spp-surface:  #ffffff;
    --spp-bg:       #f8fafc;
    --spp-accent:   #4f46e5;
    --spp-accent-soft: #eef2ff;
    --spp-danger:   #dc2626;
    --spp-success:  #16a34a;
  }

  .spare-purchase-create { color: var(--spp-ink); }

  /* ── Page header ─────────────────────────────── */
  .spare-purchase-create .page-head h4 {
    font-weight: 700;
    letter-spacing: -0.01em;
  }
  .spare-purchase-create .page-head small { color: var(--spp-muted); }

  /* ── Cards ────────────────────────────────────── */
  .spare-purchase-create .card {
    border: 1px solid var(--spp-border);
    border-radius: 12px;
    overflow: hidden;
  }
  .spare-purchase-create .card-header {
    background: var(--spp-surface);
    border-bottom: 1px solid var(--spp-border);
    border-left: 3px solid var(--spp-accent);
    font-weight: 600;
    font-size: .95rem;
    letter-spacing: -0.005em;
    padding: .85rem 1.1rem;
  }
  .spare-purchase-create .card-header i { color: var(--spp-accent); }
  .spare-purchase-create .card-body { padding: 1.15rem; background: var(--spp-surface); }

  /* ── Form fields ──────────────────────────────── */
  .spare-purchase-create .form-label {
    font-size: .76rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--spp-muted);
    margin-bottom: .3rem;
  }
  .spare-purchase-create .form-control,
  .spare-purchase-create .select2-selection {
    border: 1px solid var(--spp-border) !important;
    border-radius: 8px !important;
    font-size: .9rem;
    background: var(--spp-bg);
    transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
  }
  .spare-purchase-create .form-control:focus,
  .spare-purchase-create .select2-selection--single.select2-container--focus .select2-selection {
    border-color: var(--spp-accent) !important;
    box-shadow: 0 0 0 3px var(--spp-accent-soft);
    background: var(--spp-surface);
    outline: none;
  }
  .spare-purchase-create .form-control[readonly] {
    background: var(--spp-accent-soft);
    font-weight: 600;
    color: var(--spp-accent);
  }

  /* ── Items table ──────────────────────────────── */
  .spare-purchase-create #itemsTable { font-size: .85rem; margin-bottom: 0; }
  .spare-purchase-create #itemsTable thead th {
    background: var(--spp-bg);
    color: var(--spp-muted);
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    border-bottom: 1px solid var(--spp-border);
    white-space: nowrap;
  }
  .spare-purchase-create #itemsTable td { vertical-align: middle; padding: .5rem .5rem; }
  .spare-purchase-create #itemsTable tbody tr { border-bottom: 1px solid var(--spp-border); }
  .spare-purchase-create #itemsTable tbody tr:hover { background: var(--spp-bg); }
  .spare-purchase-create #itemsTable .item-total { color: var(--spp-success); }

  .spare-purchase-create .remove-row {
    color: var(--spp-danger);
    cursor: pointer;
    font-size: 1rem;
    opacity: .55;
    transition: opacity .15s ease;
  }
  .spare-purchase-create .remove-row:hover { opacity: 1; }

  .spare-purchase-create #addItemRow {
    border-radius: 8px;
    font-weight: 600;
    font-size: .8rem;
  }

  /* ── Totals card ──────────────────────────────── */
  .spare-purchase-create #totalAmount {
    background: var(--spp-accent-soft);
    color: var(--spp-accent);
    font-size: 1.05rem;
  }

  /* ── Sticky action bar ────────────────────────── */
  .spare-purchase-create .action-bar {
    position: sticky;
    bottom: 0;
    background: rgba(248, 250, 252, .92);
    backdrop-filter: blur(4px);
    border-top: 1px solid var(--spp-border);
    padding: .85rem 0;
    margin-top: 0;
  }
  .spare-purchase-create .action-bar .btn-primary {
    background: var(--spp-accent);
    border-color: var(--spp-accent);
    border-radius: 8px;
    font-weight: 600;
  }
  .spare-purchase-create .action-bar .btn-primary:hover { background: #4338ca; border-color: #4338ca; }
  .spare-purchase-create .action-bar .btn-outline-secondary { border-radius: 8px; }

  @media (max-width: 767px) {
    .spare-purchase-create .card-body { padding: .9rem; }
  }

.bi-66dbd5d0ad { min-width:180px; }

.bi-365391b2b0 { min-width:110px; }

.bi-e79a03c842 { min-width:100px; }

.bi-c3c7cd97f8 { min-width:80px; }

.bi-0143f2a4d1 { min-width:90px; }

.bi-d6db40ea5a { width:40px; }

/* --- Component: spare_purchases\show.css --- */
/* Extracted from spare_purchases/show.blade.php */

[data-bi-cccfa4560d] { display:inline; }




/* ==========================================================================
   BILLING, RECEIPTS & REPORTS
   Unified Component Stylesheet
   ========================================================================== */

/* --- Component: bills-and-payments\client-invoice-pdf.css --- */
/* Extracted from bills-and-payments/client-invoice-pdf.blade.php */

@media print {
    @page { size: A4 portrait; margin: 7mm; }

    html, body {
        width: auto !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        background: #fff !important;
    }

    body {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    .no-print,
    .invoice-actions,
    .print-actions,
    .btn,
    button,
    nav,
    aside,
    .navbar,
    .sidebar,
    .app-header,
    .app-sidebar,
    .footer:not(.invoice-footer) {
        display: none !important;
    }

    .container,
    .container-fluid,
    .content-wrapper,
    .main-content,
    .invoice-shell,
    .invoice-container,
    .print-container,
    .invoice-paper,
    .card,
    .card-body {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow: visible !important;
        box-shadow: none !important;
    }

    table {
        width: 100% !important;
        max-width: 100% !important;
        border-collapse: collapse !important;
        table-layout: fixed !important;
        page-break-inside: auto !important;
        break-inside: auto !important;
    }

    thead {
        display: table-header-group !important;
    }

    tfoot {
        display: table-footer-group !important;
    }

    tbody {
        display: table-row-group !important;
    }

    tr {
        page-break-inside: avoid !important;
        break-inside: avoid-page !important;
        page-break-after: auto !important;
    }

    th, td {
        overflow: visible !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
        vertical-align: top !important;
    }

    img, svg, canvas {
        max-width: 100% !important;
        page-break-inside: avoid !important;
        break-inside: avoid-page !important;
    }

    .table-responsive {
        overflow: visible !important;
        width: 100% !important;
    }

    .summary-section,
    .invoice-summary,
    .tax-summary,
    .totals-section,
    .amount-balance-grid,
    .footer-grid,
    .signature-section,
    .bank-details,
    .declaration,
    .eway-summary,
    .irn-block,
    .party-meta-grid {
        page-break-inside: avoid !important;
        break-inside: avoid-page !important;
    }

    .page-break-before {
        page-break-before: always !important;
        break-before: page !important;
    }

    .page-break-after {
        page-break-after: always !important;
        break-after: page !important;
    }

    .avoid-page-break {
        page-break-inside: avoid !important;
        break-inside: avoid-page !important;
    }
}

body:has(.invoice){font-family:Arial,Helvetica,sans-serif;background:#eceff1;color:#111;font-size:9px;line-height:1.25}body:has(.invoice) .toolbar{width:210mm;max-width:calc(100% - 20px);margin:10px auto;display:flex;justify-content:flex-end;gap:8px}body:has(.invoice) .toolbar a,body:has(.invoice) .toolbar button{padding:8px 14px;border:1px solid #222;background:#fff;color:#111;text-decoration:none;border-radius:3px;font-size:12px;cursor:pointer}body:has(.invoice) .page{width:210mm;min-height:297mm;margin:0 auto 14px;background:#fff;padding:7mm}body:has(.invoice) .invoice{border:1.3px solid #111;width:100%}.center{text-align:center}.right{text-align:right}.bold{font-weight:700}.muted{color:#444}.wrap{word-break:break-word;overflow-wrap:anywhere}.top-title{display:grid;grid-template-columns:1fr 180px 1fr;align-items:start;min-height:26mm;padding:5px 7px;border-bottom:1px solid #111}.top-title .doc-title{text-align:center;font-size:12px;font-weight:700;letter-spacing:.3px;padding-top:2px}.top-title .copy{text-align:right;font-size:8px}.irn-line{display:grid;grid-template-columns:46px 1fr 33mm;gap:5px;border-bottom:1px solid #111;min-height:30mm}.irn-text{grid-column:1/3;padding:6px 7px}.irn-text .line{display:grid;grid-template-columns:52px 1fr;margin-bottom:3px}.qr-box{border-left:1px solid #111;display:flex;align-items:center;justify-content:center;padding:4px}.qr-box img{width:30mm;height:30mm;object-fit:contain}.qr-placeholder{font-size:8px;text-align:center;color:#555}.party-grid{display:grid;grid-template-columns:52% 48%;border-bottom:1px solid #111}.seller-buyer{border-right:1px solid #111}.party-box{padding:5px 7px;min-height:34mm}.party-box+.party-box{border-top:1px solid #111}.party-name{font-size:10px;font-weight:700;margin:1px 0}.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.meta-cell{min-height:11mm;padding:4px 5px;border-right:1px solid #111;border-bottom:1px solid #111}.meta-cell:nth-child(2n){border-right:0}.meta-cell:nth-last-child(-n+2){border-bottom:0}.meta-label{font-size:7.5px;color:#333}.meta-value{font-weight:700;margin-top:1px}.items{width:100%;border-collapse:collapse;table-layout:fixed}.items th,.items td{border-right:1px solid #111;padding:4px 3px;vertical-align:top;word-break:break-word;overflow-wrap:anywhere;white-space:normal}.items th:last-child,.items td:last-child{border-right:0}.items thead th{border-bottom:1px solid #111;text-align:center;font-size:8px}.items tbody td{border-bottom:0}.items .sno{width:5%}.items .desc{width:41%}.items .hsn{width:10%}.items .qty{width:11%}.items .rate{width:11%}.items .per{width:7%}.items .amt{width:15%}.goods-area{min-height:76mm;border-bottom:1px solid #111}.goods-area .items tbody tr:last-child td{height:55mm}.charges{display:grid;grid-template-columns:61% 39%;border-bottom:1px solid #111}.charge-notes{padding:5px 7px;border-right:1px solid #111;min-height:26mm}.charge-table{width:100%;border-collapse:collapse}.charge-table td{padding:3px 5px}.charge-table td:last-child{text-align:right}.charge-table .grand td{font-size:10px;font-weight:700;border-top:1px solid #111}.words-balance{display:grid;grid-template-columns:63% 37%;border-bottom:1px solid #111}.words{padding:4px 7px;border-right:1px solid #111;min-height:16mm}.balance-box{padding:4px 7px}.tax-table{width:100%;border-collapse:collapse;table-layout:fixed;border-bottom:1px solid #111}.tax-table th,.tax-table td{border-right:1px solid #111;border-bottom:1px solid #111;padding:3px;text-align:center}.tax-table th:last-child,.tax-table td:last-child{border-right:0}.tax-table tr:last-child td{border-bottom:0}.tax-words{padding:5px 7px;border-bottom:1px solid #111}.terms-block{padding:5px 7px;border-bottom:1px solid #111;font-size:8.8px;line-height:1.35}.terms-block ol{margin:0;padding-left:16px}.terms-block li{margin-bottom:3px}.bank-sign{display:grid;grid-template-columns:58% 42%;border-bottom:1px solid #111}.declaration{padding:5px 7px;border-right:1px solid #111;min-height:35mm}.barcode-box{border:1px solid #111;padding:4px;min-width:90px;max-width:100%;text-align:center}.barcode-box svg{width:100%;height:auto;display:block}.bank{padding:5px 7px;border-bottom:1px solid #111}.signature{height:22mm;padding:5px 7px;text-align:center;display:flex;flex-direction:column;justify-content:space-between}.footer{text-align:center;padding:4px 7px;font-size:8px}.logo-line{display:flex;align-items:center;gap:6px}.logo-line img{max-width:22mm;max-height:12mm;object-fit:contain}.page-break{page-break-before:always}@media print{@page{size:A4 portrait;margin:6mm}body{background:#fff;-webkit-print-color-adjust:exact;print-color-adjust:exact}.toolbar{display:none!important}.page{width:auto;min-height:0;margin:0;padding:0}.invoice{page-break-inside:auto}.goods-area,.party-grid,.tax-table,.bank-sign{break-inside:avoid}.items thead{display:table-header-group}}@media(max-width:850px){.page{width:100%;min-height:0;padding:8px}.toolbar{width:100%}}

.bi-5b966c1555 { grid-column:1/3; }

.bi-fe7b4979fe { margin-top:6px; }

.bi-8a77e5a311 { margin-top:8px; }

/* --- Component: bills-and-payments\client-invoice.css --- */
/* Extracted from bills-and-payments/client-invoice.blade.php */

:root {

        --ink: #111827;

        --paper: #ffffff;

        --muted: #4b5563;

    }



    * { box-sizing: border-box; }

    body { background: #eef1f4; margin: 0; }



    .invoice-shell {

        width: 210mm;

        max-width: 100%;

        margin: 16px auto 28px;

        padding: 0;

    }



    .invoice-actions {

        display: flex;

        flex-wrap: wrap;

        justify-content: flex-end;

        gap: 8px;

        margin-bottom: 12px;

    }



    .btn {

        display: inline-flex;

        align-items: center;

        gap: 6px;

        padding: 9px 15px;

        border: 1px solid #1f2937;

        background: #fff;

        color: #111;

        text-decoration: none;

        border-radius: 6px;

        font-size: 13px;

        font-weight: 600;

        cursor: pointer;

    }



    .btn:hover { background: #f9fafb; border-color: #9ca3af; }

    .btn-primary { background: #2563eb; color: #fff; border-color: #2563eb; }

    .btn-success { background: #16a34a; color: #fff; border-color: #16a34a; }

    .btn-light { background: #f8fafc; color: #111; }



    /* ===== Paper ===== */

    .invoice-paper {

        position: relative;

        width: 210mm;

        min-height: 297mm;

        background: var(--paper);

        color: var(--ink);

        font-family: Arial, Helvetica, sans-serif;

        font-size: 11px;

        line-height: 1.42;

    }



    .page-copy-tag {

        text-align: right;

        font-size: 9px;

        font-weight: 700;

        margin-bottom: 3px;

    }



    .invoice-box {

        position: relative;

        border: 1.4px solid #111;

        padding: 8px;

        overflow: hidden;

    }



    .invoice-box > * { position: relative; z-index: 1; }



    .invoice-watermark {

        position: absolute;

        inset: 0;

        opacity: 0.06;

        background-position: center;

        background-repeat: no-repeat;

        background-size: 60%;

        pointer-events: none;

        z-index: 0;

    }



    /* ===== Header ===== */

    .invoice-header {

        display: grid;

        grid-template-columns: 100px 1fr 120px;

        gap: 8px;

        align-items: center;

        padding-bottom: 8px;

    }



    .brand-logo { display: flex; align-items: center; justify-content: center; }

    .brand-logo img { max-width: 100%; max-height: 30mm; object-fit: contain; }

    .brand-title { text-align: center; }

    .brand-name { font-size: 23px; font-weight: 800; letter-spacing: 0.2px; color: #1f2a52; }

    .brand-address { margin-top: 3px; font-size: 10px; color: #2f3740; }



    .doc-title-bar {

        text-align: center;

        font-size: 17px;

        font-weight: 800;

        letter-spacing: 1px;

        padding: 5px 0;

        border-top: 1px solid #111;

        border-bottom: 1px solid #111;

        margin-bottom: 6px;

    }



    /* ===== Info grid (GSTIN / Invoice No / Date / CIN) ===== */

    .info-grid-4 {

        display: grid;

        grid-template-columns: 1.2fr 1fr 1fr 1.3fr;

        border: 1px solid #111;

        margin-bottom: 6px;

    }

    .info-grid-4 > div {

        border-right: 1px solid #111;

        padding: 4px 6px;

    }

    .info-grid-4 > div:last-child { border-right: none; }

    .cell-label { font-size: 8px; font-weight: 700; }

    .cell-value { font-size: 9.5px; font-weight: 700; }

    .cell-value.underline { text-decoration: underline; }



    .info-row-single {

        border: 1px solid #111;

        border-top: none;

        padding: 4px 6px;

        margin-bottom: 0;

    }



    .info-row-split {

        display: grid;

        grid-template-columns: 1fr 220px;

        border: 1px solid #111;

        border-top: none;

        margin-bottom: 6px;

    }

    .info-row-split > div { padding: 4px 6px; }

    .info-row-split > div:first-child { border-right: 1px solid #111; }



    /* ===== Party + meta section ===== */

    .party-meta-grid {

        display: grid;

        grid-template-columns: 58% 42%;

        border: 1px solid #111;

        border-top: none;

        margin-bottom: 6px;

    }



    .party-column {

        border-right: 1px solid #111;

        display: grid;

    }

    .meta-column { display: grid; grid-template-columns: 1fr 1fr; }



    .party-box {

        border-bottom: 1px solid #111;

        padding: 6px;

    }

    .party-box:last-child { border-bottom: none; }

    .party-caption { font-size: 8.3px; font-weight: 700; margin-bottom: 3px; }

    .party-name { font-size: 10px; font-weight: 700; margin-bottom: 2px; }

    .small-line { font-size: 9px; line-height: 1.3; margin: 1px 0; }



    .meta-cell {

        border-right: 1px solid #111;

        border-bottom: 1px solid #111;

        padding: 5px 6px;

        min-height: 24px;

    }

    .meta-column > .meta-cell:nth-child(2n) { border-right: none; }

    .meta-cell.full { grid-column: 1 / -1; border-right: none; }

    .meta-label { display: block; font-size: 7.8px; color: #333; font-weight: 700; margin-bottom: 2px; }

    .meta-value { font-size: 9.3px; font-weight: 700; line-height: 1.25; }



    /* ===== Items table ===== */

    .items-table {

        width: 100%;

        border-collapse: collapse;

        table-layout: fixed;

        margin-bottom: 0;

    }

    .items-table th,

    .items-table td {

        border: 1px solid #111;

        padding: 6px;

        vertical-align: top;

        font-size: 10.5px;

        word-break: break-word;

        overflow-wrap: anywhere;

    }

    .items-table thead th { background: #f5f5f5; font-weight: 700; text-align: center; }

    .center { text-align: center; }

    .right { text-align: right; }

    .bold { font-weight: 700; }

    .nowrap { white-space: nowrap; }

    .description-cell { font-weight: 700; }



    /* charges strip below items table (no box grid, plain right-aligned rows) */

    .charges-strip {

        border: 1px solid #111;

        border-top: none;

        padding: 4px 8px;

    }

    .charges-strip .charge-line {

        display: flex;

        justify-content: flex-end;

        gap: 18px;

        font-size: 9.5px;

        padding: 2px 0;

    }

    .charges-strip .charge-line.underline-label span:first-child { text-decoration: underline; }

    .charges-strip .charge-line.grand {

        font-weight: 700;

        border-top: 1px solid #111;

        margin-top: 3px;

        padding-top: 4px;

    }

    .charge-line span:first-child { min-width: 160px; text-align: left; }

    .charge-line span:last-child { min-width: 90px; }



    .words-block {

        border: 1px solid #111;

        border-top: none;

        padding: 6px 8px;

    }

    .words-block .line { margin: 2px 0; font-size: 9.3px; }

    .words-block .certify { margin-top: 6px; font-size: 9px; line-height: 1.35; }

    .checked-by { text-align: right; font-size: 9.5px; font-weight: 700; margin-top: 10px; }



    /* ===== Dispatch / vehicle / pump section ===== */

    .dispatch-grid {

        display: grid;

        grid-template-columns: 1fr 1fr;

        border: 1px solid #111;

        border-top: none;

    }

    .dispatch-col { padding: 6px 8px; }

    .dispatch-col:first-child { border-right: 1px solid #111; }

    .dispatch-row { font-size: 9px; line-height: 1.5; }

    .dispatch-row strong { font-weight: 700; }



    /* ===== Terms ===== */

    .terms-block {

        border: 1px solid #111;

        border-top: none;

        padding: 6px 8px;

        font-size: 8.7px;

        line-height: 1.4;

    }

    .terms-block .terms-title { font-weight: 700; margin-bottom: 3px; }

    .terms-block ol { padding-left: 16px; margin: 0; }

    .terms-block li { margin-bottom: 2px; }



    .registered-office {

        border: 1px solid #111;

        border-top: none;

        padding: 5px 8px;

        font-size: 8.7px;

    }



    /* ===== Bottom branding ===== */

    .bottom-branding {

        display: grid;

        grid-template-columns: 1fr auto 1fr;

        align-items: center;

        gap: 10px;

        border: 1px solid #111;

        border-top: none;

        padding: 8px;

    }

    .qr-footer { text-align: center; }

    .qr-footer img { width: 90px; height: 90px; object-fit: contain; }

    .qr-caption { margin-top: 4px; font-size: 8px; }



    .stamp-row { display: flex; align-items: center; justify-content:center; gap: 10px; }

    .cert-logo { width: 58px; height: 58px; object-fit: contain; display:block; }

    .stamp {

        width: 52px; height: 52px; border-radius: 50%;

        border: 1px solid #111;

        display: flex; flex-direction: column; align-items: center; justify-content: center;

        text-align: center; font-size: 6.5px; line-height: 1.1; padding: 3px;

    }

    .stamp .title { font-size: 8px; font-weight: 700; }

    .stamp.iso { border-color: #0ea5e9; color: #0ea5e9; }

    .stamp.rmc { border-color: #dc2626; color: #dc2626; }



    .for-company { text-align: right; }

    .for-company .company-line { font-size: 9.5px; font-weight: 700; }

    .for-company .unit-line { font-size: 8.5px; margin-top: 1px; }

    .for-company .sig-space { height: 28px; }

    .for-company .sig-line { font-size: 9px; font-weight: 700; margin-top: 2px; }



    .jurisdiction-note {

        text-align: center;

        font-size: 8.5px;

        font-weight: 700;

        border: 1px solid #111;

        border-top: none;

        padding: 4px;

    }



    .page-footer-row {

        display: flex;

        justify-content: flex-end;

        margin-top: 4px;

        font-size: 8.5px;

    }



    .payment-table {

        width: 100%;

        border-collapse: collapse;

        margin-top: 10px;

    }

    .payment-table th, .payment-table td {

        border: 1px solid #111;

        padding: 4px;

        font-size: 9px;

    }

    .payment-table th { background: #f5f5f5; }



    @media screen and (max-width: 900px) {

        .invoice-header { grid-template-columns: 1fr; text-align: center; }

        .info-grid-4,

        .info-row-split,

        .party-meta-grid,

        .meta-column,

        .dispatch-grid,

        .bottom-branding { grid-template-columns: 1fr; }

        .info-grid-4 > div,

        .info-row-split > div,

        .party-column,

        .dispatch-col:first-child { border-right: none; border-bottom: 1px solid #111; }

    }



    @media print {

        @page {

            size: A4 portrait;

            margin: 0;

        }



        html,

        body {

            width: 210mm !important;

            height: 297mm !important;

            margin: 0 !important;

            padding: 0 !important;

            background: #fff !important;

        }



        body {

            -webkit-print-color-adjust: exact !important;

            print-color-adjust: exact !important;

        }



        .invoice-actions,

        .no-print {

            display: none !important;

        }



        .invoice-shell {

            width: 210mm !important;

            height: 297mm !important;

            margin: 0 !important;

            padding: 3mm !important;

        }



        .invoice-paper {

            width: 204mm !important;

            height: 291mm !important;

            min-height: 291mm !important;

            font-size: 8pt !important;

            line-height: 1.22 !important;

        }



        .page-copy-tag {

            font-size: 7.6pt !important;

            margin-bottom: 1.5mm !important;

        }



        .invoice-box {

            height: 286mm !important;

            min-height: 286mm !important;

            border-width: .42mm !important;

            padding: 2.4mm !important;

            display: flex !important;

            flex-direction: column !important;

            overflow: hidden !important;

        }



        .invoice-header {

            grid-template-columns: 32mm 1fr 38mm !important;

            gap: 2.8mm !important;

            padding-bottom: 2.4mm !important;

            min-height: 26mm !important;

        }



        .brand-logo img {

            max-height: 24mm !important;

        }



        .brand-name {

            font-size: 18pt !important;

            line-height: 1.04 !important;

        }



        .brand-address {

            font-size: 7.8pt !important;

            margin-top: .9mm !important;

            line-height: 1.2 !important;

        }



        .doc-title-bar {

            font-size: 12pt !important;

            padding: 1.8mm 0 !important;

            margin-bottom: 1.6mm !important;

        }



        .info-grid-4 {

            grid-template-columns: 1.25fr .9fr .95fr 1.25fr !important;

            margin-bottom: 0 !important;

        }



        .info-grid-4 > div,

        .info-row-single,

        .info-row-split > div {

            padding: 1.45mm 1.8mm !important;

        }



        .info-row-single {

            margin-bottom: 0 !important;

        }



        .info-row-split {

            grid-template-columns: 1fr 56mm !important;

            margin-bottom: 0 !important;

        }



        .cell-label {

            font-size: 7pt !important;

        }



        .cell-value {

            font-size: 7.8pt !important;

        }



        .party-meta-grid {

            grid-template-columns: 66% 34% !important;

            margin-bottom: 1.6mm !important;

        }



        .party-column {

            grid-template-columns: 1fr 1fr !important;

        }



        .party-box {

            padding: 2mm !important;

            border-bottom: 0 !important;

            min-height: 31mm !important;

        }



        .party-box:first-child {

            border-right: 1px solid #111 !important;

        }



        .party-caption,

        .meta-label {

            font-size: 6.7pt !important;

        }



        .party-name {

            font-size: 8.2pt !important;

        }



        .small-line,

        .meta-value {

            font-size: 7.1pt !important;

            line-height: 1.2 !important;

            margin: .45mm 0 !important;

        }



        .meta-cell {

            min-height: 0 !important;

            padding: 1.25mm 1.45mm !important;

        }



        .items-table {

            table-layout: fixed !important;

        }



        .items-table th,

        .items-table td {

            padding: 1.35mm .85mm !important;

            font-size: 7.2pt !important;

            line-height: 1.16 !important;

            word-break: normal !important;

            overflow-wrap: break-word !important;

        }



        .items-table thead {

            display: table-header-group !important;

        }



        .items-table tr {

            page-break-inside: avoid !important;

            break-inside: avoid-page !important;

        }



        .charges-strip {

            padding: 1.3mm 2mm !important;

        }



        .charges-strip .charge-line {

            font-size: 7.2pt !important;

            padding: .5mm 0 !important;

            gap: 4.5mm !important;

        }



        .charge-line span:first-child {

            min-width: 46mm !important;

        }



        .charge-line span:last-child {

            min-width: 26mm !important;

        }



        .words-block {

            padding: 1.6mm 2mm !important;

        }



        .words-block .line,

        .words-block .certify,

        .checked-by {

            font-size: 7pt !important;

            line-height: 1.22 !important;

        }



        .words-block .certify {

            margin-top: 1.3mm !important;

        }



        .checked-by {

            margin-top: 2mm !important;

        }



        .dispatch-grid {

            grid-template-columns: 1fr 1fr !important;

        }



        .dispatch-col {

            padding: 1.6mm 2mm !important;

            min-height: 24mm !important;

        }



        .dispatch-row {

            font-size: 7pt !important;

            line-height: 1.32 !important;

        }



        .terms-block {

            padding: 1.6mm 2mm !important;

            font-size: 6.5pt !important;

            line-height: 1.24 !important;

        }



        .terms-block .terms-title {

            margin-bottom: .7mm !important;

            font-size: 7.2pt !important;

        }



        .terms-block ol {

            padding-left: 4.6mm !important;

        }



        .terms-block li {

            margin-bottom: .5mm !important;

        }



        .registered-office {

            padding: 1.25mm 2mm !important;

            font-size: 6.8pt !important;

        }



        .bottom-branding {

            grid-template-columns: 42mm 1fr 62mm !important;

            gap: 3mm !important;

            padding: 2.2mm !important;

            min-height: 39mm !important;

            margin-top: auto !important;

        }



        .qr-footer img,

        .qr-footer > div[style] {

            width: 31mm !important;

            height: 31mm !important;

        }



        .qr-caption {

            font-size: 6.2pt !important;

            margin-top: .8mm !important;

        }



        .stamp-row {

            gap: 3mm !important;

            justify-content: center !important;

        }



        .cert-logo {

            width: 21mm !important;

            height: 21mm !important;

        }



        .stamp {

            width: 18mm !important;

            height: 18mm !important;

            font-size: 5.2pt !important;

        }



        .stamp .title {

            font-size: 6pt !important;

        }



        .for-company .company-line {

            font-size: 7.6pt !important;

        }



        .for-company .unit-line,

        .for-company .sig-line {

            font-size: 6.6pt !important;

        }



        .for-company .sig-space {

            height: 16mm !important;

        }



        .page-footer-row {

            font-size: 6.2pt !important;

            margin-top: .9mm !important;

        }



        .invoice-watermark {

            opacity: .075 !important;

            background-size: 72% !important;

            background-position: center 58% !important;

        }



        .invoice-header,

        .info-grid-4,

        .info-row-single,

        .info-row-split,

        .party-meta-grid,

        .items-table,

        .charges-strip,

        .words-block,

        .dispatch-grid,

        .terms-block,

        .registered-office,

        .bottom-branding {

            break-inside: avoid !important;

            page-break-inside: avoid !important;

        }



        a {

            color: inherit !important;

            text-decoration: none !important;

        }

    }
    .invoice-meta-list {
    display: block;
    width: 100%;
}

.invoice-meta-list .meta-cell {
    display: grid;
    grid-template-columns: 145px 18px 1fr;
    align-items: center;
    min-height: 46px;
    padding: 7px 8px;
    border-right: none;
    border-bottom: 1px solid #111;
}

.invoice-meta-list .meta-cell:last-child {
    border-bottom: none;
}

.invoice-meta-list .meta-label {
    display: block;
    margin: 0;
    color: #111;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
}

.invoice-meta-list .meta-colon {
    color: #111;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}

.invoice-meta-list .meta-value {
    color: #111;
    font-size: 12px;
    line-height: 1.25;
    font-weight: 500;
    word-break: break-word;
}

@media print {
    .invoice-meta-list .meta-cell {
        grid-template-columns: 33mm 5mm 1fr !important;
        min-height: 8.5mm !important;
        padding: 1.5mm 1.8mm !important;
    }

    .invoice-meta-list .meta-label,
    .invoice-meta-list .meta-colon {
        font-size: 7.4pt !important;
        font-weight: 700 !important;
    }

    .invoice-meta-list .meta-value {
        font-size: 7.4pt !important;
        font-weight: 500 !important;
    }
}

.bi-f574fdb9d0 { width: 9%; }

.bi-ae0638a22c { width: 10%; }

.bi-c15b25bfc3 { width: 25%; }

.bi-03375b4580 { width: 8%; }

.bi-232d20a2cb { width: 6%; }

.bi-b4cfabc0ee { width: 7%; }

.bi-32827d459f { width:90px;height:90px;display:flex;align-items:center;justify-content:center;font-size:7px;color:#555;border:1px dashed #111;margin:0 auto; }

.bi-273f9dd6b4 { font-size:7px;color:#777; }

.bd-10d21a8260 { background-image: var(--bdv-0); }

/* --- Component: bills-and-payments\index.css --- */
/* Extracted from bills-and-payments/index.blade.php */

:root{--bp:#274c8e;--bp-dark:#193463;--bg:#f4f7fb;--card:#fff;--text:#172033;--muted:#697386;--border:#dce3ed;--green:#15803d;--green-lt:#ecfdf3;--amber:#b45309;--amber-lt:#fff7ed;--red:#dc2626;--red-lt:#fff1f2}
body{background:var(--bg)}.bp-page{max-width:1500px;margin:auto;padding:18px 14px 60px;font-family:Inter,system-ui,sans-serif;color:var(--text)}
.bp-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.bp-title{margin:0;font-size:1.2rem;font-weight:800}.bp-sub{font-size:.68rem;color:var(--muted)}
.bp-actions{display:flex;gap:8px;flex-wrap:wrap}.bp-btn{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:7px 11px;border:1px solid var(--border);border-radius:7px;background:#fff;color:var(--text);text-decoration:none;font-size:.72rem;font-weight:700}.bp-btn.primary{background:var(--bp);border-color:var(--bp);color:#fff}
.bp-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.bp-stat{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:15px}.bp-stat span{display:block;font-size:.55rem;color:var(--muted);font-weight:700;text-transform:uppercase}.bp-stat strong{display:block;margin-top:4px;font-size:1.05rem}.bp-stat .red{color:var(--red)}.bp-stat .green{color:var(--green)}
.bp-card{background:#fff;border:1px solid var(--border);border-radius:10px;overflow:hidden}.bp-filter{display:grid;grid-template-columns:minmax(220px,1fr) 180px 150px 150px auto;gap:8px;padding:12px;border-bottom:1px solid var(--border);background:#f9fbff}.bp-input,.bp-select{min-height:36px;border:1px solid var(--border);border-radius:7px;padding:7px 9px;font-size:.72rem}
.bp-table-wrap{overflow-x:auto}.bp-table{width:100%;min-width:1180px;border-collapse:collapse}.bp-table th{background:#f7f9fc;color:var(--muted);font-size:.55rem;text-transform:uppercase;padding:9px 10px;border-bottom:1px solid var(--border);white-space:nowrap}.bp-table td{padding:10px;border-bottom:1px solid #edf1f5;font-size:.7rem;vertical-align:middle}.bp-table tbody tr:hover td{background:#fbfcff}
.bp-type,.bp-status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:.57rem;font-weight:700}.bp-type.purchase{background:#eef4ff;color:var(--bp)}.bp-type.sales{background:#f5f3ff;color:#7c3aed}.bp-status.paid{background:var(--green-lt);color:var(--green)}.bp-status.partial{background:var(--amber-lt);color:var(--amber)}.bp-status.unpaid{background:var(--red-lt);color:var(--red)}
.bp-money{text-align:right;font-family:ui-monospace,monospace;font-weight:700}.bp-row-actions{display:flex;justify-content:flex-end;gap:5px}.bp-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--text);text-decoration:none}.bp-icon.pay{background:var(--green);color:#fff;border-color:var(--green)}
@media(max-width:900px){.bp-summary{grid-template-columns:repeat(2,1fr)}.bp-filter{grid-template-columns:1fr 1fr}}@media(max-width:600px){.bp-summary,.bp-filter{grid-template-columns:1fr}}

.bi-6d7052a45a { font-size:.59rem;color:var(--muted); }

.bi-7f24e27d60 { color:var(--green); }

.bi-45e7ae4da6 { color:var(--red); }

.bi-67474b0767 { text-align:center;padding:35px;color:var(--muted); }

.bi-0a6e62c21d { text-align:center;padding:35px; }

[data-bi-ae125572d5] { display:contents; }

/* --- Component: receipts\create.css --- */
/* Extracted from receipts/create.blade.php */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&family=Sora:wght@400;500;600;700&display=swap');

:root {
    --ink     : #1A1F2E;
    --muted   : #6B7280;
    --border  : #E5E7EB;
    --surface : #F9FAFB;
    --white   : #FFFFFF;
    --emerald : #059669;
    --rose    : #DC2626;
    --amber   : #D97706;
    --indigo  : #4338CA;
    --radius  : 10px;
}

*, *::before, *::after { box-sizing: border-box; }
body { font-family: 'Sora', sans-serif; background: #F3F4F6; color: var(--ink); }

/* ── layout ── */
.cr-wrap { max-width: 1100px; margin: 0 auto; padding: 2rem 1.5rem; }

/* ── top bar ── */
.cr-topbar {
    display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 2rem;
}
.cr-title { font-size: 1.5rem; font-weight: 700; color: var(--ink); margin: 0; }
.cr-subtitle { font-size: .8rem; color: var(--muted); margin-top: .2rem; }

/* ── alerts ── */
.cr-alert {
    display: flex; align-items: flex-start; gap: .75rem;
    border-radius: var(--radius); padding: .9rem 1.1rem;
    margin-bottom: 1.25rem; font-size: .875rem;
}
.cr-alert.success { background: #D1FAE5; color: #065F46; border: 1px solid #6EE7B7; }
.cr-alert.danger  { background: #FEE2E2; color: #991B1B; border: 1px solid #FCA5A5; }

/* ── metric strip ── */
.metric-strip {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: .875rem;
    margin-bottom: 1.75rem;
}
.metric-card {
    background: var(--white); border: 1px solid var(--border);
    border-radius: var(--radius); padding: 1rem 1.125rem;
    position: relative; overflow: hidden;
}
.metric-card::before {
    content: ''; position: absolute; left: 0; top: 0; bottom: 0;
    width: 3px; border-radius: 0;
}
.metric-card.pending::before { background: var(--rose); }
.metric-card.dispatch::before { background: var(--indigo); }
.metric-card.billing::before  { background: var(--amber); }
.metric-card.paid::before     { background: var(--emerald); }

.metric-label { font-size: .7rem; font-weight: 600; color: var(--muted); text-transform: uppercase; letter-spacing: .06em; margin-bottom: .4rem; }
.metric-value { font-family: 'IBM Plex Mono', monospace; font-size: 1.35rem; font-weight: 600; color: var(--ink); line-height: 1; }
.metric-value.red  { color: var(--rose); }
.metric-value.blue { color: var(--indigo); }
.metric-value.gold { color: var(--amber); }
.metric-value.green{ color: var(--emerald); }

/* ── main card ── */
.cr-card {
    background: var(--white); border: 1px solid var(--border);
    border-radius: 14px; overflow: hidden;
}
.cr-card-head {
    display: flex; align-items: center; gap: .75rem;
    padding: 1.125rem 1.5rem; border-bottom: 1px solid var(--border);
    background: var(--surface);
}
.cr-card-head-icon {
    width: 36px; height: 36px; border-radius: 8px;
    background: #EEF2FF; color: var(--indigo);
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem;
}
.cr-card-title { font-size: .95rem; font-weight: 600; margin: 0; }
.rcpt-badge {
    margin-left: auto; font-family: 'IBM Plex Mono', monospace;
    font-size: .75rem; font-weight: 600; color: var(--indigo);
    background: #EEF2FF; border: 1px solid #C7D2FE;
    border-radius: 6px; padding: .25rem .6rem;
}

.cr-body { padding: 1.75rem 1.5rem; }

/* ── form elements ── */
.form-row { display: grid; gap: 1rem; margin-bottom: 1rem; }
.form-row.cols-3 { grid-template-columns: 2fr 1fr 1fr; }
.form-row.cols-2 { grid-template-columns: 1fr 1fr; }
.form-row.cols-4 { grid-template-columns: repeat(4, 1fr); }

.fld { display: flex; flex-direction: column; gap: .35rem; }
.fld label {
    font-size: .72rem; font-weight: 600; color: var(--muted);
    text-transform: uppercase; letter-spacing: .06em;
}
.fld label span.req { color: var(--rose); }
.fld input, .fld select, .fld textarea {
    border: 1px solid var(--border); border-radius: var(--radius);
    padding: .6rem .875rem; font-size: .875rem;
    font-family: 'Sora', sans-serif; color: var(--ink);
    background: #fff; min-height: 42px;
    transition: border-color .15s, box-shadow .15s;
    width: 100%;
}
.fld input:focus, .fld select:focus, .fld textarea:focus {
    outline: none; border-color: var(--indigo);
    box-shadow: 0 0 0 3px rgba(67,56,202,.1);
}
.fld textarea { min-height: 100px; resize: vertical; }
.fld .hint { font-size: .72rem; color: var(--muted); margin-top: .15rem; }

/* ── amount input group ── */
.amount-wrap { position: relative; }
.amount-prefix {
    position: absolute; left: .875rem; top: 50%; transform: translateY(-50%);
    font-weight: 600; color: var(--muted); font-size: .875rem; pointer-events: none;
}
.amount-input { padding-left: 1.75rem !important; font-family: 'IBM Plex Mono', monospace !important; font-size: 1rem !important; font-weight: 600 !important; }

/* ── client summary strip ── */
.client-strip {
    display: grid; grid-template-columns: repeat(4, 1fr);
    background: var(--surface); border: 1px solid var(--border);
    border-radius: var(--radius); overflow: hidden; margin-bottom: 1rem;
}
.cs-cell {
    padding: .875rem 1rem; text-align: center;
    border-right: 1px solid var(--border);
}
.cs-cell:last-child { border-right: none; }
.cs-label { font-size: .65rem; font-weight: 600; color: var(--muted); text-transform: uppercase; letter-spacing: .07em; margin-bottom: .3rem; }
.cs-val   { font-family: 'IBM Plex Mono', monospace; font-size: .95rem; font-weight: 600; color: var(--ink); }
.cs-val.green { color: var(--emerald); }
.cs-val.red   { color: var(--rose); }
.cs-val.blue  { color: var(--indigo); }

/* ── payment summary bar ── */
.pay-summary {
    display: grid; grid-template-columns: repeat(4, 1fr);
    background: #1A1F2E; border-radius: var(--radius);
    overflow: hidden; margin-top: 1.25rem;
}
.ps-cell { padding: 1rem 1.125rem; border-right: 1px solid rgba(255,255,255,.1); text-align: center; }
.ps-cell:last-child { border-right: none; }
.ps-label { font-size: .65rem; font-weight: 600; color: rgba(255,255,255,.5); text-transform: uppercase; letter-spacing: .07em; margin-bottom: .3rem; }
.ps-val   { font-family: 'IBM Plex Mono', monospace; font-size: 1rem; font-weight: 600; color: #fff; }
.ps-val.green   { color: #6EE7B7; }
.ps-val.amber   { color: #FCD34D; }
.ps-val.rose    { color: #FCA5A5; }

/* ── divider ── */
.cr-divider { border: none; border-top: 1px solid var(--border); margin: 1.5rem 0; }

/* ── footer ── */
.cr-footer {
    display: flex; justify-content: flex-end; gap: .625rem;
    padding: 1.125rem 1.5rem; border-top: 1px solid var(--border);
    background: var(--surface);
}

/* ── buttons ── */
.btn {
    display: inline-flex; align-items: center; gap: .4rem;
    border-radius: var(--radius); font-size: .875rem; font-weight: 600;
    font-family: 'Sora', sans-serif; cursor: pointer;
    padding: .6rem 1.25rem; text-decoration: none;
    border: 1px solid transparent; transition: all .15s; line-height: 1;
}
.btn-ghost   { background: #fff; color: var(--ink); border-color: var(--border); }
.btn-ghost:hover { background: var(--surface); color: var(--ink); }
.btn-reset   { background: #FFFBEB; color: #92400E; border-color: #FDE68A; }
.btn-reset:hover { background: #FEF3C7; }
.btn-save    { background: var(--emerald); color: #fff; border-color: var(--emerald); }
.btn-save:hover { background: #047857; }

/* ── select2 overrides ── */
.select2-container--default .select2-selection--single {
    height: 42px; border-radius: var(--radius) !important;
    border: 1px solid var(--border) !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px; font-family: 'Sora', sans-serif; font-size: .875rem; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; }
.select2-dropdown { border-radius: var(--radius) !important; border-color: var(--border) !important; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background: var(--indigo) !important; }

/* ── responsive ── */
@media (max-width: 900px) {
    .metric-strip { grid-template-columns: repeat(2, 1fr); }
    .form-row.cols-3, .form-row.cols-4 { grid-template-columns: 1fr 1fr; }
    .client-strip, .pay-summary { grid-template-columns: repeat(2, 1fr); }
    .cs-cell:nth-child(2) { border-right: none; }
}
@media (max-width: 600px) {
    .cr-wrap { padding: 1rem; }
    .metric-strip { grid-template-columns: 1fr 1fr; }
    .form-row.cols-3, .form-row.cols-2, .form-row.cols-4 { grid-template-columns: 1fr; }
    .client-strip, .pay-summary { grid-template-columns: 1fr 1fr; }
    .cr-topbar { flex-direction: column; align-items: flex-start; gap: .75rem; }
}

.bi-7aa1bcefbe { font-size:1.1rem;flex-shrink:0; }

.bi-67b7238e5c { font-size:1.1rem;flex-shrink:0;margin-top:.05rem; }

.bi-0478ebbc90 { margin:0;padding:0;list-style:none; }

.bi-6b99de8b69 { display:none; }

.bi-ef0b7a1148 { margin-bottom:0; }

/* --- Component: receipts\index.css --- */
/* Extracted from receipts/index.blade.php */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&display=swap');

/* ── tokens ── */
:root {
    --ink      : #111827;
    --slate    : #1B2332;
    --muted    : #6B7A8D;
    --surface  : #F8F6F2;
    --border   : #E4E0D8;
    --emerald  : #059669;
    --amber    : #D97706;
    --rose     : #E11D48;
    --blue     : #2563EB;
    --radius   : 12px;
}

* { box-sizing: border-box; }
body { font-family: 'Inter', sans-serif; background: var(--surface); color: var(--ink); }

/* ── page shell ── */
.rp-page { padding: 2rem; max-width: 1280px; margin: 0 auto; }

/* ── page header ── */
.rp-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 2rem; }
.rp-title { font-family: 'Fraunces', serif; font-size: 2rem; font-weight: 700; color: var(--slate); line-height: 1; margin: 0; }
.rp-subtitle { color: var(--muted); font-size: .85rem; margin-top: .35rem; }

/* ── stat bar ── */
.stat-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-bottom: 2rem; }
.stat-cell {
    background: #fff; border: 1px solid var(--border);
    border-radius: var(--radius); padding: 1.25rem 1.5rem;
    display: flex; align-items: center; gap: 1rem;
}
.stat-icon {
    width: 44px; height: 44px; border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.2rem; flex-shrink: 0;
}
.stat-icon.green  { background: #D1FAE5; color: var(--emerald); }
.stat-icon.blue   { background: #DBEAFE; color: var(--blue); }
.stat-icon.amber  { background: #FEF3C7; color: var(--amber); }
.stat-label { font-size: .75rem; color: var(--muted); font-weight: 500; text-transform: uppercase; letter-spacing: .05em; }
.stat-value { font-family: 'Fraunces', serif; font-size: 1.6rem; font-weight: 700; line-height: 1.1; color: var(--ink); }

/* ── filter bar ── */
.filter-bar {
    background: #fff; border: 1px solid var(--border);
    border-radius: var(--radius); padding: 1rem 1.25rem;
    display: flex; gap: .75rem; align-items: flex-end;
    flex-wrap: wrap; margin-bottom: 1.5rem;
}
.filter-field { display: flex; flex-direction: column; gap: .3rem; flex: 1; min-width: 140px; }
.filter-field label { font-size: .72rem; font-weight: 600; color: var(--muted); text-transform: uppercase; letter-spacing: .05em; }
.filter-field input,
.filter-field select {
    border: 1px solid var(--border); border-radius: 8px;
    padding: .45rem .75rem; font-size: .875rem;
    font-family: 'Inter', sans-serif; color: var(--ink);
    background: #fff; height: 38px;
    transition: border-color .15s;
}
.filter-field input:focus,
.filter-field select:focus { outline: none; border-color: var(--slate); }
.filter-actions { display: flex; gap: .5rem; align-items: flex-end; }

/* ── table card ── */
.table-card {
    background: #fff; border: 1px solid var(--border);
    border-radius: var(--radius); overflow: hidden;
}
.table-card-header {
    padding: 1rem 1.5rem; border-bottom: 1px solid var(--border);
    display: flex; justify-content: space-between; align-items: center;
}
.table-card-header h6 { margin: 0; font-weight: 600; font-size: .9rem; }
.count-chip {
    background: var(--surface); border: 1px solid var(--border);
    border-radius: 20px; padding: .2rem .7rem;
    font-size: .75rem; font-weight: 600; color: var(--muted);
}

/* ── receipt table ── */
.rt { width: 100%; border-collapse: collapse; }
.rt thead th {
    background: var(--slate); color: rgba(255,255,255,.85);
    font-size: .72rem; text-transform: uppercase; letter-spacing: .06em;
    font-weight: 600; padding: .75rem 1rem; white-space: nowrap;
}
.rt thead th:first-child { border-radius: 0; }
.rt tbody tr { border-bottom: 1px solid var(--border); transition: background .1s; }
.rt tbody tr:last-child { border-bottom: none; }
.rt tbody tr:hover { background: #FAFAF8; }
.rt td { padding: .85rem 1rem; vertical-align: middle; font-size: .875rem; }
.rt tfoot td { padding: .85rem 1rem; background: var(--surface); font-weight: 700; font-size: .875rem; border-top: 2px solid var(--border); }

/* ── receipt number ── */
.rcpt-no {
    font-family: 'Inter', sans-serif; font-variant-numeric: tabular-nums;
    font-weight: 600; color: var(--slate); font-size: .8rem;
    background: var(--surface); border: 1px solid var(--border);
    border-radius: 6px; padding: .2rem .55rem; display: inline-block;
}

/* ── client name ── */
.client-name { font-weight: 600; color: var(--ink); }
.client-hint { font-size: .75rem; color: var(--muted); margin-top: .1rem; }

/* ── amount ── */
.amount-cell { font-family: 'Fraunces', serif; font-size: 1.05rem; font-weight: 600; color: var(--emerald); }

/* ── mode badge ── */
.mode-badge {
    display: inline-flex; align-items: center; gap: .3rem;
    border-radius: 20px; padding: .25rem .7rem;
    font-size: .72rem; font-weight: 600; text-transform: uppercase; letter-spacing: .04em;
}
.mode-badge.cash   { background: #D1FAE5; color: #065F46; }
.mode-badge.bank   { background: #DBEAFE; color: #1E40AF; }
.mode-badge.upi    { background: #EDE9FE; color: #5B21B6; }
.mode-badge.cheque { background: #FEF3C7; color: #92400E; }

/* ── action buttons ── */
.act-btn {
    display: inline-flex; align-items: center; justify-content: center;
    width: 30px; height: 30px; border-radius: 7px; border: 1px solid var(--border);
    color: var(--muted); background: #fff; cursor: pointer;
    text-decoration: none; transition: all .15s; font-size: .8rem;
}
.act-btn:hover { color: var(--ink); border-color: var(--ink); background: var(--surface); }
.act-btn.danger:hover { color: var(--rose); border-color: var(--rose); }
.act-btn form { margin: 0; }

/* ── buttons ── */
.btn-primary {
    display: inline-flex; align-items: center; gap: .4rem;
    background: var(--slate); color: #fff; border: none;
    border-radius: 9px; padding: .55rem 1.1rem; font-size: .875rem;
    font-weight: 600; font-family: 'Inter', sans-serif;
    cursor: pointer; text-decoration: none; transition: opacity .15s;
}
.btn-primary:hover { opacity: .88; color: #fff; }
.btn-ghost {
    display: inline-flex; align-items: center; gap: .4rem;
    background: #fff; color: var(--ink); border: 1px solid var(--border);
    border-radius: 9px; padding: .5rem 1rem; font-size: .875rem;
    font-weight: 500; font-family: 'Inter', sans-serif;
    cursor: pointer; text-decoration: none; transition: background .15s;
}
.btn-ghost:hover { background: var(--surface); color: var(--ink); }

/* ── empty state ── */
.empty-state { text-align: center; padding: 4rem 2rem; color: var(--muted); }
.empty-state .empty-icon { font-size: 3rem; margin-bottom: 1rem; opacity: .4; }
.empty-state p { margin: .5rem 0 1.5rem; }

/* ── pagination ── */
.pagination-wrap { display: flex; justify-content: flex-end; margin-top: 1.5rem; }
.pagination { display: flex; gap: .25rem; list-style: none; margin: 0; padding: 0; }
.pagination .page-link {
    border: 1px solid var(--border); border-radius: 8px;
    padding: .4rem .75rem; font-size: .8rem; color: var(--ink);
    text-decoration: none; font-family: 'Inter', sans-serif;
    transition: all .15s; background: #fff;
}
.pagination .page-link:hover { background: var(--slate); color: #fff; border-color: var(--slate); }
.pagination .active .page-link { background: var(--slate); color: #fff; border-color: var(--slate); }

/* ── alerts ── */
.alert-bar {
    display: flex; align-items: center; gap: .75rem;
    padding: .85rem 1.25rem; border-radius: 10px; margin-bottom: 1.5rem;
    font-size: .875rem; font-weight: 500;
}
.alert-bar.success { background: #D1FAE5; color: #065F46; border: 1px solid #6EE7B7; }

/* ── highlight row ── */
.rt tbody tr.highlight { background: #FFFBEB; }

@media (max-width: 768px) {
    .rp-page { padding: 1rem; }
    .stat-row { grid-template-columns: 1fr; }
    .filter-bar { flex-direction: column; }
    .filter-field { min-width: 100%; }
    .rp-header { flex-direction: column; gap: 1rem; }
}

.bi-48591d9c7d { display:flex;gap:.5rem;flex-wrap:wrap; }

.bi-4b3de78f23 { flex:2; }

.bi-3cfa08b598 { height:38px;padding:.45rem 1rem; }

.bi-0c7e3f326e { height:38px;padding:.45rem .9rem; }

.bi-0ddf068bfb { overflow-x:auto; }

.bi-54c2afb7ba { text-align:right; }

.bi-91a87015f4 { text-align:center; }

.bi-58dbc94d2b { color:var(--muted);white-space:nowrap; }

.bi-0096636d60 { color:var(--muted);font-size:.8rem; }

.bi-50e487b9ae { display:flex;gap:.3rem;justify-content:center; }

.bi-b73d17313c { background:none;font-size:.8rem; }

.bi-ef9a7e487f { color:var(--muted);font-weight:500; }

.bi-cb7a4dd76f { text-align:right;color:var(--emerald); }

/* --- Component: receipts\print.css --- */
/* Extracted from receipts/print.blade.php */

* { box-sizing: border-box; }
        body { margin: 0; background: #f3f4f6; color: #111827; font-family: Arial, sans-serif; }
        .wrap { max-width: 820px; margin: 24px auto; padding: 0 16px; }
        .toolbar { display: flex; justify-content: flex-end; gap: 8px; margin-bottom: 12px; }
        .btn { border: 1px solid #d1d5db; background: #fff; color: #111827; padding: 8px 12px; border-radius: 6px; text-decoration: none; font-size: 13px; cursor: pointer; }
        .receipt { background: #fff; border: 2px solid #111827; padding: 28px; }
        .head { display: flex; justify-content: space-between; gap: 20px; border-bottom: 2px solid #111827; padding-bottom: 16px; margin-bottom: 16px; }
        .company h1 { margin: 0; font-size: 22px; }
        .company p { margin: 5px 0 0; color: #6b7280; font-size: 13px; line-height: 1.45; }
        .receipt-no { text-align: right; }
        .receipt-no h2 { margin: 0; font-size: 22px; }
        .receipt-no .no { margin-top: 8px; font-weight: 700; color: #2563eb; }
        .grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-top: 22px; }
        .box { border: 1px solid #111827; padding: 13px; min-height: 76px; }
        .label { color: #6b7280; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
        .value { margin-top: 7px; font-size: 15px; font-weight: 700; }
        .amount-box { margin-top: 22px; background: #ecfdf5; border: 2px solid #047857; padding: 18px; display: flex; justify-content: space-between; align-items: center; }
        .amount-box .amount { font-size: 28px; font-weight: 800; color: #047857; }
        table { width: 100%; border-collapse: collapse; margin-top: 22px; border: 1px solid #111827; }
        th, td { border: 1px solid #111827; padding: 10px; font-size: 13px; text-align: left; }
        th { background: #f9fafb; color: #374151; font-weight: 700; }
        .summary { margin-top: 22px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
        .summary .box { min-height: auto; text-align: center; }
        .footer { margin-top: 34px; display: flex; justify-content: space-between; gap: 20px; align-items: end; padding-top: 20px; border-top: 2px solid #111827; }
        .sign { width: 220px; text-align: center; border-top: 1px solid #111827; padding-top: 8px; font-size: 13px; }
        .note { color: #6b7280; font-size: 12px; line-height: 1.5; }
        
        @media print {
            .receipt { border: 2px solid #000 !important; }
        }

.bi-cc4e5b34bc { margin-top:6px;color:#6b7280;font-size:13px; }

.bi-32f852ac20 { margin-top:5px;color:#047857;font-weight:700; }

.bi-7c07cdf8bd { width:150px; }

/* --- Component: receipts\show.css --- */
/* Extracted from receipts/show.blade.php */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Sora:wght@400;500;600;700&display=swap');

:root {
    --ink: #0f172a;
    --muted: #64748b;
    --border: #e2e8f0;
    --surface: #f8fafc;
    --white: #ffffff;
    --emerald: #10b981;
    --rose: #f43f5e;
    --amber: #f59e0b;
    --indigo: #6366f1;
    --sky: #0ea5e9;
    --radius: 12px;
}

*, *::before, *::after { box-sizing: border-box; }

.cr-wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 1.5rem;
    font-family: 'Sora', sans-serif;
    color: var(--ink);
}

/* Typography & Headers */
.cr-header-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: 2.5rem;
}
.cr-title-group h1 { font-size: 1.75rem; font-weight: 700; margin: 0; color: var(--ink); }
.cr-subtitle { font-family: 'IBM Plex Mono', monospace; font-size: 0.875rem; color: var(--muted); margin-top: 0.35rem; }
.cr-subtitle span { color: var(--indigo); font-weight: 600; }

/* Actions */
.cr-actions { display: flex; gap: 0.75rem; }
.cr-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: var(--radius);
    text-decoration: none;
    transition: all 0.2s ease;
    border: 1px solid transparent;
    cursor: pointer;
}
.cr-btn-primary { background: var(--indigo); color: white; }
.cr-btn-primary:hover { background: #4f46e5; }
.cr-btn-secondary { background: white; color: var(--muted); border-color: var(--border); }
.cr-btn-secondary:hover { background: var(--surface); color: var(--ink); }

/* Metrics Grid */
.cr-metrics-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem;
    margin-bottom: 2.5rem;
}
.cr-metric-card {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 1.25rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    border-left: 4px solid var(--border);
}
.cr-metric-card.received { border-left-color: var(--emerald); }
.cr-metric-card.paid { border-left-color: var(--indigo); }
.cr-metric-card.outstanding { border-left-color: var(--rose); }
.cr-metric-card.advance { border-left-color: var(--sky); }

.cr-metric-label { font-size: 0.75rem; font-weight: 600; color: var(--muted); text-transform: uppercase; letter-spacing: 0.05em; }
.cr-metric-value { font-family: 'IBM Plex Mono', monospace; font-size: 1.5rem; font-weight: 600; margin-top: 0.5rem; }

/* Panel System */
.cr-panel {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    margin-bottom: 2rem;
    overflow: hidden;
}
.cr-panel-head {
    padding: 1.25rem 1.5rem;
    background: var(--surface);
    border-bottom: 1px solid var(--border);
    display: flex;
    align-items: center;
    gap: 0.75rem;
}
.cr-panel-head h2 { font-size: 1rem; font-weight: 600; margin: 0; }
.cr-panel-head i { font-size: 1.25rem; color: var(--indigo); }
.cr-panel-body { padding: 1.5rem; }

/* Data Display Lists */
.cr-data-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1.5rem;
}
.cr-data-item { display: flex; flex-direction: column; gap: 0.25rem; }
.cr-data-label { font-size: 0.75rem; font-weight: 600; color: var(--muted); text-transform: uppercase; }
.cr-data-value { font-size: 0.95rem; font-weight: 500; }
.cr-data-value.mono { font-family: 'IBM Plex Mono', monospace; }

/* Status Badges */
.cr-badge {
    display: inline-flex;
    padding: 0.25rem 0.625rem;
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: 6px;
    text-transform: uppercase;
}
.cr-badge-success { background: #d1fae5; color: #065f46; }
.cr-badge-info { background: #e0f2fe; color: #0369a1; }

/* Modern Tables */
.cr-table-wrap { overflow-x: auto; }
.cr-table { width: 100%; border-collapse: collapse; text-align: left; font-size: 0.875rem; }
.cr-table th { padding: 1rem 1.5rem; background: var(--surface); color: var(--muted); font-weight: 600; border-bottom: 1px solid var(--border); text-transform: uppercase; font-size: 0.75rem; }
.cr-table td { padding: 1rem 1.5rem; border-bottom: 1px solid var(--border); }
.cr-table tbody tr:hover { background: var(--surface); }
.text-right { text-align: right; }

/* Responsive Adjustments */
@media (max-width: 992px) {
    .cr-metrics-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
    .cr-header-block { flex-direction: column; align-items: flex-start; }
    .cr-metrics-grid { grid-template-columns: 1fr; }
    .cr-actions { width: 100%; }
    .cr-btn { flex: 1; justify-content: center; }
}

.bi-2183510bfe { color: var(--emerald); }

.bi-3da9bd6e86 { color: var(--indigo); }

.bi-6cd1551375 { color: var(--rose); }

.bi-97729a0f3c { color: var(--sky); }

.bi-21a1be8a0d { font-weight: 600; }

.bi-c7561f0f7b { margin-top: 1.5rem;border-top: 1px dashed var(--border);padding-top: 1rem; }

.bi-450caa6182 { font-weight: 600;color: var(--emerald); }

.bi-c5a5e13300 { text-align: center;color: var(--muted);padding: 3rem 0; }

.bi-048c477834 { margin-bottom: 4rem; }

/* --- Component: reports\challan_pdf.css --- */
/* Extracted from reports/challan_pdf.blade.php */

@page {
            margin: 20px;
        }

        body {
            font-family: DejaVu Sans, sans-serif;
            color: #1e293b;
            font-size: 10px;
        }

        .header {
            margin-bottom: 18px;
            border-bottom: 2px solid #2563eb;
            padding-bottom: 10px;
        }

        .header h2 {
            margin: 0;
            font-size: 20px;
            color: #0f172a;
        }

        .header p {
            margin: 5px 0 0;
            color: #64748b;
            font-size: 9px;
        }

        .filter-box {
            background: #f8fafc;
            border: 1px solid #e2e8f0;
            padding: 8px;
            margin-bottom: 14px;
        }

        .filter-box span {
            display: inline-block;
            margin-right: 14px;
            margin-bottom: 3px;
        }

        table {
            width: 100%;
            border-collapse: collapse;
        }

        thead {
            display: table-header-group;
        }

        th {
            background: #0f172a;
            color: #ffffff;
            text-align: left;
            padding: 8px 6px;
            border: 1px solid #334155;
            font-size: 9px;
        }

        td {
            padding: 7px 6px;
            border: 1px solid #cbd5e1;
            vertical-align: top;
        }

        tbody tr:nth-child(even) {
            background: #f8fafc;
        }

        .center {
            text-align: center;
        }

        .right {
            text-align: right;
        }

        .materials {
            line-height: 1.5;
            width: 31%;
        }

        .total-row td {
            background: #eff6ff;
            font-weight: bold;
            border-top: 2px solid #2563eb;
        }

        .empty {
            text-align: center;
            padding: 30px;
            color: #64748b;
        }

        .footer {
            margin-top: 12px;
            text-align: right;
            color: #64748b;
            font-size: 8px;
        }

.bi-98bd33e811 { width: 4%; }

.bi-afb1c4d31a { width: 12%; }

.bi-f90e34ffaf { width: 17%; }

.bi-6d2d0318ab { width: 31%; }

.bi-25febc3034 { width: 13%; }

.bi-9377d39e84 { width: 11%; }

/* --- Component: reports\challan_report.css --- */
/* Extracted from reports/challan_report.blade.php */

:root {
  --navy:      #102b5b;
  --accent:    #3b82f6;
  --accent-lt: #eff6ff;
  --teal:      #0d9488;
  --teal-lt:   #f0fdfa;
  --amber:     #f59e0b;
  --amber-lt:  #fffbeb;
  --green:     #10b981;
  --green-lt:  #f0fdf4;
  --danger:    #ef4444;
  --border:    #e2e8f0;
  --muted:     #94a3b8;
  --text:      #1e293b;
  --text-sm:   #64748b;
  --radius:    8px;
}

body { background: #e8ecf0; font-family: 'Inter', system-ui, sans-serif; }

/* ── SCREEN ACTION BAR ── */
.screen-bar {
  background: var(--navy);
  padding: 12px 24px;
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; flex-wrap: wrap;
  border-bottom: 3px solid var(--accent);
}
.screen-bar .sb-left h6 { color: #fff; font-size: .88rem; font-weight: 700; margin: 0 0 2px; }
.screen-bar .sb-left .sub { color: var(--muted); font-size: .68rem; }
.screen-bar .sb-right { display: flex; gap: 8px; }

.sb-btn {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: .75rem; font-weight: 600; padding: 7px 14px;
  border-radius: 6px; border: none; cursor: pointer;
  text-decoration: none; transition: all .14s; white-space: nowrap;
}
.sb-btn-primary { background: var(--accent); color: #fff; }
.sb-btn-primary:hover { background: #2563eb; color: #fff; }
.sb-btn-danger  { background: var(--danger); color: #fff; }
.sb-btn-danger:hover { background: #dc2626; color: #fff; }
.sb-btn-ghost   { background: rgba(255,255,255,.1); color: #fff; border: 1px solid rgba(255,255,255,.15); }
.sb-btn-ghost:hover { background: rgba(255,255,255,.18); color: #fff; }

/* ── PAPER WRAPPER ── */
.paper-wrap { max-width: 794px; margin: 24px auto; padding: 0 16px 60px; }
.paper {
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 4px 28px rgba(0, 0, 0, .13);
  overflow: hidden;
  border: 1px solid #6b5d5d66;
}

/* ══ BANNER ══ */
.ch-banner {
  background: var(--navy); /* 🔥 FIXED: Print background solid navy format text colors updated */
  display: grid; grid-template-columns: auto 1fr auto;
  align-items: stretch; min-height: 80px;
}
.banner-logo {
  background: #fff; padding: 14px 20px;
  display: flex; align-items: center;
}
.banner-logo img { max-height: 52px; max-width: 120px; object-fit: contain; }

.banner-company {
  padding: 14px 20px; color: #fff; /* 🔥 FIXED: White text color for clear header visibility */
  display: flex; flex-direction: column; justify-content: center;
}
.banner-company .cname  { font-size: 1rem; font-weight: 800; letter-spacing: .02em; margin-bottom: 3px; }
.banner-company .caddr  { font-size: .67rem; color: #cbd5e1; line-height: 1.5; }

.banner-doc {
  padding: 14px 20px; text-align: right;
  display: flex; flex-direction: column; justify-content: center;
  border-left: 1px solid rgba(255,255,255,.1);
  min-width: 150px;
}
.banner-doc .doc-type {
  font-size: .55rem; font-weight: 700; text-transform: uppercase;
  letter-spacing: .12em; color: var(--accent); margin-bottom: 4px;
}
.banner-doc .doc-num {
  font-size: .92rem; font-weight: 800; color: #fff;
  font-family: 'JetBrains Mono','Courier New', monospace; letter-spacing: .04em;
}
.banner-doc .doc-date { font-size: .63rem; color: #cbd5e1; margin-top: 2px; }

/* ══ META BAR ══ */
.meta-bar { display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid var(--border); }
.meta-cell { padding: 11px 16px; border-right: 1px solid var(--border); }
.meta-cell:last-child { border-right: none; }
.meta-cell label {
  display: block; font-size: .57rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: .07em; color: var(--muted); margin-bottom: 3px;
}
.meta-cell .mval { font-size: .82rem; font-weight: 600; color: var(--text); }
.meta-cell .mval.mono { font-family: 'JetBrains Mono',monospace; color: var(--accent); }

/* ══ SECTION LABEL ══ */
.sec-label {
  padding: 7px 16px;
  background: #f8fafc; border-bottom: 1px solid var(--border);
  font-size: .58rem; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: var(--muted);
  display: flex; align-items: center; gap: 7px;
}
.sec-label::before { content: ''; width: 3px; height: 11px; background: var(--accent); border-radius: 2px; flex-shrink: 0; }

/* ══ MATERIAL TABLE ══ */
.mat-table { width: 100%; border-collapse: collapse; font-size: .78rem; }
.mat-table thead th {
  background: #f1f5f9; color: var(--text-sm);
  font-size: .6rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em;
  padding: 9px 12px; border-bottom: 2px solid var(--border); white-space: nowrap;
}
.mat-table thead th.r { text-align: right; }
.mat-table tbody td { padding: 10px 12px; border-bottom: 1px solid #f1f5f9; vertical-align: middle; }
.mat-table tbody tr:last-child td { border-bottom: none; }

/* Sand rows */
.sand-row > td { background: #fefce8; }
.sand-tag-sm {
  font-size: .52rem; font-weight: 700; text-transform: uppercase;
  background: #fef08a; color: #854d0e;
  border-radius: 3px; padding: 1px 4px; margin-left: 4px;
}
.moisture-chip {
  font-size: .6rem; font-weight: 700; font-family: monospace;
  background: var(--amber-lt); color: #92400e;
  border: 1px solid #fde68a; border-radius: 99px; padding: 1px 7px;
}
.dry-val { font-weight: 700; color: var(--teal); font-family: monospace; font-size: .78rem; }

/* Tfoot */
.mat-table tfoot td {
  background: #f8fafc; padding: 10px 12px;
  font-size: .82rem; font-weight: 700; border-top: 2px solid var(--border);
}
.grand-total-val {
  text-align: right; font-size: .95rem; font-weight: 800;
  color: var(--green); font-family: 'JetBrains Mono',monospace;
}

/* ══ LOWER GRID ══ */
.lower-grid { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--border); }
.lower-left  { border-right: 1px solid var(--border); }

/* Weight table */
.w-table { width: 100%; border-collapse: collapse; font-size: .75rem; }
.w-table td { padding: 8px 16px; border-bottom: 1px solid #f1f5f9; }
.w-table tr:last-child td { border-bottom: none; }
.w-table td:first-child { font-size: .67rem; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); }
.w-table td:last-child  { text-align: right; font-weight: 700; font-family: monospace; }
.w-table .net-row     td { background: var(--green-lt); color: var(--green); font-weight: 800; }
.w-table .bill-row    td:last-child { color: var(--accent); }
.w-table .short-row   td:last-child { color: var(--danger); }

/* Remarks */
.remarks-body { padding: 14px 16px 12px; }
.remarks-line { border-top: 1px dashed var(--border); margin-bottom: 18px; }

/* ══ SIGNATURE BLOCK ══ */
.sig-block {
  border-top: 1px solid var(--border);
  display: grid; grid-template-columns: 1fr 1fr;
  background: #fafbfd;
}
.sig-cell { padding: 18px 20px 16px; }
.sig-cell:first-child { border-right: 1px solid var(--border); }
.sig-lbl { font-size: .6rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: var(--muted); margin-bottom: 30px; }
.sig-line { border-top: 1.5px solid var(--text); width: 160px; }
.sig-sub  { font-size: .6rem; color: var(--muted); margin-top: 5px; }

.stamp-cell { padding: 16px 20px; display: flex; align-items: flex-end; justify-content: flex-end; }
.stamp-box {
  border: 1.5px solid var(--navy); border-radius: 6px;
  padding: 10px 20px; text-align: center; min-width: 140px;
}
.stamp-for  { font-size: .55rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); margin-bottom: 26px; }
.stamp-name { font-size: .7rem; font-weight: 800; color: var(--navy); }

/* ══ FOOTER BAR ══ */
.ch-footer {
  background: var(--navy); padding: 7px 20px;
  display: flex; align-items: center; justify-content: space-between;
}
.ch-footer span { font-size: .58rem; color: #94a3b8; font-family: monospace; }

/* ══ PRINT ══ */
@page { size: A4 portrait; margin: 8mm 10mm; }

@media print {
  body { background: #fff !important; }
  .screen-bar { display: none !important; }
  .paper-wrap { padding: 0; margin: 0; max-width: none; }
  .paper { box-shadow: none; border-radius: 0; border: none; }

  .hide-on-print { display: none !important; }
  .navbar-header, .footer, .toggle-theme, .topbar-menu, .sidebar-logo
   { display: none !important; }

  .ch-banner { -webkit-print-color-adjust: exact; print-color-adjust: exact; background: var(--navy) !important; }
  .banner-company { color: #fff !important; }
  .banner-company .caddr { color: #cbd5e1 !important; }
  .banner-doc .doc-num { color: #fff !important; }
  .banner-doc .doc-date { color: #cbd5e1 !important; }

  .mat-table thead th,
  .mat-table tbody td,
  .w-table td { font-size: 10px !important; padding: 6px 10px !important; }

  .banner-company .cname { font-size: .9rem; }
  .banner-company .caddr { font-size: .6rem; }
}

.bi-82b9d861a5 { width:32px; }

.bi-d97d7aa42a { background:#f1f5f9;color:#64748b;border:1px solid #cbd5e1; }

.bi-19483005fc { text-align:right;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600; }

.bi-305ba7e819 { padding-left:16px; }

.bi-688d5d4616 { width:3px;height:11px;background:var(--amber);border-radius:2px;display:inline-block;flex-shrink:0; }

.bi-1a318b04ea { padding:20px 16px;color:var(--muted);font-size:.75rem; }

.bi-e6e4c514ee { width:3px;height:11px;background:var(--accent);border-radius:2px;display:inline-block;flex-shrink:0; }

/* --- Component: accounting-aging\index.css --- */
/* Extracted from accounting-aging/index.blade.php */

:root{--ag:#274c8e;--ag-dark:#193463;--bg:#f4f7fb;--card:#fff;--text:#172033;--muted:#697386;--border:#dce3ed;--green:#15803d;--green-lt:#ecfdf3;--amber:#b45309;--amber-lt:#fff7ed;--red:#dc2626;--red-lt:#fff1f2;--purple:#7c3aed;--purple-lt:#f5f3ff}
body{background:var(--bg)}.ag-page{max-width:1500px;margin:auto;padding:18px 14px 60px;font-family:Inter,system-ui,sans-serif;color:var(--text)}
.ag-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.ag-title{margin:0;font-size:1.2rem;font-weight:800}.ag-sub{font-size:.68rem;color:var(--muted)}
.ag-actions{display:flex;gap:8px;flex-wrap:wrap}.ag-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:7px 11px;border:1px solid var(--border);border-radius:7px;background:#fff;color:var(--text);text-decoration:none;font-size:.72rem;font-weight:700}.ag-btn.primary{background:var(--ag);border-color:var(--ag);color:#fff}.ag-btn.pay{background:var(--green);border-color:var(--green);color:#fff}
.ag-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:14px}.ag-stat{background:#fff;border:1px solid var(--border);border-radius:10px;padding:14px;box-shadow:0 3px 12px rgba(15,23,42,.035)}.ag-stat span{display:block;font-size:.54rem;color:var(--muted);font-weight:700;text-transform:uppercase}.ag-stat strong{display:block;margin-top:4px;font-size:1rem}.ag-stat.red strong{color:var(--red)}.ag-stat.amber strong{color:var(--amber)}.ag-stat.purple strong{color:var(--purple)}
.ag-card{background:#fff;border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:14px}.ag-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:11px 14px;background:#f9fbff;border-bottom:1px solid var(--border)}.ag-card-title{margin:0;font-size:.78rem;font-weight:800}
.ag-filter{display:grid;grid-template-columns:minmax(220px,1fr) 180px auto auto;gap:8px}.ag-input,.ag-select{min-height:35px;border:1px solid var(--border);border-radius:7px;padding:7px 9px;font-size:.72rem}
.ag-table-wrap{overflow-x:auto}.ag-table{width:100%;min-width:1150px;border-collapse:collapse}.ag-table th{background:#f7f9fc;color:var(--muted);font-size:.55rem;text-transform:uppercase;padding:9px 10px;border-bottom:1px solid var(--border);white-space:nowrap}.ag-table td{padding:10px;border-bottom:1px solid #edf1f5;font-size:.7rem;vertical-align:middle}.ag-table tbody tr:hover td{background:#fbfcff}.ag-money{text-align:right;font-family:ui-monospace,monospace;font-weight:700}.ag-party{font-weight:700}.ag-meta{display:block;margin-top:2px;color:var(--muted);font-size:.58rem}.ag-age{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:.57rem;font-weight:700}.ag-age.a{background:var(--green-lt);color:var(--green)}.ag-age.b{background:var(--amber-lt);color:var(--amber)}.ag-age.c{background:var(--purple-lt);color:var(--purple)}.ag-age.d{background:var(--red-lt);color:var(--red)}
.ag-row-actions{display:flex;justify-content:flex-end;gap:5px}.ag-icon{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--text);text-decoration:none}.ag-icon.pay{background:var(--green);border-color:var(--green);color:#fff}
@media(max-width:1000px){.ag-summary{grid-template-columns:repeat(2,1fr)}.ag-filter{grid-template-columns:1fr 1fr}}@media(max-width:600px){.ag-summary,.ag-filter{grid-template-columns:1fr}}
@media print{.ag-actions,.ag-filter,.ag-row-actions,.main-sidebar,.header,.sidebar{display:none!important}.ag-page{max-width:none;padding:0}.ag-card{box-shadow:none}.ag-table{min-width:0;font-size:9px}}

.bi-45e7ae4da6 { color:var(--red); }

.bi-67474b0767 { text-align:center;padding:35px;color:var(--muted); }

.bi-7c89ecc924 { font-size:.65rem;color:var(--muted); }

.bi-7f24e27d60 { color:var(--green); }

/* --- Component: account_summary\index.css --- */
/* Extracted from account_summary/index.blade.php */

:root {
    --as-bg: #f4f7fb;
    --as-card: #ffffff;
    --as-primary: #274c8e;
    --as-primary-dark: #193463;
    --as-primary-light: #eef4ff;
    --as-text: #172033;
    --as-muted: #6b7280;
    --as-border: #dfe5ee;
    --as-green: #15803d;
    --as-green-bg: #ecfdf3;
    --as-red: #dc2626;
    --as-red-bg: #fff1f2;
    --as-amber: #b45309;
    --as-amber-bg: #fff7ed;
    --as-purple: #7c3aed;
    --as-purple-bg: #f5f3ff;
}

body {
    background: var(--as-bg);
}

.as-page {
    max-width: 1580px;
    margin: 0 auto;
    padding: 18px 14px 60px;
    font-family: Inter, system-ui, sans-serif;
    color: var(--as-text);
}

.as-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.as-title {
    display: flex;
    align-items: center;
    gap: 11px;
}

.as-icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    background: linear-gradient(135deg, var(--as-primary), var(--as-primary-dark));
    color: #fff;
    font-size: 1.15rem;
}

.as-title h2 {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 800;
}

.as-title p {
    margin: 3px 0 0;
    color: var(--as-muted);
    font-size: .68rem;
}

.as-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 35px;
    padding: 7px 11px;
    border: 1px solid var(--as-border);
    border-radius: 7px;
    background: #fff;
    color: var(--as-text);
    text-decoration: none;
    font-size: .7rem;
    font-weight: 700;
    cursor: pointer;
}

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

.as-filters {
    display: grid;
    grid-template-columns: minmax(230px, 1fr) 160px 160px 160px auto auto;
    gap: 8px;
    margin-bottom: 14px;
    padding: 12px;
    border: 1px solid var(--as-border);
    border-radius: 10px;
    background: #fff;
}

.as-input,
.as-select {
    width: 100%;
    min-height: 36px;
    padding: 7px 9px;
    border: 1px solid var(--as-border);
    border-radius: 7px;
    background: #fff;
    color: var(--as-text);
    font-size: .71rem;
}

.as-summary {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    margin-bottom: 14px;
}

.as-stat {
    padding: 14px;
    border: 1px solid var(--as-border);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(15,23,42,.035);
}

.as-stat span {
    display: block;
    color: var(--as-muted);
    font-size: .53rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.as-stat strong {
    display: block;
    margin-top: 4px;
    font-size: .98rem;
    font-weight: 800;
}

.as-stat.client {
    border-top: 3px solid var(--as-primary);
}

.as-stat.vendor {
    border-top: 3px solid var(--as-purple);
}

.as-tabs {
    display: flex;
    gap: 7px;
    margin-bottom: 10px;
}

.as-tab {
    padding: 7px 12px;
    border: 1px solid var(--as-border);
    border-radius: 999px;
    background: #fff;
    font-size: .7rem;
    font-weight: 700;
    cursor: pointer;
}

.as-tab.active {
    border-color: #bcd0f5;
    background: var(--as-primary-light);
    color: var(--as-primary);
}

.as-card {
    overflow: hidden;
    border: 1px solid var(--as-border);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(15,23,42,.035);
}

.as-card-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 11px 14px;
    border-bottom: 1px solid var(--as-border);
    background: #f9fbff;
}

.as-card-head h4 {
    margin: 0;
    font-size: .78rem;
    font-weight: 800;
}

.as-card-head span {
    color: var(--as-muted);
    font-size: .63rem;
}

.as-table-wrap {
    overflow-x: auto;
}

.as-table {
    width: 100%;
    min-width: 1660px;
    border-collapse: collapse;
}

.as-table.vendor-table {
    min-width: 1420px;
}

.as-table th {
    padding: 9px 10px;
    background: #f7f9fc;
    border-bottom: 1px solid var(--as-border);
    color: var(--as-muted);
    font-size: .53rem;
    text-transform: uppercase;
    white-space: nowrap;
}

.as-table td {
    padding: 10px;
    border-bottom: 1px solid #edf1f5;
    font-size: .68rem;
    vertical-align: middle;
}

.as-table tbody tr:hover td {
    background: #fbfcff;
}

.as-name {
    font-weight: 800;
}

.as-meta {
    display: block;
    margin-top: 2px;
    color: var(--as-muted);
    font-size: .57rem;
}

.as-num {
    text-align: right;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-weight: 700;
    white-space: nowrap;
}

.as-green {
    color: var(--as-green);
}

.as-red {
    color: var(--as-red);
}

.as-blue {
    color: var(--as-primary);
}

.as-amber {
    color: var(--as-amber);
}

.as-purple {
    color: var(--as-purple);
}

.as-status {
    display: inline-flex;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: .56rem;
    font-weight: 700;
    white-space: nowrap;
}

.as-status.Pending {
    background: var(--as-amber-bg);
    color: var(--as-amber);
}

.as-status.Unbilled {
    background: var(--as-purple-bg);
    color: var(--as-purple);
}

.as-status.Clear {
    background: var(--as-green-bg);
    color: var(--as-green);
}

.as-status.Advance {
    background: var(--as-primary-light);
    color: var(--as-primary);
}

.as-hidden {
    display: none;
}

.as-footer {
    padding: 9px 14px;
    border-top: 1px solid var(--as-border);
    color: var(--as-muted);
    font-size: .61rem;
}

@media(max-width:1200px) {
    .as-summary {
        grid-template-columns: repeat(2, 1fr);
    }

    .as-filters {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width:600px) {
    .as-summary,
    .as-filters {
        grid-template-columns: 1fr;
    }
}

@media print {
    .as-filters,
    .as-tabs,
    .as-head .as-btn,
    .as-table .action-column {
        display: none !important;
    }

    .as-panel {
        display: block !important;
        margin-bottom: 12px;
    }

    .as-card {
        box-shadow: none;
    }
}




/* ==========================================================================
   ADDITIONAL ERP COMPONENTS & VIEWS
   ========================================================================== */

/* --- Component: admin\books\accountant_ledger.css --- */
/* Extracted from admin/books/accountant_ledger.blade.php */

.acc-ledger{max-width:1400px;margin:auto;padding:18px 14px 60px}.acc-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.acc-title{font-size:1.25rem;font-weight:800;margin:0;color:#1e293b}.acc-sub{font-size:.7rem;color:#64748b}.acc-btn{display:inline-flex;align-items:center;gap:5px;border:1px solid #dfe5ee;background:#fff;color:#172033;border-radius:7px;padding:7px 11px;text-decoration:none;font-size:.7rem;font-weight:700}.acc-btn.primary{background:#0891b2;color:#fff;border-color:#0891b2}.acc-btn.success{background:#15803d;color:#fff;border-color:#15803d}.acc-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:14px}.acc-stat{background:#fff;border:1px solid #dfe5ee;border-radius:10px;box-shadow:0 3px 12px rgba(15,23,42,.035);padding:14px}.acc-stat span{font-size:.55rem;text-transform:uppercase;color:#64748b;font-weight:700}.acc-stat strong{display:block;margin-top:4px;font-size:1rem}.acc-stat.opening strong{color:#64748b}.acc-stat.received strong{color:#15803d}.acc-stat.spent strong{color:#dc2626}.acc-stat.closing strong{color:#0891b2}.acc-card{background:#fff;border:1px solid #dfe5ee;border-radius:10px;box-shadow:0 3px 12px rgba(15,23,42,.035);overflow:hidden}.acc-filter{display:grid;grid-template-columns:1fr 180px 170px 170px 110px auto;gap:8px;padding:12px;background:#f8fafc;border-bottom:1px solid #dfe5ee}.acc-input{min-height:36px;border:1px solid #dfe5ee;border-radius:7px;padding:7px 9px;font-size:.7rem}.acc-table-wrap{overflow:auto}.acc-table{width:100%;min-width:1650px;border-collapse:collapse}.acc-table th{background:#f8fafc;color:#64748b;font-size:.54rem;text-transform:uppercase;padding:9px 10px;text-align:left;border:1px solid #dfe5ee}.acc-table td{padding:9px 10px;border:1px solid #edf1f5;font-size:.69rem}.money{text-align:right;font-family:monospace;font-weight:700}.received{color:#15803d}.spent{color:#dc2626}.balance{color:#0891b2}.tag{display:inline-flex;padding:3px 7px;border-radius:999px;background:#e0f2fe;color:#0891b2;font-size:.56rem;font-weight:700}.empty{text-align:center;padding:40px;color:#64748b}.acc-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:12px;background:#f8fafc;border-top:1px solid #dfe5ee}.acc-page-info{font-size:.7rem;color:#64748b}.acc-page-links{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.acc-page-links a,.acc-page-links span{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 10px;border:1px solid #dfe5ee;background:#fff;color:#172033;border-radius:6px;text-decoration:none;font-size:.7rem;font-weight:600;white-space:nowrap}.acc-page-links a:hover{background:#f1f5f9}.acc-page-links .active{background:#0891b2;color:#fff;border-color:#0891b2}.acc-page-links .disabled{color:#cbd5e1;cursor:not-allowed}.acc-page-links .dots{border:0;background:transparent;min-width:20px;padding:0 2px;color:#64748b}.acc-per-page{font-size:.7rem;color:#64748b;white-space:nowrap}@media(max-width:900px){.acc-summary{grid-template-columns:repeat(2,1fr)}.acc-filter{grid-template-columns:1fr 1fr}.acc-pagination{flex-direction:column;align-items:stretch}.acc-page-links{justify-content:center}.acc-page-info,.acc-per-page{text-align:center}}
@media print{.no-print{display:none!important}.acc-ledger{padding:0;max-width:100%}.acc-table{min-width:0;font-size:8pt}.acc-table th,.acc-table td{padding:4px 6px;font-size:8pt;border:1px solid #000}.acc-table th{background:#e5e7eb!important}}

.bi-a76d597a07 { display:flex;gap:8px; }

.bi-bcce8b88d2 { width:50px; }

.bi-1242f90f65 { background:#dcfce7;color:#166534; }

.bi-658d20698f { background:#fef3c7;color:#92400e; }

.bi-f3335be14a { background:#dcfce7;color:#15803d; }

.bi-a99224a26e { background:#fee2e2;color:#dc2626; }

.bi-0eaa9ef06b { background:#e0f2fe;color:#0891b2; }

.bi-024ba74912 { background:#fff7ed;font-weight:700; }

.bi-f485130dd8 { text-align:right;padding-right:20px; }

.bi-48ef52155c { text-align:center;font-weight:600;color:#64748b; }

.bi-c0f2c42f4e { color:#94a3b8;margin-left:4px; }

.bi-025644083c { color:#166534;font-weight:600; }

.bi-d311dedebc { color:#166534; }

.bi-c7bebaeb44 { color:#92400e;font-weight:600; }

.bi-91ee9a7572 { color:#92400e; }

.bi-5f16dc003d { font-size:3rem;color:#cbd5e1; }

.bi-5dcdf2dee8 { color:#94a3b8; }

.bi-e2c52f1dbe { background:#ecfeff;font-weight:700;border-top:2px solid #0891b2; }

.bi-c46c1ba7ca { margin-top:20px;padding:16px;background:#f8fafc;border-radius:8px;border-left:4px solid #0891b2; }

.bi-2e4f44509f { margin:8px 0 0;padding-left:20px;font-size:0.875rem;color:#475569; }

.bi-4a12b6eddc { color:#15803d; }

.bi-2056554381 { color:#dc2626; }

.bi-df61ea5f7f { color:#0891b2; }

.bi-8a77e5a311 { margin-top:8px; }

.bi-6cee3c587d { background:#dcfce7;color:#15803d;padding:4px 10px;font-size:0.75rem; }

.bi-4e24c7959a { background:#fee2e2;color:#dc2626;padding:4px 10px;font-size:0.75rem; }

.bi-5030119259 { margin-top:14px;padding:16px;background:#dcfce7;border-radius:8px;border-left:4px solid #15803d; }

.bi-3df1526a4f { margin-top:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px; }

.bi-f25a61d7d8 { background:#fff;padding:12px 16px;border-radius:6px;border:1px solid #bbf7d0;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px rgba(0,0,0,0.1); }

.bi-182964a632 { font-weight:600;color:#166534;font-size:0.9rem; }

.bi-8a7476bdcb { font-weight:700;color:#15803d;font-size:1rem; }

.bi-30bef07d84 { margin-top:12px;padding:10px;background:#f0fdf4;border-radius:6px;text-align:right; }

.bi-adfb74da40 { font-size:0.85rem;color:#166534;font-weight:600; }

.bi-f1f9b2d69d { font-size:1.1rem;color:#15803d;font-weight:800;margin-left:8px; }

.bi-07121f641c { margin-top:14px;padding:16px;background:#fef3c7;border-radius:8px;border-left:4px solid #f59e0b; }

.bi-4cc7132e05 { background:#fff;padding:12px 16px;border-radius:6px;border:1px solid #fcd34d;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px rgba(0,0,0,0.1); }

.bi-60318f5112 { font-weight:600;color:#92400e;font-size:0.9rem; }

.bi-a103abddd5 { font-weight:700;color:#f59e0b;font-size:1rem; }

.bi-6b8a7e4c67 { margin-top:14px;padding:16px;background:#fee2e2;border-radius:8px;border-left:4px solid #dc2626; }

.bi-cda427b11d { background:#fff;padding:12px 16px;border-radius:6px;border:1px solid #fecaca;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px rgba(0,0,0,0.1); }

.bi-6a9768ef83 { font-weight:600;color:#991b1b;font-size:0.9rem; }

.bi-068e00fd82 { font-weight:700;color:#dc2626;font-size:1rem; }

.bi-afb4f497a0 { margin-top:12px;padding:10px;background:#fef2f2;border-radius:6px;text-align:right; }

.bi-f2a8a58d3c { font-size:0.85rem;color:#991b1b;font-weight:600; }

.bi-6dc59a0c2f { font-size:1.1rem;color:#dc2626;font-weight:800;margin-left:8px; }

[data-bi-d2c171b18b] { margin-top:10px; }

/* --- Component: admin\books\category_ledger.css --- */
/* Extracted from admin/books/category_ledger.blade.php */

.cl{max-width:1450px;margin:auto;padding:18px 14px 60px}.cl-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.cl-title{font-size:1.25rem;font-weight:800;margin:0;color:#1e293b}.cl-sub{font-size:.7rem;color:#64748b}.cl-btn{display:inline-flex;align-items:center;gap:5px;border:1px solid #dfe5ee;background:#fff;color:#172033;border-radius:7px;padding:7px 11px;text-decoration:none;font-size:.7rem;font-weight:700}.cl-btn.primary{background:#7c3aed;color:#fff;border-color:#7c3aed}.cl-btn.success{background:#15803d;color:#fff;border-color:#15803d}.cl-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}.cl-stat,.cl-card{background:#fff;border:1px solid #dfe5ee;border-radius:10px;box-shadow:0 3px 12px rgba(15,23,42,.035)}.cl-stat{padding:14px}.cl-stat span{font-size:.55rem;text-transform:uppercase;color:#64748b;font-weight:700}.cl-stat strong{display:block;margin-top:4px;font-size:1rem}.debit{color:#dc2626}.credit{color:#15803d}.balance{color:#274c8e}.cl-card{overflow:hidden}.cl-filter{display:grid;grid-template-columns:minmax(220px,1fr) 170px 170px 150px 110px auto auto;gap:8px;padding:12px;background:#f8fafc;border-bottom:1px solid #dfe5ee}.cl-input{min-height:36px;border:1px solid #dfe5ee;border-radius:7px;padding:7px 9px;font-size:.7rem}.cl-table-wrap{overflow:auto}.cl-table{width:100%;min-width:1320px;border-collapse:collapse}.cl-table th{background:#f8fafc;color:#64748b;font-size:.54rem;text-transform:uppercase;padding:9px 10px;text-align:left;border:1px solid #dfe5ee}.cl-table td{padding:9px 10px;border:1px solid #edf1f5;font-size:.69rem}.money{text-align:right;font-family:monospace;font-weight:700}.empty{text-align:center;padding:40px;color:#64748b}.cl-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:12px;background:#f8fafc;border-top:1px solid #dfe5ee}.cl-pagination a{font-size:.7rem;text-decoration:none}.tag{display:inline-flex;padding:3px 7px;border-radius:999px;background:#f3e8ff;color:#7c3aed;font-size:.56rem;font-weight:700}@media(max-width:900px){.cl-summary{grid-template-columns:repeat(2,1fr)}.cl-filter{grid-template-columns:1fr 1fr}}@media print{.no-print,.navbar-header,.sidebar,.header{display:none!important}.cl{padding:0;max-width:100%}.cl-table{min-width:0}.cl-table th,.cl-table td{padding:4px 6px;font-size:8pt;border:1px solid #000}}

.bi-a76d597a07 { display:flex;gap:8px; }

/* --- Component: admin\books\client_ledger.css --- */
/* Extracted from admin/books/client_ledger.blade.php */

.acc-ledger{max-width:1400px;margin:auto;padding:18px 14px 60px}.acc-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.acc-title{font-size:1.25rem;font-weight:800;margin:0;color:#1e293b}.acc-sub{font-size:.7rem;color:#64748b}.acc-btn{display:inline-flex;align-items:center;gap:5px;border:1px solid #dfe5ee;background:#fff;color:#172033;border-radius:7px;padding:7px 11px;text-decoration:none;font-size:.7rem;font-weight:700}.acc-btn.primary{background:#0891b2;color:#fff;border-color:#0891b2}.acc-btn.success{background:#15803d;color:#fff;border-color:#15803d}.acc-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-bottom:14px}.acc-stat{background:#fff;border:1px solid #dfe5ee;border-radius:10px;box-shadow:0 3px 12px rgba(15,23,42,.035);padding:14px}.acc-stat span{font-size:.55rem;text-transform:uppercase;color:#64748b;font-weight:700}.acc-stat strong{display:block;margin-top:4px;font-size:1rem}.acc-stat.total strong{color:#15803d}.acc-stat.count strong{color:#0891b2}.acc-card{background:#fff;border:1px solid #dfe5ee;border-radius:10px;box-shadow:0 3px 12px rgba(15,23,42,.035);overflow:hidden}.acc-filter{display:grid;grid-template-columns:1fr 170px 170px 110px auto;gap:8px;padding:12px;background:#f8fafc;border-bottom:1px solid #dfe5ee}.acc-input{min-height:36px;border:1px solid #dfe5ee;border-radius:7px;padding:7px 9px;font-size:.7rem}.acc-table-wrap{overflow:auto}.acc-table{width:100%;min-width:1000px;border-collapse:collapse}.acc-table th{background:#f8fafc;color:#64748b;font-size:.54rem;text-transform:uppercase;padding:9px 10px;text-align:left;border:1px solid #dfe5ee}.acc-table td{padding:9px 10px;border:1px solid #edf1f5;font-size:.69rem}.money{text-align:right;font-family:monospace;font-weight:700}.received{color:#15803d}.tag{display:inline-flex;padding:3px 7px;border-radius:999px;background:#e0f2fe;color:#0891b2;font-size:.56rem;font-weight:700}.empty{text-align:center;padding:40px;color:#64748b}
@media print{.no-print{display:none!important}.acc-ledger{padding:0;max-width:100%}.acc-table{min-width:0;font-size:8pt}.acc-table th,.acc-table td{padding:4px 6px;font-size:8pt;border:1px solid #000}.acc-table th{background:#e5e7eb!important}}

.acc-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:12px;background:#f8fafc;border-top:1px solid #dfe5ee}.acc-page-info{font-size:.7rem;color:#64748b}.acc-page-links{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.acc-page-links a,.acc-page-links span{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 10px;border:1px solid #dfe5ee;background:#fff;color:#172033;border-radius:6px;text-decoration:none;font-size:.7rem;font-weight:600;white-space:nowrap}.acc-page-links a:hover{background:#f1f5f9}.acc-page-links .active{background:#0891b2;color:#fff;border-color:#0891b2}.acc-page-links .disabled{color:#cbd5e1;cursor:not-allowed}.acc-page-links .dots{border:0;background:transparent;min-width:20px;padding:0 2px;color:#64748b}.acc-per-page{font-size:.7rem;color:#64748b;white-space:nowrap}

.bi-a76d597a07 { display:flex;gap:8px; }

.bi-bcce8b88d2 { width:50px; }

.bi-48ef52155c { text-align:center;font-weight:600;color:#64748b; }

.bi-df61ea5f7f { color:#0891b2; }

.bi-5f16dc003d { font-size:3rem;color:#cbd5e1; }

.bi-5dcdf2dee8 { color:#94a3b8; }

.bi-195a5035be { background:#dcfce7;font-weight:700;border-top:2px solid #15803d; }

.bi-f485130dd8 { text-align:right;padding-right:20px; }

.bi-376c66f097 { margin-top:20px;padding:16px;background:#dcfce7;border-radius:8px;border-left:4px solid #15803d; }

.bi-4a12b6eddc { color:#15803d; }

.bi-3df1526a4f { margin-top:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px; }

.bi-f25a61d7d8 { background:#fff;padding:12px 16px;border-radius:6px;border:1px solid #bbf7d0;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px rgba(0,0,0,0.1); }

.bi-182964a632 { font-weight:600;color:#166534;font-size:0.9rem; }

.bi-8a7476bdcb { font-weight:700;color:#15803d;font-size:1rem; }

.bi-30bef07d84 { margin-top:12px;padding:10px;background:#f0fdf4;border-radius:6px;text-align:right; }

.bi-adfb74da40 { font-size:0.85rem;color:#166534;font-weight:600; }

.bi-f1f9b2d69d { font-size:1.1rem;color:#15803d;font-weight:800;margin-left:8px; }

/* --- Component: admin\books\register.css --- */
/* Extracted from admin/books/register.blade.php */

.bk{max-width:1500px;margin:auto;padding:18px 14px 60px}.bk-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.bk-title{font-size:1.25rem;font-weight:800;margin:0}.bk-sub{font-size:.7rem;color:#64748b}.bk-btn{display:inline-flex;align-items:center;gap:5px;border:1px solid #dfe5ee;background:#fff;color:#172033;border-radius:7px;padding:7px 11px;text-decoration:none;font-size:.7rem;font-weight:700}.bk-btn.primary{background:#274c8e;color:#fff}.bk-btn.success{background:#15803d;color:#fff;border-color:#15803d}.bk-btn.sm{padding:4px 8px;font-size:.65rem}.bk-btn.edit{background:#f59e0b;color:#fff;border-color:#f59e0b}.bk-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:14px}.bk-stat,.bk-card{background:#fff;border:1px solid #dfe5ee;border-radius:10px;box-shadow:0 3px 12px rgba(15,23,42,.035)}.bk-stat{padding:14px}.bk-stat span{font-size:.55rem;text-transform:uppercase;color:#64748b;font-weight:700}.bk-stat strong{display:block;margin-top:4px;font-size:1rem}.bk-card{overflow:hidden}.bk-filter{display:grid;grid-template-columns:1fr 170px 150px 150px 150px 100px auto auto;gap:8px;padding:12px;background:#f8fafc}.bk-input{min-height:36px;border:1px solid #dfe5ee;border-radius:7px;padding:7px 9px;font-size:.7rem}.bk-table-wrap{overflow:auto}.bk-table{width:100%;min-width:1750px;border-collapse:collapse;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.bk-table th{background:#f8fafc;color:#64748b;font-size:.54rem;text-transform:uppercase;padding:9px 10px;text-align:left;border:1px solid #dfe5ee}.bk-table td{padding:9px 10px;border:1px solid #edf1f5;font-size:.69rem}.money{text-align:right;font-family:monospace;font-weight:700}.debit{color:#dc2626}.credit{color:#15803d}.balance{color:#274c8e}.tag{display:inline-flex;padding:3px 7px;border-radius:999px;background:#eef4ff;color:#274c8e;font-size:.56rem;font-weight:700}.empty{text-align:center;padding:40px;color:#64748b}.bk-pagination{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8fafc;border-top:1px solid #dfe5ee;flex-wrap:wrap;gap:10px}.bk-page-info{font-size:.7rem;color:#64748b}.bk-page-links{display:flex;gap:5px;align-items:center}.bk-page-links a,.bk-page-links span{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 10px;border:1px solid #dfe5ee;background:#fff;color:#172033;border-radius:6px;text-decoration:none;font-size:.7rem;font-weight:600}.bk-page-links span.active{background:#274c8e;color:#fff;border-color:#274c8e}.bk-page-links a:hover{background:#f1f5f9}.bk-page-links span.disabled{color:#cbd5e1;cursor:not-allowed}.bk-page-links .pagination-dots{border:0;background:transparent;min-width:22px;padding:0 2px;color:#64748b}.bk-page-links a,.bk-page-links span{white-space:nowrap}.bk-per-page{display:flex;align-items:center;gap:8px}.bk-per-page label{font-size:.7rem;color:#64748b;white-space:nowrap}.bk-per-page select{min-height:32px;border:1px solid #dfe5ee;border-radius:6px;padding:5px 8px;font-size:.7rem;background:#fff}
@media(max-width:900px){.bk-summary{grid-template-columns:repeat(2,1fr)}.bk-filter{grid-template-columns:1fr 1fr;grid-auto-flow:dense}.bk-pagination{flex-direction:column;align-items:stretch}.bk-page-links{justify-content:center}.bk-per-page{justify-content:center}}
@media print{@page{size:A4 landscape;margin:10mm}.no-print,.navbar-header,.sidebar,.header{display:none!important}.bk{padding:0;max-width:100%}.bk-head{display:none!important}.bk-title{font-size:16pt}.bk-sub{font-size:9pt}.bk-summary{gap:8px;margin-bottom:10px}.bk-stat{padding:8px;border:1px solid #000}.bk-stat span{font-size:7pt}.bk-stat strong{font-size:10pt}.bk-card,.bk-stat{box-shadow:none;border-radius:0}.bk-table-wrap{overflow:visible}.bk-table{min-width:0;font-size:8pt;page-break-inside:auto}.bk-table th,.bk-table td{padding:4px 6px;font-size:8pt;border:1px solid #000}.bk-table th{background:#e5e7eb!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.bk-table tbody tr{page-break-inside:avoid;page-break-after:auto}.money{font-size:8pt}.tag{font-size:7pt;padding:2px 5px}.balance{color:#000!important;font-weight:700}.debit,.credit{color:#000!important}}

.bi-3de8f987ba { display:flex;gap:8px;flex-wrap:wrap; }

.bi-ee9fc73d47 { background:#0891b2;color:#fff;border-color:#0891b2; }

.bi-415d0c048d { background:#8b5cf6;color:#fff;border-color:#8b5cf6; }

.bi-b22e7806bb { background:#f59e0b;color:#fff;border-color:#f59e0b; }

.bi-8c8201dc04 { background:#7c3aed;color:#fff;border-color:#7c3aed; }

.bi-3210472f26 { background:#6366f1;color:#fff;border-color:#6366f1; }

.bi-b481440ff9 { margin-bottom:14px;padding:10px 14px;font-size:0.875rem; }

.bi-92aa23fbc9 { color:#15803d;font-weight:700; }

.bi-1c038f687b { color:#dc2626;font-weight:700; }

.bi-d579dc3130 { max-width:100px; }

.bi-bcce8b88d2 { width:50px; }

.bi-e86d42c814 { background:#fffbeb;font-weight:700; }

.bi-f485130dd8 { text-align:right;padding-right:20px; }

.bi-ed3ceff2cd { background:#f3f4f6;font-weight:600;border-top:2px solid #9ca3af; }

.bi-ca29560949 { background:#dbeafe;font-weight:700; }

.bi-cfa1ecf568 { padding:8px 10px; }

.bi-48ef52155c { text-align:center;font-weight:600;color:#64748b; }

.bi-28514bedf0 { color:#0891b2;font-weight:600; }

.bi-295e245ee0 { color:#7c3aed;font-weight:600; }

.bi-7b0b89d8e9 { color:#94a3b8;font-size:.65rem; }

.bi-76bcae8a9c { background:#f0f9ff;font-weight:700;border-top:2px solid #2563eb; }

.bi-0e768cf287 { font-size:.7rem;color:#64748b; }

.bi-6e58f948b0 { font-size:0.875rem; }

/* --- Component: admin\books\supervisor_ledger.css --- */
/* Extracted from admin/books/supervisor_ledger.blade.php */

.acc-ledger{max-width:1400px;margin:auto;padding:18px 14px 60px}.acc-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.acc-title{font-size:1.25rem;font-weight:800;margin:0;color:#1e293b}.acc-sub{font-size:.7rem;color:#64748b}.acc-btn{display:inline-flex;align-items:center;gap:5px;border:1px solid #dfe5ee;background:#fff;color:#172033;border-radius:7px;padding:7px 11px;text-decoration:none;font-size:.7rem;font-weight:700}.acc-btn.primary{background:#0891b2;color:#fff;border-color:#0891b2}.acc-btn.success{background:#15803d;color:#fff;border-color:#15803d}.acc-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-bottom:14px}.acc-stat{background:#fff;border:1px solid #dfe5ee;border-radius:10px;box-shadow:0 3px 12px rgba(15,23,42,.035);padding:14px}.acc-stat span{font-size:.55rem;text-transform:uppercase;color:#64748b;font-weight:700}.acc-stat strong{display:block;margin-top:4px;font-size:1rem}.acc-stat.total strong{color:#15803d}.acc-stat.count strong{color:#0891b2}.acc-card{background:#fff;border:1px solid #dfe5ee;border-radius:10px;box-shadow:0 3px 12px rgba(15,23,42,.035);overflow:hidden}.acc-filter{display:grid;grid-template-columns:1fr 170px 170px 110px auto;gap:8px;padding:12px;background:#f8fafc;border-bottom:1px solid #dfe5ee}.acc-input{min-height:36px;border:1px solid #dfe5ee;border-radius:7px;padding:7px 9px;font-size:.7rem}.acc-table-wrap{overflow:auto}.acc-table{width:100%;min-width:1000px;border-collapse:collapse}.acc-table th{background:#f8fafc;color:#64748b;font-size:.54rem;text-transform:uppercase;padding:9px 10px;text-align:left;border:1px solid #dfe5ee}.acc-table td{padding:9px 10px;border:1px solid #edf1f5;font-size:.69rem}.money{text-align:right;font-family:monospace;font-weight:700}.given{color:#15803d}.tag{display:inline-flex;padding:3px 7px;border-radius:999px;background:#e0f2fe;color:#0891b2;font-size:.56rem;font-weight:700}.empty{text-align:center;padding:40px;color:#64748b}
@media print{.no-print{display:none!important}.acc-ledger{padding:0;max-width:100%}.acc-table{min-width:0;font-size:8pt}.acc-table th,.acc-table td{padding:4px 6px;font-size:8pt;border:1px solid #000}.acc-table th{background:#e5e7eb!important}}

.acc-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:12px;background:#f8fafc;border-top:1px solid #dfe5ee}.acc-page-info{font-size:.7rem;color:#64748b}.acc-page-links{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.acc-page-links a,.acc-page-links span{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 10px;border:1px solid #dfe5ee;background:#fff;color:#172033;border-radius:6px;text-decoration:none;font-size:.7rem;font-weight:600;white-space:nowrap}.acc-page-links a:hover{background:#f1f5f9}.acc-page-links .active{background:#0891b2;color:#fff;border-color:#0891b2}.acc-page-links .disabled{color:#cbd5e1;cursor:not-allowed}.acc-page-links .dots{border:0;background:transparent;min-width:20px;padding:0 2px;color:#64748b}.acc-per-page{font-size:.7rem;color:#64748b;white-space:nowrap}

.bi-a76d597a07 { display:flex;gap:8px; }

.bi-bcce8b88d2 { width:50px; }

.bi-48ef52155c { text-align:center;font-weight:600;color:#64748b; }

.bi-df61ea5f7f { color:#0891b2; }

.bi-5f16dc003d { font-size:3rem;color:#cbd5e1; }

.bi-5dcdf2dee8 { color:#94a3b8; }

.bi-195a5035be { background:#dcfce7;font-weight:700;border-top:2px solid #15803d; }

.bi-f485130dd8 { text-align:right;padding-right:20px; }

.bi-376c66f097 { margin-top:20px;padding:16px;background:#dcfce7;border-radius:8px;border-left:4px solid #15803d; }

.bi-4a12b6eddc { color:#15803d; }

.bi-3df1526a4f { margin-top:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px; }

.bi-f25a61d7d8 { background:#fff;padding:12px 16px;border-radius:6px;border:1px solid #bbf7d0;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px rgba(0,0,0,0.1); }

.bi-182964a632 { font-weight:600;color:#166534;font-size:0.9rem; }

.bi-8a7476bdcb { font-weight:700;color:#15803d;font-size:1rem; }

.bi-30bef07d84 { margin-top:12px;padding:10px;background:#f0fdf4;border-radius:6px;text-align:right; }

.bi-adfb74da40 { font-size:0.85rem;color:#166534;font-weight:600; }

.bi-f1f9b2d69d { font-size:1.1rem;color:#15803d;font-weight:800;margin-left:8px; }

/* --- Component: admin\dashboard.css --- */
/* Extracted from admin/dashboard.blade.php */

.welcome-card {



    background: linear-gradient(135deg, var(--primary-color, #733900) 0%, #9b4d00 100%);



}



.bg-soft-primary { background-color: rgba(41, 98, 255, 0.1); }



.bg-soft-success { background-color: rgba(76, 175, 80, 0.1); }



.bg-soft-info { background-color: rgba(0, 188, 212, 0.1); }



.bg-soft-warning { background-color: rgba(255, 152, 0, 0.1); }



.bg-soft-secondary { background-color: rgba(108, 117, 125, 0.1); }







@keyframes pulse-bell {



    0% { transform: scale(1); }



    50% { transform: scale(1.12); }



    100% { transform: scale(1); }



}



.animate-bell {



    display: inline-block;



    animation: pulse-bell 2s infinite ease-in-out;



}







.stat-modern {



    border-radius: 14px;



    border-left: 5px solid transparent;



    background: #fff;



    transition: all .25s ease;



}



.stat-modern:hover {



    transform: translateY(-3px);



    box-shadow: 0 12px 24px rgba(0,0,0,.06) !important;



}



.stat-blue { border-color: #2962ff; }



.stat-green { border-color: #4caf50; }



.stat-orange { border-color: #ff9800; }







.stat-modern h2 {



    font-size: 26px !important;



    font-weight: 700;



}







.stat-icon {



    width: 48px;



    height: 48px;



    border-radius: 50%;



    display: flex;



    align-items: center;



    justify-content: center;



    font-size: 24px;



    background: #f8f9fa;



}



.stat-blue .stat-icon { color: #2962ff; }



.stat-green .stat-icon { color: #4caf50; }



.stat-orange .stat-icon { color: #ff9800; }







.modern-card {



    border-radius: 14px;



    transition: all 0.3s ease;



    background: linear-gradient(303deg, #33526e 0%, #0b203e 100%);



}



.modern-card:hover {



    transform: translateY(-4px);



    box-shadow: 0 12px 24px rgba(0,0,0,0.15);



}



.icon-circle {



    width: 42px;



    height: 42px;



    border-radius: 10px;



    display: flex;



    align-items: center;



    justify-content: center;



    color: #fff;



    font-size: 18px;



}



#orderProductionDonut {



    width: 100% !important;



    height: 100% !important;



}

.bi-ffb480a0c9 { max-height: 75px; }

.bi-3ea2516fd2 { height:250px; }

.bi-bbc1fe6d7d { max-width:120px; }

.bi-1aa37e30bf { max-height: 380px;overflow-y: auto; }

.bi-6745888856 { width:36px;height:36px; }

.bi-55585d51f2 { max-width:260px; }

.bi-4adef8715c { font-size:10.5px; }

.bi-ac03116534 { line-height:1.3; }

/* --- Component: admin\daybook\create.css --- */
/* Extracted from admin/daybook/create.blade.php */

.voucher-wrap{max-width:1100px;margin:30px auto;padding:0 20px}.voucher-card{background:#fff;border-radius:14px;border:1px solid #e2e8f0;box-shadow:0 10px 25px rgba(0,0,0,0.04);overflow:hidden}.voucher-head{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;padding:22px 30px;display:flex;justify-content:space-between;align-items:center}.head-left{display:flex;align-items:center;gap:12px}.head-icon{width:42px;height:42px;background:rgba(255,255,255,0.15);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}.head-title{font-size:1.15rem;font-weight:700;margin:0}.head-date{font-family:monospace;background:rgba(255,255,255,0.1);padding:6px 14px;border-radius:20px;font-size:0.85rem}.voucher-body{padding:28px 30px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-bottom:18px}.form-group{display:flex;flex-direction:column}.form-label{font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:#64748b;margin-bottom:7px}.form-control,.form-select{border:1px solid #e2e8f0;background:#f8fafc;padding:11px 14px;border-radius:8px;font-size:0.92rem;transition:all 0.2s}.form-control:focus,.form-select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.1);outline:none}.amount-wrap{position:relative}.amount-symbol{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-weight:700;color:#3b82f6;pointer-events:none}.amount-input{padding-left:32px!important;font-family:monospace;font-weight:700;font-size:1.05rem!important;color:#3b82f6!important;text-align:right}.entry-type-selector{display:flex;gap:10px;margin-bottom:20px}.entry-btn{flex:1;padding:12px;border:2px solid #e2e8f0;background:#f8fafc;border-radius:8px;font-weight:600;font-size:0.85rem;cursor:pointer;transition:all 0.2s;text-align:center}.entry-btn:hover{border-color:#cbd5e1;background:#f1f5f9}.entry-btn.active{border-color:#3b82f6;background:#eff6ff;color:#3b82f6}.contra-section{display:none;background:#fef3c7;border:2px solid #fbbf24;border-radius:8px;padding:16px;margin-bottom:18px}.contra-section.show{display:block}.dr-cr-selector{display:flex;gap:8px;margin-bottom:18px}.dr-cr-btn{flex:1;padding:10px;border:2px solid #e2e8f0;background:#f8fafc;border-radius:8px;font-weight:600;cursor:pointer;text-align:center;transition:all 0.2s}.dr-cr-btn.debit{border-color:#dc2626;color:#dc2626}.dr-cr-btn.debit.active{background:#fef2f2;border-color:#dc2626;color:#dc2626}.dr-cr-btn.credit{border-color:#15803d;color:#15803d}.dr-cr-btn.credit.active{background:#f0fdf4;border-color:#15803d;color:#15803d}.voucher-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:18px 30px;display:flex;justify-content:flex-end;gap:10px}.btn-action{padding:11px 26px;font-size:0.88rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all 0.15s}.btn-cancel{background:#e2e8f0;color:#475569}.btn-cancel:hover{background:#cbd5e1}.btn-submit{background:#3b82f6;color:#fff;box-shadow:0 4px 12px rgba(59,130,246,0.25)}.btn-submit:hover{background:#2563eb}textarea.form-control{resize:vertical;min-height:80px}

.bi-3ce7059ce9 { opacity:0.8;font-size:0.8rem; }

.bi-286b219df9 { font-size:1.2rem;margin-bottom:4px; }

.bi-04c378715f { color:#92400e;display:block;margin-bottom:10px; }

.bi-6b99de8b69 { display:none; }

/* --- Component: admin\daybook\edit.css --- */
/* Extracted from admin/daybook/edit.blade.php */

.voucher-wrap{max-width:1100px;margin:30px auto;padding:0 20px}.voucher-card{background:#fff;border-radius:14px;border:1px solid #e2e8f0;box-shadow:0 10px 25px rgba(0,0,0,0.04);overflow:hidden}.voucher-head{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;padding:22px 30px;display:flex;justify-content:space-between;align-items:center}.head-left{display:flex;align-items:center;gap:12px}.head-icon{width:42px;height:42px;background:rgba(255,255,255,0.15);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}.head-title{font-size:1.15rem;font-weight:700;margin:0}.head-date{font-family:monospace;background:rgba(255,255,255,0.1);padding:6px 14px;border-radius:20px;font-size:0.85rem}.voucher-body{padding:28px 30px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-bottom:18px}.form-group{display:flex;flex-direction:column}.form-label{font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:#64748b;margin-bottom:7px}.form-control,.form-select{border:1px solid #e2e8f0;background:#f8fafc;padding:11px 14px;border-radius:8px;font-size:0.92rem;transition:all 0.2s}.form-control:focus,.form-select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.1);outline:none}.amount-wrap{position:relative}.amount-symbol{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-weight:700;color:#3b82f6;pointer-events:none}.amount-input{padding-left:32px!important;font-family:monospace;font-weight:700;font-size:1.05rem!important;color:#3b82f6!important;text-align:right}.entry-type-selector{display:flex;gap:10px;margin-bottom:20px}.entry-btn{flex:1;padding:12px;border:2px solid #e2e8f0;background:#f8fafc;border-radius:8px;font-weight:600;font-size:0.85rem;cursor:pointer;transition:all 0.2s;text-align:center}.entry-btn:hover{border-color:#cbd5e1;background:#f1f5f9}.entry-btn.active{border-color:#3b82f6;background:#eff6ff;color:#3b82f6}.contra-section{display:none;background:#fef3c7;border:2px solid #fbbf24;border-radius:8px;padding:16px;margin-bottom:18px}.contra-section.show{display:block}.dr-cr-selector{display:flex;gap:8px;margin-bottom:18px}.dr-cr-btn{flex:1;padding:10px;border:2px solid #e2e8f0;background:#f8fafc;border-radius:8px;font-weight:600;cursor:pointer;text-align:center;transition:all 0.2s}.dr-cr-btn.debit{border-color:#dc2626;color:#dc2626}.dr-cr-btn.debit.active{background:#fef2f2;border-color:#dc2626;color:#dc2626}.dr-cr-btn.credit{border-color:#15803d;color:#15803d}.dr-cr-btn.credit.active{background:#f0fdf4;border-color:#15803d;color:#15803d}.voucher-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:18px 30px;display:flex;justify-content:flex-end;gap:10px}.btn-action{padding:11px 26px;font-size:0.88rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all 0.15s}.btn-cancel{background:#e2e8f0;color:#475569}.btn-cancel:hover{background:#cbd5e1}.btn-submit{background:#dc2626;color:#fff;box-shadow:0 4px 12px rgba(220,38,38,0.25)}.btn-submit:hover{background:#b91c1c}textarea.form-control{resize:vertical;min-height:80px}

.bi-3ce7059ce9 { opacity:0.8;font-size:0.8rem; }

.bi-286b219df9 { font-size:1.2rem;margin-bottom:4px; }

.bi-04c378715f { color:#92400e;display:block;margin-bottom:10px; }

/* --- Component: admin\daybook\import_preview.css --- */
/* Extracted from admin/daybook/import_preview.blade.php */

.imp{max-width:1600px;margin:auto;padding:20px}.imp-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.imp-title h4{font-size:1.75rem;font-weight:700;margin:0;color:#1e293b}.imp-title h6{font-size:0.875rem;color:#64748b;margin:4px 0 0}.imp-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,0.1);margin-bottom:20px}.imp-card-header{padding:16px 20px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.imp-card-header h5{margin:0;font-size:1.125rem;font-weight:700;color:#1e293b}.imp-card-body{padding:20px}.imp-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.imp-stat{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px;text-align:center}.imp-stat.success{border-color:#16a34a;background:#f0fdf4}.imp-stat.danger{border-color:#dc2626;background:#fef2f2}.imp-stat.info{border-color:#2563eb;background:#eff6ff}.imp-stat label{display:block;font-size:0.75rem;font-weight:600;color:#64748b;text-transform:uppercase;margin-bottom:6px}.imp-stat strong{display:block;font-size:2rem;font-weight:800}.imp-stat.success strong{color:#16a34a}.imp-stat.danger strong{color:#dc2626}.imp-stat.info strong{color:#2563eb}.imp-table-wrap{overflow-x:auto}.imp-table{width:100%;min-width:1200px;border-collapse:collapse}.imp-table th{background:#f8fafc;color:#475569;font-size:0.75rem;font-weight:700;text-transform:uppercase;padding:10px;text-align:left;border:1px solid #e2e8f0}.imp-table td{padding:10px;border:1px solid #e2e8f0;font-size:0.875rem}.imp-table tr.valid{background:#f0fdf4}.imp-table tr.invalid{background:#fef2f2}.imp-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:0.75rem;font-weight:600}.imp-badge.success{background:#dcfce7;color:#16a34a}.imp-badge.danger{background:#fee2e2;color:#dc2626}.imp-badge.warning{background:#fef3c7;color:#d97706}.imp-badge.info{background:#dbeafe;color:#2563eb}.imp-error{color:#dc2626;font-size:0.75rem;margin-top:4px}.imp-actions{display:flex;gap:12px;padding-top:20px;border-top:1px solid #e2e8f0}.imp-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:8px;text-decoration:none;font-weight:600;font-size:0.875rem;border:none;cursor:pointer;transition:all 0.2s}.imp-btn.success{background:#16a34a;color:#fff}.imp-btn.success:hover{background:#15803d;color:#fff}.imp-btn.danger{background:#dc2626;color:#fff}.imp-btn.danger:hover{background:#b91c1c;color:#fff}.imp-btn.secondary{background:#64748b;color:#fff}.imp-btn.secondary:hover{background:#475569;color:#fff}.imp-alert{padding:16px;border-radius:10px;margin-bottom:20px}.imp-alert.warning{background:#fef3c7;border-left:4px solid:#f59e0b;color:#92400e}.imp-alert.info{background:#dbeafe;border-left:4px solid:#2563eb;color:#1e40af}

.bi-bcce8b88d2 { width:50px; }

.bi-0a23f6601f { text-align:center;font-weight:700; }

.bi-69e51429ee { text-align:right;color:#dc2626;font-weight:600; }

.bi-3aade79c68 { text-align:right;color:#16a34a;font-weight:600; }

.bi-28514bedf0 { color:#0891b2;font-weight:600; }

.bi-54c2afb7ba { text-align:right; }

.bi-cccfa4560d { display:inline; }

/* --- Component: admin\daybook\index.css --- */
/* Extracted from admin/daybook/index.blade.php */

:root {
        --primary: #2563eb;
        --primary-dark: #1d4ed8;
        --primary-light: #eff6ff;
        --success: #16a34a;
        --danger: #dc2626;
        --slate-bg: #f8fafc;
        --card-border: #e2e8f0;
        --text-main: #0f172a;
        --text-muted: #64748b;
        --radius-lg: 16px;
        --radius-md: 10px;
     
    }

    body {
        background-color: #f1f5f9;
        
        color: var(--text-main);
    }

    .daybook-container {
        padding: 30px;
    }

    .card-box {
        background: #ffffff;
        border-radius: var(--radius-lg);
        border: 1px solid var(--card-border);
        box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.05);
        overflow: hidden;
    }

    .card-header-premium {
           background: linear-gradient(135deg, #01204e, #7a4017);
        color: #ffffff;
        padding: 24px 32px;
        border-bottom: 4px solid var(--primary);
    }

    .stat-badge {
        background: rgba(255, 255, 255, 0.06);
        padding: 8px 16px;
        border-radius: var(--radius-md);
        border: 1px solid rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(4px);
    }

    .filter-box {
        background: var(--slate-bg);
        border-radius: var(--radius-md);
        border: 1px solid var(--card-border);
        padding: 20px;
    }

    .form-control-sm, .form-select-sm {
        padding: 9px 12px;
        font-size: 0.88rem;
        border-radius: 8px;
        border: 1px solid var(--card-border);
    }

    .table thead th {
        font-size: 0.78rem;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        font-weight: 700;
        background-color: var(--slate-bg) !important;
        color: var(--text-muted);
        padding: 14px 16px;
        border-bottom: 2px solid var(--card-border);
    }

    .table tbody td {
        padding: 14px 16px;
        font-size: 0.9rem;
        color: var(--text-main);
        border-bottom: 1px solid var(--card-border);
    }

    .debit-cell {
        color: var(--danger);
        font-weight: 700;
        font-family: var(--font-mono);
    }

    .credit-cell {
        color: var(--success);
        font-weight: 700;
        font-family: var(--font-mono);
    }

    .balance-pos {
        color: var(--success);
        font-weight: 700;
        font-family: var(--font-mono);
    }

    .balance-neg {
        color: var(--danger);
        font-weight: 700;
        font-family: var(--font-mono);
    }

    .action-btn-group {
        display: flex;
        gap: 6px;
        justify-content: center;
    }

    .btn-action-panel {
        padding: 6px 14px;
        font-size: 0.8rem;
        font-weight: 600;
        border-radius: 6px;
        transition: all 0.2s ease;
    }

    .footer-summary {
        background-color: var(--slate-bg);
        font-family: var(--font-mono);
        font-size: 0.95rem;
    }

.bi-f7b67439f8 { border-radius: 12px; }

.bi-589e2c6998 { border-radius: var(--radius-md); }

/* --- Component: admin\po\create.css --- */
/* Extracted from admin/po/create.blade.php */

:root{--p:#2854a3;--pd:#1d3d78;--pl:#eef4ff;--bg:#f4f7fb;--tx:#182235;--mu:#6b7280;--bd:#dfe5ee;--er:#dc2626}
body{background:var(--bg)}
.po-page{max-width:1500px;margin:auto;padding:18px 14px 90px;font-family:Inter,system-ui,sans-serif;color:var(--tx)}
.po-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.po-title{display:flex;align-items:center;gap:10px}.po-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--p),var(--pd))}.po-title small{display:block;color:var(--p);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.po-title h2{margin:0;font-size:1.2rem}.po-btn{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:7px 11px;border:1px solid var(--bd);border-radius:7px;background:#fff;color:var(--tx);text-decoration:none;font-size:.74rem;font-weight:600}.po-btn.primary{background:var(--p);border-color:var(--p);color:#fff}.po-btn.soft{background:var(--pl);border-color:#c9d7f5;color:var(--p)}
.po-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.po-step{display:flex;gap:9px;align-items:center;padding:10px 12px;background:#fff;border:1px solid var(--bd);border-radius:8px}.po-step b{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--pl);color:var(--p);font-size:.66rem}.po-step strong{display:block;font-size:.7rem}.po-step small{display:block;color:var(--mu);font-size:.58rem}
.po-card{margin-bottom:14px;overflow:hidden;background:#fff;border:1px solid var(--bd);border-radius:10px;box-shadow:0 3px 12px rgba(15,23,42,.035)}.po-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;background:#f9fbff;border-bottom:1px solid var(--bd)}.po-head h6{margin:0;font-size:.78rem;font-weight:700}.po-head small{color:var(--mu);font-size:.64rem}.po-body{padding:14px}
.po-label{display:block;margin-bottom:4px;color:var(--mu);font-size:.58rem;font-weight:700;text-transform:uppercase}.po-input,.po-select,.po-textarea{width:100%;min-height:36px;padding:6px 9px;border:1px solid var(--bd);border-radius:7px;background:#fff;color:var(--tx);font-size:.76rem}.po-input:focus,.po-select:focus,.po-textarea:focus{outline:none;border-color:var(--p);box-shadow:0 0 0 3px rgba(40,84,163,.1)}.po-code{background:var(--pl)!important;color:var(--p)!important;font-family:ui-monospace,monospace;font-weight:700}.po-note{display:none;margin-top:10px;padding:9px 10px;border:1px solid #fed7aa;border-radius:7px;background:#fff7ed;color:#b45309;font-size:.68rem}.po-note.show{display:block}
.po-table-wrap{overflow-x:auto;border:1px solid var(--bd);border-radius:8px}.po-table{width:100%;min-width:1630px;border-collapse:collapse;table-layout:fixed}.po-table th{padding:8px 7px;background:#f7f9fc;border-bottom:1px solid var(--bd);color:var(--mu);font-size:.56rem;text-transform:uppercase;white-space:nowrap}.po-table td{padding:7px;border-bottom:1px solid #edf1f5;vertical-align:middle}.po-row{width:26px;height:26px;margin:auto;display:grid;place-items:center;border-radius:50%;background:var(--pl);color:var(--p);font-size:.64rem;font-weight:700}.po-unit{display:inline-flex;min-width:48px;justify-content:center;padding:4px 7px;border-radius:6px;background:#f1f5f9;color:#475569;font-size:.64rem;font-weight:700}.po-amount{text-align:right;background:#f8fafc!important;font-family:ui-monospace,monospace;font-weight:700}.po-remove{width:28px;height:28px;display:inline-grid;place-items:center;border:1px solid #fecaca;border-radius:6px;background:#fff1f2;color:var(--er)}.dyn{display:none}.dyn.show{display:table-cell}
.po-summary{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;margin-top:14px}.po-total{overflow:hidden;border-radius:8px;background:#172033;color:#fff}.po-total-row{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;border-bottom:1px solid rgba(255,255,255,.08);font-size:.7rem}.po-total-row input{width:110px;border:0;background:transparent;color:#fff;text-align:right;font-family:ui-monospace,monospace;font-weight:700}.po-total-row.grand{background:rgba(40,84,163,.38);font-size:.84rem;font-weight:700}
.po-footer{position:fixed;left:0;right:0;bottom:0;z-index:100;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 20px;border-top:3px solid var(--p);background:var(--pd);box-shadow:0 -8px 25px rgba(15,23,42,.16)}.po-stats{display:flex;gap:20px;flex-wrap:wrap}.po-stat span{display:block;color:#94a3b8;font-size:.54rem;font-weight:700;text-transform:uppercase}.po-stat strong{color:#fff;font-size:.78rem}.po-save{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:8px 18px;border:0;border-radius:7px;background:#3b82f6;color:#fff;font-size:.76rem;font-weight:700}
@media(max-width:991px){.po-summary,.po-steps{grid-template-columns:1fr}}

.bi-0a37726472 { display:flex;gap:6px;align-items:end; }

.bi-97445a8d93 { flex:1; }

.bi-008830e5c7 { margin-bottom:0;min-height:36px; }

.bi-5790ffba29 { display: none; }

.bi-52b3a503a6 { width:45px; }

.bi-54f91ac464 { width:180px; }

.bi-45d1f59d3e { width:230px; }

.bi-8573bae381 { width:80px; }

.bi-db4cf10b18 { width:100px; }

.bi-60746827b0 { width:110px; }

.bi-581be415aa { width:90px; }

.bi-465bfea3ed { width:120px; }

.bi-c6fffdfe96 { width:130px; }

.bi-830eb98674 { width:140px; }

.bi-28c0f6ec6e { width:160px; }

/* --- Component: admin\po\edit.css --- */
/* Extracted from admin/po/edit.blade.php */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap');

:root {
    --po-primary: #3155a6;
    --po-primary-dark: #243f7f;
    --po-primary-light: #eef4ff;
    --po-bg: #f5f7fb;
    --po-card: #ffffff;
    --po-text: #172033;
    --po-muted: #6b7280;
    --po-border: #dde3ec;
    --po-success: #15803d;
    --po-danger: #dc2626;
    --po-warning: #b45309;
    --po-radius: 12px;
}

body {
    background: var(--po-bg);
}

.po-page {
    max-width: 1450px;
    margin: 0 auto;
    padding: 24px 18px 90px;
    font-family: 'Inter', system-ui, sans-serif;
    color: var(--po-text);
}

.po-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.po-title-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
}

.po-title-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(135deg, var(--po-primary), var(--po-primary-dark));
    box-shadow: 0 8px 22px rgba(49, 85, 166, .22);
}

.po-eyebrow {
    display: block;
    margin-bottom: 3px;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--po-primary);
}

.po-title {
    margin: 0;
    font-size: 1.45rem;
    font-weight: 700;
    color: var(--po-text);
}

.po-back-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 15px;
    border: 1px solid var(--po-border);
    border-radius: 8px;
    background: #fff;
    color: var(--po-text);
    text-decoration: none;
    font-size: .84rem;
    font-weight: 600;
}

.po-back-btn:hover {
    color: var(--po-primary);
    border-color: var(--po-primary);
}

.po-alert {
    border-radius: 10px;
    font-size: .84rem;
}

.po-card {
    background: var(--po-card);
    border: 1px solid var(--po-border);
    border-radius: var(--po-radius);
    box-shadow: 0 4px 16px rgba(15, 23, 42, .04);
    margin-bottom: 18px;
    overflow: hidden;
}

.po-card-head {
    padding: 14px 20px;
    background: #f9fbff;
    border-bottom: 1px solid var(--po-border);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.po-card-title {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: .9rem;
    font-weight: 700;
    color: var(--po-text);
}

.po-card-title i {
    color: var(--po-primary);
}

.po-card-subtitle {
    font-size: .72rem;
    color: var(--po-muted);
}

.po-card-body {
    padding: 20px;
}

.po-label {
    display: block;
    margin-bottom: 5px;
    font-size: .69rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--po-muted);
}

.po-required {
    color: var(--po-danger);
}

.po-input,
.po-select,
.po-textarea {
    width: 100%;
    min-height: 40px;
    border: 1px solid var(--po-border);
    border-radius: 8px;
    padding: 8px 11px;
    background: #fff;
    color: var(--po-text);
    font-size: .86rem;
    transition: border-color .15s, box-shadow .15s;
}

.po-textarea {
    min-height: 82px;
    resize: vertical;
}

.po-input:focus,
.po-select:focus,
.po-textarea:focus {
    outline: none;
    border-color: var(--po-primary);
    box-shadow: 0 0 0 3px rgba(49, 85, 166, .11);
}

.po-input[readonly] {
    background: #f8fafc;
    color: #475569;
}

.po-code-input {
    font-family: 'IBM Plex Mono', monospace;
    font-weight: 600;
    color: var(--po-primary) !important;
    background: var(--po-primary-light) !important;
    border-color: #c9d7f5 !important;
}

.po-hint {
    display: block;
    margin-top: 4px;
    font-size: .68rem;
    color: var(--po-muted);
}

.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-selection--single {
    height: 40px;
    border: 1px solid var(--po-border);
    border-radius: 8px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
    padding-left: 11px;
    font-size: .86rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
}

.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single {
    border-color: var(--po-primary);
}

.po-add-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid #c9d7f5;
    border-radius: 8px;
    padding: 8px 14px;
    background: var(--po-primary-light);
    color: var(--po-primary);
    font-size: .8rem;
    font-weight: 700;
}

.po-add-btn:hover {
    background: #e1ebff;
}

.po-table-wrap {
    overflow-x: auto;
    border: 1px solid var(--po-border);
    border-radius: 10px;
}

.po-table {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
    table-layout: fixed;
}

.po-table th {
    padding: 11px 9px;
    background: #f7f9fc;
    border-bottom: 1px solid var(--po-border);
    color: var(--po-muted);
    font-size: .66rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    white-space: nowrap;
}

.po-table td {
    padding: 9px;
    border-bottom: 1px solid #eef1f5;
    vertical-align: middle;
}

.po-table tbody tr:last-child td {
    border-bottom: 0;
}

.po-table tbody tr:hover td {
    background: #fbfcff;
}

.po-row-no {
    width: 28px;
    height: 28px;
    margin: auto;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: var(--po-primary-light);
    color: var(--po-primary);
    font-size: .68rem;
    font-weight: 700;
}

.po-unit {
    display: inline-flex;
    min-width: 52px;
    justify-content: center;
    padding: 5px 8px;
    border-radius: 6px;
    background: #f1f5f9;
    color: #475569;
    font-size: .7rem;
    font-weight: 700;
}

.po-amount {
    font-family: 'IBM Plex Mono', monospace;
    font-weight: 600;
    text-align: right;
    background: #f8fafc !important;
}

.po-remove-btn {
    width: 30px;
    height: 30px;
    display: inline-grid;
    place-items: center;
    border: 1px solid #fecaca;
    border-radius: 7px;
    background: #fff1f2;
    color: var(--po-danger);
}

.po-remove-btn:hover {
    background: #ffe4e6;
}

.po-summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 370px;
    gap: 18px;
    margin-top: 18px;
}

.po-terms-box {
    padding: 16px;
    border: 1px solid var(--po-border);
    border-radius: 10px;
    background: #fbfcff;
}

.po-total-box {
    border-radius: 10px;
    overflow: hidden;
    background: #172033;
    color: #fff;
}

.po-total-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 11px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    font-size: .8rem;
}

.po-total-row:last-child {
    border-bottom: 0;
}

.po-total-row label {
    margin: 0;
    color: #cbd5e1;
}

.po-total-row input {
    width: 130px;
    border: 0;
    outline: 0;
    background: transparent;
    color: #fff;
    text-align: right;
    font-family: 'IBM Plex Mono', monospace;
    font-weight: 600;
}

.po-total-row.grand {
    padding-top: 14px;
    padding-bottom: 14px;
    background: rgba(49, 85, 166, .34);
    font-size: 1rem;
    font-weight: 700;
}

.po-total-row.grand label,
.po-total-row.grand input {
    color: #fff;
    font-size: 1rem;
}

.po-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 20px;
}

.po-save-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 0;
    border-radius: 8px;
    padding: 11px 24px;
    background: var(--po-primary);
    color: #fff;
    font-size: .88rem;
    font-weight: 700;
    box-shadow: 0 8px 18px rgba(49, 85, 166, .2);
}

.po-save-btn:hover {
    background: var(--po-primary-dark);
}

.po-error {
    margin-top: 4px;
    font-size: .68rem;
    color: var(--po-danger);
}

@media (max-width: 991px) {
    .po-summary {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .po-page {
        padding: 18px 10px 70px;
    }

    .po-card-body {
        padding: 16px;
    }

    .po-title {
        font-size: 1.2rem;
    }
}

.bi-0a37726472 { display:flex;gap:6px;align-items:end; }

.bi-97445a8d93 { flex:1; }

.bi-c186e6f07b { margin-bottom:0;min-height:40px; }

.bi-c3542391c7 { width:48px; }

.bi-30e741d98e { width:auto; }

.bi-581be415aa { width:90px; }

.bi-c6fffdfe96 { width:130px; }

.bi-7c07cdf8bd { width:150px; }

.bi-dbee34e209 { width:55px; }

/* --- Component: admin\po\index.css --- */
/* Extracted from admin/po/index.blade.php */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap');

.po-ui {
    font-family: 'Inter', system-ui, sans-serif;
    color: #1E2430;
    --primary: #3730A3;
    --primary-dk: #2D2683;
    --primary-lt: #EEF0FD;
    --line: #E7E7EF;
    --muted: #7A7F8C;
    --bg: #F6F6FA;
}

.po-alert {
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 6px;
    padding: 11px 16px;
    font-size: .86rem;
    border: 1px solid transparent;
}
.po-alert span { flex: 1; }
.po-alert .btn-close { font-size: .7rem; }
.po-alert-success { background: #EEFBF3; border-color: #B7EBC6; color: #12603A; }
.po-alert-danger  { background: #FDEEEE; border-color: #F3B9B9; color: #942222; }

.po-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}
.po-eyebrow {
    font-family: 'IBM Plex Mono', monospace;
    font-size: .68rem;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--primary);
    display: block;
    margin-bottom: .2rem;
}
.po-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #14171F;
    margin: 0;
    letter-spacing: -0.01em;
}
.po-subtitle {
    font-size: .84rem;
    color: var(--muted);
    margin: .2rem 0 0;
}
.po-btn-primary {
    background: var(--primary);
    color: #fff;
    border: none;
    padding: 9px 16px;
    border-radius: 6px;
    font-size: .85rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    transition: background .14s;
}
.po-btn-primary:hover { background: var(--primary-dk); color: #fff; }

.po-panel {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(20,23,31,.04);
}

.po-filter-bar {
    background: var(--bg);
    border-bottom: 1px solid var(--line);
    padding: 14px 18px;
}
.po-filter-form {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    flex-wrap: wrap;
}
.po-filter-field { display: flex; flex-direction: column; gap: 4px; }
.po-filter-field label {
    font-size: .66rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--muted);
}
.po-filter-search {
    position: relative;
    flex: 1 1 260px;
    justify-content: flex-end;
}
.po-filter-search i {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--muted);
    font-size: .9rem;
}
.po-filter-search .po-input { padding-left: 32px; }

.po-input {
    padding: 8px 10px;
    font-size: .83rem;
    border: 1px solid #D8D9E3;
    border-radius: 6px;
    background: #fff;
    min-width: 150px;
}
.po-input:focus {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(55,48,163,0.1);
}
.po-btn-filter {
    background: #fff;
    border: 1px solid #D8D9E3;
    color: #1E2430;
    font-weight: 600;
    font-size: .83rem;
    padding: 8px 16px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all .14s;
}
.po-btn-filter:hover { border-color: var(--primary); color: var(--primary); }

.po-table {
    width: 100%;
    border-collapse: collapse;
    font-size: .85rem;
}
.po-table th {
    background: #fff;
    padding: 11px 14px;
    border-bottom: 2px solid #14171F;
    text-align: left;
    font-weight: 600;
    font-size: .68rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--muted);
    white-space: nowrap;
}
.po-table th.r { text-align: right; }
.po-table th.c { text-align: center; }
.po-table td {
    padding: 12px 14px;
    border-top: 1px solid var(--line);
    color: #1E2430;
    vertical-align: middle;
}
.po-table td.r { text-align: right; }
.po-table td.c { text-align: center; }
.po-table tbody tr:hover td { background: #FAFAFD; }

.po-no {
    font-family: 'IBM Plex Mono', monospace;
    font-weight: 600;
    color: #14171F;
}
.po-mono { font-family: 'IBM Plex Mono', monospace; }
.po-muted { color: var(--muted); }
.po-grand { font-weight: 700; color: #14171F; }

.po-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 10px 3px 8px;
    border-radius: 20px;
    font-size: .7rem;
    font-weight: 600;
}
.po-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    display: inline-block;
}
.po-badge-success { background: #EAFBF1; color: #0F7A45; }
.po-badge-warning  { background: #FFF6E5; color: #93650B; }
.po-badge-danger   { background: #FDEEEE; color: #B33333; }

.po-actions-wrap {
    display: inline-flex;
    gap: 4px;
    position: relative;
}

.po-action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    font-size: .85rem;
    border: 1px solid transparent;
    cursor: pointer;
    text-decoration: none;
    transition: all .12s;
}
.po-action-view { background: var(--primary-lt); color: var(--primary); }
.po-action-view:hover { background: #DFE1FA; color: var(--primary-dk); }
.po-action-print { background: #FFF8E1; color: #A16207; }
.po-action-print:hover { background: #FEF0C0; color: #7A4B05; }
.po-action-order { background: #E1F5FE; color: #0369A1; }
.po-action-order:hover { background: #BAE6FD; color: #075985; }
.po-action-delete { background: #FDEEEE; color: #B33333; }
.po-action-delete:hover { background: #FBDCDC; color: #942222; }

.po-order-badge {
    position: absolute;
    top: -5px;
    right: -5px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: 8px;
    background: #DC2626;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
}

.po-order-dropdown {
    position: relative;
    display: inline-flex;
}

.po-order-menu {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 99;
    min-width: 220px;
    margin-top: 4px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,.1);
    padding: 6px;
}

.po-order-dropdown.open .po-order-menu {
    display: block !important;
}

.po-order-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 8px;
    border-radius: 6px;
    font-size: .78rem;
    text-decoration: none;
    color: #1E2430;
    transition: background .1s;
}
.po-order-item:hover { background: #F6F6FA; }
.po-order-item i { color: var(--primary); }
.po-order-item small { color: var(--muted); margin-left: auto; }

.po-order-empty {
    display: block;
    padding: 10px;
    text-align: center;
    color: var(--muted);
    font-size: .76rem;
}

/* Keep the original po-action-btn styles for backwards compat */
.po-action-view, .po-action-edit, .po-action-delete { /* already defined */ }

.po-empty {
    padding: 56px 20px;
    text-align: center;
    color: var(--muted);
}
.po-empty i { font-size: 2.1rem; opacity: .3; display: block; margin-bottom: 10px; }
.po-empty p { font-size: .92rem; font-weight: 600; color: #1E2430; margin: 0 0 4px; }
.po-empty span { font-size: .8rem; }

.po-pagination {
    padding: 14px 18px;
    border-top: 1px solid var(--line);
}

@media (max-width: 767px) {
    .po-filter-form { flex-direction: column; align-items: stretch; }
    .po-filter-search { flex: 1 1 auto; }
}

/* --- Component: admin\po\print.css --- */
/* Extracted from admin/po/print.blade.php */

:root {
    --po-primary: #264a86;
    --po-primary-dark: #18335f;
    --po-text: #1c2434;
    --po-muted: #697386;
    --po-border: #dbe2ec;
    --po-soft: #f7f9fc;
}

html, body {
    background: #eef2f7;
}

.po-page {
    max-width: 1080px;
    margin: 0 auto;
    padding: 20px 14px 50px;
    font-family: Arial, sans-serif;
    color: var(--po-text);
}

.po-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

.po-toolbar-left,
.po-toolbar-right {
    display: flex;
    align-items: center;
    gap: 8px;
}

.po-toolbar-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 13px;
    border: 1px solid var(--po-border);
    border-radius: 7px;
    background: #fff;
    color: var(--po-text);
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
}

.po-toolbar-btn.primary {
    background: var(--po-primary);
    border-color: var(--po-primary);
    color: #fff;
}

.po-status {
    display: inline-flex;
    padding: 5px 10px;
    border-radius: 999px;
    background: #eef4ff;
    color: var(--po-primary);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

.po-document {
    background: #fff;
    border: 1px solid var(--po-border);
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0,0,0,.08);
    overflow: hidden;
}

.po-document-inner {
    padding: 24px;
}

.po-header {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 20px;
    align-items: start;
}

.po-company {
    display: flex;
    gap: 14px;
    align-items: flex-start;
}

.po-logo {
    width: 72px;
    height: 58px;
    object-fit: contain;
}

.po-company-name {
    margin: 0 0 4px;
    font-size: 20px;
    color: var(--po-primary-dark);
}

.po-company-line {
    margin: 2px 0;
    font-size: 11px;
    color: var(--po-muted);
    line-height: 1.35;
}

.po-document-title {
    text-align: right;
}

.po-document-title h1 {
    margin: 0;
    font-size: 21px;
    letter-spacing: .06em;
    color: var(--po-primary-dark);
}

.po-document-title p {
    margin: 5px 0 0;
    font-size: 9px;
    color: var(--po-muted);
    text-transform: uppercase;
    letter-spacing: .1em;
}

.po-divider {
    height: 3px;
    margin: 16px 0 17px;
    background: linear-gradient(90deg, var(--po-primary-dark), var(--po-primary), #1d8a6f);
}

.po-info-layout {
    display: grid;
    grid-template-columns: 1.35fr .65fr;
    gap: 14px;
    margin-bottom: 16px;
}

.po-address-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.po-info-card {
    min-height: 104px;
    padding: 11px;
    border: 1px solid var(--po-border);
    border-radius: 8px;
    background: var(--po-soft);
}

.po-card-label {
    margin-bottom: 6px;
    font-size: 9px;
    font-weight: 700;
    color: var(--po-primary);
    text-transform: uppercase;
}

.po-card-title {
    margin: 0 0 4px;
    font-size: 12px;
    font-weight: 700;
}

.po-card-text {
    margin: 1px 0;
    font-size: 10px;
    color: var(--po-muted);
    line-height: 1.4;
    white-space: pre-line;
}

.po-meta-card {
    padding: 11px 13px;
    border-radius: 8px;
    background: var(--po-primary-dark);
    color: #fff;
}

.po-meta-table {
    width: 100%;
    border-collapse: collapse;
}

.po-meta-table td {
    padding: 6px 0;
    border-bottom: 1px solid rgba(255,255,255,.12);
}

.po-meta-key {
    font-size: 9px;
    color: rgba(255,255,255,.7);
}

.po-meta-value {
    text-align: right;
    font-size: 10px;
    font-weight: 600;
}

.po-section-title {
    margin: 0 0 7px;
    font-size: 10px;
    color: var(--po-primary-dark);
    font-weight: 700;
    text-transform: uppercase;
}

.po-table-wrap {
    width: 100%;
    overflow: visible;
    border: 1px solid var(--po-border);
    border-radius: 8px;
    margin-bottom: 14px;
}

.po-items-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.po-items-table th {
    padding: 8px 6px;
    background: var(--po-primary-dark);
    color: #fff;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
}

.po-items-table td {
    padding: 7px 6px;
    border-bottom: 1px solid #e8edf3;
    font-size: 9.5px;
    vertical-align: top;
    word-wrap: break-word;
}

.po-material-name {
    display: block;
    font-weight: 700;
}

.po-material-spec {
    display: block;
    margin-top: 2px;
    font-size: 8.5px;
    color: var(--po-muted);
}

.text-center { text-align: center; }
.text-right { text-align: right; }

.po-summary-layout {
    display: grid;
    grid-template-columns: 1fr 315px;
    gap: 14px;
    align-items: start;
    margin-bottom: 15px;
}

.po-notes-card,
.po-terms {
    padding: 11px;
    border: 1px solid var(--po-border);
    border-radius: 8px;
    background: #fff;
}

.po-notes-text {
    margin: 0;
    font-size: 9.5px;
    color: var(--po-muted);
    line-height: 1.45;
    white-space: pre-line;
}

.po-totals {
    border: 1px solid var(--po-border);
    border-radius: 8px;
    overflow: hidden;
}

.po-total-row {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 7px 10px;
    border-bottom: 1px solid var(--po-border);
    font-size: 9.5px;
}

.po-total-row.grand {
    background: var(--po-primary-dark);
}

.po-total-row.grand .po-total-label,
.po-total-row.grand .po-total-value {
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}

.po-terms {
    background: var(--po-soft);
    margin-bottom: 16px;
}

.po-terms ol {
    columns: 2;
    column-gap: 26px;
    margin: 0;
    padding-left: 16px;
}

.po-terms li {
    margin-bottom: 4px;
    font-size: 8.5px;
    color: var(--po-muted);
    line-height: 1.35;
}

.po-signatures {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-top: 24px;
    margin-bottom: 14px;
}

.po-signature { text-align: center; }

.po-sign-space {
    height: 34px;
    border-bottom: 1px solid #adb7c5;
    margin-bottom: 6px;
}

.po-sign-role {
    margin: 0;
    font-size: 8.5px;
    color: var(--po-muted);
}

.po-sign-name {
    margin: 2px 0 0;
    font-size: 9px;
    font-weight: 600;
}

.po-footer {
    padding: 10px 14px;
    border-top: 1px solid var(--po-border);
    background: var(--po-soft);
    text-align: center;
}

.po-footer p {
    margin: 0;
    font-size: 8px;
    color: var(--po-muted);
}

@page {
    size: A4 portrait;
    margin: 8mm;
}

@media print {
    html, body {
        width: 210mm !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #fff !important;
    }

    * {
        box-sizing: border-box !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    .no-print,
    .po-toolbar,
    nav,
    aside,
    .sidebar,
    .navbar,
    .header,
    .navbar-header,
    .page-header,
    .tap-top,
    .loader-wrapper,
    footer:not(.po-footer) {
        display: none !important;
    }

    .page-wrapper,
    .page-body-wrapper,
    .page-body,
    .container-fluid,
    main {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: none !important;
    }

    .po-page {
        width: 194mm !important;
        max-width: 194mm !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    .po-document {
        width: 100% !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    .po-document-inner {
        padding: 0 !important;
    }

    .po-header,
    .po-info-layout,
    .po-summary-layout,
    .po-info-card,
    .po-meta-card,
    .po-notes-card,
    .po-totals,
    .po-terms,
    .po-signatures {
        break-inside: avoid !important;
        page-break-inside: avoid !important;
    }

    .po-items-table thead {
        display: table-header-group !important;
    }

    .po-items-table tr {
        break-inside: avoid !important;
        page-break-inside: avoid !important;
    }

    .po-table-wrap {
        overflow: visible !important;
    }

    a[href]:after {
        content: none !important;
    }
}

.bi-edfd8092c1 { width:52px; }

.bi-30e741d98e { width:auto; }

.bi-581be415aa { width:90px; }

.bi-8573bae381 { width:80px; }

.bi-db4cf10b18 { width:100px; }

.bi-60746827b0 { width:110px; }

.bi-dcf5698635 { width:125px; }

/* --- Component: admin\rmc\create.css --- */
/* Extracted from admin/rmc/create.blade.php */

@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500&display=swap');

    :root {
        --ink:       #0f1923;
        --ink-soft:  #4a5568;
        --paper:     #f7f8fc;
        --surface:   #ffffff;
        --accent:    #0057ff;
        --accent-2:  #00c9a7;
        --warn:      #f59e0b;
        --danger:    #ef4444;
        --border:    #e2e8f0;
        --radius:    14px;
        --shadow:    0 4px 24px rgba(0,87,255,.07);
    }

    body { }

    .rmc-page {
        background: var(--paper);
        min-height: 100vh;
        padding: 28px 24px;
    }

    /* ── PAGE HEADER ── */
    .rmc-header {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        margin-bottom: 28px;
        flex-wrap: wrap;
        gap: 12px;
        animation: fadeUp .35s ease both;
    }

    .rmc-header h1 {
      
        font-size: 1.8rem;
        font-weight: 800;
        color: var(--ink);
        margin: 0;
        letter-spacing: -.5px;
    }

    .rmc-header p {
        font-size: .83rem;
        color: var(--ink-soft);
        margin: 4px 0 0;
    }

    .btn-back {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        background: var(--surface);
        color: var(--ink-soft);
        border: 1px solid var(--border);
       
        font-size: .83rem;
        font-weight: 500;
        padding: 9px 16px;
        border-radius: 9px;
        text-decoration: none;
        transition: all .18s;
    }

    .btn-back:hover {
        border-color: var(--accent);
        color: var(--accent);
    }

    /* ── ALERTS ── */
    .alert-custom {
        border-radius: 10px;
        padding: 12px 18px;
        font-size: .875rem;
        margin-bottom: 20px;
        display: flex;
        align-items: flex-start;
        gap: 10px;
        animation: fadeUp .3s ease;
    }

    .alert-custom.success { background: rgba(0,201,167,.1); border: 1px solid rgba(0,201,167,.35); color: #047857; }
    .alert-custom.danger  { background: rgba(239,68,68,.08); border: 1px solid rgba(239,68,68,.25); color: #b91c1c; }
    .alert-custom.warn    { background: rgba(245,158,11,.1); border: 1px solid rgba(245,158,11,.3); color: #92400e; }
    .alert-custom i { margin-top: 2px; flex-shrink: 0; }

    /* ── SECTION CARD ── */
    .section-card {
        background: var(--surface);
        border: 1px solid var(--border);
        border-radius: var(--radius);
        box-shadow: var(--shadow);
        margin-bottom: 20px;
        animation: fadeUp .4s ease both;
        overflow: hidden;
    }

    .section-card:nth-child(2) { animation-delay: .05s; }
    .section-card:nth-child(3) { animation-delay: .10s; }
    .section-card:nth-child(4) { animation-delay: .15s; }

    .section-header {
        padding: 15px 22px;
        border-bottom: 1px solid var(--border);
        display: flex;
        align-items: center;
        gap: 10px;
        background: var(--paper);
    }

    .section-header h5 {
      
        font-size: .92rem;
        font-weight: 700;
        color: var(--ink);
        margin: 0;
    }

    .section-icon {
        width: 32px;
        height: 32px;
        border-radius: 8px;
        background: rgba(0,87,255,.1);
        color: var(--accent);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: .9rem;
        flex-shrink: 0;
    }

    .section-body { padding: 22px; }

    /* ── FORM CONTROLS ── */
    .field-group { margin-bottom: 0; }

    .field-label {
        display: block;
        font-size: .75rem;
        font-weight: 600;
        color: var(--ink-soft);
        text-transform: uppercase;
        letter-spacing: .6px;
        margin-bottom: 6px;
    }

    .field-label .req { color: var(--danger); margin-left: 2px; }

    .form-control, .form-select {
        font-family: 'DM Sans', sans-serif !important;
        font-size: .875rem !important;
        color: var(--ink) !important;
        border: 1px solid var(--border) !important;
        border-radius: 9px !important;
        padding: 9px 14px !important;
        background: var(--paper) !important;
        transition: border-color .2s, box-shadow .2s !important;
        outline: none !important;
    }

    .form-control:focus, .form-select:focus {
        border-color: var(--accent) !important;
        box-shadow: 0 0 0 3px rgba(0,87,255,.1) !important;
        background: var(--surface) !important;
    }

    textarea.form-control { resize: vertical; min-height: 72px; }

    /* ── ITEMS TABLE ── */
    .items-section { animation-delay: .2s; }

    .items-table-wrap { overflow-x: auto; }

    .items-table {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
        min-width: 860px;
    }

    .items-table thead tr {
        background: var(--paper);
    }

    .items-table thead th {
        padding: 11px 12px;
      
        font-size: .7rem;
        font-weight: 700;
        color: var(--ink-soft);
        text-transform: uppercase;
        letter-spacing: .7px;
        border-bottom: 2px solid var(--border);
        white-space: nowrap;
        text-align: center;
    }

    .items-table thead th:first-child { text-align: left; }

    .items-table tbody tr {
        border-bottom: 1px solid var(--border);
        transition: background .15s;
    }

    .items-table tbody tr:last-child { border-bottom: none; }
    .items-table tbody tr:hover { background: rgba(0,87,255,.02); }

    .items-table td {
        padding: 10px 8px;
        vertical-align: top;
    }

    .items-table .form-control,
    .items-table .form-select {
        border-radius: 7px !important;
        padding: 7px 10px !important;
        font-size: .82rem !important;
    }

    /* Readonly total cells */
    .items-table .total-field {
        background: rgba(0,87,255,.05) !important;
        color: var(--accent) !important;
        font-weight: 600 !important;
        font-family: 'Syne', sans-serif !important;
    }

    .items-table .gst-field {
        background: rgba(0,201,167,.07) !important;
        color: #047857 !important;
        font-weight: 600 !important;
        font-family: 'Syne', sans-serif !important;
    }

    /* Row number badge */
    .row-num {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 22px;
        height: 22px;
        background: rgba(0,87,255,.1);
        color: var(--accent);
      
        font-weight: 700;
        font-size: .72rem;
        border-radius: 50%;
    }

    /* Materials box */
    .materials-box {
        min-width: 180px;
    }

    .material-chip {
        background: var(--paper);
        border: 1px solid var(--border);
        border-radius: 8px;
        padding: 8px 10px;
        margin-bottom: 6px;
        font-size: .8rem;
    }

    .material-chip strong {
        display: block;
      
        font-size: .78rem;
        color: var(--ink);
        margin-bottom: 6px;
    }

    .material-chip .form-control {
        padding: 5px 8px !important;
        font-size: .78rem !important;
        border-radius: 6px !important;
    }

    .mat-label {
        font-size: .68rem;
        color: var(--ink-soft);
        text-transform: uppercase;
        letter-spacing: .5px;
        margin-bottom: 3px;
        display: block;
    }

    /* Remove row button */
    .btn-remove-row {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        background: rgba(239,68,68,.1);
        color: var(--danger);
        border: none;
        border-radius: 7px;
        cursor: pointer;
        transition: all .15s;
        flex-shrink: 0;
    }

    .btn-remove-row:hover {
        background: var(--danger);
        color: #fff;
    }

    /* ── ADD ROW BUTTON ── */
    .btn-add-row {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        background: rgba(0,87,255,.08);
        color: var(--accent);
        border: 1.5px dashed rgba(0,87,255,.3);
      
        font-weight: 700;
        font-size: .83rem;
        padding: 9px 18px;
        border-radius: 9px;
        cursor: pointer;
        transition: all .18s;
        margin-top: 14px;
    }

    .btn-add-row:hover {
        background: rgba(0,87,255,.14);
        border-color: var(--accent);
    }

    /* ── FOOTER ACTIONS ── */
    .form-footer {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 12px;
        padding: 20px 22px;
        background: var(--paper);
        border-top: 1px solid var(--border);
        border-radius: 0 0 var(--radius) var(--radius);
    }

    .btn-cancel {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        background: transparent;
        color: var(--ink-soft);
        border: 1px solid var(--border);
       
        font-size: .875rem;
        font-weight: 500;
        padding: 10px 20px;
        border-radius: 9px;
        text-decoration: none;
        transition: all .18s;
        cursor: pointer;
    }

    .btn-cancel:hover { border-color: var(--danger); color: var(--danger); }

    .btn-save {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        background: var(--accent);
        color: #fff;
      
        font-weight: 700;
        font-size: .88rem;
        padding: 10px 28px;
        border-radius: 9px;
        border: none;
        cursor: pointer;
        transition: transform .18s, box-shadow .18s;
        box-shadow: 0 4px 14px rgba(0,87,255,.28);
        letter-spacing: .2px;
    }

    .btn-save:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 22px rgba(0,87,255,.36);
    }

    /* ── ANIMATIONS ── */
    @keyframes fadeUp {
        from { opacity: 0; transform: translateY(10px); }
        to   { opacity: 1; transform: translateY(0); }
    }

    @media (max-width: 768px) {
        .rmc-page { padding: 16px 12px; }
        .rmc-header h1 { font-size: 1.4rem; }
        .section-body { padding: 16px; }
    }

.bi-8aa30b8ecd { color:var(--accent);font-size:1.6rem;vertical-align:middle;margin-right:8px; }

.bi-44c2cf031d { padding-bottom:6px; }

.bi-d6f24cb5d6 { text-align:left;width:36px; }

.bi-374d625441 { text-align:left;min-width:180px; }

.bi-0143f2a4d1 { min-width:90px; }

.bi-47b618fc66 { min-width:200px; }

.bi-e79a03c842 { min-width:100px; }

.bi-365391b2b0 { min-width:110px; }

.bi-651945a073 { min-width:120px; }

.bi-d6db40ea5a { width:40px; }

.bi-aec9087f00 { text-align:center;padding-top:14px; }

.bi-f63147b2ed { font-size:.78rem; }

.bi-652db75ef3 { font-size:.7rem; }

.bi-8cf278f4b1 { text-align:center;padding-top:12px; }

.bi-a726b01e4d { font-size:.8rem; }

/* --- Component: admin\rmc\edit.css --- */
/* Extracted from admin/rmc/edit.blade.php */

@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500&display=swap');

    :root {
        --ink:      #0f1923;
        --ink-soft: #4a5568;
        --paper:    #f7f8fc;
        --surface:  #ffffff;
        --accent:   #0057ff;
        --accent-2: #00c9a7;
        --warn:     #f59e0b;
        --danger:   #ef4444;
        --border:   #e2e8f0;
        --radius:   14px;
        --shadow:   0 4px 24px rgba(0,87,255,.07);
    }

  

    .rmc-page {
        background: var(--paper);
        min-height: 100vh;
        padding: 28px 24px;
    }

    /* ── PAGE HEADER ── */
    .rmc-header {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        margin-bottom: 28px;
        flex-wrap: wrap;
        gap: 12px;
        animation: fadeUp .35s ease both;
    }

    .rmc-header h1 {
      
        font-size: 1.8rem;
        font-weight: 800;
        color: var(--ink);
        margin: 0;
        letter-spacing: -.5px;
    }

    .rmc-header p { font-size: .83rem; color: var(--ink-soft); margin: 4px 0 0; }

    .header-actions { display: flex; gap: 10px; flex-wrap: wrap; }

    .btn-action {
        display: inline-flex;
        align-items: center;
        gap: 7px;
      
        font-weight: 700;
        font-size: .83rem;
        padding: 9px 18px;
        border-radius: 9px;
        text-decoration: none;
        transition: transform .18s, box-shadow .18s, border-color .18s, color .18s;
        letter-spacing: .2px;
        border: 1px solid transparent;
        cursor: pointer;
        white-space: nowrap;
    }

    .btn-action.secondary {
        background: var(--surface);
        color: var(--ink-soft);
        border-color: var(--border);
    }

    .btn-action.secondary:hover { border-color: var(--accent); color: var(--accent); }

    /* ── EDIT BANNER ── */
    .edit-banner {
        display: flex;
        align-items: center;
        gap: 12px;
        background: rgba(245,158,11,.08);
        border: 1px solid rgba(245,158,11,.3);
        border-radius: 10px;
        padding: 12px 18px;
        margin-bottom: 22px;
        font-size: .875rem;
        color: #92400e;
        animation: fadeUp .3s ease both;
    }

    .edit-banner i { font-size: 1.1rem; flex-shrink: 0; }

    /* ── ALERTS ── */
    .alert-custom {
        border-radius: 10px;
        padding: 12px 18px;
        font-size: .875rem;
        margin-bottom: 18px;
        display: flex;
        align-items: flex-start;
        gap: 10px;
        animation: fadeUp .3s ease;
    }

    .alert-custom.warn { background: rgba(245,158,11,.1); border: 1px solid rgba(245,158,11,.3); color: #92400e; }

    /* ── SECTION CARD ── */
    .section-card {
        background: var(--surface);
        border: 1px solid var(--border);
        border-radius: var(--radius);
        box-shadow: var(--shadow);
        margin-bottom: 20px;
        overflow: hidden;
        animation: fadeUp .4s ease both;
    }

    .section-card:nth-child(1) { animation-delay: .05s; }
    .section-card:nth-child(2) { animation-delay: .10s; }
    .section-card:nth-child(3) { animation-delay: .15s; }

    .section-header {
        padding: 14px 22px;
        border-bottom: 1px solid var(--border);
        display: flex;
        align-items: center;
        gap: 10px;
        background: var(--paper);
    }

    .section-header h5 {
      
        font-size: .92rem;
        font-weight: 700;
        color: var(--ink);
        margin: 0;
    }

    .section-icon {
        width: 32px; height: 32px;
        border-radius: 8px;
        background: rgba(0,87,255,.1);
        color: var(--accent);
        display: flex; align-items: center; justify-content: center;
        font-size: .9rem; flex-shrink: 0;
    }

    .section-body { padding: 22px; }

    /* ── FORM CONTROLS ── */
    .field-label {
        display: block;
        font-size: .75rem;
        font-weight: 600;
        color: var(--ink-soft);
        text-transform: uppercase;
        letter-spacing: .6px;
        margin-bottom: 6px;
    }

    .field-label .req { color: var(--danger); margin-left: 2px; }

    .form-control, .form-select {
        font-family: 'DM Sans', sans-serif !important;
        font-size: .875rem !important;
        color: var(--ink) !important;
        border: 1px solid var(--border) !important;
        border-radius: 9px !important;
        padding: 9px 14px !important;
        background: var(--paper) !important;
        transition: border-color .2s, box-shadow .2s !important;
        outline: none !important;
    }

    .form-control:focus, .form-select:focus {
        border-color: var(--accent) !important;
        box-shadow: 0 0 0 3px rgba(0,87,255,.1) !important;
        background: var(--surface) !important;
    }

    textarea.form-control { resize: vertical; min-height: 72px; }

    /* ── ITEMS TABLE ── */
    .items-table-wrap { overflow-x: auto; }

    .items-table {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
        min-width: 860px;
    }

    .items-table thead tr { background: var(--paper); }

    .items-table thead th {
        padding: 11px 12px;
      
        font-size: .7rem;
        font-weight: 700;
        color: var(--ink-soft);
        text-transform: uppercase;
        letter-spacing: .7px;
        border-bottom: 2px solid var(--border);
        white-space: nowrap;
        text-align: center;
    }

    .items-table thead th:nth-child(2) { text-align: left; }

    .items-table tbody tr {
        border-bottom: 1px solid var(--border);
        transition: background .15s;
    }

    .items-table tbody tr:last-child { border-bottom: none; }
    .items-table tbody tr:hover { background: rgba(0,87,255,.02); }

    .items-table td {
        padding: 10px 8px;
        vertical-align: top;
    }

    .items-table .form-control,
    .items-table .form-select {
        border-radius: 7px !important;
        padding: 7px 10px !important;
        font-size: .82rem !important;
    }

    .items-table .total-field {
        background: rgba(0,87,255,.05) !important;
        color: var(--accent) !important;
        font-weight: 600 !important;
        font-family: 'Syne', sans-serif !important;
    }

    /* Row number badge */
    .row-num {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 22px; height: 22px;
        background: rgba(0,87,255,.1);
        color: var(--accent);
      
        font-weight: 700;
        font-size: .72rem;
        border-radius: 50%;
    }

    /* Materials box */
    .material-chip {
        background: var(--paper);
        border: 1px solid var(--border);
        border-radius: 8px;
        padding: 8px 10px;
        margin-bottom: 6px;
        font-size: .8rem;
    }

    .material-chip strong {
        display: block;
      
        font-size: .78rem;
        color: var(--ink);
        margin-bottom: 6px;
    }

    .material-chip .form-control {
        padding: 5px 8px !important;
        font-size: .78rem !important;
        border-radius: 6px !important;
    }

    .mat-label {
        font-size: .68rem;
        color: var(--ink-soft);
        text-transform: uppercase;
        letter-spacing: .5px;
        margin-bottom: 3px;
        display: block;
    }

    /* Remove row button */
    .btn-remove-row {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 30px; height: 30px;
        background: rgba(239,68,68,.1);
        color: var(--danger);
        border: none;
        border-radius: 7px;
        cursor: pointer;
        transition: all .15s;
        flex-shrink: 0;
    }

    .btn-remove-row:hover { background: var(--danger); color: #fff; }

    /* ── ADD ROW BUTTON ── */
    .btn-add-row {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        background: rgba(0,87,255,.08);
        color: var(--accent);
        border: 1.5px dashed rgba(0,87,255,.3);
      
        font-weight: 700;
        font-size: .83rem;
        padding: 9px 18px;
        border-radius: 9px;
        cursor: pointer;
        transition: all .18s;
        margin-top: 14px;
    }

    .btn-add-row:hover { background: rgba(0,87,255,.14); border-color: var(--accent); }

    /* ── FORM FOOTER ── */
    .form-footer {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 12px;
        padding: 20px 22px;
        background: var(--paper);
        border-top: 1px solid var(--border);
        border-radius: 0 0 var(--radius) var(--radius);
    }

    .btn-cancel {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        background: transparent;
        color: var(--ink-soft);
        border: 1px solid var(--border);
        font-family: 'DM Sans', sans-serif;
        font-size: .875rem;
        font-weight: 500;
        padding: 10px 20px;
        border-radius: 9px;
        text-decoration: none;
        transition: all .18s;
        cursor: pointer;
    }

    .btn-cancel:hover { border-color: var(--danger); color: var(--danger); }

    .btn-save {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        background: var(--warn);
        color: #fff;
      
        font-weight: 700;
        font-size: .88rem;
        padding: 10px 28px;
        border-radius: 9px;
        border: none;
        cursor: pointer;
        transition: transform .18s, box-shadow .18s;
        box-shadow: 0 4px 14px rgba(245,158,11,.3);
        letter-spacing: .2px;
    }

    .btn-save:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 22px rgba(245,158,11,.4);
    }

    /* ── ANIMATIONS ── */
    @keyframes fadeUp {
        from { opacity: 0; transform: translateY(10px); }
        to   { opacity: 1; transform: translateY(0); }
    }

    @media (max-width: 768px) {
        .rmc-page { padding: 16px 12px; }
        .rmc-header h1 { font-size: 1.4rem; }
        .section-body { padding: 16px; }
    }

.bi-9266395b27 { color:var(--warn);font-size:1.6rem;vertical-align:middle;margin-right:8px; }

.bi-dca8810c93 { margin-top:2px;flex-shrink:0; }

.bi-2b2dc0e986 { background:rgba(0,201,167,.12);color:var(--accent-2); }

.bi-85dd426e70 { margin-left:auto;background:rgba(245,158,11,.12);color:#b45309;font-family:'Syne',sans-serif;font-weight:700;font-size:.75rem;padding:3px 10px;border-radius:20px; }

.bi-44c2cf031d { padding-bottom:6px; }

.bi-3872989743 { width:36px; }

.bi-374d625441 { text-align:left;min-width:180px; }

.bi-0143f2a4d1 { min-width:90px; }

.bi-47b618fc66 { min-width:200px; }

.bi-e79a03c842 { min-width:100px; }

.bi-365391b2b0 { min-width:110px; }

.bi-d6db40ea5a { width:40px; }

.bi-aec9087f00 { text-align:center;padding-top:14px; }

.bi-8cf278f4b1 { text-align:center;padding-top:12px; }

.bi-a726b01e4d { font-size:.8rem; }

.bi-f63147b2ed { font-size:.78rem; }

.bi-652db75ef3 { font-size:.7rem; }

/* --- Component: admin\rmc\index.css --- */
/* Extracted from admin/rmc/index.blade.php */

@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500&display=swap');

    :root {
        --ink:       #0f1923;
        --ink-soft:  #4a5568;
        --paper:     #f7f8fc;
        --surface:   #ffffff;
        --accent:    #0057ff;
        --accent-2:  #00c9a7;
        --warn:      #f59e0b;
        --danger:    #ef4444;
        --border:    #e2e8f0;
        --radius:    14px;
        --shadow:    0 4px 24px rgba(0,87,255,.07);
    }

    .rmc-page {
        
        background: var(--paper);
        min-height: 100vh;
        padding: 32px 28px;
    }

    /* ── PAGE HEADER ── */
    .rmc-header {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        margin-bottom: 32px;
        flex-wrap: wrap;
        gap: 16px;
    }

    .rmc-header-left h1 {

        font-size: 2rem;
        font-weight: 800;
        color: var(--ink);
        margin: 0;
        line-height: 1.1;
        letter-spacing: -.5px;
    }

    .rmc-header-left p {
        font-size: .85rem;
        color: var(--ink-soft);
        margin: 4px 0 0;
    }

    .btn-create {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        background: var(--accent);
        color: #fff;
       
        font-weight: 700;
        font-size: .88rem;
        padding: 11px 22px;
        border-radius: 10px;
        text-decoration: none;
        transition: transform .18s, box-shadow .18s;
        box-shadow: 0 4px 14px rgba(0,87,255,.3);
        letter-spacing: .2px;
        white-space: nowrap;
    }

    .btn-create:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 24px rgba(0,87,255,.38);
        color: #fff;
    }

    .btn-create i { font-size: 1rem; }

    /* ── STATS STRIP ── */
    .stats-strip {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
        gap: 14px;
        margin-bottom: 28px;
    }

    .stat-card {
        background: var(--surface);
        border-radius: var(--radius);
        padding: 18px 20px;
        border: 1px solid var(--border);
        box-shadow: var(--shadow);
        display: flex;
        align-items: center;
        gap: 14px;
        animation: fadeUp .4s ease both;
    }

    .stat-card:nth-child(1) { animation-delay: .05s; }
    .stat-card:nth-child(2) { animation-delay: .10s; }
    .stat-card:nth-child(3) { animation-delay: .15s; }

    .stat-icon {
        width: 44px;
        height: 44px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.2rem;
        flex-shrink: 0;
    }

    .stat-icon.blue  { background: rgba(0,87,255,.1);  color: var(--accent); }
    .stat-icon.green { background: rgba(0,201,167,.12); color: var(--accent-2); }
    .stat-icon.amber { background: rgba(245,158,11,.12); color: var(--warn); }

    .stat-info p {
        font-size: .72rem;
        color: var(--ink-soft);
        margin: 0;
        text-transform: uppercase;
        letter-spacing: .6px;
        font-weight: 500;
    }

    .stat-info h3 {
        font-family: 'Syne', sans-serif;
        font-size: 1.5rem;
        font-weight: 800;
        color: var(--ink);
        margin: 2px 0 0;
        line-height: 1;
    }

    /* ── ALERT ── */
    .alert-success-custom {
        background: rgba(0,201,167,.1);
        border: 1px solid rgba(0,201,167,.35);
        color: #047857;
        border-radius: 10px;
        padding: 12px 18px;
        font-size: .875rem;
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        gap: 10px;
        animation: fadeUp .3s ease;
    }

    /* ── TABLE CARD ── */
    .table-card {
        background: var(--surface);
        border-radius: var(--radius);
        border: 1px solid var(--border);
        box-shadow: var(--shadow);
        overflow: hidden;
        animation: fadeUp .4s .2s ease both;
    }

    .table-card-header {
        padding: 18px 24px;
        border-bottom: 1px solid var(--border);
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        flex-wrap: wrap;
    }

    .table-card-header h5 {
        font-family: 'Syne', sans-serif;
        font-weight: 700;
        font-size: 1rem;
        color: var(--ink);
        margin: 0;
    }

    /* Search box */
    .search-box {
        position: relative;
    }

    .search-box input {
        border: 1px solid var(--border);
        border-radius: 8px;
        padding: 8px 14px 8px 36px;
        font-size: .83rem;
        font-family: 'DM Sans', sans-serif;
        color: var(--ink);
        background: var(--paper);
        outline: none;
        width: 210px;
        transition: border-color .2s, box-shadow .2s;
    }

    .search-box input:focus {
        border-color: var(--accent);
        box-shadow: 0 0 0 3px rgba(0,87,255,.12);
    }

    .search-box i {
        position: absolute;
        left: 11px;
        top: 50%;
        transform: translateY(-50%);
        color: var(--ink-soft);
        font-size: .85rem;
        pointer-events: none;
    }

    /* Table */
    .rmc-table {
        width: 100%;
        border-collapse: collapse;
    }

    .rmc-table thead tr {
        background: var(--paper);
    }

    .rmc-table thead th {
        padding: 12px 16px;
        font-family: 'Syne', sans-serif;
        font-size: .72rem;
        font-weight: 700;
        color: var(--ink-soft);
        text-transform: uppercase;
        letter-spacing: .8px;
        border-bottom: 2px solid var(--border);
        white-space: nowrap;
    }

    .rmc-table tbody tr {
        border-bottom: 1px solid var(--border);
        transition: background .15s;
        animation: fadeUp .35s ease both;
    }

    .rmc-table tbody tr:last-child { border-bottom: none; }
    .rmc-table tbody tr:hover { background: rgba(0,87,255,.03); }

    .rmc-table td {
        padding: 14px 16px;
        font-size: .875rem;
        color: var(--ink);
        vertical-align: middle;
    }

    /* Serial number */
    .td-serial {
        font-family: 'Syne', sans-serif;
        font-size: .78rem;
        font-weight: 700;
        color: var(--ink-soft);
        text-align: center;
        width: 48px;
    }

    /* Quotation number pill */
    .q-badge {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        background: rgba(0,87,255,.08);
        color: var(--accent);
        font-family: 'Syne', sans-serif;
        font-weight: 700;
        font-size: .8rem;
        padding: 4px 10px;
        border-radius: 6px;
        letter-spacing: .3px;
    }

    /* Date */
    .td-date {
        font-size: .83rem;
        color: var(--ink-soft);
        white-space: nowrap;
    }

    /* Client */
    .client-cell {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .client-avatar {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        background: linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);
        color: #fff;
        font-family: 'Syne', sans-serif;
        font-weight: 800;
        font-size: .82rem;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .client-name {
        font-weight: 500;
        font-size: .875rem;
    }

    /* Items badge */
    .items-pill {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: rgba(0,201,167,.12);
        color: #047857;
        font-family: 'Syne', sans-serif;
        font-weight: 700;
        font-size: .82rem;
        min-width: 30px;
        height: 26px;
        border-radius: 20px;
        padding: 0 10px;
    }

    /* Actions */
    .action-group {
        display: flex;
        align-items: center;
        gap: 6px;
        flex-wrap: nowrap;
    }

    .act-btn {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        font-size: .78rem;
        font-weight: 600;
        padding: 6px 11px;
        border-radius: 7px;
        text-decoration: none;
        border: none;
        cursor: pointer;
        transition: transform .15s, opacity .15s;
        font-family: 'DM Sans', sans-serif;
        white-space: nowrap;
    }

    .act-btn:hover { transform: translateY(-1px); opacity: .88; }

    .act-btn.view    { background: rgba(0,87,255,.1);   color: var(--accent); }
    .act-btn.print   { background: rgba(100,116,139,.1); color: #475569; }
    .act-btn.edit    { background: rgba(245,158,11,.12); color: #b45309; }
    .act-btn.del     { background: rgba(239,68,68,.1);   color: var(--danger); }

    /* Empty state */
    .empty-state {
        text-align: center;
        padding: 56px 24px;
    }

    .empty-state i {
        font-size: 3rem;
        color: var(--border);
        margin-bottom: 14px;
        display: block;
    }

    .empty-state p {
        font-size: .9rem;
        color: var(--ink-soft);
        margin: 0;
    }

    /* Animations */
    @keyframes fadeUp {
        from { opacity: 0; transform: translateY(12px); }
        to   { opacity: 1; transform: translateY(0); }
    }

    /* Row delays */
    .rmc-table tbody tr:nth-child(1)  { animation-delay: .08s; }
    .rmc-table tbody tr:nth-child(2)  { animation-delay: .12s; }
    .rmc-table tbody tr:nth-child(3)  { animation-delay: .16s; }
    .rmc-table tbody tr:nth-child(4)  { animation-delay: .20s; }
    .rmc-table tbody tr:nth-child(5)  { animation-delay: .24s; }
    .rmc-table tbody tr:nth-child(6)  { animation-delay: .28s; }
    .rmc-table tbody tr:nth-child(7)  { animation-delay: .32s; }
    .rmc-table tbody tr:nth-child(8)  { animation-delay: .36s; }

    @media (max-width: 768px) {
        .rmc-page { padding: 20px 14px; }
        .rmc-header-left h1 { font-size: 1.5rem; }
        .search-box input { width: 160px; }
        .act-btn span { display: none; }
        .act-btn { padding: 6px 8px; }
    }

.bi-2bde4147d3 { color:var(--accent);font-size:1.7rem;vertical-align:middle;margin-right:8px; }

.bi-f15bdb61bd { font-size:1.1rem; }

.bi-ca29549530 { margin-right:6px;color:var(--accent); }

.bi-91a87015f4 { text-align:center; }

.bi-0da13144de { font-size:.75rem; }

.bi-ee0ae1434a { margin-right:4px;opacity:.5;font-size:.8rem; }

.bi-06641fb98c { color:var(--ink-soft);font-size:.85rem; }

.bi-64ac89c912 { color:var(--accent);font-weight:600; }

/* --- Component: admin\rmc\print.css --- */
/* Extracted from admin/rmc/print.blade.php */

.quote-wrapper{background: #fff;
    padding: 15px;
    max-width: 900px;
    margin: auto;
    border: 1px solid #2a222247;}

.top-header{display:flex;justify-content:space-between;border-bottom:3px solid #1e4ea1;padding-bottom:10px}

.company-block{display:flex;gap:10px}
.logo{height:65px}

.quote-title{background:#1e4ea1;color:#fff;padding:6px 15px;font-weight:bold;font-size:13px}

.info-grid{display:flex;gap:15px;margin-top:15px}
.info-card{flex:1;border:1px solid #ccc;padding: 4px;}
.card-title{background:#1e4ea1;color:#fff;padding: 3px 5px;margin: -16px -10px 8px -7px;font-weight:bold}

.subject{margin-top: 10px;font-weight:600}

.quote-table{width:100%;border-collapse:collapse;margin-top: 10px;}
.quote-table td{border:1px solid #ddd;padding:6px;text-align:center}
.highlight{font-weight:bold;background:#f0f4ff}
.mix-row td{text-align:left;font-size:8px;background:#fafafa}

.total-section{display:flex;justify-content:space-between;margin-top:20px}
.amount-words{flex:1;border:1px solid #ddd;padding:10px;background:#f8fbff}

.total-table{width:300px;border-collapse:collapse}
.total-table td{border:1px solid #ccc;padding:4px 8px}
.grand-row td{background:#1e4ea1;color:#fff;font-weight:bold;font-size:10px}

.info-table2{width:100%;border-collapse:collapse}
.info-table2 td{border:1px solid #ddd;padding:3px}

.signature{margin-top: 10px;}
.sign-final{display:flex;justify-content:space-between;margin-top:20px}
.sign-space{height:60px}
.stamp-box{border:1px dashed #999;width:180px;height:60px;text-align:center;padding-top:20px}
p {
    font-size:8px;
    margin-bottom : 5px;
    
}
h2,h3,h4,h5,h6 {
    font-size:10px;
}
li {
    font-size: 8px;
}
th {
    font-size: 10px;
}
td {
    font-size: 8px;
}
thead {
    background: beige;
}
@media print{header,.footer, .toggle-theme, .sidebar{display:none!important}}

.bi-de00808e96 { font-size:15px; }

/* --- Component: admin\rmc\view.css --- */
/* Extracted from admin/rmc/view.blade.php */

@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500&display=swap');

    :root {
        --ink:      #0f1923;
        --ink-soft: #4a5568;
        --paper:    #f7f8fc;
        --surface:  #ffffff;
        --accent:   #0057ff;
        --accent-2: #00c9a7;
        --warn:     #f59e0b;
        --danger:   #ef4444;
        --border:   #e2e8f0;
        --radius:   14px;
        --shadow:   0 4px 24px rgba(0,87,255,.07);
    }

   

    .rmc-page {
        background: var(--paper);
        min-height: 100vh;
        padding: 28px 24px;
    }

    /* ── PAGE HEADER ── */
    .rmc-header {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        margin-bottom: 28px;
        flex-wrap: wrap;
        gap: 12px;
        animation: fadeUp .35s ease both;
    }

    .rmc-header h1 {
     
        font-size: 1.8rem;
        font-weight: 800;
        color: var(--ink);
        margin: 0;
        letter-spacing: -.5px;
    }

    .rmc-header p {
        font-size: .83rem;
        color: var(--ink-soft);
        margin: 4px 0 0;
    }

    .header-actions { display: flex; gap: 10px; flex-wrap: wrap; }

    .btn-action {
        display: inline-flex;
        align-items: center;
        gap: 7px;
     
        font-weight: 700;
        font-size: .83rem;
        padding: 9px 18px;
        border-radius: 9px;
        text-decoration: none;
        transition: transform .18s, box-shadow .18s;
        letter-spacing: .2px;
        border: none;
        cursor: pointer;
        white-space: nowrap;
    }

    .btn-action.primary {
        background: var(--accent);
        color: #fff;
        box-shadow: 0 4px 14px rgba(0,87,255,.28);
    }

    .btn-action.primary:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(0,87,255,.36);
        color: #fff;
    }

    .btn-action.secondary {
        background: var(--surface);
        color: var(--ink-soft);
        border: 1px solid var(--border);
    }

    .btn-action.secondary:hover {
        border-color: var(--accent);
        color: var(--accent);
    }

    .btn-action.print-btn {
        background: rgba(100,116,139,.1);
        color: #475569;
        border: 1px solid var(--border);
    }

    .btn-action.print-btn:hover { background: rgba(100,116,139,.18); color: #334155; }

    /* ── SECTION CARD ── */
    .section-card {
        background: var(--surface);
        border: 1px solid var(--border);
        border-radius: var(--radius);
        box-shadow: var(--shadow);
        margin-bottom: 20px;
        overflow: hidden;
        animation: fadeUp .4s ease both;
    }

    .section-card:nth-child(1) { animation-delay: .05s; }
    .section-card:nth-child(2) { animation-delay: .10s; }
    .section-card:nth-child(3) { animation-delay: .15s; }

    .section-header {
        padding: 14px 22px;
        border-bottom: 1px solid var(--border);
        display: flex;
        align-items: center;
        gap: 10px;
        background: var(--paper);
    }

    .section-header h5 {
     
        font-size: .92rem;
        font-weight: 700;
        color: var(--ink);
        margin: 0;
    }

    .section-icon {
        width: 32px;
        height: 32px;
        border-radius: 8px;
        background: rgba(0,87,255,.1);
        color: var(--accent);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: .9rem;
        flex-shrink: 0;
    }

    /* ── INFO GRID ── */
    .info-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: 0;
    }

    .info-cell {
        padding: 16px 22px;
        border-right: 1px solid var(--border);
        border-bottom: 1px solid var(--border);
    }

    .info-cell:last-child { border-right: none; }
    .info-cell.full-width  { grid-column: 1 / -1; border-right: none; }

    .info-cell p {
        font-size: .7rem;
        font-weight: 600;
        color: var(--ink-soft);
        text-transform: uppercase;
        letter-spacing: .7px;
        margin: 0 0 5px;
    }

    .info-cell h6 {
     
        font-size: .95rem;
        font-weight: 700;
        color: var(--ink);
        margin: 0;
        line-height: 1.4;
    }

    .info-cell h6.muted { color: var(--ink-soft); font-weight: 400; }

    /* Client avatar */
    .client-display {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .client-avatar {
        width: 38px;
        height: 38px;
        border-radius: 50%;
        background: linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);
        color: #fff;
     
        font-weight: 800;
        font-size: .85rem;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    /* Quotation number badge */
    .q-no-badge {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        background: rgba(0,87,255,.08);
        color: var(--accent);
     
        font-weight: 700;
        font-size: .88rem;
        padding: 5px 12px;
        border-radius: 7px;
    }

    /* ── ITEMS TABLE ── */
    .items-wrap { overflow-x: auto; }

    .items-table {
        width: 100%;
        border-collapse: collapse;
        min-width: 700px;
    }

    .items-table thead tr { background: var(--paper); }

    .items-table thead th {
        padding: 11px 14px;
     
        font-size: .7rem;
        font-weight: 700;
        color: var(--ink-soft);
        text-transform: uppercase;
        letter-spacing: .7px;
        border-bottom: 2px solid var(--border);
        white-space: nowrap;
    }

    .items-table .item-row {
        border-bottom: 1px solid var(--border);
        transition: background .15s;
    }

    .items-table .item-row:hover { background: rgba(0,87,255,.025); }

    .items-table td {
        padding: 13px 14px;
        font-size: .875rem;
        color: var(--ink);
        vertical-align: middle;
    }

    /* Grade pill */
    .grade-pill {
        display: inline-flex;
        align-items: center;
        background: rgba(0,87,255,.08);
        color: var(--accent);
     
        font-weight: 800;
        font-size: .82rem;
        padding: 4px 11px;
        border-radius: 20px;
        letter-spacing: .3px;
    }

    /* Row serial */
    .td-serial {
     
        font-size: .78rem;
        font-weight: 700;
        color: var(--ink-soft);
        text-align: center;
    }

    /* Amount cells */
    .td-amount {
     
        font-weight: 600;
        font-size: .88rem;
        text-align: right;
    }

    .td-total {
     
        font-weight: 800;
        font-size: .92rem;
        text-align: right;
        color: var(--accent);
    }

    /* Materials sub-row */
    .materials-row td { padding: 0 14px 14px 14px !important; background: rgba(0,87,255,.015); }

    .materials-inner {
        border: 1px solid var(--border);
        border-radius: 9px;
        overflow: hidden;
        margin-left: 40px;
    }

    .materials-inner table {
        width: 100%;
        border-collapse: collapse;
    }

    .materials-inner thead th {
        padding: 7px 12px;
     
        font-size: .68rem;
        font-weight: 700;
        color: var(--ink-soft);
        text-transform: uppercase;
        letter-spacing: .6px;
        background: var(--paper);
        border-bottom: 1px solid var(--border);
    }

    .materials-inner tbody td {
        padding: 8px 12px;
        font-size: .82rem;
        color: var(--ink);
        border-bottom: 1px solid var(--border);
    }

    .materials-inner tbody tr:last-child td { border-bottom: none; }

    .mat-name-cell {
        display: flex;
        align-items: center;
        gap: 7px;
    }

    .mat-dot {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: var(--accent-2);
        flex-shrink: 0;
    }

    /* ── GRAND TOTAL FOOTER ── */
    .grand-total-bar {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 16px;
        padding: 18px 24px;
        background: var(--paper);
        border-top: 2px solid var(--border);
    }

    .grand-total-bar p {
     
        font-size: .8rem;
        font-weight: 700;
        color: var(--ink-soft);
        text-transform: uppercase;
        letter-spacing: .8px;
        margin: 0;
    }

    .grand-total-bar h3 {
     
        font-size: 1.6rem;
        font-weight: 800;
        color: var(--accent-2);
        margin: 0;
        letter-spacing: -.5px;
    }

    /* ── ANIMATIONS ── */
    @keyframes fadeUp {
        from { opacity: 0; transform: translateY(10px); }
        to   { opacity: 1; transform: translateY(0); }
    }

    @media print {
        .rmc-header .header-actions, .btn-action { display: none !important; }
        .rmc-page { padding: 0; background: #fff; }
        .section-card { box-shadow: none; border: 1px solid #ccc; }
    }

    @media (max-width: 768px) {
        .rmc-page { padding: 16px 12px; }
        .rmc-header h1 { font-size: 1.4rem; }
        .info-grid { grid-template-columns: 1fr 1fr; }
        .materials-inner { margin-left: 0; }
    }

.bi-8aa30b8ecd { color:var(--accent);font-size:1.6rem;vertical-align:middle;margin-right:8px; }

.bi-0da13144de { font-size:.75rem; }

.bi-bafdd6dce4 { color:var(--ink-soft);font-size:.85rem;margin-right:5px; }

.bi-15a2b7d025 { background:rgba(245,158,11,.12);color:#b45309;font-family:'Syne',sans-serif;font-weight:700;font-size:.85rem;padding:3px 10px;border-radius:6px; }

.bi-71a91da411 { border-bottom:none; }

.bi-2b2dc0e986 { background:rgba(0,201,167,.12);color:var(--accent-2); }

.bi-496a112219 { padding:18px 22px;font-size:.9rem;color:var(--ink);line-height:1.6; }

.bi-f2481f2293 { margin-left:auto;background:rgba(0,87,255,.08);color:var(--accent);font-family:'Syne',sans-serif;font-weight:700;font-size:.75rem;padding:3px 10px;border-radius:20px; }

.bi-3cc50b3899 { width:46px;text-align:center; }

.bi-91a87015f4 { text-align:center; }

.bi-54c2afb7ba { text-align:right; }

.bi-273343d6a6 { text-align:center;font-family:'Syne',sans-serif;font-weight:600; }

.bi-6ec40213c3 { font-family:'DM Sans',sans-serif;font-weight:400;color:var(--ink-soft);font-size:.75rem; }

.bi-ed32fac3bd { color:var(--ink-soft);font-weight:400; }

.bi-c905f39450 { text-align:center;color:var(--ink-soft); }

[data-bi-b632a1e65c] { font-weight:400;font-family:'DM Sans',sans-serif;font-size:.9rem;line-height:1.5; }

/* --- Component: admin\settings\moisture-deduction.css --- */
/* Extracted from admin/settings/moisture-deduction.blade.php */

:root {
    --bg: #f0f4f8;
    --card: #ffffff;
    --header: #102b5b;
    --accent: #3b82f6;
    --accent-lt: #eff6ff;
    --amber: #f59e0b;
    --amber-lt: #fffbeb;
    --green: #10b981;
    --green-lt: #f0fdf4;
    --danger: #ef4444;
    --border: #e2e8f0;
    --muted: #94a3b8;
    --text: #1e293b;
    --radius: 8px;
  }

  body { background: var(--bg); font-family: 'Inter', system-ui, sans-serif; }
  .ci-page { max-width: 1200px; margin: 0 auto; padding: 24px 16px; }

  .ci-page-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }
  .ci-page-header h5 { font-size:1.1rem; font-weight:700; color:var(--header); margin:0; display:flex; align-items:center; gap:8px; }

  .ci-card { background:var(--card); border:1px solid var(--border); border-radius:var(--radius); box-shadow:0 1px 4px rgba(0,0,0,.06); margin-bottom:16px; overflow:hidden; }
  .ci-card-head { background:var(--header); color:#fff; padding:12px 20px; font-size:.78rem; font-weight:600; letter-spacing:.07em; text-transform:uppercase; display:flex; align-items:center; gap:8px; }
  .ci-card-body { padding:20px; }

  .form-label { font-size:.72rem; font-weight:600; color:var(--text-sm); text-transform:uppercase; letter-spacing:.06em; margin-bottom:4px; display:block; }
  .form-control, .form-select { font-size:.875rem; color:var(--text); border:1px solid var(--border); border-radius:6px; padding:7px 10px; transition:border-color .15s,box-shadow .15s; background:#fff; }
  .form-control:focus, .form-select:focus { border-color:var(--accent); box-shadow:0 0 0 3px rgba(59,130,246,.12); outline:none; }

  .table { width:100%; border-collapse:collapse; font-size:.825rem; }
  .table thead th { background:#f1f5f9; color:var(--text-sm); font-size:.65rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; padding:10px 8px; border-bottom:2px solid var(--border); text-align:left; }
  .table tbody td { padding:10px 8px; border-bottom:1px solid #f1f5f9; vertical-align:middle; }
  .table tbody tr:last-child td { border-bottom:none; }
  .table tbody tr:hover td { background:#fafbfd; }

  .badge { display:inline-block; font-size:.65rem; font-weight:600; padding:3px 8px; border-radius:4px; }
  .badge-success { background:var(--green-lt); color:var(--green); }
  .badge-danger { background:#fef2f2; color:var(--danger); }
  .badge-warning { background:var(--amber-lt); color:#92400e; }

  .btn { font-size:.78rem; font-weight:600; padding:6px 14px; border-radius:6px; cursor:pointer; transition:all .15s; border:none; display:inline-flex; align-items:center; gap:5px; }
  .btn-primary { background:var(--accent); color:#fff; }
  .btn-primary:hover { background:#2563eb; }
  .btn-warning { background:var(--amber); color:#fff; }
  .btn-warning:hover { background:#d97706; }
  .btn-danger { background:var(--danger); color:#fff; }
  .btn-danger:hover { background:#dc2626; }
  .btn-sm { font-size:.7rem; padding:4px 10px; }
  .btn-back { font-size:.78rem; color:var(--text-sm); text-decoration:none; display:inline-flex; align-items:center; gap:4px; border:1px solid var(--border); border-radius:6px; padding:6px 14px; transition:all .12s; background:#fff; }
  .btn-back:hover { border-color:var(--accent); color:var(--accent); }

  .alert { padding:12px 16px; border-radius:6px; margin-bottom:16px; font-size:.82rem; }
  .alert-success { background:var(--green-lt); color:#065f46; border:1px solid #bbf7d0; }
  .alert-danger { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }

  .modal-content { border-radius:var(--radius); border:none; box-shadow:0 8px 32px rgba(0,0,0,.12); }
  .modal-header { background:var(--header); color:#fff; border-radius:var(--radius) var(--radius) 0 0; padding:14px 20px; }
  .modal-header .btn-close { filter:invert(1); opacity:.7; }
  .modal-footer { border-top:1px solid var(--border); padding:12px 20px; }
  .modal-body { padding:20px; }

  .info-box { background:var(--accent-lt); border:1px solid #bfdbfe; border-radius:6px; padding:12px 16px; margin-bottom:16px; font-size:.78rem; color:#1e40af; }
  .info-box i { margin-right:6px; }

.bi-9bcd21d223 { font-size:.85rem; }

.bi-1a4429afad { display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:12px;align-items:end; }

.bi-497726e8c9 { color:var(--danger); }

.bi-7171988908 { font-size:.65rem; }

.bi-dd1e51e9f9 { display:grid;grid-template-columns:1fr 1fr auto;gap:12px;margin-top:12px; }

.bi-ec9df3f809 { display:flex;align-items:center;gap:8px;padding-top:22px; }

.bi-5c474313af { font-size:.78rem;cursor:pointer; }

.bi-2cb05addab { font-size:.65rem;opacity:.6;margin-left:8px; }

.bi-41d7d7e25b { padding:0; }

.bi-08935a7e62 { color:var(--amber); }

.bi-8e3597229a { font-size:.72rem;color:var(--muted); }

.bi-810afb2862 { text-align:center;padding:40px;color:var(--muted); }

.bi-7c5f71ce7d { font-size:2rem;display:block;margin-bottom:8px; }

.bi-0a8ecc7ccb { padding:12px 20px;border-top:1px solid var(--border); }

.bi-e51893461c { font-size:.9rem;font-weight:700; }

.bi-a82ad5067b { display:flex;gap:16px; }

.bi-b88d1817be { display:flex;align-items:center;gap:6px; }

.bi-f63147b2ed { font-size:.78rem; }

[data-bi-cccfa4560d] { display:inline; }

/* --- Component: admin\settings\site.css --- */
/* Extracted from admin/settings/site.blade.php */

.cfg-wrap {
    max-width: 1180px;
    margin: 0 auto;
    padding: 1.75rem 1rem 4rem;
    font-family: -apple-system, BlinkMacSystemFont, 'Inter', sans-serif;
}
.cfg-header { display:flex; align-items:center; gap:12px; margin-bottom:1.75rem; }
.cfg-header__icon {
    width:40px; height:40px; border-radius:10px;
    background:#e6f1fb; color:#185fa5;
    display:flex; align-items:center; justify-content:center;
    font-size:19px; flex-shrink:0;
}
.cfg-header h1 { font-size:18px; font-weight:600; color:#0b1f3a; margin:0; }
.cfg-header p  { font-size:12px; color:#71717a; margin:0; }

.cfg-alert {
    display:flex; align-items:flex-start; gap:10px;
    border-radius:8px; padding:12px 16px;
    font-size:13px; margin-bottom:1.25rem;
}
.cfg-alert--error {
    background:#fef2f2; border:1px solid #fca5a5;
    border-left:3px solid #dc2626; color:#991b1b;
}
.cfg-toast-wrap {
    position:fixed; bottom:1.5rem; right:1.5rem;
    z-index:9999; display:flex; flex-direction:column; gap:8px;
}
.cfg-toast {
    display:flex; align-items:center; gap:10px;
    padding:12px 16px; border-radius:8px;
    font-size:13px; font-weight:500;
    box-shadow:0 4px 20px rgba(0,0,0,.15);
    animation:slideUp .2s ease;
}
.cfg-toast--ok { background:#0b1f3a; color:#fff; }
.cfg-toast--err { background:#dc2626; color:#fff; }
@keyframes slideUp {
    from { opacity:0; transform:translateY(8px); }
    to { opacity:1; transform:translateY(0); }
}
.cfg-toast button {
    background:none; border:none; color:inherit; opacity:.6;
    cursor:pointer; margin-left:auto; font-size:16px;
}
.cfg-layout {
    display:grid; grid-template-columns:230px 1fr;
    gap:1.25rem; align-items:start;
}
@media(max-width:768px){
    .cfg-layout { grid-template-columns:1fr; }
}
.cfg-nav {
    background:#fff; border:1px solid #e4e4e7;
    border-radius:10px; overflow:hidden;
    position:sticky; top:20px;
}
.cfg-nav__item {
    display:flex; align-items:center; gap:10px;
    padding:11px 16px; font-size:13px; font-weight:500;
    color:#52525b; cursor:pointer; border:none;
    background:none; width:100%; text-align:left;
    border-left:3px solid transparent;
}
.cfg-nav__item:not(:last-child) { border-bottom:1px solid #f4f4f5; }
.cfg-nav__item i { font-size:16px; opacity:.65; }
.cfg-nav__item:hover { background:#fafafa; color:#111; }
.cfg-nav__item.active {
    background:#eff6ff; color:#185fa5;
    border-left-color:#185fa5; font-weight:600;
}
.cfg-panel {
    background:#fff; border:1px solid #e4e4e7;
    border-radius:10px; overflow:hidden;
}
.cfg-pane { display:none; }
.cfg-pane.active { display:block; }
.cfg-pane__bar { height:3px; width:100%; }
.cfg-pane__bar--branding { background:linear-gradient(90deg,#8b5cf6,#3b82f6); }
.cfg-pane__bar--contact { background:linear-gradient(90deg,#06b6d4,#3b82f6); }
.cfg-pane__bar--legal { background:linear-gradient(90deg,#f59e0b,#ef4444); }
.cfg-pane__bar--bank { background:linear-gradient(90deg,#10b981,#059669); }
.cfg-pane__bar--quotation { background:linear-gradient(90deg,#ef4444,#f59e0b); }
.cfg-pane__bar--docs { background:linear-gradient(90deg,#6366f1,#8b5cf6); }

.cfg-pane__header {
    padding:1.25rem 1.5rem .875rem;
    border-bottom:1px solid #f4f4f5;
}
.cfg-pane__title { font-size:15px; font-weight:600; color:#0b1f3a; }
.cfg-pane__sub { font-size:12px; color:#71717a; }
.cfg-pane__body { padding:1.5rem; }

.cfg-fields { display:grid; gap:1rem; }
.cfg-fields--1 { grid-template-columns:1fr; }
.cfg-fields--2 { grid-template-columns:1fr 1fr; }
.cfg-fields--3 { grid-template-columns:repeat(3,1fr); }
@media(max-width:680px){
    .cfg-fields--2,.cfg-fields--3 { grid-template-columns:1fr; }
}
.cfg-field { display:flex; flex-direction:column; gap:5px; }
.cfg-field label {
    font-size:10.5px; font-weight:700;
    letter-spacing:.07em; text-transform:uppercase;
    color:#71717a;
}
.cfg-field label .req { color:#dc2626; }
.cfg-field input,
.cfg-field select,
.cfg-field textarea {
    width:100%; font-size:14px; padding:8px 10px;
    border:1px solid #e4e4e7; border-radius:7px;
    background:#fafafa; color:#111; outline:none;
    font-family:inherit;
}
.cfg-field input:focus,
.cfg-field select:focus,
.cfg-field textarea:focus {
    border-color:#3b82f6; background:#fff;
    box-shadow:0 0 0 3px rgba(59,130,246,.08);
}
.cfg-field textarea { resize:vertical; }
.cfg-help { font-size:11px; color:#71717a; margin-top:1px; }

.cfg-input-group { display:flex; }
.cfg-input-group__prefix {
    display:flex; align-items:center; justify-content:center;
    width:36px; background:#f4f4f5;
    border:1px solid #e4e4e7; border-right:none;
    border-radius:7px 0 0 7px; color:#a1a1aa;
}
.cfg-input-group input {
    border-radius:0 7px 7px 0 !important;
    border-left:none !important;
}
.cfg-color-row { display:flex; align-items:center; gap:8px; }
.cfg-color-row input[type=color] {
    width:38px; height:38px; padding:2px 3px;
}
.cfg-color-row input[type=text] { flex:1; }

.cfg-logos-grid {
    display:grid; grid-template-columns:repeat(3,1fr);
    gap:12px; margin-top:4px;
}
@media(max-width:600px){
    .cfg-logos-grid { grid-template-columns:1fr; }
}
.cfg-logo-box {
    border:1px solid #e4e4e7;
    border-radius:8px; overflow:hidden;
}
.cfg-logo-box__label {
    font-size:10.5px; font-weight:700;
    letter-spacing:.07em; text-transform:uppercase;
    color:#71717a; padding:10px 12px 0;
}
.cfg-logo-box__input { padding:8px 12px; }
.cfg-logo-box__input input { font-size:12px; }
.cfg-logo-box__preview {
    margin:0 12px 12px; border-radius:6px;
    display:flex; align-items:center; justify-content:center;
    min-height:72px; border:1.5px dashed #e4e4e7;
    background:#fafafa;
}
.cfg-logo-box__preview.dark {
    background:#0b1f3a; border-color:#1e3a5f;
}
.cfg-logo-box__preview img {
    max-height:55px; max-width:100%; object-fit:contain;
}
.cfg-divider {
    border:none; border-top:1px solid #f4f4f5;
    margin:1.25rem 0;
}
.cfg-section-title {
    font-size:13px; font-weight:700; color:#0b1f3a;
    margin:0 0 10px;
}
.cfg-footer {
    display:flex; align-items:center;
    justify-content:flex-end;
    padding:1rem 1.5rem;
    border-top:1px solid #f4f4f5;
    background:#fafafa;
}
.cfg-btn {
    display:inline-flex; align-items:center; gap:6px;
    font-size:13px; font-weight:500;
    padding:9px 18px; border-radius:7px;
    cursor:pointer; border:1px solid transparent;
}
.cfg-btn--save {
    background:#0b1f3a; color:#fff;
    border-color:#0b1f3a;
}
.cfg-btn--save:hover {
    background:#1e3a5f;
    box-shadow:0 4px 14px rgba(11,31,58,.25);
}

.bi-95eb79adaf { display:block;margin-bottom:4px; }

.bi-2239d6d55d { margin-top:1rem; }

[data-bi-4c948a9f90] { max-height:30px; }
[data-bi-a484feb8c4] { text-transform:uppercase; }
[data-bi-a484feb8c4] { text-transform:uppercase; }
[data-bi-a484feb8c4] { text-transform:uppercase; }
[data-bi-a484feb8c4] { text-transform:uppercase; }

/* --- Component: admin\unified_search.css --- */
/* Extracted from admin/unified_search.blade.php */

:root {
        --primary: #2563eb;
        --dark-card: #0f172a;
        --slate-light: #f8fafc;
        --border-color: #e2e8f0;
        --text-muted: #64748b;
    }
    body { background-color: #f1f5f9; font-family: 'Inter', sans-serif; }
    .global-filter-card { border-radius: 16px; border: none; box-shadow: 0 4px 20px -2px rgba(0,0,0,0.05); }
    .nav-pills .nav-link { color: #475569; font-weight: 600; border-radius: 8px; padding: 10px 20px; transition: all 0.2s; }
    .nav-pills .nav-link.active { background-color: var(--primary); color: #fff; box-shadow: 0 4px 12px rgba(37,99,235,0.2); }
    .stat-badge-strip { background: #ffffff; border: 1px solid var(--border-color); border-radius: 12px; padding: 16px 24px; margin-bottom: 20px; }
    .stat-counter-val { font-size: 1.4rem; font-weight: 700; color: #1e293b; font-family: 'JetBrains Mono', monospace; }
    .table thead th { background-color: var(--slate-light) !important; color: var(--text-muted); font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.05em; padding: 14px; }
    .table tbody td { padding: 14px; font-size: 0.88rem; }

.bi-58d5edd6e5 { border-radius: 12px;gap: 8px; }

.bi-b7b7a35e10 { border-radius: 16px;border: 1px solid var(--border-color); }

/* --- Component: ai\agent.css --- */
/* Extracted from ai/agent.blade.php */

:root { --accent:#176b5b; --accent-light:#e8f4f0; --ink:#18212f; --muted:#687386; --line:#dde3ea; --bg:#f8f9fb; }
.ai-chatbot { max-width: 980px; margin: 0 auto; padding-bottom: 20px; }
.chat-header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; padding: 4px 6px; }
.chat-header-left { display:flex; align-items:center; gap:12px; }
.chat-avatar { width:44px; height:44px; background: linear-gradient(145deg, #176b5b, #134d42); color:#fff; border-radius:999px; display:grid; place-items:center; font-size:22px; box-shadow:0 2px 6px rgba(23,107,91,.3); }
.chat-title { font-size:20px; font-weight:750; color:#18212f; display:flex; align-items:center; gap:8px; }
.chat-badge { font-size:10px; font-weight:700; padding:2px 8px; border-radius:999px; background:#e8f4f0; color:#176b5b; letter-spacing:.5px; }
.chat-subtitle { font-size:12px; color:#687386; display:flex; align-items:center; gap:6px; margin-top:1px; }
.status-dot { width:7px; height:7px; background:#22a06b; border-radius:50%; display:inline-block; box-shadow:0 0 0 2.5px rgba(34,160,107,.2); }
.chat-actions { display:flex; gap:6px; }
.chat-btn { border:1px solid var(--line); background:#fff; padding:7px 12px; font-size:12px; font-weight:600; border-radius:7px; display:inline-flex; align-items:center; gap:5px; color:#425064; cursor:pointer; text-decoration:none; }
.chat-btn:hover { border-color:#b8c4d0; background:#f8fafb; }
.chat-btn-ghost { padding:7px 9px; }
.chat-overview { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:12px; }
.ov-item { flex:1; min-width:102px; max-width:168px; background:#fff; border:1px solid var(--line); border-radius:8px; padding:7px 10px; display:flex; align-items:center; gap:7px; text-decoration:none; color:inherit; font-size:11.5px; }
.ov-item:hover { background:#f8fafb; }
.ov-item i { font-size:16px; color:#176b5b; }
.ov-text span { display:block; font-size:10px; color:#687386; line-height:1; }
.ov-text strong { font-size:13px; font-weight:700; color:#18212f; }

/* Chat Window */
.chat-window { background:#fff; border:1px solid var(--line); border-radius:14px; box-shadow:0 2px 12px rgba(0,0,0,0.04); display:flex; flex-direction:column; height: clamp(480px, 62vh, 620px); overflow:hidden; }
.chat-messages { flex:1; overflow-y:auto; padding:18px 16px; display:flex; flex-direction:column; gap:12px; background:#fff; }
.chat-messages::-webkit-scrollbar { width:6px; }
.chat-messages::-webkit-scrollbar-thumb { background:#d1d9e3; border-radius:20px; }

/* Message bubbles */
.msg { display:flex; align-items:flex-start; gap:8px; max-width: 86%; }
.msg-bot { align-self:flex-start; }
.msg-user { align-self:flex-end; flex-direction:row-reverse; }
.msg-avatar { width:26px; height:26px; border-radius:50%; background:#e8f4f0; color:#176b5b; display:grid; place-items:center; font-size:13px; flex-shrink:0; margin-top:2px; }
.msg-user .msg-avatar { background:#176b5b; color:#fff; }
.msg-content { background:#f4f6f9; border:1px solid #e8edf3; padding:10px 13px; border-radius:14px; border-top-left-radius:4px; font-size:14px; line-height:1.45; color:#18212f; }
.msg-user .msg-content { background:#176b5b; color:#fff; border-color:#134d42; border-top-right-radius:4px; border-top-left-radius:14px; }
.msg-text { white-space:pre-wrap; word-break:break-word; }
.msg-meta { font-size:10px; opacity:.6; margin-top:3px; }

/* Records inside bot messages */
.bot-results { margin-top:9px; border-top:1px solid #e6ebef; padding-top:8px; }
.bot-result-row { display:block; padding:6px 0; border-bottom:1px solid #f1f4f7; text-decoration:none; color:inherit; }
.bot-result-row:last-child { border-bottom:0; }
.bot-result-row:hover { background:#f8fafb; margin:0 -4px; padding-left:4px; border-radius:4px; }
.bot-result-row strong { font-size:13px; display:block; }
.bot-result-row .sub { font-size:11.5px; color:#5f6e82; }
.bot-result-row .meta { font-size:11px; color:#6f7d8e; font-weight:600; }

.bot-actions { display:flex; flex-wrap:wrap; gap:6px; margin-top:9px; }
.bot-actions a { font-size:11px; padding:4px 9px; border:1px solid #cfd9e3; border-radius:999px; color:#2f414f; text-decoration:none; background:#fff; display:inline-flex; align-items:center; gap:4px; }
.bot-actions a:hover { border-color:#176b5b; color:#176b5b; }

/* Typing */
.typing-dots { display:flex; gap:3px; align-items:center; height:18px; }
.typing-dots span { width:5px; height:5px; background:#a0b0bd; border-radius:50%; display:inline-block; animation:bounce 1.2s infinite; }
.typing-dots span:nth-child(2){ animation-delay:.2s; }
.typing-dots span:nth-child(3){ animation-delay:.4s; }
@keyframes bounce { 0%,80%,100%{transform:translateY(0)} 40%{transform:translateY(-5px)} }

/* Suggestions */
.chat-suggestions { display:flex; gap:6px; flex-wrap:wrap; margin:10px 0 6px; }
.sugg { background:#f1f5f3; border:1px solid #d6e2dc; color:#2d463f; font-size:12px; padding:5px 11px; border-radius:999px; cursor:pointer; white-space:nowrap; }
.sugg:hover { background:#e1ede7; border-color:#b8d2c7; }

/* Input */
.chat-input-bar { margin-top:8px; }
.chat-input-wrap { display:flex; align-items:center; background:#fff; border:1px solid var(--line); border-radius:999px; padding:4px 5px 4px 16px; box-shadow:0 1px 3px rgba(0,0,0,.03); }
.chat-input-wrap input { flex:1; border:0; outline:0; font-size:14.5px; padding:9px 6px; background:transparent; }
.chat-input-wrap button { width:38px; height:38px; border-radius:50%; border:0; background:#176b5b; color:#fff; display:grid; place-items:center; font-size:17px; cursor:pointer; transition:all .1s; }
.chat-input-wrap button:hover { background:#134d42; }
.chat-input-wrap button:disabled { opacity:.5; }
.chat-hint { font-size:10px; color:#8a98a8; text-align:center; margin-top:4px; }

.msg-content .reply-text { margin-bottom:2px; }

.bi-6b99de8b69 { display:none; }

.bi-d961e64251 { margin-right:4px;background:#f1f5f9;color:#176b5b;border:none; }

/* --- Component: auth\demo-register.css --- */
/* Extracted from auth/demo-register.blade.php */

:root{
            --primary:#1E3E82;
            --primary-dark:#152C5E;
            --primary-light:#3D63AC;
            --accent:#F5A623;
            --surface:#FFFFFF;
            --page-bg:#EEF1F7;
            --ink:#1B2430;
            --muted:#6B7686;
            --border:#E3E7EF;
            --green:#16A34A;
            --error:#B42318;
            --error-bg:#FDF2F2;
            --error-border:#F6C6C6;
        }

        *{ margin:0; padding:0; box-sizing:border-box; font-family:'Inter',sans-serif; }

        body{ background:var(--page-bg); overflow-x:hidden; }

        .auth-page{
            min-height:100vh;
            display:flex;
            align-items:center;
            justify-content:center;
            padding:20px;
        }

        .auth-container{
            width:100%;
            max-width:1440px;
            height:min(900px, 96vh);
            border-radius:22px;
            overflow:hidden;
            background:var(--surface);
            box-shadow:0 25px 60px rgba(20,35,70,.18);
            display:flex;
        }

        /* ===================== HERO SIDE ===================== */

        .hero-side{
            position:relative;
            flex:0 0 34%;
            max-width:34%;
            min-height:100%;
            background:
                linear-gradient(180deg, rgba(21,44,94,.88), rgba(21,44,94,.94)),
                url('inherit');
            background-size:cover;
            background-position:center;
            color:#fff;
            display:flex;
            flex-direction:column;
            padding:32px 30px;
            overflow-y:auto;
        }

        .brand-row{
            display:flex;
            align-items:center;
            gap:10px;
            margin-bottom:34px;
        }

        .brand-row img{ width:38px; height:38px; object-fit:contain; }

        .brand-row .brand-text strong{
            display:block;
            font-size:17px;
            font-weight:700;
            letter-spacing:.01em;
        }

        .brand-row .brand-text small{
            display:block;
            font-size:10.5px;
            letter-spacing:.12em;
            color:#B9C6E4;
        }

        .hero-title{
            font-size:30px;
            font-weight:800;
            line-height:1.18;
            margin-bottom:14px;
        }

        .hero-title .accent{ color:var(--accent); }

        .accent-rule{
            width:46px;
            height:3px;
            border-radius:3px;
            background:var(--accent);
            margin-bottom:16px;
        }

        .hero-desc{
            font-size:13.5px;
            line-height:1.6;
            color:#D3DBEC;
            max-width:300px;
            margin-bottom:28px;
        }

        .check-list{
            list-style:none;
            margin-bottom:24px;
        }

        .check-list li{
            display:flex;
            align-items:flex-start;
            gap:10px;
            font-size:13px;
            color:#EAEFF8;
            margin-bottom:12px;
        }

        .check-list li i{
            color:var(--accent);
            font-size:16px;
            flex-shrink:0;
            margin-top:1px;
        }

        .module-preview{
            margin-top:auto;
            background:rgba(255,255,255,.1);
            border:1px solid rgba(255,255,255,.16);
            border-radius:12px;
            padding:16px 16px 14px;
        }

        .module-preview .mp-head{
            display:flex;
            align-items:center;
            gap:8px;
            font-size:10.5px;
            font-weight:700;
            letter-spacing:.08em;
            text-transform:uppercase;
            color:#B9C6E4;
            margin-bottom:8px;
        }

        .module-preview .mp-title{
            font-size:14.5px;
            font-weight:700;
            margin-bottom:12px;
        }

        .module-tags{
            display:flex;
            flex-wrap:wrap;
            gap:6px;
        }

        .module-tags span{
            font-size:10.5px;
            font-weight:600;
            background:rgba(255,255,255,.16);
            padding:4px 10px;
            border-radius:12px;
        }

        @media(max-width:991px){
            .hero-side{ display:none; }
            .auth-page{ padding:16px; align-items:flex-start; }
            .auth-container{ height:auto; }
            .form-side{ padding:28px 22px; }
            .form-side-inner{ margin:0; }
        }

        /* ===================== FORM SIDE ===================== */

        .form-side{
            flex:1;
            min-width:0;
            padding:34px 44px;
            overflow-y:auto;
            display:flex;
            flex-direction:column;
        }

        .form-side-inner{
            margin:auto 0;
            width:100%;
        }



        .form-header{
            padding-bottom:16px;
            border-bottom:1px solid var(--border);
            margin-bottom:20px;
        }

        .form-header h2{
            font-size:22px;
            font-weight:800;
            color:var(--ink);
            margin-bottom:4px;
        }

        .form-header p{
            font-size:12.5px;
            color:var(--muted);
        }

        .err-box{
            background:var(--error-bg);
            border:1px solid var(--error-border);
            border-radius:10px;
            padding:11px 14px;
            margin-bottom:16px;
            font-size:12.5px;
            color:var(--error);
            display:flex;
            align-items:flex-start;
            gap:9px;
        }

        .err-box i{ flex-shrink:0; margin-top:2px; }

        .info-box{
            background:#EAF1FA;
            border:1px solid #CFE2F0;
            border-radius:10px;
            padding:11px 14px;
            margin-bottom:18px;
            font-size:12.5px;
            color:var(--primary-dark);
            display:flex;
            align-items:flex-start;
            gap:9px;
            line-height:1.5;
        }

        .info-box i{ flex-shrink:0; margin-top:2px; }

        .form-grid{
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:14px 18px;
        }

        .field{ margin-bottom:14px; }
        .field.full{ grid-column:1 / -1; }

        .field label{
            display:block;
            font-size:12.5px;
            font-weight:600;
            color:var(--ink);
            margin-bottom:6px;
        }

        .field label .req{ color:var(--error); margin-left:2px; }

        .field-box{
            display:flex;
            align-items:center;
            gap:9px;
            height:44px;
            padding:0 13px;
            border:1px solid var(--border);
            border-radius:10px;
            background:#fff;
            transition:.2s;
        }

        .field-box:focus-within{
            border-color:var(--primary-light);
            box-shadow:0 0 0 3px rgba(61,99,172,.12);
        }

        .field-box i{ font-size:16px; color:var(--muted); flex-shrink:0; }

        .field-box input{
            flex:1;
            border:none;
            outline:none;
            background:none;
            font-size:13.5px;
            color:var(--ink);
            font-family:'Inter',sans-serif;
        }

        .field-box input::placeholder{ color:#9AA3B2; }

        .register-btn{
            width:100%;
            height:50px;
            border:none;
            border-radius:12px;
            font-size:14.5px;
            font-weight:700;
            letter-spacing:.01em;
            display:flex;
            align-items:center;
            justify-content:center;
            gap:9px;
            background:linear-gradient(135deg, var(--primary), var(--primary-dark));
            color:#fff;
            transition:.25s;
            box-shadow:0 12px 28px rgba(30,62,130,.28);
            margin-top:4px;
        }

        .register-btn:hover{ transform:translateY(-2px); box-shadow:0 16px 34px rgba(30,62,130,.35); }
        .register-btn:active{ transform:translateY(0); }

        .or-divider{
            display:flex;
            align-items:center;
            gap:14px;
            margin:16px 0;
            font-size:11px;
            font-weight:600;
            color:#9AA3B2;
            letter-spacing:.08em;
            text-transform:uppercase;
        }

        .or-divider::before,
        .or-divider::after{
            content:"";
            flex:1;
            height:1px;
            background:var(--border);
        }

        .login-footer{
            text-align:center;
            font-size:13px;
            color:var(--muted);
        }

        .login-footer a{
            color:var(--primary);
            font-weight:700;
            text-decoration:none;
            margin-left:4px;
        }

        .login-footer a:hover{ text-decoration:underline; }

        .fine-print{
            margin-top:14px;
            font-size:11px;
            color:#9AA3B2;
            text-align:center;
            line-height:1.5;
        }

        .fine-print a{ color:var(--primary); text-decoration:none; }
        .fine-print a:hover{ text-decoration:underline; }

        ::-webkit-scrollbar{ width:7px; }
        ::-webkit-scrollbar-thumb{ background:#C9D2E4; border-radius:20px; }

        @media(max-width:576px){
            .form-grid{ grid-template-columns:1fr; }
            .form-side{ padding:26px 22px; }
        }

/* --- Component: auth\login.css --- */
/* Extracted from auth/login.blade.php */

* { box-sizing: border-box; }

        :root {
            --primary: #1769e8;
            --primary-dark: #0f56ca;
            --text: #10213f;
            --muted: #64748b;
            --border: #dce5f0;
            --soft: #f7faff;
            --orange: #ff8a00;
        }

        body:has(.login-shell) {
            width: 100%;
            height: 100%;
            margin: 0;
            overflow: hidden;
            font-family: "Inter", sans-serif;
            color: var(--text);
            background: #edf4ff;
        }

        a { text-decoration: none; }

        .login-shell {
            width: 100%;
            height: 100vh;
            display: grid;
            grid-template-columns: minmax(0, 1.12fr) minmax(520px, .88fr);
            background:
                radial-gradient(circle at 12% 12%, rgba(96, 165, 250, .13), transparent 26%),
                linear-gradient(135deg, #f9fbff 0%, #edf4ff 58%, #f8fbff 100%);
        }

        /* LEFT */
        .showcase {
            position: relative;
            min-width: 0;
            height: 100vh;
            overflow: hidden;
            padding: 26px 40px 24px;
            isolation: isolate;
        }

        .showcase::before {
            content: "";
            position: absolute;
            width: 460px;
            height: 460px;
            left: -180px;
            top: -180px;
            border-radius: 50%;
            background: rgba(69, 123, 238, .08);
            z-index: -3;
        }

        .showcase::after {
            content: "";
            position: absolute;
            inset: 0;
            background-image:
                linear-gradient(rgba(255,255,255,.55) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255,255,255,.55) 1px, transparent 1px);
            background-size: 48px 48px;
            mask-image: linear-gradient(to bottom, #000 0%, transparent 78%);
            z-index: -4;
        }

        .brand {
            display: flex;
            align-items: center;
            gap: 14px;
            position: relative;
            z-index: 5;
        }

        .brand-mark {
            width: 66px;
            height: 66px;
            border-radius: 18px;
            display: grid;
            place-items: center;
            color: #fff;
            font-size: 34px;
            background: linear-gradient(145deg, #ff9d00, #ff6e00);
            box-shadow: 0 14px 30px rgba(255, 122, 0, .28);
        }

        .brand-copy strong {
            display: block;
            font-size: 45px;
            line-height: .95;
            letter-spacing: -2px;
            font-weight: 800;
            color: #0c1f3f;
        }

        .brand-copy span {
            display: block;
            margin-top: 6px;
            font-size: 12px;
            letter-spacing: 1px;
            color: #0f65e8;
            font-weight: 800;
        }

        .intro {
            position: absolute;
            left: 40px;
            top: 142px;
            width: 360px;
            z-index: 5;
        }

        .intro .small-title {
            display: block;
            font-size: 20px;
            color: #17233d;
            margin-bottom: 4px;
        }

        .intro h1 {
            margin: 0;
            font-size: clamp(52px, 5vw, 78px);
            letter-spacing: -4px;
            line-height: .96;
            color: #0c1f3f;
            font-weight: 800;
        }

        .intro h1 span { color: #1e64e8; }

        .intro p {
            margin: 14px 0 0;
            max-width: 350px;
            color: #4f5f78;
            font-size: 15px;
            line-height: 1.65;
        }

        .feature-list {
            position: absolute;
            left: 40px;
            top: 350px;
            display: grid;
            gap: 15px;
            z-index: 5;
        }

        .feature-item {
            display: grid;
            grid-template-columns: 44px 1fr;
            gap: 12px;
            align-items: center;
        }

        .feature-icon {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            display: grid;
            place-items: center;
            background: #fff;
            color: #1769e8;
            font-size: 20px;
            box-shadow: 0 8px 20px rgba(30, 64, 175, .10);
            border: 1px solid rgba(220, 229, 240, .9);
        }

        .feature-text strong {
            display: block;
            font-size: 13px;
            margin-bottom: 3px;
        }

        .feature-text span {
            display: block;
            color: #5f6f86;
            font-size: 11px;
            line-height: 1.45;
        }

        .module-wheel {
            position: absolute;
            top: 210px;
            left: 53%;
            transform: translateX(-50%);
            width: min(410px, 42vw);
            aspect-ratio: 1;
            border-radius: 50%;
            z-index: 4;
            filter: drop-shadow(0 22px 30px rgba(30, 64, 175, .12));
        }

        .module-wheel::before {
            content: "";
            position: absolute;
            inset: -20px;
            border-radius: 50%;
            border: 1px dashed rgba(37, 99, 235, .25);
        }

        .wheel-center {
            position: absolute;
            inset: 50%;
            transform: translate(-50%, -50%);
            width: 154px;
            height: 154px;
            border-radius: 50%;
            background: #fff;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            z-index: 4;
            box-shadow: 0 15px 35px rgba(15, 23, 42, .14);
            border: 10px solid #f6f9ff;
        }

        .wheel-center i {
            font-size: 46px;
            color: var(--orange);
            margin-bottom: 2px;
        }

        .wheel-center strong {
            font-size: 31px;
            line-height: 1;
            letter-spacing: -1px;
        }

        .wheel-center span {
            margin-top: 4px;
            font-size: 9px;
            font-weight: 800;
            color: #1769e8;
            letter-spacing: .8px;
        }

        .petal {
            position: absolute;
            width: 122px;
            height: 108px;
            border-radius: 34px 34px 20px 20px;
            color: #fff;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 6px;
            box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 15px 28px rgba(15,23,42,.12);
        }

        .petal i { font-size: 29px; }
        .petal span { font-size: 12px; font-weight: 700; }

        .p1 { top: 0; left: 50%; transform: translateX(-50%); background: linear-gradient(145deg,#ff514b,#f93737); }
        .p2 { top: 64px; right: 8px; transform: rotate(52deg); background: linear-gradient(145deg,#ffb000,#ff8a00); }
        .p2 > * { transform: rotate(-52deg); }
        .p3 { right: 2px; bottom: 75px; transform: rotate(95deg); background: linear-gradient(145deg,#22c7b7,#12ad9e); }
        .p3 > * { transform: rotate(-95deg); }
        .p4 { bottom: 0; left: 56%; transform: translateX(-50%) rotate(10deg); background: linear-gradient(145deg,#82d726,#66bd12); }
        .p4 > * { transform: rotate(-10deg); }
        .p5 { left: 24px; bottom: 52px; transform: rotate(-42deg); background: linear-gradient(145deg,#3e95ef,#1b6ddd); }
        .p5 > * { transform: rotate(42deg); }
        .p6 { left: 6px; top: 92px; transform: rotate(-82deg); background: linear-gradient(145deg,#a66ada,#8450c5); }
        .p6 > * { transform: rotate(82deg); }
        .p7 { left: 90px; top: 22px; transform: rotate(-28deg); background: linear-gradient(145deg,#6656cb,#5146b6); }
        .p7 > * { transform: rotate(28deg); }

        .plant-visual {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 42%;
            z-index: 1;
            overflow: hidden;
        }

        .plant-visual::before {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(to bottom, #f6f9ff 0%, rgba(246,249,255,.45) 24%, rgba(246,249,255,.04) 70%);
            z-index: 2;
        }

        .plant-visual img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center 58%;
        }

        .stats {
            position: absolute;
            left: 40px;
            bottom: 28px;
            z-index: 6;
            display: flex;
            align-items: center;
            gap: 18px;
            padding: 15px 22px;
            background: rgba(255,255,255,.95);
            border: 1px solid #e7edf6;
            border-radius: 18px;
            box-shadow: 0 18px 35px rgba(15, 23, 42, .14);
        }

        .stat {
            display: grid;
            grid-template-columns: 30px auto;
            gap: 8px;
            align-items: center;
        }

        .stat + .stat {
            border-left: 1px solid #dfe7f0;
            padding-left: 18px;
        }

        .stat i {
            font-size: 23px;
            color: #1769e8;
        }

        .stat strong {
            display: block;
            font-size: 16px;
            line-height: 1.1;
        }

        .stat span {
            display: block;
            margin-top: 3px;
            font-size: 9px;
            color: #64748b;
        }

        /* RIGHT */
        .login-panel {
            height: 100vh;
            padding: 20px 28px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .login-card {
            width: 100%;
            max-width: 640px;
            max-height: calc(100vh - 40px);
            overflow: hidden;
            background: rgba(255,255,255,.98);
            border: 1px solid rgba(226,232,240,.95);
            border-radius: 30px;
            padding: 26px 38px 24px;
            box-shadow:
                0 28px 70px rgba(15,23,42,.14),
                inset 0 1px 0 rgba(255,255,255,.8);
        }

        .login-brand {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 15px;
            margin-bottom: 16px;
        }

        .login-brand .mark {
            width: 68px;
            height: 68px;
            border-radius: 18px;
            display: grid;
            place-items: center;
            color: #fff;
            font-size: 34px;
            background: linear-gradient(145deg, #ff9d00, #ff6f00);
            box-shadow: 0 14px 28px rgba(255,122,0,.24);
        }

        .login-brand strong {
            display: block;
            font-size: 44px;
            line-height: .95;
            letter-spacing: -2px;
            font-weight: 800;
        }

        .login-brand span {
            display: block;
            color: #1769e8;
            font-size: 12px;
            font-weight: 800;
            letter-spacing: .8px;
            margin-top: 6px;
        }

        .heading {
            text-align: center;
            margin-bottom: 22px;
        }

        .heading h2 {
            margin: 0 0 7px;
            font-size: 31px;
            letter-spacing: -.8px;
            color: #0e1f3d;
        }

        .heading p {
            margin: 0;
            color: #65758d;
            font-size: 13px;
        }

        .status-box, .error-box {
            border-radius: 12px;
            padding: 10px 13px;
            margin-bottom: 12px;
            display: flex;
            gap: 9px;
            font-size: 12px;
            line-height: 1.45;
        }

        .status-box { background: #ecfdf5; border: 1px solid #bbf7d0; color: #15803d; }
        .error-box { background: #fef2f2; border: 1px solid #fecaca; color: #b91c1c; }

        .form-group { margin-bottom: 15px; }

        .form-label {
            display: block;
            margin-bottom: 8px;
            font-size: 13px;
            font-weight: 700;
            color: #101c33;
        }

        .input-wrap { position: relative; }

        .input-wrap > i {
            position: absolute;
            left: 17px;
            top: 50%;
            transform: translateY(-50%);
            color: #77869a;
            font-size: 22px;
        }

        .form-control-custom {
            width: 100%;
            height: 56px;
            padding: 0 50px;
            border: 1px solid #d9e3ef;
            border-radius: 13px;
            outline: none;
            color: #18253e;
            font-size: 14px;
            background: #fff;
            transition: .2s ease;
        }

        .form-control-custom:focus {
            border-color: #1769e8;
            box-shadow: 0 0 0 4px rgba(23,105,232,.10);
        }

        .toggle-password {
            position: absolute;
            right: 15px;
            top: 50%;
            transform: translateY(-50%);
            border: 0;
            background: transparent;
            color: #77869a;
            font-size: 20px;
            cursor: pointer;
        }

        .form-meta {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin: 2px 0 16px;
        }

        .remember {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-size: 12px;
            color: #526078;
        }

        .remember input {
            width: 16px;
            height: 16px;
            accent-color: #1769e8;
        }

        .forgot {
            font-size: 12px;
            color: #1769e8;
            font-weight: 600;
        }

        .login-btn {
            width: 100%;
            height: 56px;
            border: 0;
            border-radius: 12px;
            background: linear-gradient(135deg,#2e8cf0,#0d62d8);
            color: #fff;
            font-size: 16px;
            font-weight: 700;
            cursor: pointer;
            box-shadow: 0 15px 28px rgba(23,105,232,.22);
        }

        .divider {
            display: flex;
            align-items: center;
            gap: 13px;
            margin: 18px 0 14px;
            color: #7a8799;
            font-size: 12px;
        }

        .divider::before, .divider::after {
            content: "";
            height: 1px;
            flex: 1;
            background: #dfe7f0;
        }

        .social-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 14px;
        }

        .social-btn {
            height: 50px;
            border: 1px solid #d9e3ef;
            border-radius: 11px;
            background: #fff;
            color: #24324b;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            font-size: 13px;
            font-weight: 600;
        }

        .social-btn .google {
            font-weight: 800;
            color: #4285f4;
            font-size: 18px;
        }

        .social-btn .microsoft {
            display: grid;
            grid-template-columns: repeat(2, 8px);
            grid-template-rows: repeat(2, 8px);
            gap: 2px;
        }

        .social-btn .microsoft span:nth-child(1) { background:#f35325; }
        .social-btn .microsoft span:nth-child(2) { background:#81bc06; }
        .social-btn .microsoft span:nth-child(3) { background:#05a6f0; }
        .social-btn .microsoft span:nth-child(4) { background:#ffba08; }

        .support-strip {
            margin-top: 16px;
            padding: 12px 14px;
            border-radius: 11px;
            background: #eef5ff;
            color: #44536a;
            text-align: center;
            font-size: 12px;
        }

        .support-strip i {
            color: #1769e8;
            margin-right: 6px;
        }

        .contact-grid {
            margin-top: 15px;
            display: grid;
            grid-template-columns: 1fr 1fr;
            border-bottom: 1px solid #e3eaf2;
            padding-bottom: 14px;
        }

        .contact-item {
            display: grid;
            grid-template-columns: 34px 1fr;
            align-items: center;
            gap: 9px;
            padding: 0 14px;
        }

        .contact-item + .contact-item {
            border-left: 1px solid #e3eaf2;
        }

        .contact-item i {
            font-size: 22px;
            color: #1769e8;
        }

        .contact-item strong {
            display: block;
            color: #1d2b42;
            font-size: 12px;
        }

        .contact-item span {
            display: block;
            margin-top: 3px;
            color: #77869a;
            font-size: 10px;
        }

        .footer {
            margin-top: 12px;
            text-align: center;
            color: #6f7d90;
            font-size: 10px;
            line-height: 1.6;
        }

        @media (max-height: 820px) and (min-width: 992px) {
            .showcase { padding-top: 18px; }
            .brand-mark { width: 56px; height: 56px; font-size: 29px; }
            .brand-copy strong { font-size: 38px; }
            .intro { top: 110px; }
            .intro h1 { font-size: 58px; }
            .feature-list { top: 300px; gap: 11px; }
            .module-wheel { top: 165px; width: 350px; }
            .login-card { padding: 20px 32px 18px; }
            .login-brand { margin-bottom: 10px; }
            .login-brand .mark { width: 56px; height: 56px; font-size: 29px; }
            .login-brand strong { font-size: 36px; }
            .heading { margin-bottom: 16px; }
            .heading h2 { font-size: 27px; }
            .form-control-custom, .login-btn { height: 50px; }
            .social-btn { height: 44px; }
            .support-strip { margin-top: 12px; padding: 10px 12px; }
            .contact-grid { margin-top: 11px; }
        }

        @media (max-width: 1100px) {
            .login-shell { grid-template-columns: 1fr 500px; }
            .intro { width: 300px; }
            .module-wheel { left: 60%; width: 360px; }
            .feature-list { display: none; }
        }

        @media (max-width: 991px) {
            html, body { overflow: auto; }
            .login-shell { display: block; min-height: 100vh; height: auto; }
            .showcase { display: none; }
            .login-panel {
                min-height: 100vh;
                height: auto;
                padding: 18px;
            }
            .login-card {
                max-height: none;
                padding: 26px 22px 22px;
            }
        }

        @media (max-width: 575px) {
            .login-card { border-radius: 22px; }
            .login-brand .mark { width: 54px; height: 54px; font-size: 28px; }
            .login-brand strong { font-size: 34px; }
            .heading h2 { font-size: 25px; }
            .social-row, .contact-grid { grid-template-columns: 1fr; }
            .contact-item + .contact-item {
                border-left: 0;
                border-top: 1px solid #e3eaf2;
                margin-top: 10px;
                padding-top: 10px;
            }
        }

/* --- Component: auth\register.css --- */
/* Extracted from auth/register.blade.php */

:root{
            --primary:#1E3E82;
            --primary-dark:#152C5E;
            --primary-light:#3D63AC;
            --accent:#F5A623;
            --surface:#FFFFFF;
            --page-bg:#EEF1F7;
            --ink:#1B2430;
            --muted:#6B7686;
            --border:#E3E7EF;
        }

        *{ margin:0; padding:0; box-sizing:border-box; font-family:'Inter',sans-serif; }

        body{ background:var(--page-bg); overflow-x:hidden; }

        .auth-page{
            height:100vh;
            display:flex;
            align-items:center;
            justify-content:center;
            padding:20px;
        }

        .auth-container{
            width:100%;
            max-width:1440px;
            height:min(900px, 96vh);
            border-radius:22px;
            overflow:hidden;
            background:var(--surface);
            box-shadow:0 25px 60px rgba(20,35,70,.18);
            display:flex;
        }

        /* ===================== HERO SIDE ===================== */

        .hero-side{
            position:relative;
            flex:0 0 34%;
            max-width:34%;
            min-height:100%;
            background:
                linear-gradient(180deg, rgba(21,44,94,.88), rgba(21,44,94,.94)),
                url('inherit');
            background-size:cover;
            background-position:center;
            color:#fff;
            display:flex;
            flex-direction:column;
            padding:32px 30px;
        }

        .brand-row{
            display:flex;
            align-items:center;
            gap:10px;
            margin-bottom:34px;
        }

        .brand-row img{ width:38px; height:38px; object-fit:contain; }

        .brand-row .brand-text strong{
            display:block;
            font-size:17px;
            font-weight:700;
            letter-spacing:.01em;
        }

        .brand-row .brand-text small{
            display:block;
            font-size:10.5px;
            letter-spacing:.12em;
            color:#B9C6E4;
        }

        .hero-title{
            font-size:32px;
            font-weight:800;
            line-height:1.18;
            margin-bottom:14px;
        }

        .hero-title .accent{ color:var(--accent); }

        .accent-rule{
            width:46px;
            height:3px;
            border-radius:3px;
            background:var(--accent);
            margin-bottom:16px;
        }

        .hero-desc{
            font-size:13.5px;
            line-height:1.6;
            color:#D3DBEC;
            max-width:300px;
            margin-bottom:auto;
        }

        .feature-list{
            display:flex;
            flex-direction:column;
            gap:14px;
            margin-top:24px;
        }

        .feature-item{
            display:flex;
            align-items:center;
            gap:12px;
        }

        .feature-icon{
            width:38px;
            height:38px;
            border-radius:10px;
            background:rgba(255,255,255,.14);
            display:flex;
            align-items:center;
            justify-content:center;
            flex-shrink:0;
        }

        .feature-icon i{ font-size:17px; color:#fff; }

        .feature-item strong{
            display:block;
            font-size:13px;
            font-weight:600;
        }

        .feature-item span{
            display:block;
            font-size:11.5px;
            color:#C4CEE4;
        }

        @media(max-width:991px){
            .hero-side{ display:none; }
        }

        /* ===================== FORM SIDE ===================== */

        .form-side{
            flex:1;
            min-width:0;
            padding:30px 44px;
            overflow-y:auto;
        }

        .form-header{
            display:flex;
            align-items:center;
            gap:14px;
            padding-bottom:16px;
            border-bottom:1px solid var(--border);
            margin-bottom:20px;
        }

        .form-header .icon-badge{
            width:46px;
            height:46px;
            border-radius:50%;
            background:var(--primary);
            display:flex;
            align-items:center;
            justify-content:center;
            flex-shrink:0;
        }

        .form-header .icon-badge i{ font-size:20px; color:#fff; }

        .form-header h2{
            font-size:22px;
            font-weight:800;
            color:var(--ink);
        }

        .form-header p{
            font-size:12.5px;
            color:var(--muted);
        }

        .form-grid{
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:14px 18px;
        }

        .field{ margin-bottom:14px; }
        .field.full{ grid-column:1 / -1; }

        .field label{
            display:block;
            font-size:12.5px;
            font-weight:600;
            color:var(--ink);
            margin-bottom:6px;
        }

        .field-box{
            display:flex;
            align-items:center;
            gap:9px;
            height:44px;
            padding:0 13px;
            border:1px solid var(--border);
            border-radius:10px;
            background:#fff;
            transition:.2s;
        }

        .field-box.textarea{ height:auto; align-items:flex-start; padding-top:10px; }

        .field-box:focus-within{
            border-color:var(--primary-light);
            box-shadow:0 0 0 3px rgba(61,99,172,.12);
        }

        .field-box i{ font-size:16px; color:var(--muted); flex-shrink:0; }

        .field-box input,
        .field-box select,
        .field-box textarea{
            flex:1;
            border:none;
            outline:none;
            background:none;
            font-size:13.5px;
            color:var(--ink);
            appearance:none;
            font-family:'Inter',sans-serif;
        }

        .field-box textarea{ resize:none; height:44px; padding-top:2px; }

        .field-box input::placeholder,
        .field-box textarea::placeholder{ color:#9AA3B2; }

        .field-box select{ cursor:pointer; }
        .field-box select:disabled{ cursor:not-allowed; color:#9AA3B2; }

        .toggle-password{ cursor:pointer; color:#9AA3B2; font-size:16px; }
        .toggle-password:hover{ color:var(--primary); }

        .terms-row{
            display:flex;
            align-items:flex-start;
            gap:9px;
            margin:2px 0 16px;
            font-size:12.5px;
            color:var(--muted);
        }

        .terms-row input{
            width:16px;
            height:16px;
            margin-top:2px;
            accent-color:var(--primary);
        }

        .terms-row a{ color:var(--primary); text-decoration:none; font-weight:600; }
        .terms-row a:hover{ text-decoration:underline; }

        .register-btn{
            width:100%;
            height:50px;
            border:none;
            border-radius:12px;
            font-size:14.5px;
            font-weight:700;
            letter-spacing:.01em;
            display:flex;
            align-items:center;
            justify-content:center;
            gap:9px;
            background:linear-gradient(135deg, var(--primary), var(--primary-dark));
            color:#fff;
            transition:.25s;
            box-shadow:0 12px 28px rgba(30,62,130,.28);
        }

        .register-btn:hover{ transform:translateY(-2px); box-shadow:0 16px 34px rgba(30,62,130,.35); }
        .register-btn:active{ transform:translateY(0); }

        .login-footer{
            margin-top:16px;
            text-align:center;
            font-size:13px;
            color:var(--muted);
        }

        .login-footer a{
            color:var(--primary);
            font-weight:700;
            text-decoration:none;
            margin-left:4px;
        }

        .login-footer a:hover{ text-decoration:underline; }

        ::-webkit-scrollbar{ width:7px; }
        ::-webkit-scrollbar-thumb{ background:#C9D2E4; border-radius:20px; }

        @media(max-width:576px){
            .form-grid{ grid-template-columns:1fr; }
            .form-side{ padding:26px 22px; }
        }

.bi-7a21c6ac49 { margin-top:2px; }

/* --- Component: auth\resend-verification.css --- */
/* Extracted from auth/resend-verification.blade.php */

body:has(.verify-card) {
                min-height: 100vh;
                margin: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                background: radial-gradient(circle at 80% 20%, #111c44 0%, #030712 100%);
                color: #f1f5f9;
                font-family: Arial, Helvetica, sans-serif;
                padding: 24px;
            }

            .verify-card {
                width: 100%;
                max-width: 430px;
                background: rgba(11, 19, 41, 0.78);
                border: 1px solid rgba(255, 255, 255, 0.08);
                border-radius: 18px;
                padding: 30px;
                box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
            }

            .verify-card h1 {
                margin: 0 0 10px;
                font-size: 1.45rem;
                font-weight: 700;
            }

            .verify-card p {
                color: #94a3b8;
                font-size: 0.9rem;
                line-height: 1.55;
                margin-bottom: 22px;
            }

            .field-label {
                display: block;
                font-size: 0.72rem;
                font-weight: 700;
                letter-spacing: 1px;
                text-transform: uppercase;
                color: #cbd5e1;
                margin-bottom: 7px;
            }

            .field-input {
                width: 100%;
                height: 46px;
                background: rgba(3, 7, 18, 0.5);
                border: 1px solid rgba(255, 255, 255, 0.12);
                border-radius: 10px;
                padding: 0 14px;
                color: #fff;
                outline: none;
            }

            .field-input:focus {
                border-color: #06b6d4;
                box-shadow: 0 0 0 4px rgba(6, 182, 212, 0.14);
            }

            .btn-submit {
                width: 100%;
                height: 46px;
                margin-top: 16px;
                border: 0;
                border-radius: 10px;
                background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
                color: #fff;
                font-weight: 700;
            }

            .back-link {
                display: block;
                text-align: center;
                margin-top: 18px;
                color: #06b6d4;
                text-decoration: none;
                font-size: 0.86rem;
            }

            .error-box {
                background: rgba(239, 68, 68, 0.08);
                border: 1px solid rgba(239, 68, 68, 0.22);
                color: #fca5a5;
                border-radius: 10px;
                padding: 10px 12px;
                font-size: 0.84rem;
                margin-bottom: 16px;
            }

/* --- Component: categories\edit.css --- */
/* Extracted from categories/edit.blade.php */

.bi-3903bef3a7 { border-radius: 14px; }

.bi-a69f95de57 { border-top-left-radius: 14px;border-top-right-radius: 14px; }

/* --- Component: categories\index.css --- */
/* Extracted from categories/index.blade.php */

.page-header-card{ background:linear-gradient(135deg,#2563eb,#4f46e5); border-radius:18px; padding:25px; display:flex; justify-content:space-between; align-items:center; }
.stats-card{ background:#fff; border-radius:16px; padding:18px; box-shadow:0 3px 15px rgba(0,0,0,.06); display:flex; align-items:center; gap:15px; transition:.3s; }
.stats-card:hover{ transform:translateY(-3px); }
.stats-icon{ width:55px; height:55px; border-radius:14px; display:flex; align-items:center; justify-content:center; color:#fff; font-size:22px; }
.stats-card h4{ margin:0; font-weight:700; }
.stats-card span{ color:#6b7280; font-size:13px; }
.card{ border-radius:18px; overflow:hidden; }
.search-box{ position:relative; }
.search-box i{ position:absolute; top:50%; left:12px; transform:translateY(-50%); color:#6b7280; }
.search-box input{ padding-left:40px; border-radius:10px; }
.table{ margin-bottom:0; }
.table thead th{ background:#f8fafc; border-bottom:1px solid #e5e7eb; font-size:13px; font-weight:700; text-transform:uppercase; color:#374151; padding:14px; }
.table tbody td{ padding:14px; vertical-align:middle; }
.table tbody tr{ transition:.25s; }
.table tbody tr:hover{ background:#f8fbff; }
.badge{ font-size:12px; font-weight:600; padding:8px 12px; border-radius:30px; }
.btn-group .btn{ border-radius:8px !important; }
.btn-group{ gap:5px; }
.empty-state{ padding:60px 20px; text-align:center; }
.empty-state i{ font-size:70px; color:#d1d5db; }
.empty-state h5{ margin-top:15px; font-weight:700; }
.alert{ border-radius:12px; }
@media(max-width:768px){
    .page-header-card{ flex-direction:column; gap:15px; text-align:center; }
    .table thead th, .table tbody td{ padding:10px; font-size:13px; }
    .stats-card{ padding:15px; }
}

/* --- Component: demo\dashboard.css --- */
/* Extracted from demo/dashboard.blade.php */

.welcome-card {
    background: linear-gradient(135deg, #0b203e 0%, #1a3a5c 100%);
}

.modern-card {
    border-radius: 14px;
    transition: all 0.3s ease;
    background: linear-gradient(303deg, #33526e 0%, #0b203e 100%);
}
.modern-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(0,0,0,0.15);
}
.icon-circle {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
}

.bi-7021d61fbb { width:64px;height:64px; }

.bi-ffb480a0c9 { max-height: 75px; }

/* --- Component: erp_workflow\index.css --- */
/* Extracted from erp_workflow/index.blade.php */

:root {
    --wf-primary: #173f79;
    --wf-primary-dark: #0b274e;
    --wf-blue-soft: #edf5ff;
    --wf-green: #16803c;
    --wf-green-soft: #ebf9f0;
    --wf-orange: #ea6b16;
    --wf-orange-soft: #fff3e9;
    --wf-purple: #7651c9;
    --wf-purple-soft: #f4efff;
    --wf-text: #172033;
    --wf-muted: #687386;
    --wf-border: #dde5ef;
    --wf-bg: #f4f7fb;
}

body { background: var(--wf-bg); }
.workflow-page {
    max-width: 1500px;
    margin: 0 auto;
    padding: 18px 14px 50px;
    color: var(--wf-text);
    font-family: Inter, system-ui, sans-serif;
}
.workflow-hero {
    position: relative;
    overflow: hidden;
    padding: 24px;
    border-radius: 16px;
    background: linear-gradient(135deg, var(--wf-primary-dark), var(--wf-primary));
    color: #fff;
    box-shadow: 0 14px 34px rgba(15, 54, 105, .18);
    margin-bottom: 16px;
}
.workflow-hero::after {
    content: "";
    position: absolute;
    width: 250px;
    height: 250px;
    right: -85px;
    top: -95px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .08);
}
.workflow-hero-inner {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
}
.workflow-kicker {
    font-size: .66rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #a8d0ff;
}
.workflow-hero h1 {
    margin: 5px 0 7px;
    font-size: 1.65rem;
    font-weight: 800;
}
.workflow-hero p {
    margin: 0;
    max-width: 700px;
    color: rgba(255,255,255,.75);
    font-size: .78rem;
}
.workflow-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 13px;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 999px;
    background: rgba(255,255,255,.12);
    font-size: .7rem;
    font-weight: 700;
}
.quick-actions {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 10px;
    margin-bottom: 16px;
}
.quick-action {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 92px;
    padding: 11px;
    border: 1px solid var(--wf-border);
    border-radius: 11px;
    background: #fff;
    color: var(--wf-text);
    text-decoration: none;
    text-align: center;
    box-shadow: 0 4px 13px rgba(15,23,42,.035);
    transition: .18s ease;
}
.quick-action:hover {
    transform: translateY(-3px);
    border-color: #bdd1ee;
    box-shadow: 0 10px 22px rgba(15,23,42,.08);
    color: var(--wf-primary);
}
.quick-action i {
    margin-bottom: 7px;
    font-size: 1.25rem;
    color: var(--wf-primary);
}
.quick-action span {
    font-size: .66rem;
    font-weight: 800;
}
.section-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 4px 0 10px;
}
.section-title h2 {
    margin: 0;
    font-size: .88rem;
    font-weight: 800;
}
.section-title small {
    color: var(--wf-muted);
    font-size: .65rem;
}
.flow-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}
.flow-step {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--wf-border);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 4px 14px rgba(15,23,42,.035);
}
.flow-step::before {
    content: attr(data-step);
    position: absolute;
    right: 12px;
    top: 9px;
    font-size: 2.2rem;
    font-weight: 900;
    color: #edf2f8;
}
.flow-step-head {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 15px 11px;
}
.flow-icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: var(--wf-blue-soft);
    color: var(--wf-primary);
    font-size: 1.05rem;
}
.flow-icon.green { background: var(--wf-green-soft); color: var(--wf-green); }
.flow-icon.orange { background: var(--wf-orange-soft); color: var(--wf-orange); }
.flow-icon.purple { background: var(--wf-purple-soft); color: var(--wf-purple); }
.flow-title { margin: 0; font-size: .8rem; font-weight: 800; }
.flow-subtitle { display: block; margin-top: 2px; color: var(--wf-muted); font-size: .58rem; }
.flow-links { padding: 0 12px 13px; }
.flow-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 9px;
    margin-top: 6px;
    border: 1px solid #edf1f5;
    border-radius: 8px;
    background: #fbfcfe;
    color: var(--wf-text);
    text-decoration: none;
    font-size: .64rem;
    font-weight: 650;
}
.flow-link:hover { color: var(--wf-primary); border-color: #c8d7eb; background: #f6f9ff; }
.flow-link.primary { background: var(--wf-primary); color: #fff; border-color: var(--wf-primary); }
.flow-link.primary:hover { background: var(--wf-primary-dark); color: #fff; }
.flow-link i:last-child { color: #9ca8b8; }
.flow-link.primary i:last-child { color: rgba(255,255,255,.75); }
.workflow-note {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 14px;
}
.note-card {
    display: flex;
    gap: 10px;
    padding: 13px;
    border: 1px solid var(--wf-border);
    border-radius: 10px;
    background: #fff;
}
.note-card i { color: var(--wf-primary); font-size: 1.1rem; }
.note-card strong { display: block; font-size: .67rem; }
.note-card span { display: block; margin-top: 2px; color: var(--wf-muted); font-size: .59rem; line-height: 1.45; }
@media (max-width: 1150px) {
    .quick-actions { grid-template-columns: repeat(4, 1fr); }
    .flow-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 650px) {
    .quick-actions, .flow-grid, .workflow-note { grid-template-columns: 1fr; }
    .quick-action { min-height: 64px; flex-direction: row; gap: 8px; }
    .quick-action i { margin: 0; }
}

/* --- Component: errors\403.css --- */
/* Extracted from errors/403.blade.php */

:root {
            --site-primary: #2962ff;
        }

        body:has(.error-wrapper) {
            background-color: #f8fafc;
            font-family: 'Inter', system-ui, -apple-system, sans-serif;
            color: #1e293b;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden;
            margin: 0;
        }

        /* Premium Abstract Background */
        body:has(.error-wrapper)::before {
            content: '';
            position: absolute;
            top: -10%;
            left: -10%;
            width: 50vw;
            height: 50vw;
            background: radial-gradient(circle, rgba(41, 98, 255, 0.08) 0%, transparent 70%);
            border-radius: 50%;
            z-index: 0;
            animation: pulse 8s infinite alternate;
        }

        body:has(.error-wrapper)::after {
            content: '';
            position: absolute;
            bottom: -10%;
            right: -10%;
            width: 40vw;
            height: 40vw;
            background: radial-gradient(circle, rgba(239, 68, 68, 0.06) 0%, transparent 70%);
            border-radius: 50%;
            z-index: 0;
        }

        @keyframes pulse {
            0% { transform: scale(1); }
            100% { transform: scale(1.1); }
        }

        .error-wrapper {
            position: relative;
            z-index: 1;
            padding: 24px;
            width: 100%;
            display: flex;
            justify-content: center;
        }

        .error-card {
            /* background: rgba(255, 255, 255, 0.85); */
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            /* border: 1px solid rgba(226, 232, 240, 0.8); */
            /* border-radius: 28px;
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.025); */
            max-width: 520px;
            width: 100%;
            padding: 48px 40px;
            text-align: center;
            transition: transform 0.3s ease;
        }

        .error-card:hover {
            transform: translateY(-4px);
        }

        .error-code {
            font-size: 8rem;
            font-weight: 900;
            line-height: 1;
            color: transparent;
            -webkit-text-stroke: 2px #e2e8f0;
            margin-bottom: 0;
            letter-spacing: -4px;
        }

        .error-icon-wrap {
            width: 76px;
            height: 76px;
            background: #fef2f2;
            color: #ef4444;
            border-radius: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: -20px auto 24px;
            font-size: 2.25rem;
            box-shadow: 0 4px 6px -1px rgba(239, 68, 68, 0.1);
            border: 1px solid rgba(254, 242, 242, 1);
        }

        .error-title {
            font-size: 1.75rem;
            font-weight: 800;
            color: #0f172a;
            margin-bottom: 12px;
            letter-spacing: -0.5px;
        }

        .error-description {
            font-size: 0.925rem;
            color: #64748b;
            margin-bottom: 36px;
            line-height: 1.6;
            font-weight: 400;
        }

        .btn-action {
            padding: 14px 32px;
            border-radius: 16px;
            font-weight: 600;
            font-size: 0.875rem;
            text-decoration: none;
            transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            letter-spacing: -0.2px;
        }

        .btn-primary-custom {
            background: var(--site-primary);
            border: 1px solid var(--site-primary);
            color: #ffffff;
            box-shadow: 0 4px 6px -1px rgba(41, 98, 255, 0.2);
        }

        .btn-primary-custom:hover {
            filter: brightness(0.9);
            color: #ffffff;
            transform: translateY(-1px);
        }

        .btn-outline-custom {
            background: #ffffff;
            color: #475569;
            border: 1px solid #e2e8f0;
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
        }

        .btn-outline-custom:hover {
            background: #f8fafc;
            color: #1e293b;
            border-color: #cbd5e1;
            transform: translateY(-1px);
        }

        .auth-logo img {
            max-height: 42px;
            width: auto;
            margin-bottom: 32px;
        }

/* --- Component: hrms\attendance\daily.css --- */
/* Extracted from hrms/attendance/daily.blade.php */

[data-bi-8573bae381] { width:80px; }

/* --- Component: hrms\attendance\import\index.css --- */
/* Extracted from hrms/attendance/import/index.blade.php */

:root {
    --ai-primary: #4f46e5;
    --ai-success: #10b981;
    --ai-warning: #f59e0b;
    --ai-danger: #ef4444;
}

.ai-page { padding: 1.5rem; max-width: 1400px; margin: 0 auto; }
.ai-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; }
.ai-title { font-size: 1.5rem; font-weight: 700; color: #1e293b; margin: 0; }
.ai-subtitle { color: #64748b; font-size: 0.875rem; margin-top: 0.25rem; }

.ai-card { background: white; border-radius: 12px; border: 1px solid #e2e8f0; overflow: hidden; margin-bottom: 1.5rem; }
.ai-card-header { padding: 1.25rem 1.5rem; background: #f8fafc; border-bottom: 1px solid #e2e8f0; }
.ai-card-title { font-size: 1rem; font-weight: 700; color: #1e293b; margin: 0; display: flex; align-items: center; gap: 0.5rem; }
.ai-card-body { padding: 1.5rem; }

.ai-upload-zone { border: 2px dashed #cbd5e1; border-radius: 12px; padding: 3rem 2rem; text-align: center; background: #f8fafc; transition: all 0.3s; cursor: pointer; }
.ai-upload-zone:hover { border-color: var(--ai-primary); background: #f0f4ff; }
.ai-upload-zone.dragover { border-color: var(--ai-success); background: #ecfdf5; }
.ai-upload-icon { font-size: 3rem; color: var(--ai-primary); margin-bottom: 1rem; opacity: 0.6; }
.ai-upload-text { font-size: 1rem; font-weight: 600; color: #1e293b; margin-bottom: 0.5rem; }
.ai-upload-hint { font-size: 0.875rem; color: #64748b; }

.ai-step-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-bottom: 2rem; }
.ai-step { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; padding: 1.25rem; text-align: center; }
.ai-step-number { width: 40px; height: 40px; border-radius: 50%; background: var(--ai-primary); color: white; display: flex; align-items: center; justify-content: center; margin: 0 auto 0.75rem; font-weight: 700; font-size: 1.125rem; }
.ai-step-title { font-size: 0.875rem; font-weight: 700; color: #1e293b; margin-bottom: 0.25rem; }
.ai-step-desc { font-size: 0.75rem; color: #64748b; }

.ai-format-box { background: #fffbeb; border: 1px solid #fde68a; border-radius: 8px; padding: 1rem; margin-top: 1.5rem; }
.ai-format-title { font-size: 0.875rem; font-weight: 700; color: #92400e; margin-bottom: 0.75rem; display: flex; align-items: center; gap: 0.5rem; }
.ai-format-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.5rem; }
.ai-format-item { background: white; padding: 0.5rem; border-radius: 6px; font-size: 0.75rem; font-family: 'Courier New', monospace; text-align: center; border: 1px solid #fcd34d; }
.ai-format-header { font-weight: 700; color: #92400e; }

.ai-info-box { background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 8px; padding: 1rem; margin-bottom: 1.5rem; }
.ai-info-box i { color: #2563eb; margin-right: 0.5rem; }

.ai-btn { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.75rem 1.5rem; border-radius: 8px; font-weight: 600; font-size: 0.875rem; border: 1px solid transparent; cursor: pointer; transition: all 0.2s; text-decoration: none; }
.ai-btn-primary { background: var(--ai-primary); color: white; }
.ai-btn-primary:hover { background: #4338ca; color: white; }
.ai-btn-outline { background: white; border-color: #e2e8f0; color: #64748b; }
.ai-btn-outline:hover { border-color: var(--ai-primary); color: var(--ai-primary); }

input[type="file"] { display: none; }

@media (max-width: 768px) {
    .ai-step-grid { grid-template-columns: 1fr; }
    .ai-format-grid { grid-template-columns: repeat(2, 1fr); }
}

.bi-9d48d0605b { margin-top: 1rem;font-weight: 600;color: var(--ai-success); }

.bi-8deb89244f { display: flex;justify-content: space-between;align-items: center;margin-top: 1.5rem; }

.bi-aea2d746af { margin-top: 0.75rem;font-size: 0.75rem;color: #92400e; }

.bi-86f0d989aa { display: flex;align-items: start;gap: 0.75rem; }

.bi-305a93df3c { font-size: 1.5rem;flex-shrink: 0; }

.bi-6f0bf84a0c { display: block;margin-bottom: 0.5rem; }

.bi-784653180e { margin: 0;padding-left: 1.25rem;font-size: 0.875rem;line-height: 1.6; }

/* --- Component: hrms\attendance\import\preview.css --- */
/* Extracted from hrms/attendance/import/preview.blade.php */

.bi-6208d82636 { max-height:400px;overflow-y:auto; }

/* --- Component: hrms\dashboard.css --- */
/* Extracted from hrms/dashboard.blade.php */

:root {
    --hd-primary: #4f46e5;
    --hd-success: #10b981;
    --hd-warning: #f59e0b;
    --hd-danger: #ef4444;
    --hd-info: #3b82f6;
    --hd-purple: #8b5cf6;
}

.hd-page { padding: 1.5rem; background: #f8fafc; }
.hd-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; }
.hd-title { font-size: 1.5rem; font-weight: 700; color: #1e293b; margin: 0; }
.hd-subtitle { color: #64748b; font-size: 0.875rem; margin-top: 0.25rem; }

/* Stats Grid */
.hd-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin-bottom: 1.5rem; }
.hd-stat-card { background: white; border-radius: 12px; padding: 1.25rem; border: 1px solid #e2e8f0; position: relative; overflow: hidden; }
.hd-stat-card::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; }
.hd-stat-card.primary::before { background: var(--hd-primary); }
.hd-stat-card.success::before { background: var(--hd-success); }
.hd-stat-card.warning::before { background: var(--hd-warning); }
.hd-stat-card.danger::before { background: var(--hd-danger); }
.hd-stat-card.info::before { background: var(--hd-info); }
.hd-stat-card.purple::before { background: var(--hd-purple); }

.hd-stat-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 0.75rem; }
.hd-stat-icon { width: 48px; height: 48px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; opacity: 0.15; }
.hd-stat-value { font-size: 2rem; font-weight: 700; color: #1e293b; line-height: 1; }
.hd-stat-label { font-size: 0.875rem; color: #64748b; margin-top: 0.5rem; font-weight: 500; }

/* Main Grid */
.hd-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 1.5rem; margin-bottom: 1.5rem; }

/* Card */
.hd-card { background: white; border-radius: 12px; border: 1px solid #e2e8f0; overflow: hidden; }
.hd-card-header { padding: 1rem 1.25rem; border-bottom: 1px solid #e2e8f0; background: #f8fafc; display: flex; justify-content: space-between; align-items: center; }
.hd-card-title { font-size: 1rem; font-weight: 700; color: #1e293b; margin: 0; }
.hd-card-body { padding: 1.25rem; }

/* Chart */
.hd-chart { height: 250px; }
.hd-chart-bars { display: flex; align-items: flex-end; justify-content: space-around; height: 200px; gap: 8px; }
.hd-chart-bar { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.hd-bar-stack { width: 100%; display: flex; flex-direction: column-reverse; gap: 2px; }
.hd-bar-segment { border-radius: 4px 4px 0 0; transition: all 0.3s; }
.hd-bar-segment:hover { opacity: 0.8; }
.hd-bar-label { font-size: 0.75rem; color: #64748b; font-weight: 600; margin-top: 8px; }

/* List Items */
.hd-list { display: flex; flex-direction: column; gap: 0.75rem; }
.hd-list-item { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem; border-radius: 8px; background: #f8fafc; border: 1px solid #e2e8f0; }
.hd-list-avatar { width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, var(--hd-primary), var(--hd-purple)); color: white; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 0.875rem; }
.hd-list-content { flex: 1; min-width: 0; }
.hd-list-name { font-weight: 600; color: #1e293b; font-size: 0.875rem; }
.hd-list-meta { font-size: 0.75rem; color: #64748b; margin-top: 2px; }
.hd-badge { display: inline-block; padding: 0.25rem 0.625rem; border-radius: 6px; font-size: 0.75rem; font-weight: 600; }
.hd-badge.success { background: #d1fae5; color: #065f46; }
.hd-badge.warning { background: #fef3c7; color: #92400e; }
.hd-badge.danger { background: #fee2e2; color: #991b1b; }

/* Department Chart */
.hd-dept-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem; }
.hd-dept-item { display: flex; justify-content: space-between; align-items: center; padding: 0.75rem; border-radius: 8px; background: #f8fafc; }
.hd-dept-name { font-size: 0.875rem; color: #64748b; font-weight: 500; }
.hd-dept-count { font-size: 1.25rem; font-weight: 700; color: #1e293b; }

/* Empty State */
.hd-empty { text-align: center; padding: 2rem; color: #94a3b8; }
.hd-empty i { font-size: 3rem; opacity: 0.3; margin-bottom: 0.5rem; }

@media (max-width: 1200px) {
    .hd-grid { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
    .hd-stats { grid-template-columns: repeat(2, 1fr); }
}

.bi-ef4791ada8 { background: var(--hd-primary); }

.bi-419f921ec1 { background: var(--hd-success); }

.bi-76770a40fd { background: var(--hd-danger); }

.bi-12c53544e5 { background: var(--hd-warning); }

.bi-2304b6b170 { background: var(--hd-info); }

.bi-e404acb4ae { background: var(--hd-purple); }

.bi-09c6a8b51a { color:#64748b;font-size:11px; }

.bi-0d5be05fd9 { font-size:10px; }

.bi-c7afe19f93 { display: flex;flex-wrap: wrap;gap: 0.75rem; }

.bi-54c14b357e { color: var(--hd-warning);font-size: 1.5rem; }

.bd-c4fa0e9839 { height: var(--bdv-0); background: var(--hd-success); }
.bd-3a8c677548 { height: var(--bdv-0); background: var(--hd-warning); }
.bd-9cbef45f6b { height: var(--bdv-0); background: var(--hd-danger); }

/* --- Component: hrms\employee-portal\attendance.css --- */
/* Extracted from hrms/employee-portal/attendance.blade.php */

.bi-bab1721c4d { display: flex;align-items: center;gap: 12px; }

.bi-c5f337c28a { padding: 10px;border: 2px solid #e2e8f0;border-radius: 8px; }

.bi-41d7d7e25b { padding:0; }

.bi-09c6a8b51a { color:#64748b;font-size:11px; }

.bi-0d5be05fd9 { font-size:10px; }

.bi-d7152f4db1 { text-align:center;padding: 48px;color: #64748b; }

/* --- Component: hrms\employee-portal\dashboard.css --- */
/* Extracted from hrms/employee-portal/dashboard.blade.php */

.bi-abc9d35c1d { display:flex;gap:12px; }

.bi-f04ca5b228 { font-size:11px;color:#64748b;margin-top:4px; }

.bi-0d5be05fd9 { font-size:10px; }

.bi-4b31fa4e65 { text-align:center;color: #64748b; }

.bi-6b99de8b69 { display:none; }

.bi-41d7d7e25b { padding:0; }

.bi-c642c55de9 { text-align:center;padding: 24px;color: #64748b; }

/* --- Component: hrms\employee-portal\layout.css --- */
/* Extracted from hrms/employee-portal/layout.blade.php */

        body:has(.ep-navbar) {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            background: #f1f5f9;
            color: #1e293b;
        }
        .ep-navbar {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            padding: 16px 24px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            box-shadow: 0 2px 8px rgba(0,0,0,.1);
        }
        .ep-navbar-brand {
            font-size: 20px;
            font-weight: 700;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .ep-navbar-brand i {
            font-size: 28px;
        }
        .ep-navbar-menu {
            display: flex;
            align-items: center;
            gap: 24px;
        }
        .ep-navbar-menu a {
            color: white;
            text-decoration: none;
            font-size: 15px;
            display: flex;
            align-items: center;
            gap: 6px;
            padding: 8px 12px;
            border-radius: 6px;
            transition: background .2s;
        }
        .ep-navbar-menu a:hover {
            background: rgba(255,255,255,.1);
        }
        .ep-navbar-menu a.active {
            background: rgba(255,255,255,.2);
        }
        .ep-navbar-user {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 8px 12px;
            background: rgba(255,255,255,.1);
            border-radius: 8px;
        }
        .ep-navbar-user i {
            font-size: 24px;
        }
        .ep-navbar-user-info {
            display: flex;
            flex-direction: column;
        }
        .ep-navbar-user-info strong {
            font-size: 14px;
        }
        .ep-navbar-user-info span {
            font-size: 12px;
            opacity: .8;
        }
        .ep-container {
            max-width: 1280px;
            margin: 0 auto;
            padding: 24px;
        }
        .ep-page-header {
            margin-bottom: 24px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .ep-page-header h1 {
            font-size: 28px;
            color: #1e293b;
            margin-bottom: 4px;
        }
        .ep-page-header p {
            color: #64748b;
            font-size: 14px;
        }
        .ep-card {
            background: white;
            border-radius: 12px;
            box-shadow: 0 1px 3px rgba(0,0,0,.1);
            margin-bottom: 24px;
        }
        .ep-card-header {
            padding: 20px 24px;
            border-bottom: 1px solid #e2e8f0;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .ep-card-header h2 {
            font-size: 18px;
            font-weight: 600;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .ep-card-body {
            padding: 24px;
        }
        .ep-grid-2 {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 24px;
        }
        .ep-grid-3 {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
        }
        .ep-grid-4 {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            margin-bottom: 24px;
        }
        @media (max-width: 1024px) {
            .ep-grid-4 { grid-template-columns: repeat(2, 1fr); }
            .ep-grid-3 { grid-template-columns: repeat(2, 1fr); }
        }
        @media (max-width: 768px) {
            .ep-grid-2, .ep-grid-3, .ep-grid-4 { grid-template-columns: 1fr; }
            .ep-navbar-menu { display: none; }
        }
        .ep-stat-card {
            background: white;
            border-radius: 12px;
            padding: 20px;
            display: flex;
            align-items: center;
            gap: 16px;
            box-shadow: 0 1px 3px rgba(0,0,0,.1);
        }
        .ep-stat-card i {
            font-size: 40px;
            width: 64px;
            height: 64px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 12px;
        }
        .ep-stat-card h3 {
            font-size: 32px;
            font-weight: 700;
            margin-bottom: 4px;
        }
        .ep-stat-card p {
            color: #64748b;
            font-size: 14px;
        }
        .ep-stat-success i { background: #dcfce7; color: #16a34a; }
        .ep-stat-danger i { background: #fee2e2; color: #dc2626; }
        .ep-stat-warning i { background: #fef3c7; color: #ca8a04; }
        .ep-stat-info i { background: #dbeafe; color: #2563eb; }
        .ep-stat-item {
            display: flex;
            align-items: center;
            gap: 16px;
            padding: 16px;
            background: #f8fafc;
            border-radius: 8px;
        }
        .ep-stat-item i {
            font-size: 32px;
            color: #667eea;
        }
        .ep-stat-item h3 {
            font-size: 24px;
            margin-bottom: 4px;
        }
        .ep-stat-item p {
            color: #64748b;
            font-size: 13px;
        }
        .ep-badge {
            padding: 4px 12px;
            border-radius: 12px;
            font-size: 12px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: .05em;
        }
        .ep-badge-success { background: #dcfce7; color: #16a34a; }
        .ep-badge-danger { background: #fee2e2; color: #dc2626; }
        .ep-badge-warning { background: #fef3c7; color: #ca8a04; }
        .ep-badge-info { background: #dbeafe; color: #2563eb; }
        .ep-badge-secondary { background: #e2e8f0; color: #64748b; }
        .ep-table-responsive {
            overflow-x: auto;
        }
        .ep-table {
            width: 100%;
            border-collapse: collapse;
        }
        .ep-table th {
            text-align: left;
            padding: 12px 16px;
            background: #f8fafc;
            font-size: 13px;
            font-weight: 600;
            color: #64748b;
            text-transform: uppercase;
            letter-spacing: .05em;
            border-bottom: 2px solid #e2e8f0;
        }
        .ep-table td {
            padding: 12px 16px;
            border-bottom: 1px solid #f1f5f9;
        }
        .ep-table tr:hover {
            background: #f8fafc;
        }
        .ep-leave-list {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }
        .ep-leave-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 12px;
            background: #f8fafc;
            border-radius: 8px;
        }
        .ep-leave-info strong {
            display: block;
            color: #1e293b;
            margin-bottom: 4px;
        }
        .ep-leave-info p {
            font-size: 13px;
            color: #64748b;
        }
        .ep-btn {
            padding: 10px 20px;
            border-radius: 8px;
            font-size: 14px;
            font-weight: 600;
            border: none;
            cursor: pointer;
            transition: all .2s;
            display: inline-flex;
            align-items: center;
            gap: 6px;
        }
        .ep-btn-primary {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
        }
        .ep-btn-primary:hover {
            transform: translateY(-2px);
        }
        .ep-btn-danger {
            background: #dc2626;
            color: white;
        }
        .ep-btn-danger:hover {
            background: #b91c1c;
        }
        .ep-btn-secondary {
            background: #e2e8f0;
            color: #64748b;
        }
        .ep-btn-secondary:hover {
            background: #cbd5e1;
        }
        .ep-form-group {
            margin-bottom: 20px;
        }
        .ep-form-group label {
            display: block;
            font-size: 14px;
            font-weight: 600;
            color: #334155;
            margin-bottom: 8px;
        }
        .ep-form-group input,
        .ep-form-group select,
        .ep-form-group textarea {
            width: 100%;
            padding: 10px 14px;
            border: 2px solid #e2e8f0;
            border-radius: 8px;
            font-size: 14px;
            font-family: inherit;
        }
        .ep-form-group input:focus,
        .ep-form-group select:focus,
        .ep-form-group textarea:focus {
            outline: none;
            border-color: #667eea;
            box-shadow: 0 0 0 3px rgba(102,126,234,.1);
        }
        .ep-form-group textarea {
            resize: vertical;
            min-height: 100px;
        }
        .ep-alert {
            padding: 12px 16px;
            border-radius: 8px;
            margin-bottom: 20px;
            font-size: 14px;
        }
        .ep-alert-success {
            background: #dcfce7;
            border: 1px solid #86efac;
            color: #15803d;
        }
        .ep-alert-danger {
            background: #fee2e2;
            border: 1px solid #fecaca;
            color: #991b1b;
        }
        .ep-logout-btn {
            background: rgba(255,255,255,.1);
            color: white;
            padding: 8px 16px;
            border-radius: 6px;
            border: none;
            cursor: pointer;
            font-size: 14px;
            display: flex;
            align-items: center;
            gap: 6px;
            transition: background .2s;
        }
        .ep-logout-btn:hover {
            background: rgba(255,255,255,.2);
        }

.bi-f5af09c02b { display: flex;align-items: center;gap: 16px; }

.bi-2a0ca8350a { margin: 0; }

.bi-b9b013387a { margin: 8px 0 0;padding-left: 20px; }

/* --- Component: hrms\employee-portal\leaves.css --- */
/* Extracted from hrms/employee-portal/leaves.blade.php */

.bi-41d7d7e25b { padding:0; }

.bi-5cefb3ff5c { padding: 6px 12px;font-size: 12px; }

.bi-c741527ec2 { padding: 16px; }

.bi-d7152f4db1 { text-align:center;padding: 48px;color: #64748b; }

.bi-33bb221e68 { display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);align-items:center;justify-content:center;z-index:9999; }

.bi-7fea6d13cc { background:white;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto; }

.bi-f7b6a1633e { padding:24px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between; }

.bi-8263791f3c { font-size:20px;margin:0; }

.bi-e5e12d033e { background:none;border:none;font-size:24px;cursor:pointer;color:#64748b; }

.bi-ddaf9ee36a { padding:24px; }

.bi-2056554381 { color:#dc2626; }

.bi-6856557804 { display:flex;gap:12px;justify-content:flex-end; }

[data-bi-cccfa4560d] { display:inline; }

/* --- Component: hrms\employee-portal\login.css --- */
/* Extracted from hrms/employee-portal/login.blade.php */

        body:has(.login-container) {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }
        .login-container {
            background: white;
            border-radius: 16px;
            box-shadow: 0 20px 60px rgba(0,0,0,.3);
            max-width: 420px;
            width: 100%;
            padding: 40px;
        }
        .login-header {
            text-align: center;
            margin-bottom: 32px;
        }
        .login-icon {
            width: 64px;
            height: 64px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border-radius: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 16px;
        }
        .login-icon i {
            font-size: 32px;
            color: white;
        }
        .login-header h1 {
            font-size: 24px;
            color: #1e293b;
            margin-bottom: 8px;
        }
        .login-header p {
            color: #64748b;
            font-size: 14px;
        }
        .form-group {
            margin-bottom: 20px;
        }
        .form-group label {
            display: block;
            font-size: 14px;
            font-weight: 600;
            color: #334155;
            margin-bottom: 8px;
        }
        .form-group input {
            width: 100%;
            padding: 12px 16px;
            border: 2px solid #e2e8f0;
            border-radius: 8px;
            font-size: 15px;
            transition: all .2s;
        }
        .form-group input:focus {
            outline: none;
            border-color: #667eea;
            box-shadow: 0 0 0 3px rgba(102,126,234,.1);
        }
        .form-group-check {
            display: flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 24px;
        }
        .form-group-check input {
            width: 18px;
            height: 18px;
        }
        .form-group-check label {
            font-size: 14px;
            color: #64748b;
            margin: 0;
        }
        .btn-login {
            width: 100%;
            padding: 14px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            border: none;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: transform .2s;
        }
        .btn-login:hover {
            transform: translateY(-2px);
        }
        .btn-login:active {
            transform: translateY(0);
        }
        .alert {
            padding: 12px 16px;
            border-radius: 8px;
            margin-bottom: 20px;
            font-size: 14px;
        }
        .alert-danger {
            background: #fee2e2;
            border: 1px solid #fecaca;
            color: #991b1b;
        }
        .login-footer {
            text-align: center;
            margin-top: 24px;
            padding-top: 24px;
            border-top: 1px solid #e2e8f0;
        }
        .login-footer a {
            color: #667eea;
            text-decoration: none;
            font-size: 14px;
        }
        .login-footer a:hover {
            text-decoration: underline;
        }

/* --- Component: hrms\employee-portal\profile.css --- */
/* Extracted from hrms/employee-portal/profile.blade.php */

.bi-2b1e4d1ddb { display:flex;flex-direction:column;gap:16px; }

.bi-1d7b6e6a21 { font-size:12px;color:#64748b;margin-bottom:4px; }

.bi-1444c6eaca { font-size:16px; }

.bi-49fcd855ce { margin-top:24px; }

.bi-cd90f7a775 { max-width:600px; }

.bi-b9199e22b2 { font-size:20px; }

/* --- Component: hrms\holidays\index.css --- */
/* Extracted from hrms/holidays/index.blade.php */

.bi-11a508128d { font-size:11px; }

/* --- Component: hrms\payroll\print.css --- */
/* Extracted from hrms/payroll/print.blade.php */

body { font-family: Arial, sans-serif; font-size: 12px; color: #333; }
        .payslip { max-width: 750px; margin: 20px auto; border: 1px solid #ccc; padding: 20px; }
        h2 { text-align:center; margin:0 0 4px 0; }
        .subtitle { text-align:center; color:#666; margin-bottom:16px; }
        table { width: 100%; border-collapse: collapse; margin-bottom: 12px; }
        th, td { border: 1px solid #ddd; padding: 6px 8px; }
        th { background: #f5f5f5; }
        .header-row td { font-weight: bold; background: #f0f0f0; }
        .net-row td { font-weight: bold; font-size: 14px; background: #e8f5e9; }
        @media print { .no-print { display: none; } }

.bi-34a1bfdd11 { text-align:right;margin-top:40px; }

.bi-223b440b7c { text-align:center;margin:20px; }

.bi-b7dfd2b416 { padding:10px 24px;background:#2563eb;color:#fff;border:none;border-radius:4px;cursor:pointer; }

.bi-b47fd31178 { padding:10px 24px;background:#6b7280;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-left:10px; }

/* --- Component: hrms\reports\bank-transfer-pdf.css --- */
/* Extracted from hrms/reports/bank-transfer-pdf.blade.php */

body { font-family: Arial, sans-serif; font-size: 11px; }
h2 { text-align: center; margin-bottom: 4px; }
.sub { text-align: center; color: #555; margin-bottom: 12px; }
table { width: 100%; border-collapse: collapse; }
th, td { border: 1px solid #ccc; padding: 5px 6px; }
th { background: #f0f0f0; }
tfoot td { font-weight: bold; background: #e8f5e9; }

/* --- Component: hrms\reports\payroll-register-pdf.css --- */
/* Extracted from hrms/reports/payroll-register-pdf.blade.php */

body { font-family: Arial, sans-serif; font-size: 10px; }
h2 { text-align: center; margin-bottom: 4px; }
.sub { text-align: center; color: #555; margin-bottom: 12px; }
table { width: 100%; border-collapse: collapse; }
th, td { border: 1px solid #ccc; padding: 4px 5px; }
th { background: #f0f0f0; }
tfoot td { font-weight: bold; background: #e8f5e9; }

/* --- Component: layouts\app.css --- */
/* Extracted from layouts/app.blade.php */

.bi-c5b8acb1df { display:none;position:fixed;inset:0;background:rgba(0,0,0,0.6);align-items:center;justify-content:center;z-index:9999; }

.bi-2ab4aebeb1 { background:#fff;padding:25px;border-radius:10px;width:320px;text-align:center; }

.bi-e07c0d50fe { color:red;margin-top:8px; }

/* --- Component: layouts\flash-toasts.css --- */
/* Extracted from layouts/flash-toasts.blade.php */

.app-toast-stack {
    position: fixed;
    top: 86px;
    right: 22px;
    z-index: 20000;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: min(380px, calc(100vw - 28px));
    pointer-events: none;
}
.app-toast {
    pointer-events: auto;
    display: grid;
    grid-template-columns: 34px 1fr 28px;
    gap: 10px;
    align-items: start;
    padding: 13px 12px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .18);
    transform: translateX(18px);
    opacity: 0;
    transition: .24s ease;
}
.app-toast.show {
    transform: translateX(0);
    opacity: 1;
}
.app-toast.hide {
    transform: translateX(18px);
    opacity: 0;
}
.app-toast-icon {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
}
.app-toast-title {
    font-weight: 800;
    font-size: 13px;
    color: #111827;
    line-height: 1.2;
}
.app-toast-message {
    margin-top: 3px;
    font-size: 13px;
    line-height: 1.35;
    color: #4b5563;
}
.app-toast-close {
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 8px;
    background: #f3f4f6;
    color: #6b7280;
    cursor: pointer;
}
.app-toast-close:hover {
    background: #e5e7eb;
    color: #111827;
}
.app-toast.success { border-left: 4px solid #16a34a; }
.app-toast.error { border-left: 4px solid #dc2626; }
.app-toast.warning { border-left: 4px solid #f59e0b; }
.app-toast.info { border-left: 4px solid #2563eb; }
.app-toast.success .app-toast-icon { background: #16a34a; }
.app-toast.error .app-toast-icon { background: #dc2626; }
.app-toast.warning .app-toast-icon { background: #f59e0b; }
.app-toast.info .app-toast-icon { background: #2563eb; }
@media (max-width: 768px) {
    .app-toast-stack {
        top: 14px;
        right: 14px;
        left: 14px;
        width: auto;
    }
}

/* --- Component: layouts\head.css --- */
/* Extracted from layouts/head.blade.php */

:root {
   --primary-color: #2962ff;
}

/* --- Component: layouts\header.css --- */
/* Extracted from layouts/header.blade.php */

.bi-46d04ac68c { width: 350px; }

.bi-c7f686866e { top: 105%;left: 0;width: 450px;z-index: 9999;max-height: 400px;overflow-y: auto; }

.bi-4355508a69 { font-size: 10px; }

.bi-765bd2c580 { width: 320px;max-height: 420px;overflow-y: auto; }

.bi-984ba193f7 { max-width: 180px; }

.bi-cbafcb3f41 { font-size: 9px;padding: 2px 4px; }

.bi-9c57971a32 { font-size: 11px;line-height: 1.3; }

.bi-cbb9916fe5 { width: 12px;height: 12px; }

.bi-4d2a6c51ae { min-width: 250px; }

.bi-dcdc4201cf { font-size: 14px;letter-spacing: 0.3px; }

.bi-f2024edc93 { font-size: 10px;font-weight: 500;letter-spacing: 0.5px;text-transform: uppercase; }

.bi-1e3edec766 { width: 28px;height: 28px; }

.bi-a5418807c8 { font-size: 13px; }

.bi-33d3bb60a5 { width: 50px;height: 50px; }

/* --- Component: layouts\invoice-print.css --- */
/* Extracted from layouts/invoice-print.blade.php */

/* Universal Print Styles for All Invoices */
body:has(.invoice-document){font-family:'Segoe UI',Arial,sans-serif;background:#f5f5f5;color:#000;font-size:10pt;line-height:1.4}

/* Toolbar (screen only) */
body:has(.invoice-document) .print-toolbar{max-width:210mm;margin:10px auto;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}
body:has(.invoice-document) .toolbar-left, body:has(.invoice-document) .toolbar-right{display:flex;gap:8px}
body:has(.invoice-document) .btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border:1px solid #d1d5db;background:#fff;color:#374151;text-decoration:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.2s}
body:has(.invoice-document) .btn:hover{background:#f9fafb;border-color:#9ca3af}
body:has(.invoice-document) .btn-primary{background:#2563eb;color:#fff;border-color:#2563eb}
body:has(.invoice-document) .btn-primary:hover{background:#1d4ed8}
body:has(.invoice-document) .btn-success{background:#16a34a;color:#fff;border-color:#16a34a}
body:has(.invoice-document) .btn-success:hover{background:#15803d}

/* Page Container */
body:has(.invoice-document) .page-container{width:210mm;margin:0 auto 20px;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,0.08)}

/* Invoice Layout */
.invoice-document{border:1.5px solid #000;background:#fff}
.invoice-section{border-bottom:1.5px solid #000}
.invoice-section:last-child{border-bottom:0}

/* Header */
.invoice-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:8px 12px;gap:10px}
.header-left{display:flex;align-items:center;gap:10px}
.header-center{text-align:center}
.header-right{text-align:right}
.company-logo{max-width:80px;max-height:50px;object-fit:contain}
.company-name{font-size:14pt;font-weight:700;margin-bottom:2px}
.company-details{font-size:8pt;color:#333;line-height:1.3}
.doc-title{font-size:16pt;font-weight:700;text-transform:uppercase}
.doc-subtitle{font-size:8pt;color:#555;margin-top:2px}
.copy-type{font-size:8pt;font-weight:600;color:#666}

/* Two Column Layout */
.two-columns{display:grid;grid-template-columns:1fr 1fr}
.column{padding:10px 12px;border-right:1.5px solid #000}
.column:last-child{border-right:0}
.column-title{font-size:9pt;font-weight:700;margin-bottom:6px;text-transform:uppercase;color:#111}
.detail-row{display:flex;margin-bottom:4px;font-size:9pt}
.detail-label{min-width:100px;color:#444;font-weight:600}
.detail-value{flex:1;font-weight:400}

/* Table Styles */
.data-table{width:100%;border-collapse:collapse;font-size:9pt}
.data-table thead th{background:#f3f4f6;padding:8px 6px;text-align:center;font-weight:700;border-right:1px solid #000;border-bottom:1.5px solid #000}
.data-table thead th:last-child{border-right:0}
.data-table tbody td{padding:6px;border-right:1px solid #000;border-bottom:1px solid #d1d5db;vertical-align:top}
.data-table tbody td:last-child{border-right:0}
.data-table tbody tr:last-child td{border-bottom:1.5px solid #000}
.data-table .text-center{text-align:center}
.data-table .text-right{text-align:right}
.data-table tfoot td{padding:6px;font-weight:700;border-right:1px solid #000;border-bottom:1px solid #d1d5db}
.data-table tfoot td:last-child{border-right:0}
.data-table tfoot tr:last-child td{border-bottom:0;font-size:11pt;background:#f9fafb}

/* Summary Section */
.summary-grid{display:grid;grid-template-columns:60% 40%}
.summary-left{padding:10px 12px;border-right:1.5px solid #000}
.summary-right{padding:10px 12px}
.summary-title{font-size:9pt;font-weight:700;margin-bottom:6px}
.summary-table{width:100%;font-size:9pt}
.summary-table td{padding:4px 6px}
.summary-table .label{text-align:left}
.summary-table .amount{text-align:right;font-weight:600}
.summary-table .total{font-size:11pt;font-weight:700;border-top:1.5px solid #000;padding-top:6px}

/* Amount in Words */
.amount-words{padding:8px 12px;font-size:9pt}
.words-label{font-weight:700;display:inline}
.words-value{display:inline;font-style:italic}

/* Bank Details */
.bank-details{padding:10px 12px}
.bank-title{font-size:9pt;font-weight:700;margin-bottom:6px}
.bank-info{font-size:8.5pt;line-height:1.4}

/* Signature */
.signature-section{display:grid;grid-template-columns:1fr 1fr}
.signature-box{padding:15px 12px;text-align:center;border-right:1.5px solid #000;min-height:60px}
.signature-box:last-child{border-right:0}
.signature-label{font-size:8pt;color:#555;margin-bottom:8px}
.signature-name{font-size:10pt;font-weight:700;margin-top:30px}

/* Footer */
.invoice-footer{padding:8px 12px;text-align:center;font-size:8pt;color:#666;background:#f9fafb}

/* QR Code */
.qr-box{display:flex;align-items:center;justify-content:center;padding:8px}
.qr-box img{width:80px;height:80px;object-fit:contain}

/* Utilities */
.bold{font-weight:700}
.text-center{text-align:center}
.text-right{text-align:right}
.text-muted{color:#666}
.uppercase{text-transform:uppercase}
.mt-2{margin-top:8px}
.mb-2{margin-bottom:8px}

/* Print Styles */
@media print{
    @page{size:A4 portrait;margin:8mm}
    body:has(.invoice-document){background:#fff;margin:0;padding:0}
    body:has(.invoice-document) .print-toolbar, body:has(.invoice-document) .no-print{display:none!important}
    body:has(.invoice-document) .page-container{width:100%;margin:0;box-shadow:none;page-break-after:always}
    body:has(.invoice-document) .invoice-document{border:1.5px solid #000}
    body:has(.invoice-document){-webkit-print-color-adjust:exact;print-color-adjust:exact;color-adjust:exact}
    body:has(.invoice-document) .data-table thead th{background:#f3f4f6!important}
    body:has(.invoice-document) .summary-table .total{border-top:1.5px solid #000!important}
    body:has(.invoice-document) .invoice-footer{background:#f9fafb!important}
    body:has(.invoice-document) a{text-decoration:none;color:inherit}
}

/* Responsive for smaller screens */
@media screen and (max-width:768px){
    body:has(.invoice-document) .page-container{width:100%;margin:10px}
    body:has(.invoice-document) .two-columns, body:has(.invoice-document) .summary-grid, body:has(.invoice-document) .signature-section{grid-template-columns:1fr}
    body:has(.invoice-document) .column, body:has(.invoice-document) .summary-left, body:has(.invoice-document) .signature-box{border-right:0;border-bottom:1.5px solid #000}
    body:has(.invoice-document) .column:last-child, body:has(.invoice-document) .summary-left:last-child, body:has(.invoice-document) .signature-box:last-child{border-bottom:0}
}

/* --- Component: layouts\scripts.css --- */
/* Extracted from layouts/scripts.blade.php */

.bi-e6ab2e2438 { max-height: 450px; }

.bi-3b6a3a65d8 { cursor:pointer; }

/* --- Component: layouts\separate-records.css --- */
/* Extracted from layouts/separate-records.blade.php */

.bi-c5b8acb1df { display:none;position:fixed;inset:0;background:rgba(0,0,0,0.6);align-items:center;justify-content:center;z-index:9999; }

.bi-2ab4aebeb1 { background:#fff;padding:25px;border-radius:10px;width:320px;text-align:center; }

.bi-4ab5ff91cc { margin:0 0 15px;color:#333;font-weight:bold; }

.bi-9407db16d2 { margin:0 0 15px;color:#666;font-size:14px; }

.bi-c81d47d3d8 { background:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:5px;cursor:pointer; }

/* --- Component: layouts\sidebar.css --- */
/* Extracted from layouts/sidebar.blade.php */

:root {
        --rmc-nav-height: 50px;
        --rmc-nav-primary: #2563eb;
        --rmc-nav-text: #334155;
        --rmc-nav-border: #e5e7eb;
    }

    .rmc-modulebar {
        position: sticky;
        top: 0;
        z-index: 1050;
        width: 100%;
        height: var(--rmc-nav-height);
        background: #fff;
        border-bottom: 1px solid var(--rmc-nav-border);
        box-shadow: 0 5px 18px rgba(15, 23, 42, .06);
    }

    .rmc-topbar-inner {
        height: 100%;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 0 18px;
    }

    .rmc-brand {
        flex: 0 0 auto;
        display: inline-flex;
        align-items: center;
    }

    .rmc-brand img {
        display: block;
        width: auto;
        max-width: 150px;
        max-height: 46px;
        object-fit: contain;
    }

    .rmc-nav {
        flex: 1;
        min-width: 0;
    }

    .rmc-nav-list {
        display: flex;
        align-items: center;
        gap: 2px;
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .rmc-nav-item {
        position: relative;
        flex: 0 0 auto;
    }

    .rmc-nav-item > a,
    .rmc-dropdown-toggle {
        height: 36px;
        display: inline-flex;
        align-items: center;
        gap: 7px;
        padding: 0 8px;
        border: 0;
        border-radius: 9px;
        background: transparent;
        color: var(--rmc-nav-text);
        font-size: 11px;
        font-weight: 600;
        cursor: pointer;
        white-space: nowrap;
    }

    .rmc-nav-item > a:hover,
    .rmc-dropdown-toggle:hover,
    .rmc-nav-item.active > a,
    .rmc-nav-item.active > .rmc-dropdown-toggle {
        background: #eff6ff;
        color: var(--rmc-nav-primary);
    }

    .rmc-nav-item i {
        font-size: 16px;
    }

    .rmc-dropdown-toggle .arrow {
        font-size: 12px;
        margin-left: 2px;
        transition: transform .2s ease;
    }

    .rmc-dropdown-menu {
        position: absolute;
        top: calc(100% + 10px);
        left: 0;
        width: 235px;
        padding: 8px;
        border: 1px solid var(--rmc-nav-border);
        border-radius: 12px;
        background: #fff;
        box-shadow: 0 18px 45px rgba(15, 23, 42, .15);
        opacity: 0;
        visibility: hidden;
        transform: translateY(8px);
        transition: .18s ease;
        z-index: 1100;
    }

    .rmc-nav-item.dropdown:hover > .rmc-dropdown-menu,
    .rmc-nav-item.dropdown.open > .rmc-dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .rmc-nav-item.dropdown.open .arrow {
        transform: rotate(180deg);
    }

    .rmc-dropdown-menu > a,
    .rmc-menu-group > a {
        min-height: 38px;
        display: flex;
        align-items: center;
        gap: 9px;
        padding: 8px 10px;
        border-radius: 8px;
        color: #475569;
        font-size: 12px;
        font-weight: 500;
    }

    .rmc-dropdown-menu a:hover,
    .rmc-dropdown-menu a.active {
        color: var(--rmc-nav-primary);
        background: #eff6ff;
    }

    .rmc-dropdown-wide {
        width: 690px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
        padding: 12px;
    }

    .rmc-menu-group {
        min-width: 0;
    }

    .rmc-group-title {
        display: block;
        padding: 4px 10px 7px;
        color: #94a3b8;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: .7px;
        text-transform: uppercase;
    }

    .rmc-dropdown-right {
        left: auto;
        right: 0;
    }

    .rmc-menu-toggle {
        display: none;
        width: 40px;
        height: 40px;
        margin-left: auto;
        border: 1px solid var(--rmc-nav-border);
        border-radius: 9px;
        background: #fff;
        color: #334155;
        font-size: 22px;
    }

    /* Add class horizontal-layout on body to remove the old sidebar gap. */
    body.horizontal-layout .page-wrapper,
    body.horizontal-layout .content-wrapper,
    body.horizontal-layout .page-content {
        margin-left: 0 !important;
    }

    body.horizontal-layout .sidebar {
        display: none !important;
    }

    @media (max-width: 1199px) {
        .rmc-topbar-inner {
            padding: 0 14px;
            gap: 12px;
        }

        .rmc-nav-item > a,
        .rmc-dropdown-toggle {
            padding: 0 9px;
            font-size: 12px;
        }
    }

    @media (max-width: 991px) {
        .rmc-modulebar {
            height: 62px;
        }

        .rmc-menu-toggle {
            display: grid;
            place-items: center;
        }

        .rmc-nav {
            position: fixed;
            top: var(--existing-header-height, 60px);
            left: 0;
            right: 0;
            max-height: calc(100vh - 62px);
            padding: 10px 14px 20px;
            background: #fff;
            border-top: 1px solid var(--rmc-nav-border);
            overflow-y: auto;
            opacity: 0;
            visibility: hidden;
            transform: translateY(-8px);
            transition: .2s ease;
        }

        .rmc-nav.show {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        .rmc-nav-list {
            display: block;
        }

        .rmc-nav-item {
            width: 100%;
        }

        .rmc-nav-item > a,
        .rmc-dropdown-toggle {
            width: 100%;
            justify-content: flex-start;
            margin-bottom: 4px;
        }

        .rmc-dropdown-toggle .arrow {
            margin-left: auto;
        }

        .rmc-dropdown-menu,
        .rmc-dropdown-wide,
        .rmc-dropdown-right {
            position: static;
            width: 100%;
            display: none;
            grid-template-columns: 1fr;
            margin: 2px 0 8px;
            box-shadow: none;
            opacity: 1;
            visibility: visible;
            transform: none;
            border-radius: 9px;
            background: #f8fafc;
        }

        .rmc-nav-item.dropdown.open > .rmc-dropdown-menu {
            display: block;
        }

        .rmc-nav-item.dropdown.open > .rmc-dropdown-wide {
            display: grid;
        }

        .rmc-nav-item.dropdown:hover > .rmc-dropdown-menu {
            display: none;
        }

        .rmc-nav-item.dropdown.open:hover > .rmc-dropdown-menu {
            display: block;
        }
    }

/* --- Component: operator\dashboard.css --- */
/* Extracted from operator/dashboard.blade.php */

.welcome-card {

    background: linear-gradient(135deg, var(--primary-color, #733900) 0%, #9b4d00 100%);

}

.bg-soft-primary { background-color: rgba(41, 98, 255, 0.1); }

.bg-soft-success { background-color: rgba(76, 175, 80, 0.1); }

.bg-soft-info { background-color: rgba(0, 188, 212, 0.1); }

.bg-soft-warning { background-color: rgba(255, 152, 0, 0.1); }

.bg-soft-secondary { background-color: rgba(108, 117, 125, 0.1); }



@keyframes pulse-bell {

    0% { transform: scale(1); }

    50% { transform: scale(1.12); }

    100% { transform: scale(1); }

}

.animate-bell {

    display: inline-block;

    animation: pulse-bell 2s infinite ease-in-out;

}



.stat-modern {

    border-radius: 14px;

    border-left: 5px solid transparent;

    background: #fff;

    transition: all .25s ease;

}

.stat-modern:hover {

    transform: translateY(-3px);

    box-shadow: 0 12px 24px rgba(0,0,0,.06) !important;

}

.stat-blue { border-color: #2962ff; }

.stat-green { border-color: #4caf50; }

.stat-orange { border-color: #ff9800; }



.stat-modern h2 {

    font-size: 26px !important;

    font-weight: 700;

}



.stat-icon {

    width: 48px;

    height: 48px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 24px;

    background: #f8f9fa;

}

.stat-blue .stat-icon { color: #2962ff; }

.stat-green .stat-icon { color: #4caf50; }

.stat-orange .stat-icon { color: #ff9800; }



.modern-card {

    border-radius: 14px;

    transition: all 0.3s ease;

    background: linear-gradient(303deg, #33526e 0%, #0b203e 100%);

}

.modern-card:hover {

    transform: translateY(-4px);

    box-shadow: 0 12px 24px rgba(0,0,0,0.15);

}

.icon-circle {

    width: 42px;

    height: 42px;

    border-radius: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    font-size: 18px;

}

#orderProductionDonut {

    width: 100% !important;

    height: 100% !important;

}

.bi-ffb480a0c9 { max-height: 75px; }

.bi-3ea2516fd2 { height:250px; }

/* --- Component: pi\create.css --- */
/* Extracted from pi/create.blade.php */

:root {
  --bg:        #f0f4f8;
  --card:      #ffffff;
  --blue:      #1d4ed8;
  --blue-lt:   #dbeafe;
  --blue-dk:   #1e40af;
  --accent:    #3b82f6;
  --green:     #10b981;
  --green-lt:  #f0fdf4;
  --danger:    #ef4444;
  --danger-lt: #fef2f2;
  --border:    #e5e7eb;
  --muted:     #9ca3af;
  --text:      #111827;
  --text-sm:   #6b7280;
  --radius:    8px;
}

body { background: var(--bg); font-family: 'Inter', 'Segoe UI', system-ui, sans-serif; }
.pi-page { max-width: 900px; margin: 0 auto; padding: 24px 16px 100px; }

/* PAGE HEADER */
.pi-page-hd { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; flex-wrap: wrap; gap: 12px; }
.pi-page-hd h5 { font-size: 1.05rem; font-weight: 700; color: var(--text); margin: 0; display: flex; align-items: center; gap: 8px; }
.pi-page-hd h5 .pi-num { font-size: .68rem; font-weight: 700; background: var(--blue); color: #fff; padding: 3px 10px; border-radius: 99px; letter-spacing: .04em; font-family: monospace; }
.btn-back { font-size: .78rem; color: var(--text-sm); text-decoration: none; display: inline-flex; align-items: center; gap: 5px; border: 1px solid var(--border); border-radius: 6px; padding: 6px 14px; background: #fff; transition: all .12s; }
.btn-back:hover { border-color: var(--accent); color: var(--accent); }

/* ALERTS */
.pi-alert { display: flex; align-items: flex-start; gap: 10px; padding: 12px 16px; border-radius: var(--radius); font-size: .82rem; margin-bottom: 16px; border-left: 4px solid; }
.pi-alert.error   { background: var(--danger-lt); border-color: var(--danger); color: #991b1b; }
.pi-alert.success { background: var(--green-lt);  border-color: var(--green);  color: #065f46; }

/* CARD */
.pi-card { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: 0 1px 4px rgba(0,0,0,.05); margin-bottom: 14px; overflow: hidden; }
.pi-card-head {
  padding: 11px 20px; font-size: .68rem; font-weight: 700;
  letter-spacing: .08em; text-transform: uppercase;
  display: flex; align-items: center; gap: 8px;
  border-bottom: 1px solid var(--border);
  background: #f9fafb; color: var(--text-sm);
}
.pi-card-head .accent-bar { width: 3px; height: 12px; border-radius: 2px; background: var(--blue); flex-shrink: 0; }
.pi-card-body { padding: 20px; }

/* FORM */
.form-label { font-size: .62rem; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; color: var(--text-sm); display: block; margin-bottom: 4px; }
.req { color: var(--danger); }
.form-control, .form-select, .pi-textarea {
  font-size: .875rem; color: var(--text); border: 1px solid var(--border);
  border-radius: 6px; padding: 8px 10px; background: #fff; width: 100%;
  font-family: inherit; transition: border-color .14s, box-shadow .14s;
}
.form-control:focus, .form-select:focus, .pi-textarea:focus {
  border-color: var(--blue); box-shadow: 0 0 0 3px rgba(29,78,216,.1); outline: none;
}
.pi-textarea { resize: vertical; }

/* Grids */
.grid-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; }
.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media(max-width:700px) { .grid-3 { grid-template-columns: 1fr 1fr; } }
@media(max-width:480px) { .grid-3, .grid-2 { grid-template-columns: 1fr; } }

/* New input hint */
.new-wrap { margin-top: 6px; display: none; }
.new-wrap input { border-style: dashed; background: #fffbeb; border-color: #fde68a; }
.new-wrap input:focus { border-style: solid; border-color: var(--blue); box-shadow: 0 0 0 3px rgba(29,78,216,.1); }

/* ── ITEMS TABLE ── */
.pi-table-wrap { overflow-x: auto; }
.pi-table { width: 100%; border-collapse: collapse; font-size: .82rem; table-layout: fixed; }
.pi-table thead tr { background: var(--blue); }
.pi-table thead th {
  font-size: .58rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
  color: #fff; padding: 10px 8px; text-align: left; white-space: nowrap;
}
.pi-table thead th.r { text-align: right; }
.pi-table tbody tr { border-bottom: 1px solid #f3f4f6; }
.pi-table tbody tr:last-child { border-bottom: none; }
.pi-table tbody td { padding: 3px 3px; }

/* Col widths */
.col-desc { width: auto; min-width: 180px; }
.col-hsn  { width: 90px; }
.col-qty  { width: 80px; }
.col-rate { width: 100px; }
.col-disc { width: 80px; }
.col-amt  { width: 110px; }
.col-del  { width: 32px; }

/* Cell inputs */
.pi-table tbody td input {
  width: 100%; font-size: .82rem; padding: 7px 8px;
  border: 1px solid transparent; border-radius: 5px;
  background: transparent; color: var(--text); outline: none;
  font-family: inherit; transition: border-color .14s, background .14s;
}
.pi-table tbody td input:hover { border-color: var(--border); background: #fafafa; }
.pi-table tbody td input:focus { border-color: var(--blue); background: #fff; box-shadow: 0 0 0 2px rgba(29,78,216,.09); }
.pi-table tbody td input[readonly] { color: var(--text-sm); cursor: default; font-weight: 600; }
.pi-table tbody td input[readonly]:hover,
.pi-table tbody td input[readonly]:focus { border-color: transparent; background: transparent; box-shadow: none; }
.pi-table tbody td input.amt-input { text-align: right; color: var(--blue); font-weight: 700; }

/* Row number */
.row-num { width: 20px; height: 20px; border-radius: 50%; background: var(--blue-lt); color: var(--blue); font-size: .62rem; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; }

/* Del btn */
.pi-del { width: 26px; height: 26px; background: none; border: 1px solid #fecaca; color: var(--danger); border-radius: 5px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background .12s; margin: auto; }
.pi-del:hover { background: var(--danger-lt); }

/* Add row btn */
.btn-add-row { display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; margin-top: 10px; padding: 9px; border: 1.5px dashed var(--border); border-radius: 6px; background: none; font-size: .78rem; font-weight: 600; color: var(--text-sm); cursor: pointer; transition: all .14s; font-family: inherit; }
.btn-add-row:hover { border-color: var(--blue); color: var(--blue); background: var(--blue-lt); }

/* ── TAX TYPE ── */
.tax-type-row { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 16px; }
.tax-type-row .ttr-label { font-size: .62rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--text-sm); }
.pi-radio { display: flex; align-items: center; gap: 6px; cursor: pointer; font-size: .82rem; color: var(--text-sm); }
.pi-radio input { cursor: pointer; accent-color: var(--blue); }

/* ── SUMMARY ── */
.pi-summary { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
@media(max-width:600px){ .pi-summary { grid-template-columns: 1fr; } }
.pi-sum-cell { background: #f9fafb; border: 1px solid var(--border); border-radius: 7px; padding: 14px 16px; }
.pi-sum-cell.grand { background: var(--blue-lt); border-color: #93c5fd; }
.pi-sum-cell .sc-label { font-size: .58rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: var(--muted); display: block; margin-bottom: 6px; }
.pi-sum-cell.grand .sc-label { color: var(--blue); }
.pi-sum-cell .sc-val { font-size: 1.15rem; font-weight: 800; color: var(--text); font-family: 'JetBrains Mono','Courier New',monospace; display: block; }
.pi-sum-cell.grand .sc-val { color: var(--blue); }
.pi-sum-cell .sc-sub { font-size: .65rem; color: var(--muted); margin-top: 4px; display: block; }
.pi-tax-input-row { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; }
.pi-tax-input-row input { width: 70px; font-size: .85rem; font-weight: 700; padding: 5px 8px; border: 1px solid var(--border); border-radius: 5px; background: #fff; outline: none; font-family: inherit; }
.pi-tax-input-row input:focus { border-color: var(--blue); }
.pi-tax-input-row span { font-size: .75rem; color: var(--text-sm); }
.pi-tax-breakdown { display: flex; flex-direction: column; gap: 3px; margin-top: 6px; }
.pi-tax-breakdown span { font-size: .65rem; color: var(--text-sm); }

/* ── STICKY FOOTER ── */
.pi-footer { position: fixed; bottom: 0; left: 0; right: 0; z-index: 100; background: var(--text); border-top: 3px solid var(--blue); padding: 12px 28px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.pi-footer .total-info { display: flex; flex-direction: column; }
.pi-footer .total-label { font-size: .6rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: #6b7280; }
.pi-footer .total-val   { font-size: 1.2rem; font-weight: 800; color: #fff; font-family: 'JetBrains Mono',monospace; }
.pi-footer .actions { display: flex; gap: 8px; }
.btn-cancel { background: transparent; border: 1px solid rgba(255,255,255,.2); color: rgba(255,255,255,.7); border-radius: 6px; padding: 10px 18px; font-size: .8rem; font-weight: 600; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; transition: all .14s; font-family: inherit; }
.btn-cancel:hover { background: rgba(255,255,255,.08); color: #fff; }
.btn-save { background: var(--blue); border: none; color: #fff; border-radius: 6px; padding: 10px 22px; font-size: .82rem; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; transition: background .14s; font-family: inherit; }
.btn-save:hover { background: var(--blue-dk); }

.bi-9bcd21d223 { font-size:.85rem; }

.bi-da12f2858b { margin-bottom:12px; }

.bi-b9f2fbe8d2 { font-size:.62rem;color:var(--muted);margin-top:6px; }

.bi-2e3ee8809b { padding-bottom:12px; }

.bi-322e3f5e05 { width:30px; }

.bi-a726b01e4d { font-size:.8rem; }

.bi-91a87015f4 { text-align:center; }

.bi-54c2afb7ba { text-align:right; }

.bi-652db75ef3 { font-size:.7rem; }

/* --- Component: pi\edit.css --- */
/* Extracted from pi/edit.blade.php */

:root {
  --bg:         #f0f4f8;
  --card:      #ffffff;
  --blue:      #1d4ed8;
  --blue-lt:   #dbeafe;
  --blue-dk:   #1e40af;
  --accent:    #3b82f6;
  --green:     #10b981;
  --green-lt:  #f0fdf4;
  --danger:    #ef4444;
  --danger-lt: #fef2f2;
  --border:    #e5e7eb;
  --muted:     #9ca3af;
  --text:      #111827;
  --text-sm:   #6b7280;
  --radius:    8px;
}

body { background: var(--bg); font-family: 'Inter', 'Segoe UI', system-ui, sans-serif; }
.pi-page { max-width: 900px; margin: 0 auto; padding: 24px 16px 100px; }

/* PAGE HEADER */
.pi-page-hd { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; flex-wrap: wrap; gap: 12px; }
.pi-page-hd h5 { font-size: 1.05rem; font-weight: 700; color: var(--text); margin: 0; display: flex; align-items: center; gap: 8px; }
.pi-page-hd h5 .pi-num { font-size: .68rem; font-weight: 700; background: var(--blue); color: #fff; padding: 3px 10px; border-radius: 99px; letter-spacing: .04em; font-family: monospace; }
.btn-back { font-size: .78rem; color: var(--text-sm); text-decoration: none; display: inline-flex; align-items: center; gap: 5px; border: 1px solid var(--border); border-radius: 6px; padding: 6px 14px; background: #fff; transition: all .12s; }
.btn-back:hover { border-color: var(--accent); color: var(--accent); }

/* ALERTS */
.pi-alert { display: flex; align-items: flex-start; gap: 10px; padding: 12px 16px; border-radius: var(--radius); font-size: .82rem; margin-bottom: 16px; border-left: 4px solid; }
.pi-alert.error   { background: var(--danger-lt); border-color: var(--danger); color: #991b1b; }

/* CARD */
.pi-card { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: 0 1px 4px rgba(0,0,0,.05); margin-bottom: 14px; overflow: hidden; }
.pi-card-head {
  padding: 11px 20px; font-size: .68rem; font-weight: 700;
  letter-spacing: .08em; text-transform: uppercase;
  display: flex; align-items: center; gap: 8px;
  border-bottom: 1px solid var(--border);
  background: #f9fafb; color: var(--text-sm);
}
.pi-card-head .accent-bar { width: 3px; height: 12px; border-radius: 2px; background: var(--blue); flex-shrink: 0; }
.pi-card-body { padding: 20px; }

/* FORM */
.form-label { font-size: .62rem; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; color: var(--text-sm); display: block; margin-bottom: 4px; }
.req { color: var(--danger); }
.form-control, .form-select, .pi-textarea {
  font-size: .875rem; color: var(--text); border: 1px solid var(--border);
  border-radius: 6px; padding: 8px 10px; background: #fff; width: 100%;
  font-family: inherit; transition: border-color .14s, box-shadow .14s;
}
.form-control:focus, .form-select:focus, .pi-textarea:focus {
  border-color: var(--blue); box-shadow: 0 0 0 3px rgba(29,78,216,.1); outline: none;
}
.pi-textarea { resize: vertical; }

/* Grids */
.grid-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; }
.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media(max-width:700px) { .grid-3 { grid-template-columns: 1fr 1fr; } }
@media(max-width:480px) { .grid-3, .grid-2 { grid-template-columns: 1fr; } }

/* New input hint */
.new-wrap { margin-top: 6px; display: none; }
.new-wrap input { border-style: dashed; background: #fffbeb; border-color: #fde68a; width: 100%; padding: 8px 10px; border-radius: 6px; font-size: .875rem; outline: none;}

/* ITEMS TABLE */
.pi-table-wrap { overflow-x: auto; }
.pi-table { width: 100%; border-collapse: collapse; font-size: .82rem; table-layout: fixed; }
.pi-table thead tr { background: var(--blue); }
.pi-table thead th {
  font-size: .58rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
  color: #fff; padding: 10px 8px; text-align: left; white-space: nowrap;
}
.pi-table thead th.r { text-align: right; }
.pi-table tbody tr { border-bottom: 1px solid #f3f4f6; }
.pi-table tbody td { padding: 3px 3px; }

.col-desc { width: auto; min-width: 180px; }
.col-hsn  { width: 90px; }
.col-qty  { width: 80px; }
.col-rate { width: 100px; }
.col-disc { width: 80px; }
.col-amt  { width: 110px; }
.col-del  { width: 32px; }

.pi-table tbody td input {
  width: 100%; font-size: .82rem; padding: 7px 8px;
  border: 1px solid transparent; border-radius: 5px;
  background: transparent; color: var(--text); outline: none;
  font-family: inherit; transition: border-color .14s, background .14s;
}
.pi-table tbody td input:hover { border-color: var(--border); background: #fafafa; }
.pi-table tbody td input:focus { border-color: var(--blue); background: #fff; box-shadow: 0 0 0 2px rgba(29,78,216,.09); }
.pi-table tbody td input[readonly] { color: var(--text-sm); cursor: default; font-weight: 600; }
.pi-table tbody td input[readonly]:hover, .pi-table tbody td input[readonly]:focus { border-color: transparent; background: transparent; box-shadow: none; }
.pi-table tbody td input.amt-input { text-align: right; color: var(--blue); font-weight: 700; }

.row-num { width: 20px; height: 20px; border-radius: 50%; background: var(--blue-lt); color: var(--blue); font-size: .62rem; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; }
.pi-del { width: 26px; height: 26px; background: none; border: 1px solid #fecaca; color: var(--danger); border-radius: 5px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background .12s; margin: auto; }
.pi-del:hover { background: var(--danger-lt); }

.btn-add-row { display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; margin-top: 10px; padding: 9px; border: 1.5px dashed var(--border); border-radius: 6px; background: none; font-size: .78rem; font-weight: 600; color: var(--text-sm); cursor: pointer; transition: all .14s; font-family: inherit; }
.btn-add-row:hover { border-color: var(--blue); color: var(--blue); background: var(--blue-lt); }

/* TAX TYPE */
.tax-type-row { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 16px; }
.tax-type-row .ttr-label { font-size: .62rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--text-sm); }
.pi-radio { display: flex; align-items: center; gap: 6px; cursor: pointer; font-size: .82rem; color: var(--text-sm); }
.pi-radio input { cursor: pointer; accent-color: var(--blue); }

/* SUMMARY */
.pi-summary { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
@media(max-width:600px){ .pi-summary { grid-template-columns: 1fr; } }
.pi-sum-cell { background: #f9fafb; border: 1px solid var(--border); border-radius: 7px; padding: 14px 16px; }
.pi-sum-cell.grand { background: var(--blue-lt); border-color: #93c5fd; }
.pi-sum-cell .sc-label { font-size: .58rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: var(--muted); display: block; margin-bottom: 6px; }
.pi-sum-cell.grand .sc-label { color: var(--blue); }
.pi-sum-cell .sc-val { font-size: 1.15rem; font-weight: 800; color: var(--text); font-family: 'JetBrains Mono','Courier New',monospace; display: block; }
.pi-sum-cell.grand .sc-val { color: var(--blue); }

.pi-tax-input-row { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; }
.pi-tax-input-row input { width: 70px; font-size: .85rem; font-weight: 700; padding: 5px 8px; border: 1px solid var(--border); border-radius: 5px; background: #fff; outline: none; font-family: inherit; }
.pi-tax-breakdown { display: flex; flex-direction: column; gap: 3px; margin-top: 6px; }
.pi-tax-breakdown span { font-size: .65rem; color: var(--text-sm); }

/* STICKY FOOTER */
.pi-footer {  bottom: 0; left: 0; right: 0; z-index: 100; background: var(--text); border-top: 3px solid var(--blue); padding: 12px 28px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.pi-footer .total-info { display: flex; flex-direction: column; }
.pi-footer .total-label { font-size: .6rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: #6b7280; }
.pi-footer .total-val   { font-size: 1.2rem; font-weight: 800; color: #fff; font-family: 'JetBrains Mono',monospace; }
.pi-footer .actions { display: flex; gap: 8px; }
.btn-cancel { background: transparent; border: 1px solid rgba(255,255,255,.2); color: rgba(255,255,255,.7); border-radius: 6px; padding: 10px 18px; font-size: .8rem; font-weight: 600; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; transition: all .14s; font-family: inherit; }
.btn-cancel:hover { background: rgba(255,255,255,.08); color: #fff; }
.btn-save { background: var(--blue); border: none; color: #fff; border-radius: 6px; padding: 10px 22px; font-size: .82rem; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; transition: background .14s; font-family: inherit; }
.btn-save:hover { background: var(--blue-dk); }

.bi-9bcd21d223 { font-size:.85rem; }

.bi-da12f2858b { margin-bottom:12px; }

.bi-378d6d0262 { border-style: dashed;background: #fffbeb;border-color: #fde68a; }

.bi-2e3ee8809b { padding-bottom:12px; }

.bi-322e3f5e05 { width:30px; }

.bi-a726b01e4d { font-size:.8rem; }

.bi-91a87015f4 { text-align:center; }

.bi-54c2afb7ba { text-align:right; }

.bi-652db75ef3 { font-size:.7rem; }

/* --- Component: pi\index.css --- */
/* Extracted from pi/index.blade.php */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

.pi-wrap {
    max-width: 960px;
    margin: 2rem auto;
    padding: 0 1rem;
    font-family: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', sans-serif;
    color: #111;
}

.pi-alert {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    color: #166534;
    border-radius: 8px;
    padding: .75rem 1rem;
    font-size: 14px;
    margin-bottom: 1.5rem;
}

.pi-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 1.25rem;
}
.pi-header__icon {
    width: 38px; height: 38px;
    background: #f4f4f5;
    border-radius: 8px;
    display: flex; align-items: center; justify-content: center;
    color: #52525b;
    flex-shrink: 0;
}
.pi-header h1 { font-size: 20px; font-weight: 600; color: #111; }
.pi-header__sub { font-size: 13px; color: #71717a; margin-top: 2px; }

.pi-section {
    background: #fff;
    border: 1px solid #e4e4e7;
    border-radius: 10px;
    padding: 1.25rem;
    margin-bottom: .875rem;
}

/* Search */
.pi-search-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.pi-search-input {
    width: 100%;
    font-size: 14px;
    padding: 8px 10px 8px 32px;
    border: 1px solid #e4e4e7;
    border-radius: 7px;
    background: #fafafa;
    color: #111;
    outline: none;
    transition: border-color .15s, background .15s;
    font-family: inherit;
}
.pi-search-input:focus { border-color: #a1a1aa; background: #fff; }

/* Table */
.pi-table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; font-size: 14px; }
thead th {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #a1a1aa;
    padding: 12px 14px;
    text-align: left;
    border-bottom: 1px solid #e4e4e7;
    background: #fafafa;
    white-space: nowrap;
}
thead th.num { text-align: right; }
tbody tr { border-bottom: 1px solid #f4f4f5; transition: background .1s; }
tbody tr:last-child { border-bottom: none; }
tbody tr:hover { background: #fafafa; }
tbody td { padding: 11px 14px; vertical-align: middle; }
tbody td.num { text-align: right; font-variant-numeric: tabular-nums; }
tbody td.muted { color: #71717a; }
tbody td.bold { font-weight: 600; }

.pi-link { color: #111; font-weight: 500; text-decoration: none; }
.pi-link:hover { color: #0284c7; text-decoration: underline; }

/* Row actions */
.pi-row-actions { display: flex; align-items: center; gap: 2px; justify-content: flex-end; }
.pi-icon-btn {
    width: 30px; height: 30px;
    display: inline-flex; align-items: center; justify-content: center;
    border-radius: 6px;
    color: #71717a;
    background: none;
    border: none;
    cursor: pointer;
    text-decoration: none;
    transition: background .15s, color .15s;
    padding: 0;
    font-family: inherit;
}
.pi-icon-btn:hover { background: #f4f4f5; color: #18181b; }
.pi-icon-btn--danger:hover { background: #fef2f2; color: #ef4444; }

/* Empty state */
.pi-empty {
    text-align: center;
    padding: 3rem 1rem;
    color: #a1a1aa;
}
.pi-empty p { margin-top: .75rem; font-size: 14px; }

/* Pagination */
.pi-pagination {
    margin-top: 1rem;
    display: flex;
    justify-content: flex-end;
}
.pi-pagination nav { font-size: 13px; }

/* Buttons */
.pi-btn {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 13px; font-weight: 500;
    padding: 8px 14px;
    border-radius: 7px;
    cursor: pointer;
    text-decoration: none;
    font-family: inherit;
    border: 1px solid transparent;
    transition: background .15s, color .15s, border-color .15s;
    white-space: nowrap;
}
.pi-btn--ghost { background: transparent; border-color: #e4e4e7; color: #52525b; }
.pi-btn--ghost:hover { background: #f4f4f5; color: #18181b; }
.pi-btn--primary { background: #18181b; border-color: #18181b; color: #fff; }
.pi-btn--primary:hover { background: #3f3f46; border-color: #3f3f46; }

.bi-97445a8d93 { flex:1; }

.bi-3ef52b7a92 { padding:.875rem 1.25rem; }

.bi-a61560c2e0 { position:relative;flex:1;max-width:360px; }

.bi-cf9281bcda { position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#a1a1aa;pointer-events:none; }

.bi-22a267439b { padding:0;overflow:hidden; }

.bi-8fb32aa70e { width:44px; }

.bi-f6aeb4e553 { width:168px; }

.bi-b310ca1dcf { margin-top:.5rem; }

[data-bi-cccfa4560d] { display:inline; }

/* --- Component: pi\print.css --- */
/* Extracted from pi/print.blade.php */

body:has(.pi-print-wrap) {
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 13px;
  color: #111;
  background: #e5e7eb;
  padding: 2rem 1rem;
}

/* ── Screen toolbar ── */
.toolbar {
  max-width: 794px; margin: 0 auto 14px;
  display: flex; justify-content: space-between; align-items: center; gap: 8px;
}
.toolbar-left { font-size: 12px; color: #6b7280; }
.toolbar-left strong { color: #374151; }
.toolbar-right { display: flex; gap: 8px; }
.btn {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 12.5px; font-weight: 500; padding: 7px 14px;
  border-radius: 6px; cursor: pointer; text-decoration: none;
  font-family: inherit; border: 1px solid transparent; transition: background .14s;
}
.btn-ghost { background: #fff; border-color: #d1d5db; color: #374151; }
.btn-ghost:hover { background: #f9fafb; }
.btn-blue { background: #1d4ed8; border-color: #1d4ed8; color: #fff; }
.btn-blue:hover { background: #1e40af; }

/* ── Paper ── */
.invoice {
  max-width: 794px; margin: 0 auto;
  background: #fff;
  box-shadow: 0 2px 16px rgba(0,0,0,.12);
}

/* ── BLUE TOP BAR (matches image) ── */
.inv-topbar {
  background: #1d4ed8;
  height: 10px;
}

/* ── HEADER ── */
.inv-header {
  padding: 28px 36px 24px;
  border-bottom: 1px solid #e5e7eb;
}
.inv-header-title {
  font-size: 28px; font-weight: 700; letter-spacing: -.01em;
  color: #111; margin-bottom: 20px;
}

/* ── PARTIES + META GRID ── */
.inv-top-grid {
  display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0;
}
.inv-party-block { }
.inv-party-block + .inv-party-block { padding-left: 24px; }
.inv-meta-block { text-align: right; }

.inv-label {
  font-size: 9px; font-weight: 700; letter-spacing: .1em;
  text-transform: uppercase; color: #9ca3af; margin-bottom: 5px; display: block;
}
.inv-val-name { font-size: 14px; font-weight: 700; color: #111; margin-bottom: 2px; }
.inv-val-line { font-size: 12px; color: #4b5563; line-height: 1.5; }
.inv-gstin {
  display: inline-block; margin-top: 5px;
  font-size: 10px; font-weight: 600; letter-spacing: .04em;
  background: #f3f4f6; color: #374151;
  padding: 2px 8px; border-radius: 4px;
}

/* Meta table (right side) */
.inv-meta-table { margin-left: auto; }
.inv-meta-table tr td { padding: 3px 0; font-size: 12.5px; }
.inv-meta-table .ml { color: #6b7280; text-align: right; padding-right: 16px; font-size: 11px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.inv-meta-table .mv { font-weight: 600; color: #111; text-align: right; font-size: 12.5px; }
.inv-meta-table .mv.big { font-size: 15px; font-weight: 700; color: #1d4ed8; }

/* ── DIVIDER LINE + COMPANY CENTER ── */
.inv-divider { border: none; border-top: 1px solid #e5e7eb; margin: 20px 36px 0; }

.inv-company-center {
  text-align: center; padding: 14px 36px 18px;
  border-bottom: 1px solid #e5e7eb;
}
.inv-company-center .cc-name { font-size: 20px; font-weight: 700; color: #111; }
.inv-company-center .cc-addr { font-size: 12px; color: #6b7280; margin-top: 3px; }

/* ── ITEMS TABLE ── */
.inv-items-wrap { }
.inv-items-table {
  width: 100%; border-collapse: collapse; font-size: 13px;
}
.inv-items-table thead tr {
  background: #1d4ed8;
}
.inv-items-table thead th {
  font-size: 10.5px; font-weight: 700; letter-spacing: .07em;
  text-transform: uppercase; color: #fff;
  padding: 11px 14px; text-align: left;
}
.inv-items-table thead th.r { text-align: right; }

.inv-items-table tbody tr { border-bottom: 1px solid #f3f4f6; }
.inv-items-table tbody tr:last-child { border-bottom: 1px solid #e5e7eb; }
.inv-items-table tbody td { padding: 10px 14px; vertical-align: top; }
.inv-items-table tbody td.r { text-align: right; font-variant-numeric: tabular-nums; color: #374151; }
.inv-items-table tbody td.muted { color: #9ca3af; font-size: 12px; }

.item-name { font-weight: 500; color: #111; line-height: 1.3; }
.item-hsn  { font-size: 10.5px; color: #9ca3af; margin-top: 2px; }

/* ── TOTALS ── */
.inv-totals-row {
  display: flex; justify-content: flex-end;
  padding: 0;
  border-bottom: 1px solid #e5e7eb;
}
.totals-inner {
  width: 300px; padding: 6px 0;
}
.totals-line {
  display: flex; justify-content: space-between;
  padding: 5px 14px; font-size: 12.5px;
}
.totals-line .tl { color: #6b7280; }
.totals-line .tv { font-variant-numeric: tabular-nums; font-weight: 500; color: #111; }
.totals-divider { border: none; border-top: 1px solid #e5e7eb; margin: 4px 14px; }

.totals-grand {
  display: flex; justify-content: space-between; align-items: center;
  padding: 10px 14px; margin-top: 4px;
  background: #f9fafb; border-top: 2px solid #1d4ed8;
}
.totals-grand .tgl { font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #6b7280; }
.totals-grand .tgv { font-size: 18px; font-weight: 700; color: #111; font-variant-numeric: tabular-nums; }

/* ── SIGNATURE ── */
.inv-signature {
  display: grid; grid-template-columns: 1fr 1fr;
  border-bottom: 1px solid #e5e7eb;
}
.sig-cell { padding: 20px 28px 28px; }
.sig-cell:first-child { border-right: 1px solid #e5e7eb; }
.sig-label { font-size: 9px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #9ca3af; margin-bottom: 44px; display: block; }
.sig-line  { border-top: 1px solid #d1d5db; padding-top: 6px; font-size: 11px; color: #9ca3af; }

/* ── TERMS ── */
.inv-terms { padding: 16px 28px; border-bottom: 1px solid #e5e7eb; }
.inv-terms .t-label { font-size: 9px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #9ca3af; margin-bottom: 6px; display: block; }
.inv-terms .t-body  { font-size: 12px; color: #4b5563; line-height: 1.65; white-space: pre-wrap; }

/* ── STATUS BADGE ── */
.status-badge {
  display: inline-block; font-size: 9px; font-weight: 700;
  letter-spacing: .08em; text-transform: uppercase;
  padding: 3px 10px; border-radius: 4px;
}
.status-draft    { background: #f3f4f6; color: #6b7280; }
.status-sent     { background: #dbeafe; color: #1d4ed8; }
.status-accepted { background: #dcfce7; color: #15803d; }
.status-cancelled{ background: #fee2e2; color: #b91c1c; }

/* ── FOOTER BAR ── */
.inv-footer {
  background: #1d4ed8;
  padding: 10px 28px;
  display: flex; justify-content: space-between; align-items: center;
}
.inv-footer span { font-size: 10px; color: rgba(255,255,255,.6); }
.inv-footer strong { color: rgba(255,255,255,.9); }

/* ── PRINT ── */
@page { size: A4 portrait; margin: 8mm; }
@media print {
  body { background: #fff !important; padding: 0; }
  .toolbar { display: none !important; }
  .invoice { box-shadow: none; max-width: 100%; }
  .inv-topbar,
  .inv-items-table thead tr,
  .totals-grand,
  .inv-footer {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

.bi-c0ffd92ca2 { margin-top:3px;font-size:11px;color:#9ca3af; }

.bi-dc39b8f5d6 { width:40%; }

.bi-c28f1b1511 { width:12%; }

.bi-8c8f533b00 { width:8%; }

.bi-006a6141a1 { width:9%; }

.bi-e995ee2fab { width:13%; }

/* --- Component: pi\show.css --- */
/* Extracted from pi/show.blade.php */

.bi-2a77131443 { background:#fff; }

/* --- Component: profile\show.css --- */
/* Extracted from profile/show.blade.php */

.bi-bbd31425fb { width:28px;height:28px;cursor:pointer; }

.bi-5e0faad207 { font-size:13px; }

.bi-6208d82636 { max-height:400px;overflow-y:auto; }

.bi-1b003cb1de { font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px; }

.bi-48001d0839 { font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em; }

.bi-925e0a30d3 { height:5px; }

.bi-10cfd3d21f { width:0%;transition:width .3s; }

[data-bi-808de9a904] { object-fit:cover; }

/* --- Component: pump_master\index.css --- */
/* Extracted from pump_master/index.blade.php */

[data-bi-6b99de8b69] { display:none; }

/* --- Component: roles\edit.css --- */
/* Extracted from roles/edit.blade.php */

/* Modern Card & Layout Styling */
    .role-card {
        border: none;
        border-radius: 20px;
        overflow: hidden;
        box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.08);
        background-color: #ffffff;
    }

    .role-header {
        background: linear-gradient(135deg, #4f46e5 0%, #3b82f6 100%);
        color: #ffffff;
        padding: 30px;
    }

    .role-header h3 {
        margin: 0;
        font-weight: 700;
        letter-spacing: -0.025em;
    }

    .role-header p {
        margin: 8px 0 0;
        opacity: 0.9;
        font-size: 15px;
    }

    /* Form & Sections */
    .section-title {
        font-size: 18px;
        font-weight: 700;
        color: #1f2937;
    }

    .form-label {
        font-weight: 600;
        color: #374151;
        font-size: 14px;
    }

    .required {
        color: #ef4444;
    }

    .info-box {
        background-color: #f8fafc;
        border: 1px solid #e2e8f0;
        border-radius: 14px;
        padding: 24px;
        margin-bottom: 24px;
    }

    .permission-box {
        background-color: #ffffff;
        border: 1px solid #e2e8f0;
        border-radius: 16px;
        padding: 28px;
    }

    /* Search Input */
    .search-box {
        position: relative;
    }

    .search-box i {
        position: absolute;
        left: 16px;
        top: 14px;
        color: #9ca3af;
        font-size: 16px;
    }

    .search-box input {
        padding-left: 48px;
        border-radius: 12px;
        border-color: #e2e8f0;
        height: 46px;
        font-size: 14px;
    }
    
    .search-box input:focus {
        border-color: #4f46e5;
        box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.15);
    }

    /* Accordion Customization */
    .accordion-item {
        border: 1px solid #e2e8f0 !important;
        border-radius: 14px !important;
        overflow: hidden;
    }
    
    .accordion-item:not(:last-child) {
        margin-bottom: 16px;
    }

    .accordion-button {
        background-color: #f8fafc !important;
        color: #1e293b !important;
        padding: 20px 24px !important;
        font-weight: 600 !important;
        border-radius: 14px !important;
    }

    .accordion-button:not(.collapsed) {
        background-color: #f1f5f9 !important;
        box-shadow: none !important;
        border-bottom: 1px solid #e2e8f0 !important;
        border-radius: 14px 14px 0 0 !important;
    }

    .accordion-button::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23475569'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
    }

    .accordion-body {
        padding: 24px !important;
        background-color: #ffffff;
    }

    /* Permission Cards (Interactive) */
    .permission-card {
        background-color: #f8fafc;
        border: 1px solid #e2e8f0;
        border-radius: 12px;
        transition: all 0.2s ease;
        cursor: pointer;
    }

    .permission-card:hover {
        border-color: #cbd5e1;
        background-color: #f1f5f9;
        transform: translateY(-1px);
    }

    .permission-card.card-checked {
        border-color: #4f46e5;
        background-color: #e0e7ff;
    }

    .form-check-input {
        cursor: pointer;
    }
    
    .form-check-input:checked {
        background-color: #4f46e5;
        border-color: #4f46e5;
    }

    /* Buttons */
    .btn {
        border-radius: 12px;
        padding: 10px 20px;
        font-weight: 600;
        font-size: 14px;
        transition: all 0.2s;
    }
    
    .btn-sm {
        padding: 6px 12px;
        font-size: 13px;
        border-radius: 8px;
    }

    .btn-save {
        background-color: #4f46e5;
        border: none;
    }

    .btn-save:hover {
        background-color: #4338ca;
    }
    
    .badge {
        font-size: 12px;
        font-weight: 600;
        padding: 6px 12px !important;
        border-radius: 20px;
    }

.bi-03a4006e04 { border-radius: 12px;border-color: #e2e8f0;height: 46px;font-size: 14px; }

[data-bi-03a4006e04] { border-radius: 12px;border-color: #e2e8f0;height: 46px;font-size: 14px; }

/* --- Component: roles\index.css --- */
/* Extracted from roles/index.blade.php */

.bi-c26114f667 { max-width: 300px; }

.bi-b6542040b3 { width: 60px; }

.bi-27652d97da { width: 130px; }

.bi-e643e710dd { max-width: 400px; }

.bi-1efbce82dd { width: 32px;height: 32px; }

[data-bi-1efbce82dd] { width: 32px;height: 32px; }

/* --- Component: separate-records\ai\agent.css --- */
/* Extracted from separate-records/ai/agent.blade.php */

/* Reuse main styles, red theme for separate */
:root { --accent:#b91c1c; --accent-light:#fee2e2; }
.ai-chatbot { max-width: 980px; margin: 0 auto; padding-bottom: 20px; }
.chat-header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; padding: 4px 6px; }
.chat-header-left { display:flex; align-items:center; gap:12px; }
.chat-avatar { width:44px; height:44px; background: linear-gradient(145deg, #b91c1c, #7f1d1d); color:#fff; border-radius:999px; display:grid; place-items:center; font-size:22px; box-shadow:0 2px 6px rgba(185,28,28,.3); }
.chat-title { font-size:20px; font-weight:750; color:#18212f; display:flex; align-items:center; gap:8px; }
.chat-badge { font-size:10px; font-weight:700; padding:2px 8px; border-radius:999px; background:#fee2e2; color:#b91c1c; letter-spacing:.5px; }
.chat-subtitle { font-size:12px; color:#687386; display:flex; align-items:center; gap:6px; margin-top:1px; }
.status-dot { width:7px; height:7px; background:#ef4444; border-radius:50%; display:inline-block; box-shadow:0 0 0 2.5px rgba(239,68,68,.2); }
.chat-actions { display:flex; gap:6px; }
.chat-btn { border:1px solid #e5e7eb; background:#fff; padding:7px 12px; font-size:12px; font-weight:600; border-radius:7px; display:inline-flex; align-items:center; gap:5px; color:#425064; cursor:pointer; text-decoration:none; }
.chat-btn:hover { border-color:#b8c4d0; background:#f8fafb; }
.chat-overview { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:12px; }
.ov-item { flex:1; min-width:102px; max-width:168px; background:#fff; border:1px solid #e5e7eb; border-radius:8px; padding:7px 10px; display:flex; align-items:center; gap:7px; text-decoration:none; color:inherit; font-size:11.5px; }
.ov-item:hover { background:#f8fafb; }
.ov-item i { font-size:16px; color:#b91c1c; }
.ov-text span { display:block; font-size:10px; color:#687386; line-height:1; }
.ov-text strong { font-size:13px; font-weight:700; color:#18212f; }
.chat-window { background:#fff; border:1px solid #e5e7eb; border-radius:12px; height:420px; overflow-y:auto; padding:12px; margin-bottom:8px; box-shadow:0 1px 3px rgba(0,0,0,.05); }
.chat-messages { display:flex; flex-direction:column; gap:10px; }
.msg { display:flex; gap:8px; max-width:85%; }
.msg-bot { align-self:flex-start; }
.msg-user { align-self:flex-end; flex-direction:row-reverse; }
.msg-avatar { width:28px; height:28px; border-radius:999px; background:#fee2e2; color:#b91c1c; display:flex; align-items:center; justify-content:center; font-size:14px; flex-shrink:0; }
.msg-content { background:#f8fafc; border:1px solid #e5e7eb; border-radius:10px; padding:8px 12px; font-size:14px; line-height:1.4; white-space:pre-wrap; }
.msg-user .msg-content { background:#fee2e2; border-color:#fecaca; }
.chat-input-bar { display:flex; gap:8px; align-items:center; }
.chat-input-wrap { flex:1; display:flex; border:1px solid #e5e7eb; border-radius:999px; background:#fff; overflow:hidden; }
#chatInput { flex:1; border:none; padding:10px 16px; font-size:14px; outline:none; }
.chat-btn { border:none; background:#b91c1c; color:white; padding:10px 14px; border-radius:999px; cursor:pointer; }
.chat-hint { font-size:11px; color:#64748b; text-align:center; margin-top:4px; }
.chat-suggestions { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:8px; }
.sugg { background:#fee2e2; border:1px solid #fecaca; color:#b91c1c; padding:4px 10px; font-size:12px; border-radius:999px; cursor:pointer; }
.sugg:hover { background:#fecaca; }
.typing-dots { display:flex; gap:3px; }
.typing-dots span { width:5px; height:5px; background:#64748b; border-radius:50%; animation: typing 1.2s infinite; }
.typing-dots span:nth-child(2) { animation-delay:0.2s; }
.typing-dots span:nth-child(3) { animation-delay:0.4s; }
@keyframes typing { 0%,80%,100% { transform:translateY(0); } 40% { transform:translateY(-4px); } }

.bi-bde078d6ea { background: linear-gradient(145deg, #b91c1c, #7f1d1d); }

.bi-9949aebc47 { background:#fee2e2;color:#b91c1c; }

.bi-82403c4a9c { background:#ef4444; }

.bi-6b99de8b69 { display:none; }

.bi-c6b76b8577 { margin-right:4px; }

.bi-90ad96210e { color:red; }

/* --- Component: separate-records\create.css --- */
/* Extracted from separate-records/create.blade.php */

.bi-fddc9b7e62 { max-width: 980px; }

/* --- Component: separate-records\material-purchases\create.css --- */
/* Extracted from separate-records/material-purchases/create.blade.php */

:root {
    --bg:        #f0f4f8;
    --card:      #ffffff;
    --header:    #102b5b;
    --accent:    #3b82f6;
    --accent-lt: #eff6ff;
    --amber:     #f59e0b;
    --amber-lt:  #fffbeb;
    --green:     #10b981;
    --green-lt:  #f0fdf4;
    --teal:      #0d9488;
    --teal-lt:   #f0fdfa;
    --danger:    #ef4444;
    --border:    #e2e8f0;
    --muted:     #94a3b8;
    --text:      #1e293b;
    --text-sm:   #64748b;
    --radius:    8px;
  }

  body { background: var(--bg); font-family: 'Inter', system-ui, sans-serif; }
  .ci-page { max-width: 1200px; margin: 0 auto; padding: 24px 16px 120px; }
  .ci-page-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }
  .ci-page-header h5 { font-size:1.1rem; font-weight:700; color:var(--header); margin:0; display:flex; align-items:center; gap:8px; }
  .ci-page-header h5 .badge-pill { font-size:.65rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; background:var(--accent); color:#fff; padding:3px 10px; border-radius:99px; }
  .ci-card { background:var(--card); border:1px solid var(--border); border-radius:var(--radius); box-shadow:0 1px 4px rgba(0,0,0,.06); margin-bottom:16px; overflow:hidden; }
  .ci-card-head { background:var(--header); color:#fff; padding:12px 20px; font-size:.78rem; font-weight:600; letter-spacing:.07em; text-transform:uppercase; display:flex; align-items:center; gap:8px; }
  .ci-card-head i { opacity:.7; font-size:1rem; }
  .ci-card-body { padding:20px; }
  .ci-card.section-blue .ci-card-head { border-left:4px solid var(--accent); }
  .form-label { font-size:.72rem; font-weight:600; color:var(--text-sm); text-transform:uppercase; letter-spacing:.06em; margin-bottom:4px; display:block; }
  .form-control, .form-select { font-size:.875rem; color:var(--text); border:1px solid var(--border); border-radius:6px; padding:7px 10px; transition:border-color .15s,box-shadow .15s; background:#fff; }
  .form-control:focus, .form-select:focus { border-color:var(--accent); box-shadow:0 0 0 3px rgba(59,130,246,.12); outline:none; }
  .mat-table-wrap { overflow-x:auto; }
  .mat-table { width:100%; border-collapse:collapse; font-size:.825rem; table-layout:fixed; }
  .mat-table thead tr th { background:#f1f5f9; color:var(--text-sm); font-size:.65rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; padding:10px 8px; border-bottom:2px solid var(--border); white-space:nowrap; vertical-align:bottom; }
  .mat-table tbody tr td { padding:8px 6px; border-bottom:1px solid #f1f5f9; vertical-align:middle; }
  .mat-table tbody tr:last-child td { border-bottom:none; }
  .col-num { width:32px; }
  .col-material { min-width:220px; }
  .col-unit { width:80px; text-align:center; }
  .col-qty { width:110px; }
  .col-moisture { width:100px; }
  .col-dryqty { width:100px; }
  .col-rate { width:120px; }
  .col-amount { width:130px; text-align:right; }
  .col-del { width:40px; }
  .row-num { width:24px; height:24px; border-radius:50%; background:var(--accent-lt); color:var(--accent); font-size:.65rem; font-weight:700; margin:auto; display:flex; align-items:center; justify-content:center; }
  .unit-badge { display:inline-block; font-size:.62rem; font-weight:700; text-transform:uppercase; background:#f1f5f9; color:var(--text-sm); border-radius:4px; padding:2px 7px; min-width:38px; text-align:center; letter-spacing:.04em; }
  .moisture-input { width:100%; text-align:center; border:1.5px solid #fde68a; border-radius:6px; background:#fffbeb; color:#92400e; font-size:.82rem; font-weight:700; padding:6px 4px; box-sizing:border-box; }
  .moisture-input:focus { border-color:#f59e0b; box-shadow:0 0 0 2px rgba(245,158,11,.15); outline:none; }
  .dry-qty-box { background:var(--teal-lt); border:1px solid #99f6e4; border-radius:6px; padding:5px 8px; text-align:center; }
  .dry-qty-val { font-size:.82rem; font-weight:700; color:var(--teal); display:block; }
  .total-cell { text-align:right; padding-right:10px !important; }
  .row-total { font-weight:700; color:var(--green); font-size:.85rem; }
  .btn-add-row { background:none; border:1.5px dashed var(--accent); color:var(--accent); border-radius:6px; font-size:.78rem; font-weight:600; padding:7px 16px; cursor:pointer; transition:background .15s; display:inline-flex; align-items:center; gap:5px; }
  .btn-add-row:hover { background:var(--accent-lt); }
  .btn-del { background:none; border:1px solid #fecaca; color:var(--danger); border-radius:5px; padding:4px 8px; cursor:pointer; transition:background .12s; line-height:1; }
  .btn-del:hover { background:#fef2f2; }
  .btn-add-mat { background:none; border:1.5px solid var(--border); color:var(--text-sm); border-radius:6px; padding:4px 8px; cursor:pointer; transition:all .12s; line-height:1; flex-shrink:0; }
  .btn-add-mat:hover { border-color:var(--accent); color:var(--accent); }
  .btn-back { font-size:.78rem; color:var(--text-sm); text-decoration:none; display:inline-flex; align-items:center; gap:4px; border:1px solid var(--border); border-radius:6px; padding:6px 14px; transition:all .12s; background:#fff; }
  .btn-back:hover { border-color:var(--accent); color:var(--accent); }
  .moisture-summary { display:block; background:var(--teal-lt); border:1px solid #99f6e4; border-radius:var(--radius); padding:14px 18px; margin-bottom:16px; }
  .ms-title { font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.07em; color:var(--teal); margin-bottom:10px; display:flex; align-items:center; gap:6px; }
  .ms-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
  @media(max-width:600px){ .ms-grid { grid-template-columns:1fr 1fr; } }
  .ms-item label { font-size:.62rem; font-weight:600; text-transform:uppercase; letter-spacing:.06em; color:#0f766e; margin-bottom:3px; display:block; }
  .ms-item .ms-val { font-size:1.05rem; font-weight:800; color:var(--teal); font-family:'JetBrains Mono',monospace; }
  .ms-item .ms-val.red { color:var(--danger); }
  .sticky-total { position:fixed; bottom:0; left:0; right:0; z-index:100; background:var(--header); border-top:3px solid var(--accent); padding:12px 24px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
  .sticky-total .total-label { font-size:.7rem; font-weight:600; text-transform:uppercase; letter-spacing:.08em; color:#94a3b8; }
  .sticky-total .total-value { font-size:1.4rem; font-weight:800; color:#fff; font-family:'JetBrains Mono',monospace; transition:color .2s; }
  .sticky-total .save-btn { background:var(--accent); color:#fff; border:none; border-radius:6px; padding:10px 24px; font-size:.85rem; font-weight:600; cursor:pointer; transition:background .15s,transform .1s; display:flex; align-items:center; gap:6px; }
  .sticky-total .save-btn:hover { background:#2563eb; }
  .sticky-total .save-btn:active { transform:scale(.97); }
  .sticky-total .row-count { font-size:.72rem; color:#64748b; }
  .sticky-total .row-count strong { color:#cbd5e1; }
  .ci-card.section-amber .ci-card-head { border-left:4px solid #f59e0b; background:#2c2315; }
  .weight-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
  @media(max-width:768px){ .weight-grid { grid-template-columns:1fr 1fr; } }
  @media(max-width:480px){ .weight-grid { grid-template-columns:1fr; } }
  .weight-field label { color:#d97706 !important; }
  .weight-field .form-control:focus { border-color:#f59e0b; box-shadow:0 0 0 3px rgba(245,158,11,.12); }
  #net_weight  { color:var(--green); font-weight:700; background:var(--green-lt); border-color:#bbf7d0; }
  #billing_qty { color:var(--accent); font-weight:700; background:var(--accent-lt); border-color:#bfdbfe; }
  #vendor_net_weight { color:var(--green); font-weight:700; background:var(--green-lt); border-color:#bbf7d0; }
  #vendor_billing_qty { color:var(--accent); font-weight:700; background:var(--accent-lt); border-color:#bfdbfe; }
  .ci-modal .modal-content { border-radius:var(--radius); border:none; box-shadow:0 8px 32px rgba(0,0,0,.12); }
  .ci-modal .modal-header { background:var(--header); color:#fff; border-radius:var(--radius) var(--radius) 0 0; padding:14px 20px; }
  .ci-modal .modal-footer { border-top:1px solid var(--border); }
  .ci-modal .modal-header .btn-close { filter:invert(1); opacity:.7; }

.bi-9bcd21d223 { font-size:.85rem; }

.bi-497726e8c9 { color:var(--danger); }

.bi-019cfd0a36 { font-size:.65rem;margin-top:3px;display:block; }

.bi-5790ffba29 { display: none; }

.bi-2e3ee8809b { padding-bottom:12px; }

.bi-5619a5c481 { font-size:.58rem;font-weight:400;opacity:.7;display:block;letter-spacing:0; }

.bi-25b5288699 { display:flex;gap:6px;align-items:center; }

.bi-59eddc679e { flex:1;min-width:0; }

.bi-a726b01e4d { font-size:.8rem; }

.bi-91a87015f4 { text-align:center; }

.bi-d461c96de5 { position:relative; }

.bi-84628d5c36 { position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:.75rem;pointer-events:none; }

.bi-d967c90f69 { padding-left:20px; }

.bi-0da13144de { font-size:.75rem; }

.bi-b379580e9d { margin-top:12px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px; }

.bi-b421900ed2 { font-size:.65rem;font-weight:400;opacity:.6;margin-left:6px; }

.bi-951b72dbdd { font-size:1rem; }

.bi-6b9149723c { font-size:.85rem;font-weight:700;letter-spacing:.04em; }

.bi-769fed374b { padding:20px; }

.bi-00074dc590 { padding:12px 20px;gap:8px; }

/* --- Component: separate-records\material-purchases\edit.css --- */
/* Extracted from separate-records/material-purchases/edit.blade.php */

:root {
    --bg:        #f0f4f8;
    --card:      #ffffff;
    --header:    #102b5b;
    --accent:    #3b82f6;
    --accent-lt: #eff6ff;
    --amber:     #f59e0b;
    --amber-lt:  #fffbeb;
    --text:      #1e293b;
    --text-sm:   #64748b;
    --border:    #e2e8f0;
    --radius:    8px;
  }

  body { background: var(--bg); font-family: 'Inter', system-ui, sans-serif; }
  .ci-page { max-width: 1200px; margin: 0 auto; padding: 24px 16px 120px; }
  .ci-page-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }
  .ci-page-header h5 { font-size:1.1rem; font-weight:700; color:var(--header); margin:0; display:flex; align-items:center; gap:8px; }
  .ci-card { background:var(--card); border:1px solid var(--border); border-radius:var(--radius); box-shadow:0 1px 4px rgba(0,0,0,.06); margin-bottom:16px; overflow:hidden; }
  .ci-card-head { background:var(--header); color:#fff; padding:12px 20px; font-size:.78rem; font-weight:600; letter-spacing:.07em; text-transform:uppercase; display:flex; align-items:center; gap:8px; }
  .ci-card-body { padding:20px; }
  .ci-card.section-blue .ci-card-head { border-left:4px solid var(--accent); }
  .ci-card.section-amber .ci-card-head { border-left:4px solid var(--amber); background:#2c2315; }
  .form-label { font-size:.72rem; font-weight:600; color:var(--text-sm); text-transform:uppercase; letter-spacing:.06em; margin-bottom:4px; display:block; }
  .form-control, .form-select { font-size:.875rem; color:var(--text); border:1px solid var(--border); border-radius:6px; padding:7px 10px; transition:border-color .15s,box-shadow .15s; background:#fff; }
  .form-control:focus, .form-select:focus { border-color:var(--accent); box-shadow:0 0 0 3px rgba(59,130,246,.12); outline:none; }
  .form-control[readonly] { background:#f8fafc; color:var(--text-sm); }
  .btn-back { font-size:.78rem; color:var(--text-sm); text-decoration:none; display:inline-flex; align-items:center; gap:4px; border:1px solid var(--border); border-radius:6px; padding:6px 14px; transition:all .12s; background:#fff; }
  .btn-back:hover { border-color:var(--accent); color:var(--accent); }
  .sticky-total { display:flex; align-items:center; justify-content:space-between; gap:16px; }
  .total-label { font-size:.72rem; font-weight:600; text-transform:uppercase; color:#64748b; }
  .total-value { font-size:1.4rem; font-weight:800; color:var(--header); font-family:'JetBrains Mono',monospace; }
  .save-btn { background:var(--accent); color:#fff; border:none; border-radius:6px; padding:10px 24px; font-size:.85rem; font-weight:600; cursor:pointer; display:flex; align-items:center; gap:6px; }
  .save-btn:hover { background:#2563eb; }

.bi-9bcd21d223 { font-size:.85rem; }

.bi-b0eb59c131 { color:#ef4444; }

.bi-019cfd0a36 { font-size:.65rem;margin-top:3px;display:block; }

.bi-c05ccf0167 { font-size:.65rem;display:block;margin-top:3px; }

.bi-9e30c44789 { position:static;margin-top:16px;background:transparent;border-top:none;box-shadow:none; }

.bi-951b72dbdd { font-size:1rem; }

/* --- Component: separate-records\material-purchases\print.css --- */
/* Extracted from separate-records/material-purchases/print.blade.php */

:root {
  --navy:      #102b5b;
  --accent:    #3b82f6;
  --accent-lt: #eff6ff;
  --teal:      #0d9488;
  --teal-lt:   #f0fdfa;
  --amber:     #f59e0b;
  --amber-lt:  #fffbeb;
  --green:     #10b981;
  --green-lt:  #f0fdf4;
  --danger:    #ef4444;
  --border:    #e2e8f0;
  --muted:     #94a3b8;
  --text:      #1e293b;
  --text-sm:   #64748b;
  --radius:    8px;
}

body { background: #e8ecf0; font-family: 'Inter', system-ui, sans-serif; }

.screen-bar {
  background: var(--navy);
  padding: 12px 24px;
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; flex-wrap: wrap;
  border-bottom: 3px solid var(--accent);
}
.screen-bar .sb-left h6 { color: #fff; font-size: .88rem; font-weight: 700; margin: 0 0 2px; }
.screen-bar .sb-left .sub { color: var(--muted); font-size: .68rem; }
.screen-bar .sb-right { display: flex; gap: 8px; }

.sb-btn {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: .75rem; font-weight: 600; padding: 7px 14px;
  border-radius: 6px; border: none; cursor: pointer;
  text-decoration: none; transition: all .14s; white-space: nowrap;
}
.sb-btn-primary { background: var(--accent); color: #fff; }
.sb-btn-primary:hover { background: #2563eb; color: #fff; }
.sb-btn-danger  { background: var(--danger); color: #fff; }
.sb-btn-danger:hover { background: #dc2626; color: #fff; }
.sb-btn-ghost   { background: rgba(255,255,255,.1); color: #fff; border: 1px solid rgba(255,255,255,.15); }
.sb-btn-ghost:hover { background: rgba(255,255,255,.18); color: #fff; }

.paper-wrap { max-width: 794px; margin: 24px auto; padding: 0 16px 60px; }
.paper {
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 4px 28px rgba(0, 0, 0, .13);
  overflow: hidden;
  border: 1px solid #6b5d5d66;
}

.ch-banner {
  background: var(--navy);
  display: grid; grid-template-columns: auto 1fr auto;
  align-items: stretch; min-height: 80px;
}
.banner-logo {
  background: #fff; padding: 14px 20px;
  display: flex; align-items: center;
}
.banner-logo img { max-height: 52px; max-width: 120px; object-fit: contain; }

.banner-company {
  padding: 14px 20px; color: #fff;
  display: flex; flex-direction: column; justify-content: center;
}
.banner-company .cname  { font-size: 1rem; font-weight: 800; letter-spacing: .02em; margin-bottom: 3px; }
.banner-company .caddr  { font-size: .67rem; color: #cbd5e1; line-height: 1.5; }

.banner-doc {
  padding: 14px 20px; text-align: right;
  display: flex; flex-direction: column; justify-content: center;
  border-left: 1px solid rgba(255,255,255,.1);
  min-width: 150px;
}
.banner-doc .doc-type {
  font-size: .55rem; font-weight: 700; text-transform: uppercase;
  letter-spacing: .12em; color: var(--accent); margin-bottom: 4px;
}
.banner-doc .doc-num {
  font-size: .92rem; font-weight: 800; color: #fff;
  font-family: 'JetBrains Mono','Courier New', monospace; letter-spacing: .04em;
}
.banner-doc .doc-date { font-size: .63rem; color: #cbd5e1; margin-top: 2px; }

.meta-bar { display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid var(--border); }
.meta-cell { padding: 11px 16px; border-right: 1px solid var(--border); }
.meta-cell:last-child { border-right: none; }
.meta-cell label {
  display: block; font-size: .57rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: .07em; color: var(--muted); margin-bottom: 3px;
}
.meta-cell .mval { font-size: .82rem; font-weight: 600; color: var(--text); }
.meta-cell .mval.mono { font-family: 'JetBrains Mono',monospace; color: var(--accent); }

.sec-label {
  padding: 7px 16px;
  background: #f8fafc; border-bottom: 1px solid var(--border);
  font-size: .58rem; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: var(--muted);
  display: flex; align-items: center; gap: 7px;
}
.sec-label::before { content: ''; width: 3px; height: 11px; background: var(--accent); border-radius: 2px; flex-shrink: 0; }

.mat-table { width: 100%; border-collapse: collapse; font-size: .78rem; }
.mat-table thead th {
  background: #f1f5f9; color: var(--text-sm);
  font-size: .6rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em;
  padding: 9px 12px; border-bottom: 2px solid var(--border); white-space: nowrap;
}
.mat-table thead th.r { text-align: right; }
.mat-table tbody td { padding: 10px 12px; border-bottom: 1px solid #f1f5f9; vertical-align: middle; }
.mat-table tbody tr:last-child td { border-bottom: none; }

.mat-table tfoot td {
  background: #f8fafc; padding: 10px 12px;
  font-size: .82rem; font-weight: 700; border-top: 2px solid var(--border);
}
.grand-total-val {
  text-align: right; font-size: .95rem; font-weight: 800;
  color: var(--green); font-family: 'JetBrains Mono',monospace;
}

.lower-grid { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--border); }
.lower-left  { border-right: 1px solid var(--border); }

.w-table { width: 100%; border-collapse: collapse; font-size: .75rem; }
.w-table td { padding: 8px 16px; border-bottom: 1px solid #f1f5f9; }
.w-table tr:last-child td { border-bottom: none; }
.w-table td:first-child { font-size: .67rem; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); }
.w-table td:last-child  { text-align: right; font-weight: 700; font-family: monospace; }
.w-table .net-row     td { background: var(--green-lt); color: var(--green); font-weight: 800; }
.w-table .bill-row    td:last-child { color: var(--accent); }
.w-table .short-row   td:last-child { color: var(--danger); }

.remarks-body { padding: 14px 16px 12px; }
.remarks-line { border-top: 1px dashed var(--border); margin-bottom: 18px; }

.sig-block {
  border-top: 1px solid var(--border);
  display: grid; grid-template-columns: 1fr 1fr;
  background: #fafbfd;
}
.sig-cell { padding: 18px 20px 16px; }
.sig-cell:first-child { border-right: 1px solid var(--border); }
.sig-lbl { font-size: .6rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: var(--muted); margin-bottom: 30px; }
.sig-line { border-top: 1.5px solid var(--text); width: 160px; }
.sig-sub  { font-size: .6rem; color: var(--muted); margin-top: 5px; }

.stamp-cell { padding: 16px 20px; display: flex; align-items: flex-end; justify-content: flex-end; }
.stamp-box {
  border: 1.5px solid var(--navy); border-radius: 6px;
  padding: 10px 20px; text-align: center; min-width: 140px;
}
.stamp-for  { font-size: .55rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); margin-bottom: 26px; }
.stamp-name { font-size: .7rem; font-weight: 800; color: var(--navy); }

.ch-footer {
  background: var(--navy); padding: 7px 20px;
  display: flex; align-items: center; justify-content: space-between;
}
.ch-footer span { font-size: .58rem; color: #94a3b8; font-family: monospace; }

@media print {
  body { background: #fff !important; }
  .screen-bar { display: none !important; }
  .main-wrapper .header,
  .main-wrapper .sidebar,
  .main-wrapper .footer,
  .flash-toasts,
  .screen-bar {
    display: none !important;
  }
  .page-wrapper { padding: 0 !important; }
  .paper-wrap { padding: 0; margin: 0; max-width: none; }
  .paper { box-shadow: none; border-radius: 0; border: none; }
  .mat-table thead th,
  .mat-table tbody td,
  .w-table td { font-size: 10px !important; padding: 6px 10px !important; }
  .banner-company .cname { font-size: .9rem; }
  .banner-company .caddr { font-size: .6rem; }
}

.bi-82b9d861a5 { width:32px; }

.bi-19483005fc { text-align:right;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600; }

.bi-305ba7e819 { padding-left:16px; }

.bi-688d5d4616 { width:3px;height:11px;background:var(--amber);border-radius:2px;display:inline-block;flex-shrink:0; }

.bi-f083b73ce5 { margin:0;line-height:1.6; }

.bi-e6e4c514ee { width:3px;height:11px;background:var(--accent);border-radius:2px;display:inline-block;flex-shrink:0; }

/* --- Component: separate-records\material-purchases\show.css --- */
/* Extracted from separate-records/material-purchases/show.blade.php */

.bi-9bcd21d223 { font-size:.85rem; }

/* --- Component: separate-records\pin.css --- */
/* Extracted from separate-records/pin.blade.php */

.bi-acb48b4e98 { max-width: 520px; }

/* --- Component: separate-records\production\create.css --- */
/* Extracted from separate-records/production/create.blade.php */

:root {
  --bg:         #f0f4f8;
  --card:       #ffffff;
  --header:     #102b5b;
  --accent:     #3b82f6;
  --accent-lt: #eff6ff;
  --green:      #10b981;
  --green-lt:  #f0fdf4;
  --amber:      #f59e0b;
  --amber-lt:  #fffbeb;
  --teal:       #0d9488;
  --danger:     #ef4444;
  --danger-lt: #fef2f2;
  --purple:     #8b5cf6;
  --purple-lt: #f5f3ff;
  --border:     #e2e8f0;
  --muted:      #94a3b8;
  --text:       #1e293b;
  --text-sm:    #64748b;
  --radius:     8px;
}

body    { background: var(--bg); font-family: 'Inter', system-ui, sans-serif; }
.np-page { max-width: 1100px; margin: 0 auto; padding: 24px 16px 100px; }

/* PAGE HEADER */
.np-page-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; flex-wrap:wrap; gap:12px; }
.np-page-header h5 { font-size:1.05rem; font-weight:700; color:var(--header); margin:0; display:flex; align-items:center; gap:8px; }
.badge-pill { font-size:.62rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; background:var(--accent); color:#fff; padding:3px 10px; border-radius:99px; }
.btn-back { font-size:.78rem; color:var(--text-sm); text-decoration:none; display:inline-flex; align-items:center; gap:4px; border:1px solid var(--border); border-radius:6px; padding:6px 14px; background:#fff; transition:all .12s; }
.btn-back:hover { border-color:var(--accent); color:var(--accent); }

/* ALERTS */
.np-alert { display:flex; align-items:flex-start; gap:10px; background:var(--danger-lt); border:1px solid #fca5a5; border-left:4px solid var(--danger); border-radius:var(--radius); padding:12px 16px; font-size:.82rem; color:#991b1b; margin-bottom:16px; }
.np-alert i { font-size:1rem; flex-shrink:0; margin-top:1px; }
.np-alert.success { background:var(--green-lt); border-color:#6ee7b7; border-left-color:var(--green); color:#065f46; }

/* CARD */
.np-card { background:var(--card); border:1px solid var(--border); border-radius:var(--radius); box-shadow:0 1px 4px rgba(0,0,0,.06); margin-bottom:16px; overflow:hidden; }
.np-card-head { background:var(--header); color:#fff; border-left:4px solid var(--accent); padding:12px 20px; font-size:.72rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; display:flex; align-items:center; gap:8px; }
.np-card-head i { opacity:.65; font-size:.95rem; }
.np-card-head.amber  { border-left-color:var(--amber);  background:#1e1a0f; }
.np-card-head.purple { border-left-color:var(--purple); background:#1a0f2e; }
.np-card-body { padding:20px; }

/* FORM */
.form-label { font-size:.62rem; font-weight:700; color:var(--text-sm); text-transform:uppercase; letter-spacing:.06em; margin-bottom:4px; display:block; }
.form-control, .form-select { font-size:.875rem; color:var(--text); border:1px solid var(--border); border-radius:6px; padding:8px 10px; background:#fff; width:100%; transition:border-color .15s,box-shadow .15s; }
.form-control:focus, .form-select:focus { border-color:var(--accent); box-shadow:0 0 0 3px rgba(59,130,246,.12); outline:none; }
.form-control[readonly] { background:#f8fafc; color:var(--text-sm); cursor:default; }

/* GRIDS */
.grid-4 { display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:16px; }
.grid-3 { display:grid; grid-template-columns:1fr 1fr 1fr; gap:16px; }
.grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
@media(max-width:900px){ .grid-4 { grid-template-columns:1fr 1fr; } .grid-3 { grid-template-columns:1fr 1fr; } }
@media(max-width:480px){ .grid-4,.grid-3,.grid-2 { grid-template-columns:1fr; } }

/* DETAIL PILLS */
.detail-pills { display:flex; gap:10px; flex-wrap:wrap; margin-top:12px; }
.detail-pill { display:flex; align-items:center; gap:8px; background:var(--accent-lt); border:1px solid #bfdbfe; border-radius:8px; padding:10px 14px; flex:1; min-width:140px; }
.detail-pill i { font-size:1rem; color:var(--accent); flex-shrink:0; }
.detail-pill .dp-label { font-size:.58rem; font-weight:700; text-transform:uppercase; letter-spacing:.07em; color:var(--accent); display:block; }
.detail-pill .dp-val   { font-size:.85rem; font-weight:700; color:var(--header); display:block; margin-top:2px; }
.detail-pill.hidden    { display:none; }

/* MIX OVERRIDE */
.mix-override-note { font-size:.65rem; color:var(--amber); font-weight:600; display:none; align-items:center; gap:4px; background:var(--amber-lt); border:1px solid #fde68a; border-radius:5px; padding:3px 9px; margin-top:5px; }
.mix-override-note.visible { display:inline-flex; }

/* PUMP TOGGLE */
.pump-toggle-row   { display:flex; align-items:center; gap:10px; margin-bottom:16px; }
.pump-toggle-label { font-size:.78rem; font-weight:600; color:var(--text); }
.pump-toggle-badge { font-size:.6rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; padding:2px 8px; border-radius:99px; }
.pump-toggle-badge.yes { background:var(--purple-lt); color:var(--purple); border:1px solid #c4b5fd; }
.pump-toggle-badge.no  { background:#f1f5f9; color:var(--muted); border:1px solid var(--border); }

.toggle-switch { position:relative; display:inline-block; width:40px; height:22px; flex-shrink:0; }
.toggle-switch input { opacity:0; width:0; height:0; }
.toggle-slider { position:absolute; cursor:pointer; inset:0; background:#cbd5e1; border-radius:22px; transition:background .2s; }
.toggle-slider:before { content:''; position:absolute; width:16px; height:16px; left:3px; bottom:3px; background:#fff; border-radius:50%; transition:transform .2s; }
.toggle-switch input:checked + .toggle-slider { background:var(--purple); }
.toggle-switch input:checked + .toggle-slider:before { transform:translateX(18px); }

.pump-fields { display:none; border-top:1px dashed var(--border); padding-top:16px; margin-top:4px; }
.pump-fields.visible { display:block; }
.pump-section-note { display:flex; align-items:center; gap:8px; background:var(--purple-lt); border:1px solid #c4b5fd; border-radius:6px; padding:8px 14px; font-size:.72rem; color:#6d28d9; font-weight:500; margin-bottom:14px; }

/* MATERIAL TABLE */
.mat-wrap  { overflow-x:auto; }
.mat-table { width:100%; border-collapse:collapse; font-size:.82rem; }
.mat-table thead th { background:#f1f5f9; color:var(--text-sm); font-size:.6rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; padding:10px 12px; border-bottom:2px solid var(--border); white-space:nowrap; }
.mat-table thead th.r { text-align:right; }
.mat-table thead th.c { text-align:center; }
.mat-table tbody td { padding:10px 12px; border-bottom:1px solid #f1f5f9; vertical-align:middle; }
.mat-table tbody tr:last-child td { border-bottom:none; }
.mat-table tbody tr:hover td { background:#fafbfd; }
.low-row td { background:#fff7f7 !important; }

.stock-bar-wrap { background:#f1f5f9; border-radius:99px; height:4px; margin-top:5px; overflow:hidden; width:100%; }
.stock-bar      { height:4px; border-radius:99px; background:var(--green); }
.stock-bar.low  { background:var(--danger); }

.used-input { width:100%; text-align:center; border:1.5px solid var(--border); border-radius:6px; padding:6px 8px; font-size:.82rem; font-weight:600; background:#fff; transition:border-color .14s; }
.used-input:focus { border-color:var(--accent); box-shadow:0 0 0 2px rgba(59,130,246,.12); outline:none; }

.error-cell     { text-align:center; font-family:monospace; font-size:.82rem; font-weight:700; }
.error-cell.ok  { color:var(--green); }
.error-cell.bad { color:var(--danger); }

.status-ok  { display:inline-flex; align-items:center; gap:4px; font-size:.65rem; font-weight:700; text-transform:uppercase; background:var(--green-lt); color:#065f46; border:1px solid #6ee7b7; border-radius:99px; padding:2px 9px; }
.status-low { display:inline-flex; align-items:center; gap:4px; font-size:.65rem; font-weight:700; text-transform:uppercase; background:var(--danger-lt); color:#991b1b; border:1px solid #fca5a5; border-radius:99px; padding:2px 9px; }

.mat-empty   { padding:40px 20px; text-align:center; color:var(--muted); }
.mat-empty i { font-size:2rem; opacity:.3; display:block; margin-bottom:8px; }
.mat-empty p { font-size:.82rem; margin:0; }
.mat-loading   { padding:32px 20px; text-align:center; color:var(--muted); font-size:.82rem; }
.mat-loading i { font-size:1.2rem; display:block; margin-bottom:6px; animation:spin .8s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }

/* STICKY FOOTER */
.np-footer { position:bottom:0; left:0; right:0; z-index:100; background:var(--header); border-top:3px solid var(--accent); padding:12px 28px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.np-footer .load-info  { display:flex; flex-direction:column; }
.np-footer .load-label { font-size:.62rem; font-weight:600; text-transform:uppercase; letter-spacing:.08em; color:#64748b; }
.np-footer .load-val   { font-size:1.1rem; font-weight:800; color:#fff; font-family:'JetBrains Mono',monospace; }
.np-footer .pump-info  { display:flex; align-items:center; gap:6px; font-size:.72rem; color:#c4b5fd; font-weight:600; }
.np-footer .actions    { display:flex; gap:8px; }

.btn-save  { background:var(--accent); color:#fff; border:none; padding:10px 22px; border-radius:6px; font-size:.82rem; font-weight:600; cursor:pointer; display:inline-flex; align-items:center; gap:6px; transition:background .14s; }
.btn-save:hover  { background:#2563eb; }
.btn-print { background:var(--green); color:#fff; border:none; padding:10px 22px; border-radius:6px; font-size:.82rem; font-weight:600; cursor:pointer; display:inline-flex; align-items:center; gap:6px; transition:background .14s; }
.btn-print:hover { background:#059669; }

.bi-9bcd21d223 { font-size:.85rem; }

.bi-87c136dfd0 { margin-bottom:16px; }

.bi-87c5d47fba { grid-column: span 2; }

.bi-497726e8c9 { color:var(--danger); }

.bi-aa67a399c0 { font-size:.68rem;color:var(--muted);margin-top:4px; }

.bi-64ed12745a { font-size:.58rem;font-weight:400;color:var(--muted);text-transform:none;letter-spacing:0; }

.bi-652db75ef3 { font-size:.7rem; }

.bi-851c0e7bbf { font-size:.65rem;color:var(--muted);margin-top:4px;display:none; }

.bi-0da13144de { font-size:.75rem; }

.bi-252cb9d666 { font-size:.68rem;color:var(--text-sm);margin-top:8px; }

.bi-f544355a05 { margin-left:auto;font-size:.65rem;font-weight:600;background:rgba(255,255,255,.12);padding:2px 10px;border-radius:99px;letter-spacing:.04em;display:none; }

.bi-41d7d7e25b { padding:0; }

.bi-c6fffdfe96 { width:130px; }

.bi-15ee10ecbb { font-weight:600;color:var(--text);font-size:.83rem; }

.bi-07665caa7b { font-size:.6rem;font-weight:700;text-transform:uppercase;background:#f1f5f9;color:var(--muted);border-radius:4px;padding:1px 6px; }

.bi-98d2212eda { text-align:right;font-family:monospace;color:var(--text-sm); }

.bi-4ca104e825 { text-align:right;font-weight:700;font-family:monospace;color:var(--header); }

.bi-54c2afb7ba { text-align:right; }

.bi-ae87cae633 { font-family:monospace;font-weight:700;color:${isLow ? 'var(--danger)' : 'var(--green)'}; }

.bi-95aea49e0e { width:${pct}%; }

.bi-91a87015f4 { text-align:center; }

.bi-7171988908 { font-size:.65rem; }

/* --- Component: separate-records\production\delivery-challan-print.css --- */
/* Extracted from separate-records/production/delivery-challan-print.blade.php */

table{width:100%;border-collapse:collapse;}
td,th{border:1px solid #a09c9c;padding:3px;vertical-align:top;}
.no-border td{border:none;padding:2px;}
.text-center{text-align:center;}.text-left{text-align:left;}.text-right{text-align:right;}
hr{margin:7px 0;}
@page{size:A4 portrait;margin:5mm;}
.a4-page{height:277mm;overflow:hidden;page-break-inside:avoid;}
.challan-copy{height:49%;border:1px solid #7c7373;padding:5px;position:relative;page-break-inside:avoid;}
.copy-tag{position:absolute;top:4px;right:6px;font-size:6px;font-weight:bold;border:1px solid #5a5a5a41;padding:2px 6px;background:#fff;}
.cut-line{height:12px;line-height:12px;text-align:center;font-size:10px;margin:3px 0;border-top:1px dashed #000;border-bottom:1px dashed #000;}
.watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0.05;z-index:0;pointer-events:none;}
.watermark img{width:320px;}
.content-layer{position:relative;z-index:1;}
.a4-page, .challan-copy, table, tr, td{page-break-inside:avoid !important;page-break-after:avoid !important;page-break-before:avoid !important;}
@media print{header,nav,.sidebar,.footer,.toggle-theme,.no-print{display:none !important;} .content,.card,.card-body{margin:0 !important;padding:0 !important;border:none !important;box-shadow:none !important;} body{margin:0 !important;padding:0 !important;}}

.bi-a55f31db10 { width:100%;border-collapse:collapse; }

.bi-2a6e8fd30c { vertical-align:middle; }

.bi-de00808e96 { font-size:15px; }

.bi-dfd85d4407 { font-size:9px;margin-top:2px; }

.bi-4c6cd5244b { width:40%;margin-top:4px; }

.bi-96ad6099e2 { margin-top:4px; }

.bi-0d5be05fd9 { font-size:10px; }

.bi-9f5f1161e6 { vertical-align:bottom; }

[data-bi-7a96d9ba83] { max-width:140px; }

/* --- Component: separate-records\production\index.css --- */
/* Extracted from separate-records/production/index.blade.php */

:root {
    --rmc-primary: #4f46e5;
    --rmc-primary-hover: #4338ca;
    --rmc-success: #10b981;
    --rmc-info: #06b6d4;
    --rmc-border: #e2e8f0;
    --rmc-text-dark: #0f172a;
    --rmc-text-muted: #64748b;
    --rmc-danger: #ef4444;
    --rmc-danger-lt: #fef2f2;
}

.rmc-wrapper {
    padding: 1.5rem 0;
}

/* Page Header styling */
.page-header-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--rmc-text-dark);
}

/* Quick Stats Banner */
.quick-stat-card {
    background: #fff;
    border: 1px solid var(--rmc-border);
    border-radius: 12px;
    padding: 1rem 1.25rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}
.stat-icon {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
}

/* Form Filter Controls styling */
.filter-card {
    border: 1px solid var(--rmc-border);
    border-radius: 12px;
    background: #ffffff;
}
.filter-card .form-label {
    font-weight: 600;
    color: var(--rmc-text-muted);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.filter-card .form-control {
    border-radius: 6px;
    border: 1px solid #cbd5e1;
    padding: 0.45rem 0.75rem;
}
.filter-card .form-control:focus {
    border-color: var(--rmc-primary);
    box-shadow: 0 0 0 2px rgba(79, 70, 229, 0.1);
}

/* Custom Table View styling */
.table-container-card {
    border: 1px solid var(--rmc-border);
    border-radius: 12px;
    background: #ffffff;
    overflow: hidden;
}
.rmc-custom-table thead {
    background-color: #f8fafc;
    border-bottom: 1px solid var(--rmc-border);
}
.rmc-custom-table th {
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--rmc-text-muted);
    padding: 12px 16px;
}
.rmc-custom-table td {
    padding: 14px 16px;
    color: var(--rmc-text-dark);
    font-size: 0.875rem;
}
.rmc-custom-table tbody tr {
    transition: background-color 0.15s ease;
}
.rmc-custom-table tbody tr:hover {
    background-color: #f1f5f9;
}

/* Badges & Visual Pills */
.docket-pill {
    background: #e0f2fe;
    color: #0369a1;
    padding: 4px 8px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.825rem;
}
.qty-badge {
    background: #ecfeff;
    color: #0891b2;
    border: 1px solid #cffafe;
    padding: 4px 10px;
    border-radius: 20px;
    font-weight: 600;
}

/* Action buttons styles */
.btn-action-group .btn {
    padding: 0.35rem 0.65rem;
    font-size: 0.8rem;
    font-weight: 500;
    border-radius: 6px;
}

/* Export and custom buttons styling */
.btn-custom-danger {
    background: var(--rmc-danger-lt); 
    color: #991b1b; 
    border: 1px solid #fca5a5;
    padding: 0.35rem 0.65rem;
    font-size: 0.8rem;
    font-weight: 600;
    border-radius: 6px;
    display: inline-flex; 
    align-items: center; 
    gap: 6px;
    text-decoration: none;
    cursor: pointer;
}
.btn-custom-danger:hover {
    background: #fee2e2;
    border-color: #f87171;
}

.bi-380cd8ce66 { border-left: 4px solid var(--rmc-success) !important; }

.bi-2f7bbac419 { font-size:0.6rem; }

.bi-aec7efe041 { background:#e0e7ff;color:#4f46e5; }

.bi-aca4143966 { font-size:0.75rem;font-weight:600; }

.bi-bf7bcabefd { font-size:1.35rem;font-weight:700;color:#0f172a; }

.bi-cf2d5a904b { background:#d1fae5;color:#10b981; }

.bi-8113a013f7 { font-size:0.75rem; }

.bi-a8361b189d { background:#fef3c7;color:#f59e0b; }

.bi-3dc3c75f48 { background:#fee2e2;color:#ef4444; }

/* --- Component: separate-records\production\print.css --- */
/* Extracted from separate-records/production/print.blade.php */

.bd-page {
  font-family: 'Arial', 'Helvetica', sans-serif;
  font-size: 11.5px;
  color: #000;
  background: #fff;
  max-width: 210mm;
  margin: 0 auto;
  padding: 10mm 12mm;
  line-height: 1.4;
}
.bd-letterhead { margin-bottom: 10px; }
.bd-report-title {
  font-size: 16px;
  font-weight: 700;
  text-decoration: underline;
  text-align: center;
}
.bd-info-row {
  display: flex;
  align-items: flex-start;
  margin-bottom: 6px;
}
.bd-col { flex: 1; }
.bd-col-plant { flex: 0 0 32%; }
.bd-col-mid { flex: 0 0 36%; }
.bd-col-right { flex: 0 0 32%; }
.bd-plant-tag { font-size: 12px; font-weight: 700; margin-bottom: 3px; }
.bd-plant-name { font-size: 11px; font-weight: 700; }
.bd-row { display: flex; align-items: baseline; padding: 2px 0; font-size: 11px; }
.bd-row-wrap .bd-k { line-height: 1.2; }
.bd-k { font-weight: 700; white-space: nowrap; flex: 0 0 110px; }
.bd-sep { flex: 0 0 10px; }
.bd-v { flex: 1; }
.bd-unit { flex: 0 0 24px; font-weight: 700; text-align: right; }
.mono { font-family: 'Courier New', monospace; }
.bd-pump-row { margin-top: -4px; margin-bottom: 10px; }
.bd-mat-table { width: 100%; border-collapse: collapse; margin-bottom: 4px; font-size: 11px; }
.bd-mat-table th, .bd-mat-table td { padding: 4px 6px; text-align: center; border: 1px solid #000; }
.bd-mat-table thead th { font-weight: 700; }
.bd-mat-table .total-row { font-weight: 700; }
.bd-summary-row { display: flex; gap: 10px; margin: 8px 0 10px; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 6px 0; }
.bd-summary-col { display: flex; flex: 1; align-items: center; gap: 6px; }
.bd-note-row { display: flex; justify-content: space-between; align-items: center; margin-top: 8px; }
.bd-mat-note { font-size: 10px; }
.bd-for-line { font-weight: 700; text-transform: uppercase; }
.bd-actions { display: flex; justify-content: flex-end; gap: 8px; margin: 16px 0 0; }
.bd-btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border: 1px solid #d0d7de; background: #fff; color: #111; border-radius: 4px; text-decoration: none; }
.bd-btn-print { background: #2563eb; color: #fff; border-color: #2563eb; }
@media print { .no-print { display: none !important; } body { margin: 0; padding: 0; } }

/* --- Component: separate-records\purchases\create-new.css --- */
/* Extracted from separate-records/purchases/create-new.blade.php */

:root{
        --ink:        #23303F;
        --ink-soft:   #5B6675;
        --paper:      #FAF7F1;
        --panel:      #FFFFFF;
        --line:       #E3DDCF;
        --ledger:     #14675C;
        --ledger-dk:  #0E4C44;
        --gold:       #C1872F;
        --danger:     #B4432E;
    }

    @import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap');

    .sep-page{
        background: var(--paper);
        color: var(--ink);
        font-family: 'Inter', -apple-system, sans-serif;
        padding-bottom: 3rem;
    }

    .sep-page .page-header{
        border-bottom: none;
        padding: 2.25rem 0 1.25rem;
    }

    .sep-page .page-title{
        font-family: 'Fraunces', Georgia, serif;
        font-weight: 600;
        font-size: 1.9rem;
        color: var(--ink);
        display: flex;
        align-items: center;
        gap: .6rem;
        letter-spacing: -0.01em;
    }

    .sep-page .page-title i{ color: var(--ledger); font-size: 1.5rem; }

    .sep-page .page-eyebrow{
        font-family: 'IBM Plex Mono', monospace;
        font-size: .72rem;
        letter-spacing: .14em;
        text-transform: uppercase;
        color: var(--gold);
        font-weight: 600;
        margin-bottom: .35rem;
        display: block;
    }

    .ledger-panel{
        background: var(--panel);
        border: 1px solid var(--line);
        border-radius: 4px;
        box-shadow: 0 1px 2px rgba(35,48,63,0.04);
        margin-bottom: 1.5rem;
        position: relative;
        overflow: visible;
    }

    .ledger-panel::before{
        content: attr(data-tab);
        position: absolute;
        top: -13px;
        left: 22px;
        background: var(--ledger);
        color: #fff;
        font-family: 'IBM Plex Mono', monospace;
        font-size: .68rem;
        font-weight: 600;
        letter-spacing: .1em;
        text-transform: uppercase;
        padding: .28rem .7rem;
        border-radius: 3px;
    }

    .ledger-panel .panel-body{ padding: 2.1rem 1.75rem 1.6rem; }

    .sep-page .form-label{
        font-weight: 600;
        font-size: .82rem;
        color: var(--ink-soft);
        text-transform: uppercase;
        letter-spacing: .04em;
        margin-bottom: .4rem;
    }

    .sep-page .form-control,
    .sep-page .form-select{
        border: 1px solid var(--line);
        border-radius: 3px;
        background: var(--paper);
        color: var(--ink);
        padding: .55rem .75rem;
        font-size: .95rem;
        transition: border-color .15s ease, box-shadow .15s ease;
    }

    .sep-page .form-control:focus,
    .sep-page .form-select:focus{
        border-color: var(--ledger);
        box-shadow: 0 0 0 3px rgba(20,103,92,0.12);
        background: #fff;
    }

    .sep-actions{
        display: flex;
        justify-content: flex-end;
        gap: .75rem;
        align-items: center;
        margin-top: 1.5rem;
    }

    .btn-cancel{
        color: var(--ink-soft);
        font-weight: 600;
        text-decoration: none;
        padding: .65rem 1rem;
    }
    .btn-cancel:hover{ color: var(--ink); }

    .btn-save{
        background: var(--ledger);
        border: none;
        color: #fff;
        font-weight: 600;
        padding: .7rem 1.6rem;
        border-radius: 3px;
        display: inline-flex;
        align-items: center;
        gap: .5rem;
        font-size: .95rem;
        transition: background .15s ease;
    }
    .btn-save:hover{ background: var(--ledger-dk); color: #fff; }

    @media (max-width: 767px){
        .ledger-panel .panel-body{ padding: 1.6rem 1.1rem 1.3rem; }
    }

/* --- Component: separate-records\purchases\create.css --- */
/* Extracted from separate-records/purchases/create.blade.php */

:root{
        --ink:        #23303F;
        --ink-soft:   #5B6675;
        --paper:      #FAF7F1;
        --panel:      #FFFFFF;
        --line:       #E3DDCF;
        --ledger:     #14675C;
        --ledger-dk:  #0E4C44;
        --gold:       #C1872F;
        --danger:     #B4432E;
        --success:    #14675C;
    }

    @import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap');

    .sep-page{
        background: var(--paper);
        color: var(--ink);
        font-family: 'Inter', -apple-system, sans-serif;
        padding-bottom: 3rem;
    }

    .sep-page .page-header{
        border-bottom: none;
        padding: 2.25rem 0 1.25rem;
    }

    .sep-page .page-title{
        font-family: 'Fraunces', Georgia, serif;
        font-weight: 600;
        font-size: 1.9rem;
        color: var(--ink);
        display: flex;
        align-items: center;
        gap: .6rem;
        letter-spacing: -0.01em;
    }

    .sep-page .page-title i{ color: var(--ledger); font-size: 1.5rem; }

    .sep-page .page-eyebrow{
        font-family: 'IBM Plex Mono', monospace;
        font-size: .72rem;
        letter-spacing: .14em;
        text-transform: uppercase;
        color: var(--gold);
        font-weight: 600;
        margin-bottom: .35rem;
        display: block;
    }

    .ledger-panel{
        background: var(--panel);
        border: 1px solid var(--line);
        border-radius: 4px;
        box-shadow: 0 1px 2px rgba(35,48,63,0.04);
        margin-bottom: 1.5rem;
        position: relative;
        overflow: visible;
    }

    .ledger-panel::before{
        content: attr(data-tab);
        position: absolute;
        top: -13px;
        left: 22px;
        background: var(--ledger);
        color: #fff;
        font-family: 'IBM Plex Mono', monospace;
        font-size: .68rem;
        font-weight: 600;
        letter-spacing: .1em;
        text-transform: uppercase;
        padding: .28rem .7rem;
        border-radius: 3px;
    }

    .ledger-panel .panel-body{ padding: 2.1rem 1.75rem 1.6rem; }

    .sep-page .form-label{
        font-weight: 600;
        font-size: .82rem;
        color: var(--ink-soft);
        text-transform: uppercase;
        letter-spacing: .04em;
        margin-bottom: .4rem;
    }

    .sep-page .form-control,
    .sep-page .form-select{
        border: 1px solid var(--line);
        border-radius: 3px;
        background: var(--paper);
        color: var(--ink);
        padding: .55rem .75rem;
        font-size: .95rem;
        transition: border-color .15s ease, box-shadow .15s ease;
    }

    .sep-page .form-control:focus,
    .sep-page .form-select:focus{
        border-color: var(--ledger);
        box-shadow: 0 0 0 3px rgba(20,103,92,0.12);
        background: #fff;
    }

    .sep-page small.text-muted{
        font-size: .74rem;
        color: var(--ink-soft) !important;
    }

    .sep-page .text-danger{ color: var(--danger) !important; }
    .sep-page .invalid-feedback{ color: var(--danger); font-size: .8rem; }
    .sep-page .is-invalid{ border-color: var(--danger) !important; }

    .sep-actions{
        display: flex;
        justify-content: flex-end;
        gap: .75rem;
        align-items: center;
        margin-top: 1.5rem;
    }

    .btn-cancel{
        color: var(--ink-soft);
        font-weight: 600;
        text-decoration: none;
        padding: .65rem 1rem;
    }
    .btn-cancel:hover{ color: var(--ink); }

    .btn-save{
        background: var(--ledger);
        border: none;
        color: #fff;
        font-weight: 600;
        padding: .7rem 1.6rem;
        border-radius: 3px;
        display: inline-flex;
        align-items: center;
        gap: .5rem;
        font-size: .95rem;
        transition: background .15s ease;
    }
    .btn-save:hover{ background: var(--ledger-dk); color: #fff; }

.bi-0cb4b441de { width: 36%; }

.bi-b6542040b3 { width: 60px; }

/* --- Component: separate-records\sales\create.css --- */
/* Extracted from separate-records/sales/create.blade.php */

:root{
        --ink:        #23303F;
        --ink-soft:   #5B6675;
        --paper:      #FAF7F1;
        --panel:      #FFFFFF;
        --line:       #E3DDCF;
        --ledger:     #14675C;
        --ledger-dk:  #0E4C44;
        --gold:       #C1872F;
        --danger:     #B4432E;
        --success:    #14675C;
    }

    @import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap');

    .sep-page{
        background: var(--paper);
        color: var(--ink);
        font-family: 'Inter', -apple-system, sans-serif;
        padding-bottom: 3rem;
    }

    .sep-page .page-header{
        border-bottom: none;
        padding: 2.25rem 0 1.25rem;
    }

    .sep-page .page-title{
        font-family: 'Fraunces', Georgia, serif;
        font-weight: 600;
        font-size: 1.9rem;
        color: var(--ink);
        display: flex;
        align-items: center;
        gap: .6rem;
        letter-spacing: -0.01em;
    }

    .sep-page .page-title i{ color: var(--ledger); font-size: 1.5rem; }

    .sep-page .page-eyebrow{
        font-family: 'IBM Plex Mono', monospace;
        font-size: .72rem;
        letter-spacing: .14em;
        text-transform: uppercase;
        color: var(--gold);
        font-weight: 600;
        margin-bottom: .35rem;
        display: block;
    }

    .ledger-panel{
        background: var(--panel);
        border: 1px solid var(--line);
        border-radius: 4px;
        box-shadow: 0 1px 2px rgba(35,48,63,0.04);
        margin-bottom: 1.5rem;
        position: relative;
        overflow: visible;
    }

    .ledger-panel::before{
        content: attr(data-tab);
        position: absolute;
        top: -13px;
        left: 22px;
        background: var(--ledger);
        color: #fff;
        font-family: 'IBM Plex Mono', monospace;
        font-size: .68rem;
        font-weight: 600;
        letter-spacing: .1em;
        text-transform: uppercase;
        padding: .28rem .7rem;
        border-radius: 3px;
    }

    .ledger-panel .panel-body{ padding: 2.1rem 1.75rem 1.6rem; }

    .sep-page .form-label{
        font-weight: 600;
        font-size: .82rem;
        color: var(--ink-soft);
        text-transform: uppercase;
        letter-spacing: .04em;
        margin-bottom: .4rem;
    }

    .sep-page .form-control,
    .sep-page .form-select{
        border: 1px solid var(--line);
        border-radius: 3px;
        background: var(--paper);
        color: var(--ink);
        padding: .55rem .75rem;
        font-size: .95rem;
        transition: border-color .15s ease, box-shadow .15s ease;
    }

    .sep-page .form-control:focus,
    .sep-page .form-select:focus{
        border-color: var(--ledger);
        box-shadow: 0 0 0 3px rgba(20,103,92,0.12);
        background: #fff;
    }

    .sep-page .form-control[readonly]{
        background: #F0EDE4;
        color: var(--ink-soft);
        font-family: 'IBM Plex Mono', monospace;
        font-weight: 600;
    }

    .sep-page small.text-muted{
        font-size: .74rem;
        color: var(--ink-soft) !important;
    }

    .sep-page .text-danger{ color: var(--danger) !important; }
    .sep-page .invalid-feedback{ color: var(--danger); font-size: .8rem; }
    .sep-page .is-invalid{ border-color: var(--danger) !important; }

    #itemsTable{
        border-collapse: separate;
        border-spacing: 0;
        margin-bottom: 0;
    }

    #itemsTable thead th{
        font-family: 'IBM Plex Mono', monospace;
        font-size: .7rem;
        letter-spacing: .1em;
        text-transform: uppercase;
        color: var(--ink-soft);
        background: var(--paper);
        border-bottom: 2px solid var(--ink);
        border-top: none;
        padding: .7rem .6rem;
        font-weight: 600;
    }

    #itemsTable td{
        vertical-align: middle;
        border-color: var(--line);
        padding: .55rem;
    }

    #itemsTable .item-row .row-index{
        font-family: 'IBM Plex Mono', monospace;
        color: var(--ink-soft);
        font-size: .85rem;
        text-align: center;
        width: 2.5rem;
    }

    #itemsTable .line-total{
        font-family: 'IBM Plex Mono', monospace;
        font-weight: 600;
        text-align: right;
        color: var(--ink);
        white-space: nowrap;
    }

    .btn-add-item{
        background: transparent;
        border: 1px dashed var(--ledger);
        color: var(--ledger-dk);
        font-weight: 600;
        font-size: .88rem;
        border-radius: 3px;
        padding: .5rem 1rem;
        transition: background .15s ease;
    }
    .btn-add-item:hover{ background: rgba(20,103,92,0.08); color: var(--ledger-dk); }

    .btn-remove-item{
        background: transparent;
        border: 1px solid var(--line);
        color: var(--danger);
        border-radius: 3px;
        font-size: .8rem;
        padding: .3rem .55rem;
    }
    .btn-remove-item:hover{ background: rgba(180,67,46,0.08); border-color: var(--danger); }

    .ledger-tape{
        background: var(--ink);
        color: #F5F1E8;
        border-radius: 4px;
        position: relative;
        padding: 1.6rem 1.9rem 1.8rem;
        margin-top: .5rem;
        background-image:
            radial-gradient(circle at 8px 0, transparent 7px, var(--paper) 7.5px),
            radial-gradient(circle at 8px 100%, transparent 7px, var(--paper) 7.5px);
        background-position: top left, bottom left;
        background-size: 16px 16px;
        background-repeat: repeat-x;
    }

    .ledger-tape .tape-row{
        display: flex;
        justify-content: space-between;
        font-family: 'IBM Plex Mono', monospace;
        font-size: .92rem;
        padding: .3rem 0;
        color: #C9C2B2;
    }

    .ledger-tape .tape-row.grand{
        border-top: 1px dashed rgba(245,241,232,0.3);
        margin-top: .5rem;
        padding-top: .8rem;
        font-size: 1.35rem;
        font-weight: 600;
        color: #fff;
    }

    .ledger-tape .tape-row.grand .tape-label{
        font-family: 'Fraunces', serif;
        font-weight: 600;
        letter-spacing: -0.01em;
    }

    .ledger-tape .tape-row.grand span:last-child{
        color: #E4A94B;
    }

    .sep-actions{
        display: flex;
        justify-content: flex-end;
        gap: .75rem;
        align-items: center;
        margin-top: 1.5rem;
    }

    .btn-cancel{
        color: var(--ink-soft);
        font-weight: 600;
        text-decoration: none;
        padding: .65rem 1rem;
    }
    .btn-cancel:hover{ color: var(--ink); }

    .btn-save{
        background: var(--ledger);
        border: none;
        color: #fff;
        font-weight: 600;
        padding: .7rem 1.6rem;
        border-radius: 3px;
        display: inline-flex;
        align-items: center;
        gap: .5rem;
        font-size: .95rem;
        transition: background .15s ease;
    }
    .btn-save:hover{ background: var(--ledger-dk); color: #fff; }

    @media (max-width: 767px){
        .ledger-panel .panel-body{ padding: 1.6rem 1.1rem 1.3rem; }
        .ledger-tape{ padding: 1.3rem 1.2rem 1.5rem; }
    }

/* --- Component: separate-records\sales\edit.css --- */
/* Extracted from separate-records/sales/edit.blade.php */

:root{
        --ink:        #23303F;
        --ink-soft:   #5B6675;
        --paper:      #FAF7F1;
        --panel:      #FFFFFF;
        --line:       #E3DDCF;
        --ledger:     #14675C;
        --ledger-dk:  #0E4C44;
        --gold:       #C1872F;
        --danger:     #B4432E;
        --success:    #14675C;
    }

    .sep-page{
        background: var(--paper);
        color: var(--ink);
        font-family: 'Inter', -apple-system, sans-serif;
        padding-bottom: 3rem;
    }

    .sep-page .page-header{
        border-bottom: none;
        padding: 2.25rem 0 1.25rem;
    }

    .sep-page .page-title{
        font-family: 'Fraunces', Georgia, serif;
        font-weight: 600;
        font-size: 1.9rem;
        color: var(--ink);
        display: flex;
        align-items: center;
        gap: .6rem;
        letter-spacing: -0.01em;
    }

    .sep-page .page-title i{ color: var(--ledger); font-size: 1.5rem; }

    .sep-page .page-eyebrow{
        font-family: 'IBM Plex Mono', monospace;
        font-size: .72rem;
        letter-spacing: .14em;
        text-transform: uppercase;
        color: var(--gold);
        font-weight: 600;
        margin-bottom: .35rem;
        display: block;
    }

    .ledger-panel{
        background: var(--panel);
        border: 1px solid var(--line);
        border-radius: 4px;
        box-shadow: 0 1px 2px rgba(35,48,63,0.04);
        margin-bottom: 1.5rem;
        position: relative;
        overflow: visible;
    }

    .ledger-panel::before{
        content: attr(data-tab);
        position: absolute;
        top: -13px;
        left: 22px;
        background: var(--ledger);
        color: #fff;
        font-family: 'IBM Plex Mono', monospace;
        font-size: .68rem;
        font-weight: 600;
        letter-spacing: .1em;
        text-transform: uppercase;
        padding: .28rem .7rem;
        border-radius: 3px;
    }

    .ledger-panel .panel-body{ padding: 2.1rem 1.75rem 1.6rem; }

    .sep-page .form-label{
        font-weight: 600;
        font-size: .82rem;
        color: var(--ink-soft);
        text-transform: uppercase;
        letter-spacing: .04em;
        margin-bottom: .4rem;
    }

    .sep-page .form-control,
    .sep-page .form-select{
        border: 1px solid var(--line);
        border-radius: 3px;
        background: var(--paper);
        color: var(--ink);
        padding: .55rem .75rem;
        font-size: .95rem;
        transition: border-color .15s ease, box-shadow .15s ease;
    }

    .sep-page .form-control:focus,
    .sep-page .form-select:focus{
        border-color: var(--ledger);
        box-shadow: 0 0 0 3px rgba(20,103,92,0.12);
        background: #fff;
    }

    .sep-page .form-control[readonly]{
        background: #F0EDE4;
        color: var(--ink-soft);
        font-family: 'IBM Plex Mono', monospace;
        font-weight: 600;
    }

    .sep-page small.text-muted{
        font-size: .74rem;
        color: var(--ink-soft) !important;
    }

    .sep-actions{
        display: flex;
        justify-content: flex-end;
        gap: .75rem;
        align-items: center;
        margin-top: 1.5rem;
    }

    .btn-cancel{
        color: var(--ink-soft);
        font-weight: 600;
        text-decoration: none;
        padding: .65rem 1rem;
    }
    .btn-cancel:hover{ color: var(--ink); }

    .btn-save{
        background: var(--ledger);
        border: none;
        color: #fff;
        font-weight: 600;
        padding: .7rem 1.6rem;
        border-radius: 3px;
        display: inline-flex;
        align-items: center;
        gap: .5rem;
        font-size: .95rem;
        transition: background .15s ease;
    }
    .btn-save:hover{ background: var(--ledger-dk); color: #fff; }

/* --- Component: separate-records\sales\index.css --- */
/* Extracted from separate-records/sales/index.blade.php */

:root{
        --ink:        #23303F;
        --ink-soft:   #5B6675;
        --paper:      #FAF7F1;
        --panel:      #FFFFFF;
        --line:       #E3DDCF;
        --ledger:     #14675C;
        --ledger-dk:  #0E4C44;
        --gold:       #C1872F;
        --danger:     #B4432E;
    }

    @import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap');

    .list-page{ background: var(--paper); color: var(--ink); font-family: 'Inter', -apple-system, sans-serif; padding-bottom: 3rem; }
    .list-page .page-header{ border-bottom: none; padding: 2.25rem 0 1.25rem; }
    .list-page .page-title{ font-family: 'Fraunces', Georgia, serif; font-weight: 600; font-size: 1.9rem; color: var(--ink); display: flex; align-items: center; gap: .6rem; letter-spacing: -0.01em; }
    .list-page .page-title i{ color: var(--ledger); font-size: 1.5rem; }
    .list-page .page-eyebrow{ font-family: 'IBM Plex Mono', monospace; font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: var(--gold); font-weight: 600; margin-bottom: .35rem; display: block; }

    .list-panel{ background: var(--panel); border: 1px solid var(--line); border-radius: 4px; box-shadow: 0 1px 2px rgba(35,48,63,0.04); margin-bottom: 1.5rem; overflow: hidden; }
    .list-panel .panel-header{ padding: 1.5rem 1.75rem; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; }
    .list-panel .panel-header h6{ margin: 0; font-size: .9rem; font-weight: 600; color: var(--ink); }
    .list-panel .panel-body{ padding: 1.75rem; }

    .btn-primary-action{ background: var(--ledger); color: #fff; border: none; padding: .6rem 1.2rem; border-radius: 3px; font-weight: 600; font-size: .9rem; display: inline-flex; align-items: center; gap: .5rem; text-decoration: none; transition: background .15s; }
    .btn-primary-action:hover{ background: var(--ledger-dk); color: #fff; }

    .filter-row{ display: flex; gap: 1rem; align-items: flex-end; flex-wrap: wrap; }
    .filter-row .filter-group{ display: flex; flex-direction: column; gap: .4rem; }
    .filter-row .filter-group label{ font-size: .75rem; font-weight: 600; color: var(--ink-soft); text-transform: uppercase; letter-spacing: .04em; }
    .filter-row input, .filter-row select{ border: 1px solid var(--line); border-radius: 3px; padding: .5rem .75rem; font-size: .9rem; background: var(--paper); }

    .table-responsive{ overflow-x: auto; }
    .data-table{ width: 100%; border-collapse: collapse; font-size: .9rem; }
    .data-table thead th{ background: var(--paper); padding: .75rem; text-align: left; font-weight: 600; font-size: .75rem; color: var(--ink-soft); border-bottom: 2px solid var(--ink); text-transform: uppercase; letter-spacing: .04em; }
    .data-table tbody td{ padding: .75rem; border-bottom: 1px solid var(--line); }
    .data-table tbody tr:hover{ background: rgba(20,103,92,0.04); }
    .data-table .col-actions{ text-align: center; }

    .badge{ display: inline-block; padding: .35rem .65rem; border-radius: 3px; font-size: .75rem; font-weight: 600; }
    .badge-status{ background: #E8F5E9; color: #2E7D32; }
    .badge-amount{ background: #FCF4DE; color: #C1872F; font-family: 'IBM Plex Mono', monospace; }

    .action-btn{ display: inline-flex; align-items: center; gap: .3rem; padding: .4rem .8rem; border-radius: 3px; border: 1px solid var(--line); background: #fff; color: var(--ink); text-decoration: none; font-size: .8rem; transition: all .15s; }
    .action-btn:hover{ border-color: var(--ledger); color: var(--ledger); }

    .alert{ border-radius: 4px; padding: 1rem 1.25rem; margin-bottom: 1.5rem; border-left: 4px solid; }
    .alert-success{ background: #F1F8F6; border-left-color: var(--ledger); color: var(--ledger); }

.bi-539b72c63c { flex: 1;min-width: 200px; }

.bi-16000cc0ae { width: 100%; }

.bi-0a9e77da62 { width: 150px; }

.bi-7e375a9935 { width: auto; }

.bi-30489cbd39 { text-align: right; }

.bi-65f9d5a3d9 { text-align: center; }

.bi-50c8649dcb { text-align: center;padding: 2rem;color: var(--muted); }

.bi-5dea1e12db { font-size: 2rem;opacity: 0.3;display: block;margin-bottom: 1rem; }

.bi-97061fa035 { display: flex;justify-content: center;margin-top: 2rem; }

/* --- Component: separate-records\_sidebar.css --- */
/* Extracted from separate-records/_sidebar.blade.php */

.separate-sidebar .list-group-item {
    border: none;
    border-bottom: 1px solid #f1f3f5;
    color: #354052;
}
.separate-sidebar .list-group-item:last-child {
    border-bottom: none;
}
.separate-sidebar .list-group-item.active {
    background-color: #0d6efd;
    color: #fff;
    border-color: #0d6efd;
}
.separate-sidebar .list-group-item:hover {
    background-color: #f8f9ff;
}
@media (max-width: 991px) {
    .separate-sidebar { margin-bottom: 1rem; }
}




/* ==========================================================================
   UNIVERSAL ERP UI UTILITIES & SOFT THEME ENHANCEMENTS
   ========================================================================== */
.bg-soft-primary   { background-color: rgba(41, 98, 255, 0.1) !important; color: #2962ff !important; }
.bg-soft-success   { background-color: rgba(76, 175, 80, 0.1) !important; color: #4caf50 !important; }
.bg-soft-info      { background-color: rgba(0, 188, 212, 0.1) !important; color: #00bcd4 !important; }
.bg-soft-warning   { background-color: rgba(255, 152, 0, 0.1) !important; color: #ff9800 !important; }
.bg-soft-danger    { background-color: rgba(244, 67, 54, 0.1) !important; color: #f44336 !important; }
.bg-soft-secondary { background-color: rgba(108, 117, 125, 0.1) !important; color: #6c757d !important; }

.badge-soft-primary   { background-color: rgba(41, 98, 255, 0.12); color: #2962ff; font-weight: 600; padding: 4px 10px; border-radius: 6px; }
.badge-soft-success   { background-color: rgba(76, 175, 80, 0.12); color: #16a34a; font-weight: 600; padding: 4px 10px; border-radius: 6px; }
.badge-soft-warning   { background-color: rgba(255, 152, 0, 0.12); color: #d97706; font-weight: 600; padding: 4px 10px; border-radius: 6px; }
.badge-soft-danger    { background-color: rgba(244, 67, 54, 0.12); color: #dc2626; font-weight: 600; padding: 4px 10px; border-radius: 6px; }
.badge-soft-info      { background-color: rgba(0, 188, 212, 0.12); color: #0284c7; font-weight: 600; padding: 4px 10px; border-radius: 6px; }

.stat-modern {
    border-radius: 14px;
    border-left: 5px solid transparent;
    background: #fff;
    transition: all .25s ease;
    box-shadow: 0 1px 3px rgba(15,23,42,.04);
}
.stat-modern:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(15,23,42,.08);
}

.plant-live-status {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0.85rem;
    background: rgba(40, 167, 69, 0.1);
    border: 1px solid rgba(40, 167, 69, 0.25);
    border-radius: 2rem;
    font-size: 0.75rem;
    font-weight: 700;
    color: #28a745;
}

.pulse-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #28a745;
    box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.7);
    animation: pulse-green 1.8s infinite;
}

@keyframes pulse-green {
    0%   { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.7); }
    70%  { transform: scale(1); box-shadow: 0 0 0 8px rgba(40, 167, 69, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(40, 167, 69, 0); }
}


/* ==========================================================================
   ARROW ONE RMC ERP - CONSOLIDATED MODULE & CHROME STYLESHEET
   Unified CSS across Sales, CRM, Production, Dispatch, QC & Navigation
   ========================================================================== */

/* --------------------------------------------------------------------------
   SECTION: Navigation Chrome - Top Header (layouts/header.blade.php)
   -------------------------------------------------------------------------- */
/* Modern Executive Header Styles */
.rmc-modern-header {
    background: var(--rmc-header-bg, #0f1c2e) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.22) !important;
    height: 64px !important;
    display: flex;
    align-items: center;
}

.rmc-header-action-btn {
    width: 38px;
    height: 38px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #e2e8f0;
    font-size: 16px;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.rmc-header-action-btn:hover {
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.22);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.rmc-header-btn {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #e2e8f0;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.rmc-header-btn:hover {
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.22);
    transform: translateY(-1px);
}

.header-divider {
    width: 1px;
    height: 24px;
    background: rgba(255, 255, 255, 0.12);
    margin: 0 4px;
}

.rmc-search-input {
    height: 38px !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(255, 255, 255, 0.13) !important;
    padding-left: 16px !important;
    padding-right: 40px !important;
    font-size: 13px !important;
    color: #ffffff !important;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.rmc-search-input::placeholder { color: #94a3b8 !important; }
.header-search .input-icon-addon i { color: #94a3b8 !important; }

.rmc-search-input:focus {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: var(--primary-color, #3b82f6) !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25) !important;
    color: #ffffff !important;
}

.rmc-profile-pill {
    padding: 3px 12px 3px 4px;
    border-radius: 30px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.06);
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    text-decoration: none;
    cursor: pointer;
}

.rmc-profile-pill:hover {
    background: rgba(255, 255, 255, 0.13);
    border-color: rgba(255, 255, 255, 0.22);
}
.rmc-profile-pill .fw-bold,
.rmc-profile-pill .text-dark { color: #ffffff !important; }
.rmc-profile-pill .text-muted { color: #94a3b8 !important; }

.rmc-online-dot {
    width: 10px;
    height: 10px;
}

.rmc-pulse-badge {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ef4444;
    box-shadow: 0 0 0 rgba(239, 68, 68, 0.5);
    animation: rmcPulse 2s infinite;
}

@keyframes rmcPulse {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 8px rgba(239, 68, 68, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
}

.rmc-badge-count {
    font-size: 9.5px;
    padding: 2px 5px;
}

.rmc-dropdown-item {
    transition: all 0.15s ease;
}

.rmc-dropdown-item:hover {
    background: #f8fafc;
    transform: translateX(3px);
}

.rmc-logout-btn {
    transition: all 0.15s ease;
}

.rmc-logout-btn:hover {
    background: #fef2f2;
}

.shadow-xl {
    box-shadow: 0 20px 35px -5px rgba(15, 23, 42, 0.14), 0 8px 16px -4px rgba(15, 23, 42, 0.08) !important;
}

/* --------------------------------------------------------------------------
   SECTION: Navigation Chrome - Top Modulebar Navigation (layouts/sidebar.blade.php)
   -------------------------------------------------------------------------- */
:root {
        --rmc-nav-height: 46px;
        --rmc-nav-bg: var(--rmc-topbar-bg, #14253a);
        --rmc-nav-hover: rgba(255, 255, 255, 0.09);
        --rmc-nav-text: #cbd5e1;
        --rmc-nav-text-hover: #ffffff;
        --rmc-nav-border: rgba(255, 255, 255, 0.08);
        --rmc-nav-accent: var(--primary-color, #2563eb);
    }

    .rmc-modulebar {
        position: sticky !important;
        top: 64px !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 1040 !important;
        width: 100% !important;
        height: var(--rmc-nav-height);
        background: var(--rmc-nav-bg);
        border-bottom: 1px solid var(--rmc-nav-border);
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16);
    }

    .rmc-topbar-inner {
        height: 100%;
        display: flex;
        align-items: center;
        gap: 6px;
        padding: 0 18px;
        max-width: 1680px;
        margin: 0 auto;
    }

    .rmc-menu-toggle {
        display: none;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        border: 1px solid var(--rmc-nav-border);
        border-radius: 8px;
        background: var(--rmc-nav-hover);
        color: #fff;
        font-size: 19px;
        cursor: pointer;
    }

    .rmc-nav {
        flex: 1;
        min-width: 0;
    }

    .rmc-nav-list {
        display: flex;
        align-items: center;
        gap: 4px;
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .rmc-nav-item {
        position: relative;
        flex: 0 0 auto;
    }

    .rmc-nav-item > a,
    .rmc-dropdown-toggle {
        height: 34px;
        display: inline-flex;
        align-items: center;
        gap: 7px;
        padding: 0 11px;
        border: 0;
        border-radius: 8px;
        background: transparent;
        color: var(--rmc-nav-text);
        font-size: 12.5px;
        font-weight: 600;
        letter-spacing: 0.01em;
        cursor: pointer;
        white-space: nowrap;
        text-decoration: none;
        transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .rmc-nav-item > a:hover,
    .rmc-dropdown-toggle:hover {
        background: var(--rmc-nav-hover);
        color: var(--rmc-nav-text-hover);
    }

    .rmc-nav-item.active > a,
    .rmc-nav-item.active > .rmc-dropdown-toggle {
        background: linear-gradient(135deg, var(--primary-color, #2563eb) 0%, #1d4ed8 100%);
        color: #ffffff;
        font-weight: 700;
        box-shadow: 0 3px 10px rgba(37, 99, 235, 0.35);
        border-radius: 8px;
    }

    .rmc-nav-item i {
        font-size: 16px;
        opacity: 0.95;
    }

    .rmc-dropdown-toggle .arrow {
        font-size: 11px;
        margin-left: 2px;
        transition: transform 0.22s ease;
        opacity: 0.75;
    }

    /* Mega Dropdowns */
    .rmc-dropdown-menu {
        position: absolute;
        top: calc(100% + 6px);
        left: 0;
        width: 260px;
        padding: 10px;
        border: 1px solid #e2e8f0;
        border-radius: 14px;
        background: #ffffff;
        box-shadow: 0 20px 45px -10px rgba(15, 23, 42, 0.22), 0 8px 16px -4px rgba(15, 23, 42, 0.08);
        opacity: 0;
        visibility: hidden;
        transform: translateY(8px);
        transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
        z-index: 1100;
    }

    .rmc-nav-item.dropdown:hover > .rmc-dropdown-menu,
    .rmc-nav-item.dropdown.open > .rmc-dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .rmc-nav-item.dropdown:hover .arrow,
    .rmc-nav-item.dropdown.open .arrow {
        transform: rotate(180deg);
    }

    .rmc-dropdown-wide {
        width: 680px;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 12px;
        padding: 14px;
    }

    .rmc-dropdown-right {
        left: auto !important;
        right: 0 !important;
    }

    /* Last items dropdown alignment to prevent off-screen clipping */
    .rmc-nav-item:nth-last-child(-n+3) > .rmc-dropdown-menu {
        left: auto !important;
        right: 0 !important;
    }

    .rmc-menu-group {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

    .rmc-group-title {
        display: block;
        padding: 5px 8px;
        font-size: 10.5px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        color: #64748b;
        border-bottom: 1px solid #f1f5f9;
        margin-bottom: 6px;
    }

    .rmc-dropdown-menu a {
        display: flex;
        align-items: center;
        gap: 9px;
        padding: 7px 10px;
        border-radius: 8px;
        color: #334155;
        font-size: 12.5px;
        font-weight: 500;
        text-decoration: none;
        transition: all 0.15s ease;
    }

    .rmc-dropdown-menu a:hover,
    .rmc-dropdown-menu a.active {
        color: var(--primary-color, #ff402d);
        background: #f8fafc;
        font-weight: 600;
        transform: translateX(3px);
    }

    .rmc-dropdown-menu a i {
        font-size: 16px;
        color: #64748b;
        transition: color 0.15s ease;
    }

    .rmc-dropdown-menu a:hover i,
    .rmc-dropdown-menu a.active i {
        color: var(--primary-color, #ff402d);
    }

    .rmc-nav-mobile-head {
        display: none;
    }

    /* Mobile Drawer */
    @media (max-width: 1024px) {
        .rmc-menu-toggle {
            display: inline-flex;
        }

        .rmc-nav {
            position: fixed;
            top: 0;
            left: 0;
            bottom: 0;
            width: 300px;
            background: #081627;
            z-index: 1200;
            transform: translateX(-100%);
            transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1);
            overflow-y: auto;
            padding: 20px 16px 40px;
            box-shadow: 12px 0 35px rgba(0, 0, 0, 0.45);
        }

        .rmc-nav.open {
            transform: translateX(0);
        }

        .rmc-nav-backdrop {
            position: fixed;
            inset: 0;
            background: rgba(8, 22, 39, 0.65);
            backdrop-filter: blur(6px);
            z-index: 1150;
        }

        .rmc-nav-mobile-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding-bottom: 14px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            margin-bottom: 14px;
            color: #ffffff;
            font-size: 15px;
            font-weight: 700;
        }

        .rmc-menu-close {
            background: rgba(255, 255, 255, 0.08);
            border: none;
            color: #cbd5e1;
            font-size: 18px;
            width: 32px;
            height: 32px;
            border-radius: 8px;
            display: grid;
            place-items: center;
            cursor: pointer;
            transition: all 0.2s ease;
        }

        .rmc-menu-close:hover {
            background: rgba(255, 255, 255, 0.2);
            color: #fff;
        }

        .rmc-nav-list {
            flex-direction: column;
            align-items: stretch;
            gap: 4px;
        }

        .rmc-nav-item > a,
        .rmc-dropdown-toggle {
            width: 100%;
            justify-content: space-between;
            height: 40px;
            padding: 0 12px;
            font-size: 13.5px;
        }

        .rmc-dropdown-menu {
            position: static;
            opacity: 1;
            visibility: visible;
            transform: none;
            box-shadow: none;
            border: none;
            background: #0f233a;
            border-radius: 10px;
            margin: 4px 0 8px;
            display: none;
            width: 100% !important;
            padding: 8px;
        }

        .rmc-nav-item.dropdown.open > .rmc-dropdown-menu {
            display: block;
        }

        .rmc-dropdown-wide {
            grid-template-columns: 1fr;
        }

        .rmc-dropdown-menu a {
            color: #cbd5e1;
            font-size: 13px;
            padding: 8px 10px;
        }

        .rmc-dropdown-menu a:hover {
            color: #ffffff;
            background: rgba(255, 255, 255, 0.1);
            transform: none;
        }

        .rmc-group-title {
            color: #94a3b8;
            border-bottom-color: rgba(255, 255, 255, 0.08);
        }
    }

/* --------------------------------------------------------------------------
   SECTION: Navigation Chrome - Vertical Left Sidebar (layouts/sidebar-left.blade.php)
   -------------------------------------------------------------------------- */
:root {
        --rmc-sidebar-width: 260px;
        --rmc-sidebar-collapsed-width: 72px;
        --rmc-sidebar-hover: rgba(255, 255, 255, 0.08);
        --rmc-sidebar-text: #cbd5e1;
        --rmc-sidebar-text-hover: #ffffff;
        --rmc-sidebar-border: rgba(255, 255, 255, 0.08);
        --rmc-sidebar-accent: var(--primary-color, #2563eb);
    }

    .rmc-sidebar-left {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        width: var(--rmc-sidebar-width);
        background: var(--rmc-sidebar-bg, #0f1c2e);
        border-right: 1px solid var(--rmc-sidebar-border);
        z-index: 1060;
        display: flex;
        flex-direction: column;
        transition: width 0.25s cubic-bezier(0.16, 1, 0.3, 1), transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
        box-shadow: 4px 0 24px rgba(0, 0, 0, 0.2);
        overflow: hidden;
    }

    .rmc-sidebar-brand {
        height: 64px;
        padding: 0 16px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid var(--rmc-sidebar-border);
        flex-shrink: 0;
    }

    .rmc-brand-link {
        display: flex;
        align-items: center;
        gap: 12px;
        text-decoration: none;
        min-width: 0;
    }

    .rmc-brand-link .sidebar-logo {
        width: 38px;
        height: 38px;
        object-fit: contain;
        border-radius: 8px;
        background: #fff;
        padding: 3px;
        flex-shrink: 0;
    }

    .rmc-brand-text {
        color: #ffffff;
        font-size: 14px;
        font-weight: 800;
        letter-spacing: -0.01em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .rmc-sidebar-actions {
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .rmc-sidebar-toggle, .rmc-sidebar-close {
        width: 32px;
        height: 32px;
        display: grid;
        place-items: center;
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.1);
        color: #cbd5e1;
        cursor: pointer;
        font-size: 16px;
        transition: all 0.2s ease;
    }

    .rmc-sidebar-toggle:hover, .rmc-sidebar-close:hover {
        background: rgba(255, 255, 255, 0.18);
        color: #fff;
    }

    .rmc-sidebar-nav {
        flex: 1 1 0%;
        min-height: 0;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 12px 10px 30px;
        scrollbar-width: thin;
        scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
    }

    .rmc-sidebar-nav::-webkit-scrollbar { width: 4px; }
    .rmc-sidebar-nav::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.2); border-radius: 4px; }

    .rmc-sidebar-list {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .rmc-sidebar-item {
        position: relative;
    }

    .rmc-sidebar-item > a,
    .rmc-sidebar-dropdown-toggle {
        width: 100%;
        height: 42px;
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 0 12px;
        border: 0;
        border-radius: 9px;
        background: transparent;
        color: var(--rmc-sidebar-text);
        font-size: 13px;
        font-weight: 600;
        text-decoration: none;
        cursor: pointer;
        transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
        white-space: nowrap;
    }

    .rmc-sidebar-item > a:hover,
    .rmc-sidebar-dropdown-toggle:hover {
        background: var(--rmc-sidebar-hover);
        color: var(--rmc-sidebar-text-hover);
    }

    .rmc-sidebar-item.active > a,
    .rmc-sidebar-item.active > .rmc-sidebar-dropdown-toggle {
        background: linear-gradient(135deg, var(--primary-color, #2563eb) 0%, #1d4ed8 100%);
        color: #ffffff;
        font-weight: 700;
        box-shadow: 0 3px 12px rgba(37, 99, 235, 0.35);
    }

    .rmc-sidebar-item i {
        font-size: 18px;
        flex-shrink: 0;
    }

    .rmc-sidebar-dropdown-toggle .arrow {
        font-size: 12px;
        margin-left: auto;
        transition: transform 0.2s ease;
    }

    .rmc-sidebar-item.open > .rmc-sidebar-dropdown-toggle .arrow {
        transform: rotate(180deg);
    }

    .rmc-sidebar-dropdown-menu {
        display: none;
        padding: 6px 4px 6px 12px;
        background: rgba(10, 20, 34, 0.75);
        border-left: 2px solid rgba(255, 255, 255, 0.08);
        border-radius: 8px;
        margin: 4px 0 8px 10px;
        max-height: min(52vh, calc(100vh - 180px));
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-width: thin;
        scrollbar-color: rgba(255, 255, 255, 0.25) transparent;
    }

    .rmc-sidebar-dropdown-menu::-webkit-scrollbar { width: 4px; }
    .rmc-sidebar-dropdown-menu::-webkit-scrollbar-track { background: transparent; }
    .rmc-sidebar-dropdown-menu::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.22);
        border-radius: 4px;
    }

    .rmc-sidebar-item.open > .rmc-sidebar-dropdown-menu {
        display: block;
    }

    .rmc-sidebar-dropdown-menu a {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 7px 10px;
        border-radius: 7px;
        color: #94a3b8;
        font-size: 12.5px;
        font-weight: 500;
        text-decoration: none;
        transition: all 0.15s ease;
    }

    .rmc-sidebar-dropdown-menu a:hover,
    .rmc-sidebar-dropdown-menu a.active {
        color: #ffffff;
        background: rgba(37, 99, 235, 0.25);
        font-weight: 600;
    }

    .rmc-group-title {
        display: block;
        padding: 6px 10px 4px;
        font-size: 10px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        color: #64748b;
        border-bottom: 1px solid rgba(255, 255, 255, 0.06);
        margin: 4px 0;
    }

    /* Collapsed State (Desktop) */
    @media (min-width: 992px) {
        .rmc-sidebar-left.collapsed {
            width: var(--rmc-sidebar-collapsed-width);
        }
        .rmc-sidebar-left.collapsed .rmc-brand-text,
        .rmc-sidebar-left.collapsed .rmc-sidebar-item span,
        .rmc-sidebar-left.collapsed .arrow {
            display: none !important;
        }
        .rmc-sidebar-left.collapsed .rmc-sidebar-brand {
            padding: 0;
            justify-content: center;
        }
        .rmc-sidebar-left.collapsed .rmc-sidebar-actions {
            display: none;
        }
        .rmc-sidebar-left.collapsed .rmc-sidebar-item > a,
        .rmc-sidebar-left.collapsed .rmc-sidebar-dropdown-toggle {
            justify-content: center;
            padding: 0;
        }
        .rmc-sidebar-left.collapsed .rmc-sidebar-item.dropdown > .rmc-sidebar-dropdown-menu {
            max-height: min(80vh, calc(100vh - 16px));
            overflow-x: hidden;
            overflow-y: auto;
            overscroll-behavior: contain;
            position: fixed;
            left: var(--rmc-sidebar-collapsed-width);
            width: 240px;
            box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.35);
            border: 1px solid rgba(255, 255, 255, 0.1);
            z-index: 1080;
        }
        .rmc-sidebar-left.collapsed .rmc-sidebar-item.dropdown:hover > .rmc-sidebar-dropdown-menu {
            display: block;
        }
    }

    /* Page wrapper margin when sidebar-left is used */
    body.sidebar-left-layout .page-wrapper {
        margin-left: var(--rmc-sidebar-width) !important;
        transition: margin-left 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    }
    body.sidebar-left-layout.sidebar-collapsed .page-wrapper {
        margin-left: var(--rmc-sidebar-collapsed-width) !important;
    }
    body.sidebar-left-layout .navbar-header {
        margin-left: var(--rmc-sidebar-width) !important;
        width: calc(100% - var(--rmc-sidebar-width)) !important;
        transition: margin-left 0.25s cubic-bezier(0.16, 1, 0.3, 1), width 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    }
    body.sidebar-left-layout.sidebar-collapsed .navbar-header {
        margin-left: var(--rmc-sidebar-collapsed-width) !important;
        width: calc(100% - var(--rmc-sidebar-collapsed-width)) !important;
    }

    /* Mobile drawer behavior for Left Sidebar */
    @media (max-width: 991.98px) {
        .rmc-sidebar-left {
            transform: translateX(-100%);
            width: 280px !important;
        }
        .rmc-sidebar-left.show {
            transform: translateX(0);
        }
        .rmc-sidebar-backdrop {
            position: fixed;
            inset: 0;
            background: rgba(8, 22, 39, 0.65);
            backdrop-filter: blur(6px);
            z-index: 1055;
        }
        body.sidebar-left-layout .page-wrapper,
        body.sidebar-left-layout .navbar-header {
            margin-left: 0 !important;
            width: 100% !important;
        }
    }

/* --------------------------------------------------------------------------
   SECTION: Sales & CRM - Clients Directory 360 (clients/index.blade.php)
   -------------------------------------------------------------------------- */
:root {
    --cl-primary: #1e40af;
    --cl-primary-dark: #0f172a;
    --cl-primary-light: #eff6ff;
    --cl-bg: #f8fafc;
    --cl-card: #ffffff;
    --cl-text: #0f172a;
    --cl-muted: #64748b;
    --cl-border: #e2e8f0;
    --cl-success: #059669;
    --cl-success-light: #ecfdf5;
    --cl-danger: #dc2626;
    --cl-danger-light: #fef2f2;
    --cl-warning: #d97706;
    --cl-warning-light: #fffbeb;
    --cl-radius: 10px;
}

body {
    background: var(--cl-bg);
}

.cl-container {
    max-width: 1560px;
    margin: 0 auto;
    padding: 20px 16px 80px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: var(--cl-text);
}

/* Header */
.cl-topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.cl-title-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
}
.cl-title-icon {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--cl-primary), #3b82f6);
    color: #fff;
    font-size: 1.35rem;
    box-shadow: 0 4px 12px rgba(30, 64, 175, 0.25);
}
.cl-eyebrow {
    display: block;
    margin-bottom: 2px;
    color: var(--cl-primary);
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}
.cl-title {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--cl-text);
}
.cl-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.cl-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 36px;
    padding: 8px 14px;
    border: 1px solid var(--cl-border);
    border-radius: 8px;
    background: #fff;
    color: var(--cl-text);
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.15s ease;
}
.cl-btn:hover {
    border-color: var(--cl-primary);
    color: var(--cl-primary);
    background: #f8fafc;
}
.cl-btn.primary {
    border-color: var(--cl-primary);
    background: var(--cl-primary);
    color: #fff;
}
.cl-btn.primary:hover {
    background: #1d4ed8;
    color: #fff;
}

/* KPI Cards */
.cl-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-bottom: 20px;
}
.cl-kpi-card {
    background: #fff;
    border: 1px solid var(--cl-border);
    border-radius: var(--cl-radius);
    padding: 16px 18px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.03);
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.cl-kpi-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: var(--kpi-accent, var(--cl-primary));
}
.cl-kpi-body {
    display: flex;
    flex-direction: column;
}
.cl-kpi-label {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--cl-muted);
    margin-bottom: 4px;
}
.cl-kpi-val {
    font-size: 1.45rem;
    font-weight: 800;
    color: var(--cl-text);
    line-height: 1.2;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
.cl-kpi-sub {
    font-size: 0.72rem;
    color: var(--cl-muted);
    margin-top: 5px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.cl-kpi-icon {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    display: grid;
    place-items: center;
    font-size: 1.15rem;
    background: #f1f5f9;
    color: var(--kpi-accent, var(--cl-primary));
    flex-shrink: 0;
}

/* Filter Strip */
.cl-filter-card {
    background: #fff;
    border: 1px solid var(--cl-border);
    border-radius: var(--cl-radius);
    padding: 14px 18px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    box-shadow: 0 1px 3px rgba(0,0,0,0.02);
}
.cl-filter-chips {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    align-items: center;
}
.cl-chip {
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    border: 1px solid var(--cl-border);
    background: #fff;
    color: var(--cl-muted);
    cursor: pointer;
    transition: all 0.15s ease;
    user-select: none;
}
.cl-chip:hover {
    background: #f8fafc;
    color: var(--cl-text);
    border-color: #cbd5e1;
}
.cl-chip.active {
    background: var(--cl-primary-dark);
    color: #fff;
    border-color: var(--cl-primary-dark);
}
.cl-search-box {
    position: relative;
    min-width: 260px;
    flex: 1;
    max-width: 380px;
}
.cl-search-box i {
    position: absolute;
    left: 11px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--cl-muted);
    font-size: 0.95rem;
}
.cl-search-input {
    width: 100%;
    padding: 7px 12px 7px 34px;
    border-radius: 7px;
    border: 1px solid var(--cl-border);
    font-size: 0.8rem;
    color: var(--cl-text);
    outline: none;
    background: #f8fafc;
    transition: all 0.15s ease;
}
.cl-search-input:focus {
    background: #fff;
    border-color: var(--cl-primary);
    box-shadow: 0 0 0 3px rgba(30, 64, 175, 0.1);
}

/* Universal Table Card */
.cl-table-card {
    background: #fff;
    border: 1px solid var(--cl-border);
    border-radius: var(--cl-radius);
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0,0,0,0.03);
}
.cl-table-wrap {
    overflow-x: auto;
}
.cl-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
    text-align: left;
}
.cl-table thead th {
    background: #f8fafc;
    color: var(--cl-muted);
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 12px 16px;
    border-bottom: 1px solid var(--cl-border);
    white-space: nowrap;
}
.cl-table tbody td {
    padding: 12px 16px;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
    color: var(--cl-text);
}
.cl-table tbody tr:hover td {
    background: #fafbfd;
}
.cl-table tbody tr:last-child td {
    border-bottom: none;
}

/* Badges & Monospace */
.cl-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
.cl-id-badge {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 6px;
    background: #f1f5f9;
    color: var(--cl-muted);
    font-weight: 700;
    font-size: 0.72rem;
}
.cl-name-link {
    color: var(--cl-text);
    font-weight: 800;
    text-decoration: none;
    transition: color 0.15s ease;
}
.cl-name-link:hover {
    color: var(--cl-primary);
}
.cl-company-sub {
    font-size: 0.72rem;
    color: var(--cl-muted);
    margin-top: 2px;
}
.cl-contact-wrap {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.cl-wa-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #059669;
    font-weight: 700;
    font-size: 0.74rem;
    text-decoration: none;
    transition: opacity 0.15s ease;
}
.cl-wa-btn:hover {
    color: #047857;
    text-decoration: underline;
}
.cl-status-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 9px;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.cl-status-pill.active {
    background: var(--cl-success-light);
    color: var(--cl-success);
}
.cl-status-pill.inactive {
    background: var(--cl-danger-light);
    color: var(--cl-danger);
}
.cl-gst-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 7px;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 700;
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #e2e8f0;
}
.cl-gst-badge.verified {
    background: #ecfdf5;
    color: #059669;
    border-color: #a7f3d0;
}
.cl-badge-pill {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 0.7rem;
    font-weight: 700;
    background: var(--cl-primary-light);
    color: var(--cl-primary);
}

/* Action Buttons */
.cl-actions-cell {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
}
.cl-icon-btn {
    width: 30px;
    height: 30px;
    display: inline-grid;
    place-items: center;
    border-radius: 6px;
    border: 1px solid var(--cl-border);
    background: #fff;
    color: var(--cl-muted);
    cursor: pointer;
    text-decoration: none;
    transition: all 0.15s ease;
}
.cl-icon-btn:hover {
    border-color: var(--cl-primary);
    color: var(--cl-primary);
    background: var(--cl-primary-light);
}
.cl-icon-btn.danger:hover {
    border-color: var(--cl-danger);
    color: var(--cl-danger);
    background: var(--cl-danger-light);
}

/* Responsive */
@media (max-width: 1100px) {
    .cl-kpi-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 650px) {
    .cl-kpi-grid {
        grid-template-columns: 1fr;
    }
    .cl-filter-card {
        flex-direction: column;
        align-items: stretch;
    }
    .cl-search-box {
        max-width: 100%;
    }
}

/* DataTables Styling Overrides */
.cl-table-card .dataTables_wrapper {
    padding: 12px 18px;
}
.cl-table-card .dataTables_length,
.cl-table-card .dataTables_info,
.cl-table-card .dataTables_paginate {
    font-size: 0.78rem;
    color: var(--cl-muted);
}
.cl-table-card .dataTables_length select {
    border: 1px solid var(--cl-border);
    border-radius: 6px;
    padding: 4px 8px;
}
.cl-table-card .dt-buttons {
    margin-bottom: 12px;
}
.cl-table-card .dt-buttons .btn {
    font-size: 0.74rem !important;
    font-weight: 700;
    padding: 6px 12px;
    border-radius: 6px;
}

/* --------------------------------------------------------------------------
   SECTION: Sales & CRM - Client Sites Create Form (client_sites/create.blade.php)
   -------------------------------------------------------------------------- */
/* ===== SO CLIENT-SITE FORM (shares tokens with the client form) ===== */
.so-client-site-form{
  --navy:    #0f172a;
  --steel:   #2563eb;
  --steel-lt:#eff6ff;
  --green:   #10b981;
  --green-lt:#ecfdf5;
  --amber:   #f59e0b;
  --amber-lt:#fffbeb;
  --danger:  #ef4444;
  --danger-lt:#fef2f2;
  --border:  #e2e8f0;
  --muted:   #64748b;
  --text:    #334155;
  font-family: Inter, system-ui, sans-serif;
  color: var(--text);
}

/* ── Alerts ── */
.so-alert{ display:flex; align-items:flex-start; gap:10px; border-radius:8px; padding:12px 14px; margin-bottom:14px; font-size:.85rem; position:relative; }
.so-alert i:first-child{ font-size:1.05rem; margin-top:1px; flex-shrink:0; }
.so-alert-success{ background:var(--green-lt); color:#065f46; border:1px solid #a7f3d0; }
.so-alert-danger{ background:var(--danger-lt); color:#991b1b; border:1px solid #fecaca; }
.so-alert-close{ position:absolute; top:10px; right:10px; background:none; border:none; cursor:pointer; color:inherit; opacity:.6; padding:2px; }
.so-alert-close:hover{ opacity:1; }
.so-error-list{ margin:6px 0 0 16px; padding:0; }
.so-error-list li{ margin-bottom:2px; }

/* ── Info Banner ── */
.so-info-banner{ display:flex; align-items:flex-start; gap:12px; background:#eff6ff; border:1px solid #bfdbfe; border-radius:8px; padding:12px 16px; margin-bottom:18px; font-size:.85rem; color:#1e40af; }
.so-info-icon{ width:24px; height:24px; display:flex; align-items:center; justify-content:center; background:#dbeafe; border-radius:50%; flex-shrink:0; }
.so-info-icon i{ font-size:1rem; }
.so-info-content strong{ font-weight:700; }

/* ── Panel ── */
.so-panel{ background:#fff; border:1px solid var(--border); border-radius:12px; overflow:hidden; box-shadow:0 1px 3px rgba(15,23,42,.04); }
.so-topbar{ display:flex; align-items:center; justify-content:space-between; padding:18px 22px; border-bottom:1px solid var(--border); flex-wrap:wrap; gap:12px; }
.so-topbar-title{ display:flex; align-items:center; gap:14px; }
.so-topbar-icon{ width:38px; height:38px; border-radius:9px; background:var(--steel-lt); color:var(--steel); display:flex; align-items:center; justify-content:center; font-size:1.1rem; flex-shrink:0; }
.so-topbar-title h6{ margin:0; font-size:1rem; font-weight:700; color:var(--navy); }
.so-topbar-title small{ color:var(--muted); font-size:.78rem; }
.so-topbar-actions{ display:flex; gap:8px; }
.so-body{ padding:24px 22px 4px; }

/* ── Sections ── */
.so-section{ margin-bottom:28px; }
.so-section-head{ display:flex; align-items:center; gap:10px; margin-bottom:16px; }
.so-section-num{ font-family:'JetBrains Mono', monospace; font-size:.7rem; font-weight:700; color:var(--steel); background:var(--steel-lt); border-radius:5px; padding:3px 7px; letter-spacing:.5px; }
.so-section-title{ font-size:.85rem; font-weight:700; color:var(--navy); text-transform:uppercase; letter-spacing:.03em; }

.so-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:18px 20px; }
.so-col-2{ grid-column:span 2; }
.so-col-3{ grid-column:span 3; }
@media(max-width:900px){ .so-grid{ grid-template-columns:repeat(2,1fr); } .so-col-2,.so-col-3{ grid-column:span 2; } }
@media(max-width:560px){ .so-grid{ grid-template-columns:1fr; } .so-col-2,.so-col-3{ grid-column:span 1; } }

/* ── Fields ── */
.so-field{ display:flex; flex-direction:column; }
.so-label{ font-size:.74rem; font-weight:600; color:var(--text); margin-bottom:6px; }
.so-label .req{ color:var(--danger); }
.so-input, .so-textarea, .so-select{ width:100%; padding:9px 12px; font-size:.86rem; color:var(--navy); border:1px solid var(--border); border-radius:6px; background:#fff; font-family:inherit; transition:border-color .15s, box-shadow .15s; }
.so-select:not(.select2-hidden-accessible){ appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%2364748b'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 12px center; padding-right:30px; }
.so-textarea{ min-height:64px; resize:vertical; }
.so-mono{ font-family:'JetBrains Mono', monospace; letter-spacing:.02em; }
.so-input:focus, .so-textarea:focus, .so-select:focus{ outline:none; border-color:var(--steel); box-shadow:0 0 0 3px rgba(37,99,235,.12); }

.so-input-group{ display:flex; align-items:stretch; }
.so-input-group .so-input{ border-radius:6px 0 0 6px; }
.so-input-suffix{ display:flex; align-items:center; padding:0 12px; font-size:.78rem; font-weight:600; color:var(--muted); background:#f8fafc; border:1px solid var(--border); border-left:none; border-radius:0 6px 6px 0; font-family:'JetBrains Mono', monospace; }

.so-hint{ font-size:.72rem; color:var(--muted); margin-top:5px; display:flex; align-items:center; gap:4px; }
.so-hint.is-invalid{ color:var(--danger); }

/* ── Client snapshot panel ── */
.so-snapshot{ margin-top:14px; background:var(--steel-lt); border:1px solid #bfdbfe; border-radius:10px; padding:16px 18px; }
.so-snapshot-head{ display:flex; align-items:center; gap:8px; font-size:.78rem; font-weight:700; color:var(--steel); margin-bottom:12px; }
.so-snapshot-head i{ font-size:1rem; }
.so-snapshot-tag{ margin-left:auto; font-size:.66rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; padding:3px 9px; border-radius:20px; background:var(--green-lt); color:#065f46; }
.so-snapshot-tag.is-inactive{ background:var(--danger-lt); color:#991b1b; }
.so-snapshot-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px 20px; }
@media(max-width:900px){ .so-snapshot-grid{ grid-template-columns:repeat(2,1fr); } .so-snapshot-grid .so-col-2{ grid-column:span 2; } }
@media(max-width:560px){ .so-snapshot-grid{ grid-template-columns:1fr; } }
.so-snapshot-item{ display:flex; flex-direction:column; gap:3px; }
.so-snapshot-item .k{ font-size:.66rem; font-weight:600; text-transform:uppercase; letter-spacing:.04em; color:#1d4ed8; opacity:.7; }
.so-snapshot-item .v{ font-size:.82rem; font-weight:600; color:var(--navy); }

/* ── Mobile digit boxes ── */
.mobile-box-wrapper{ display:flex; gap:6px; flex-wrap:wrap; }
.mobile-box, .mobile-box-alt{
  width:32px; height:38px; text-align:center; font-size:.95rem; font-weight:700;
  font-family:'JetBrains Mono', monospace; color:var(--navy);
  border:1px solid var(--border); border-radius:6px; outline:none; transition:all .15s ease;
}
.mobile-box:focus, .mobile-box-alt:focus{ border-color:var(--steel); box-shadow:0 0 0 3px rgba(37,99,235,.12); }
.mobile-box.is-filled, .mobile-box-alt.is-filled{ border-color:#bfdbfe; background:var(--steel-lt); }
.mobile-box.is-invalid, .mobile-box-alt.is-invalid{ border-color:var(--danger); }

/* ── Status segmented ── */
.so-segmented{ display:flex; gap:6px; flex-wrap:wrap; }
.so-segment{ flex:1; min-width:140px; display:flex; align-items:center; justify-content:center; gap:6px; font-size:.82rem; font-weight:600; color:var(--muted); border:1px solid var(--border); border-radius:6px; padding:8px 10px; cursor:pointer; transition:all .15s ease; }
.so-segment input{ display:none; }
.so-segment i{ font-size:1rem; }
.so-segment:hover{ border-color:#cbd5e1; background:#f8fafc; }
.so-segment.is-active{ background:var(--steel-lt); border-color:var(--steel); color:var(--steel); }

/* ── Select2 styling ── */
.select2-container--default .select2-selection--single {
  min-height: 38px !important; border: 1px solid var(--border) !important; border-radius: 6px !important;
  padding: 0 !important; background: #fff !important; transition: all .15s ease !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 36px !important; padding: 0 12px !important; font-size: .86rem !important; color: var(--navy) !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 36px !important; right: 8px !important;
}
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single {
  border-color: var(--steel) !important; box-shadow: 0 0 0 3px rgba(37,99,235,.12) !important;
}
.select2-dropdown {
  border: 1px solid var(--border) !important; border-radius: 6px !important;
  box-shadow: 0 10px 40px rgba(15,23,42,.15) !important; margin-top: 4px !important;
}
.select2-search--dropdown {
  padding: 8px !important;
}
.select2-search--dropdown .select2-search__field {
  border: 1px solid var(--border) !important; border-radius: 5px !important;
  padding: 8px 12px !important; font-size: .85rem !important; outline: none !important;
}
.select2-search--dropdown .select2-search__field:focus {
  border-color: var(--steel) !important; box-shadow: 0 0 0 3px rgba(37,99,235,.08) !important;
}
.select2-results__option {
  padding: 10px 14px !important; font-size: .85rem !important; transition: all .1s ease !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: var(--steel-lt) !important; color: var(--steel) !important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background: var(--steel) !important; color: #fff !important;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: var(--muted) !important; opacity: .5 !important;
}
.select2-results__message {
  padding: 12px 14px !important; font-size: .85rem !important; color: var(--muted) !important;
}
.select2-container {
  width: 100% !important;
}

/* ── Footer / Buttons ── */
.so-footer{ display:flex; justify-content:space-between; align-items:center; gap:16px; border-top:1px solid var(--border); padding:16px 0; margin-top:6px; flex-wrap:wrap; }
.so-footer-info{ display:flex; align-items:center; gap:8px; font-size:.78rem; color:var(--muted); }
.so-footer-info i{ font-size:.95rem; }
.so-footer-actions{ display:flex; gap:10px; margin-left:auto; }
.so-btn{ display:inline-flex; align-items:center; gap:7px; font-size:.84rem; font-weight:600; padding:9px 16px; border-radius:6px; border:1px solid transparent; cursor:pointer; text-decoration:none; transition:all .15s ease; }
.so-btn-primary{ background:var(--steel); color:#fff; }
.so-btn-primary:hover{ background:#1d4ed8; color:#fff; }
.so-btn-ghost{ background:#fff; border-color:var(--border); color:var(--text); }
.so-btn-ghost:hover{ border-color:#cbd5e1; background:#f8fafc; }

@media(max-width:768px){
  .so-footer{ flex-direction:column; align-items:stretch; }
  .so-footer-info{ justify-content:center; }
  .so-footer-actions{ margin-left:0; justify-content:center; }
}

/* --------------------------------------------------------------------------
   SECTION: Sales & CRM - Quotations Create Form (sale-quotations/create.blade.php)
   -------------------------------------------------------------------------- */
:root {
  --navy:      #0f172a;
  --steel:     #2563eb;
  --steel-lt:  #eff6ff;
  --steel-dk:  #1e40af;
  --green:     #10b981;
  --green-lt:  #ecfdf5;
  --amber:     #f59e0b;
  --amber-lt:  #fffbeb;
  --danger:    #ef4444;
  --danger-lt: #fef2f2;
  --border:    #e2e8f0;
  --border-md: #cbd5e1;
  --muted:     #64748b;
  --text:      #334155;
  --text-sm:   #94a3b8;
  --bg:        #f8fafc;
  --surface:   #ffffff;
  --radius:    8px;
  --radius-lg: 12px;
}

body { background: var(--bg); font-family: Inter, system-ui, sans-serif; }

/* ===== QUOTATION FORM ===== */
.sqf-container { max-width: 1400px; margin: 0 auto; padding: 24px 16px 48px; }

/* ── Topbar ── */
.sqf-topbar {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 20px; flex-wrap: wrap; gap: 12px;
}
.sqf-topbar-left h4 {
  margin: 0 0 4px; font-size: 1.15rem; font-weight: 800;
  color: var(--navy); letter-spacing: -.01em;
  display: flex; align-items: center; gap: 10px;
}
.sqf-topbar-left h4 i { color: var(--steel); font-size: 1.2rem; }
.sqf-quo-badge {
  font-family: 'JetBrains Mono', monospace; font-size: .78rem; font-weight: 700;
  background: var(--steel); color: #fff; padding: 4px 12px; border-radius: 20px;
  letter-spacing: .04em;
}
.sqf-breadcrumb {
  display: flex; align-items: center; gap: 6px; list-style: none;
  margin: 0; padding: 0; font-size: .75rem; color: var(--text-sm);
}
.sqf-breadcrumb li::after { content: '/'; margin-left: 6px; opacity: .6; }
.sqf-breadcrumb li:last-child::after { content: ''; }
.sqf-breadcrumb a { color: var(--text-sm); text-decoration: none; }
.sqf-breadcrumb a:hover { color: var(--steel); }
.sqf-breadcrumb li.is-active { color: var(--text); font-weight: 600; }

.sqf-btn {
  display: inline-flex; align-items: center; gap: 7px; font-size: .84rem;
  font-weight: 700; padding: 10px 16px; border-radius: 7px; border: 1px solid transparent;
  cursor: pointer; text-decoration: none; transition: all .15s ease;
}
.sqf-btn-primary { background: var(--steel); color: #fff; }
.sqf-btn-primary:hover { background: var(--steel-dk); color: #fff; }
.sqf-btn-secondary { background: #fff; border-color: var(--border); color: var(--text); }
.sqf-btn-secondary:hover { border-color: var(--border-md); background: var(--bg); }
.sqf-btn-success { background: var(--green); color: #fff; border-color: var(--green); }
.sqf-btn-success:hover { background: #059669; border-color: #059669; }

/* ── Alert ── */
.sqf-alert {
  display: flex; align-items: flex-start; gap: 10px; border-radius: var(--radius);
  padding: 12px 14px; margin-bottom: 18px; font-size: .85rem; position: relative;
}
.sqf-alert i:first-child { font-size: 1.05rem; margin-top: 1px; flex-shrink: 0; }
.sqf-alert-danger {
  background: var(--danger-lt); color: #991b1b; border: 1px solid #fecaca;
}
.sqf-error-list { margin: 6px 0 0 16px; padding: 0; }
.sqf-error-list li { margin-bottom: 2px; }

/* ── Info Banner ── */
.sqf-info {
  display: flex; align-items: flex-start; gap: 12px; background: #eff6ff;
  border: 1px solid #bfdbfe; border-radius: var(--radius); padding: 12px 16px;
  margin-bottom: 18px; font-size: .85rem; color: #1e40af;
}
.sqf-info-icon {
  width: 24px; height: 24px; display: flex; align-items: center; justify-content: center;
  background: #dbeafe; border-radius: 50%; flex-shrink: 0;
}
.sqf-info-icon i { font-size: 1rem; }
.sqf-info strong { font-weight: 700; }

/* ── Cards ── */
.sqf-card {
  background: var(--surface); border: 1px solid var(--border);
  border-radius: var(--radius-lg); overflow: hidden; margin-bottom: 18px;
  box-shadow: 0 1px 3px rgba(15,23,42,.04);
}
.sqf-card-head {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: 14px 20px; border-bottom: 1px solid var(--border); background: #f9fafb;
}
.sqf-card-head-left {
  display: flex; align-items: center; gap: 10px;
}
.sqf-card-head-icon {
  width: 28px; height: 28px; border-radius: 7px; display: flex; align-items: center;
  justify-content: center; font-size: .9rem; background: var(--steel-lt);
  color: var(--steel); flex-shrink: 0;
}
.sqf-card-head strong {
  display: block; font-size: .8rem; font-weight: 700; color: var(--navy);
}
.sqf-card-body { padding: 20px; }

/* ── Form Grid ── */
.sqf-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px 20px;
}
.sqf-col-2 { grid-column: span 2; }
.sqf-col-3 { grid-column: span 3; }
@media(max-width:900px) {
  .sqf-grid { grid-template-columns: repeat(2,1fr); }
  .sqf-col-2, .sqf-col-3 { grid-column: span 2; }
}
@media(max-width:560px) {
  .sqf-grid { grid-template-columns: 1fr; }
  .sqf-col-2, .sqf-col-3 { grid-column: span 1; }
}

/* ── Form Fields ── */
.sqf-field { display: flex; flex-direction: column; }
.sqf-label {
  font-size: .74rem; font-weight: 600; color: var(--text); margin-bottom: 6px;
}
.sqf-label .req { color: var(--danger); }
.sqf-input, .sqf-textarea, .sqf-select {
  width: 100%; padding: 9px 12px; font-size: .86rem; color: var(--navy);
  border: 1px solid var(--border); border-radius: 6px; background: #fff;
  font-family: inherit; transition: border-color .15s, box-shadow .15s;
}
.sqf-select:not(.select2-hidden-accessible) {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%2364748b'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 12px center; padding-right: 30px;
}
.sqf-textarea { min-height: 80px; resize: vertical; }
.sqf-mono { font-family: 'JetBrains Mono', monospace; letter-spacing: .02em; }
.sqf-input:focus, .sqf-textarea:focus, .sqf-select:focus {
  outline: none; border-color: var(--steel); box-shadow: 0 0 0 3px rgba(37,99,235,.12);
}
.sqf-hint {
  font-size: .72rem; color: var(--muted); margin-top: 5px;
  display: flex; align-items: center; gap: 4px;
}
.sqf-hint.is-invalid { color: var(--danger); }

/* ── Client Snapshot ── */
.sqf-snapshot {
  margin-top: 14px; background: var(--steel-lt); border: 1px solid #bfdbfe;
  border-radius: 10px; padding: 16px 18px;
}
.sqf-snapshot-head {
  display: flex; align-items: center; gap: 8px; font-size: .78rem;
  font-weight: 700; color: var(--steel); margin-bottom: 12px;
}
.sqf-snapshot-head i { font-size: 1rem; }
.sqf-snapshot-tag {
  margin-left: auto; font-size: .66rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: .04em; padding: 3px 9px;
  border-radius: 20px; background: var(--green-lt); color: #065f46;
}
.sqf-snapshot-tag.is-inactive { background: var(--danger-lt); color: #991b1b; }
.sqf-snapshot-grid {
  display: grid; grid-template-columns: repeat(3,1fr); gap: 12px 20px;
}
@media(max-width:900px) {
  .sqf-snapshot-grid { grid-template-columns: repeat(2,1fr); }
  .sqf-snapshot-grid .sqf-col-2 { grid-column: span 2; }
}
@media(max-width:560px) { .sqf-snapshot-grid { grid-template-columns: 1fr; } }
.sqf-snapshot-item { display: flex; flex-direction: column; gap: 3px; }
.sqf-snapshot-item .k {
  font-size: .66rem; font-weight: 600; text-transform: uppercase;
  letter-spacing: .04em; color: #1d4ed8; opacity: .7;
}
.sqf-snapshot-item .v { font-size: .82rem; font-weight: 600; color: var(--navy); }

/* ── Items Table ── */
.sqf-table-wrap { overflow-x: auto; }
.sqf-table { width: 100%; border-collapse: collapse; font-size: .82rem; }
.sqf-table thead th {
  background: var(--steel); color: #fff; font-size: .64rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: .06em; padding: 10px 8px;
  border-bottom: 1px solid var(--border); white-space: nowrap; text-align: left;
}
.sqf-table thead th.r { text-align: right; }
.sqf-table tbody td {
  padding: 10px 8px; border-bottom: 1px solid #f1f5f9; color: var(--text);
  vertical-align: middle;
}
.sqf-table tbody tr:hover td { background: #fafbfd; }
.sqf-table tfoot { background: #f9fafb; }
.sqf-table tfoot th {
  padding: 12px 8px; font-size: .78rem; font-weight: 700; border-top: 2px solid var(--border);
}
.sqf-table tfoot th.r { text-align: right; }
.sqf-table input.sqf-input {
  padding: 6px 8px; font-size: .82rem;
}
.sqf-table select.sqf-select {
  padding: 6px 8px; font-size: .82rem;
}

/* ── Empty State ── */
.sqf-empty {
  text-align: center; padding: 40px 20px; color: var(--text-sm);
  font-size: .88rem;
}
.sqf-empty i { font-size: 2.5rem; margin-bottom: 12px; opacity: .4; }

/* ── Footer ── */
.sqf-footer {
  display: flex; justify-content: space-between; align-items: center;
  gap: 16px; border-top: 1px solid var(--border); padding-top: 20px;
  margin-top: 10px; flex-wrap: wrap;
}
.sqf-footer-info {
  display: flex; align-items: center; gap: 8px; font-size: .78rem; color: var(--muted);
}
.sqf-footer-info i { font-size: .95rem; }
.sqf-footer-actions { display: flex; gap: 10px; margin-left: auto; }
@media(max-width:768px) {
  .sqf-footer { flex-direction: column; align-items: stretch; }
  .sqf-footer-info { justify-content: center; }
  .sqf-footer-actions { margin-left: 0; justify-content: center; }
}

/* ── Select2 Styling ── */
.select2-container--default .select2-selection--single {
  min-height: 38px !important; border: 1px solid var(--border) !important;
  border-radius: 6px !important; padding: 0 !important; background: #fff !important;
  transition: all .15s ease !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 36px !important; padding: 0 12px !important; font-size: .86rem !important;
  color: var(--navy) !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 36px !important; right: 8px !important;
}
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single {
  border-color: var(--steel) !important; box-shadow: 0 0 0 3px rgba(37,99,235,.12) !important;
}
.select2-dropdown {
  border: 1px solid var(--border) !important; border-radius: 6px !important;
  box-shadow: 0 10px 40px rgba(15,23,42,.15) !important; margin-top: 4px !important;
}
.select2-search--dropdown { padding: 8px !important; }
.select2-search--dropdown .select2-search__field {
  border: 1px solid var(--border) !important; border-radius: 5px !important;
  padding: 8px 12px !important; font-size: .85rem !important; outline: none !important;
}
.select2-search--dropdown .select2-search__field:focus {
  border-color: var(--steel) !important; box-shadow: 0 0 0 3px rgba(37,99,235,.08) !important;
}
.select2-results__option {
  padding: 10px 14px !important; font-size: .85rem !important; transition: all .1s ease !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: var(--steel-lt) !important; color: var(--steel) !important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background: var(--steel) !important; color: #fff !important;
}
.select2-container { width: 100% !important; }

/* --------------------------------------------------------------------------
   SECTION: Sales & CRM - Sales Orders Command Center (orders/index.blade.php)
   -------------------------------------------------------------------------- */
:root {
    --ord-primary: #1e40af;
    --ord-primary-dark: #0f172a;
    --ord-primary-light: #eff6ff;
    --ord-bg: #f8fafc;
    --ord-card: #ffffff;
    --ord-text: #0f172a;
    --ord-muted: #64748b;
    --ord-border: #e2e8f0;
    --ord-success: #059669;
    --ord-success-light: #ecfdf5;
    --ord-danger: #dc2626;
    --ord-danger-light: #fef2f2;
    --ord-warning: #d97706;
    --ord-warning-light: #fffbeb;
    --ord-radius: 10px;
}

body {
    background: var(--ord-bg);
}

.ord-container {
    max-width: 1560px;
    margin: 0 auto;
    padding: 20px 16px 80px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: var(--ord-text);
}

/* Header */
.ord-topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.ord-title-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
}
.ord-title-icon {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--ord-primary), #3b82f6);
    color: #fff;
    font-size: 1.35rem;
    box-shadow: 0 4px 12px rgba(30, 64, 175, 0.25);
}
.ord-eyebrow {
    display: block;
    margin-bottom: 2px;
    color: var(--ord-primary);
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}
.ord-title {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--ord-text);
}
.ord-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.ord-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 36px;
    padding: 8px 14px;
    border: 1px solid var(--ord-border);
    border-radius: 8px;
    background: #fff;
    color: var(--ord-text);
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.15s ease;
}
.ord-btn:hover {
    border-color: var(--ord-primary);
    color: var(--ord-primary);
    background: #f8fafc;
}
.ord-btn.primary {
    border-color: var(--ord-primary);
    background: var(--ord-primary);
    color: #fff;
}
.ord-btn.primary:hover {
    background: #1d4ed8;
    color: #fff;
}
.ord-btn.success {
    background: var(--ord-success-light);
    border-color: #a7f3d0;
    color: var(--ord-success);
}
.ord-btn.success:hover {
    background: #d1fae5;
}

/* KPI Cards */
.ord-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-bottom: 20px;
}
.ord-kpi-card {
    background: #fff;
    border: 1px solid var(--ord-border);
    border-radius: var(--ord-radius);
    padding: 16px 18px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.03);
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.ord-kpi-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: var(--kpi-accent, var(--ord-primary));
}
.ord-kpi-body {
    display: flex;
    flex-direction: column;
}
.ord-kpi-label {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--ord-muted);
    margin-bottom: 4px;
}
.ord-kpi-val {
    font-size: 1.45rem;
    font-weight: 800;
    color: var(--ord-text);
    line-height: 1.2;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
.ord-kpi-sub {
    font-size: 0.72rem;
    color: var(--ord-muted);
    margin-top: 5px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.ord-kpi-icon {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    display: grid;
    place-items: center;
    font-size: 1.15rem;
    background: #f1f5f9;
    color: var(--kpi-accent, var(--ord-primary));
    flex-shrink: 0;
}

/* Fixed Selection Header */
.so-select-header {
    position: fixed;
    top: 70px;
    left: 50%;
    transform: translateX(-50%) translateY(-120%);
    z-index: 2000;
    width: min(1100px, calc(100vw - 32px));
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    padding: 12px 18px;
    background: #0f172a;
    color: #fff;
    border-radius: 12px;
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.1);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s ease, visibility 0.2s ease;
}
.so-select-header.is-visible {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.so-select-left {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    font-size: 0.82rem;
}
.so-select-left span {
    background: #2563eb;
    color: #fff;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 0.76rem;
}
.so-select-actions {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}
.so-sel-btn {
    border: 1px solid rgba(255,255,255,0.18);
    background: rgba(255,255,255,0.08);
    color: #fff;
    border-radius: 7px;
    padding: 7px 12px;
    font-size: 0.74rem;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: all 0.15s ease;
}
.so-sel-btn:hover {
    background: rgba(255,255,255,0.18);
    color: #fff;
}
.so-sel-btn:disabled {
    opacity: 0.35;
    cursor: not-allowed;
}
.so-sel-btn.success {
    background: rgba(16,185,129,0.3);
    border-color: rgba(110,231,183,0.5);
    color: #a7f3d0;
}
.so-sel-btn.warn {
    background: rgba(245,158,11,0.3);
    border-color: rgba(252,211,77,0.5);
    color: #fde68a;
}
.so-sel-btn.danger {
    background: rgba(239,68,68,0.3);
    border-color: rgba(252,165,165,0.5);
    color: #fca5a5;
}
.so-sel-btn.clear {
    background: transparent;
    border-color: transparent;
    color: #94a3b8;
}
.so-sel-btn.clear:hover {
    color: #fff;
}

#ordersTable tbody tr.is-selected td {
    background: #eff6ff !important;
}

/* Filter Card */
.ord-filter-card {
    background: #fff;
    border: 1px solid var(--ord-border);
    border-radius: var(--ord-radius);
    padding: 16px 20px;
    margin-bottom: 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.02);
}
.ord-filter-grid {
    display: grid;
    grid-template-columns: 2fr 1.2fr 1.2fr auto;
    gap: 12px;
    align-items: end;
}
@media (max-width: 900px) {
    .ord-filter-grid {
        grid-template-columns: 1fr 1fr;
    }
}
.ord-f-label {
    font-size: 0.68rem;
    font-weight: 800;
    color: var(--ord-muted);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 4px;
    display: block;
}
.ord-f-control {
    font-size: 0.82rem;
    color: var(--ord-text);
    border: 1px solid var(--ord-border);
    border-radius: 7px;
    padding: 7px 12px;
    width: 100%;
    background: #f8fafc;
    transition: all 0.15s ease;
    outline: none;
}
.ord-f-control:focus {
    background: #fff;
    border-color: var(--ord-primary);
    box-shadow: 0 0 0 3px rgba(30, 64, 175, 0.1);
}

/* Table Card */
.ord-table-card {
    background: #fff;
    border: 1px solid var(--ord-border);
    border-radius: var(--ord-radius);
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0,0,0,0.03);
}
.ord-table-wrap {
    overflow-x: auto;
}
.ord-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}
.ord-table thead th {
    background: #f8fafc;
    color: var(--ord-muted);
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 12px 14px;
    border-bottom: 1px solid var(--ord-border);
    white-space: nowrap;
}
.ord-table tbody td {
    padding: 12px 14px;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
    color: var(--ord-text);
}
.ord-table tbody tr:hover td {
    background: #fafbfd;
}
.ord-table tbody tr:last-child td {
    border-bottom: none;
}

/* Typography & Badges */
.ord-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
.ord-badge-no {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-weight: 800;
    font-size: 0.76rem;
    color: var(--ord-primary);
    background: var(--ord-primary-light);
    padding: 3px 8px;
    border-radius: 6px;
    text-decoration: none;
    display: inline-block;
}
.ord-badge-no:hover {
    color: #1d4ed8;
}
.ord-party-name {
    font-weight: 800;
    color: var(--ord-text);
    font-size: 0.84rem;
}
.ord-party-sub {
    font-size: 0.72rem;
    color: var(--ord-muted);
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 2px;
}
.ord-status-pill {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.ord-status-pill.completed {
    background: var(--ord-success-light);
    color: var(--ord-success);
}
.ord-status-pill.progress {
    background: var(--ord-primary-light);
    color: var(--ord-primary);
}
.ord-status-pill.pending {
    background: var(--ord-warning-light);
    color: var(--ord-warning);
}
.ord-status-pill.danger {
    background: var(--ord-danger-light);
    color: var(--ord-danger);
}

/* Progress bar inside table cell */
.ord-prog-box {
    width: 90px;
    height: 5px;
    background: #e2e8f0;
    border-radius: 3px;
    overflow: hidden;
    margin-top: 3px;
}
.ord-prog-fill {
    height: 100%;
    border-radius: 3px;
    background: var(--ord-success);
}

/* Action Icons */
.ord-actions-cell {
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: flex-end;
}
.ord-icon-btn {
    width: 28px;
    height: 28px;
    display: inline-grid;
    place-items: center;
    border-radius: 6px;
    border: 1px solid var(--ord-border);
    background: #fff;
    color: var(--ord-muted);
    cursor: pointer;
    text-decoration: none;
    transition: all 0.15s ease;
    font-size: 0.8rem;
}
.ord-icon-btn:hover {
    border-color: var(--ord-primary);
    color: var(--ord-primary);
    background: var(--ord-primary-light);
}
.ord-icon-btn.success:hover {
    border-color: var(--ord-success);
    color: var(--ord-success);
    background: var(--ord-success-light);
}
.ord-icon-btn.danger:hover {
    border-color: var(--ord-danger);
    color: var(--ord-danger);
    background: var(--ord-danger-light);
}

/* DataTables Overrides */
.ord-table-card .dataTables_wrapper {
    padding: 12px 18px;
}
.ord-table-card .dataTables_length,
.ord-table-card .dataTables_info,
.ord-table-card .dataTables_paginate {
    font-size: 0.78rem;
    color: var(--ord-muted);
}
.ord-table-card .dataTables_length select {
    border: 1px solid var(--ord-border);
    border-radius: 6px;
    padding: 4px 8px;
}

/* --------------------------------------------------------------------------
   SECTION: Sales & CRM - Order Details & Site Breakdown (orders/show.blade.php)
   -------------------------------------------------------------------------- */
:root {
  --navy: #0f172a;
  --surface: #ffffff;
  --border: #e2e8f0;
  --accent: #2563eb;
  --accent-lt: #eff6ff;
  --green: #059669;
  --green-lt: #ecfdf5;
  --teal: #0f766e;
  --teal-lt: #f0fdfa;
  --red: #dc2626;
  --text: #1e293b;
  --text-md: #475569;
  --text-sm: #64748b;
  --radius: 10px;
  --mono: 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;
  --primary: #1e40af;
  --primary-dark: #1e3a8a;
  --primary-light: #dbeafe;
  --success: #16a34a;
  --success-light: #dcfce7;
  --warning: #f59e0b;
  --warning-light: #fef3c7;
  --danger: #dc2626;
  --danger-light: #fee2e2;
  --gray-50: #f9fafb;
  --gray-100: #f3f4f6;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-500: #6b7280;
  --gray-600: #4b5563;
  --gray-700: #374151;
  --gray-800: #1f2937;
  --gray-900: #111827;
}

body { background: var(--gray-50); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif; }
.od-page { max-width: 1400px; margin: 0 auto; padding: 20px; }

/* HEADER */
.od-header {
  background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 100%); border-radius: var(--radius);
  padding: 20px 24px; margin-bottom: 14px;
  box-shadow: 0 8px 20px rgba(15, 23, 42, .12);
}
.od-header-top {
  display: flex; align-items: flex-start; justify-content: space-between;
  gap: 16px; flex-wrap: wrap;
}
.od-order-no    { font-size:.62rem; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:#93c5fd; margin-bottom:4px; }
.od-order-title { font-size:1.4rem; font-weight:800; color:#fff; }
.od-meta        { font-size:.75rem; color:#cbd5e1; margin-top:6px; display:flex; gap:16px; flex-wrap:wrap; }
.od-meta span   { display:flex; align-items:center; gap:4px; }

.od-actions { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.od-btn {
  display:inline-flex; align-items:center; gap:5px;
  font-size:.75rem; font-weight:600; padding:8px 14px;
  border-radius:6px; border:none; cursor:pointer;
  text-decoration:none; transition:opacity .12s,transform .1s; white-space:nowrap;
}
.od-btn:hover  { opacity:.88; }
.od-btn:active { transform:scale(.97); }
.btn-edit { background:rgba(255,255,255,.1); color:#CBD5E1; border:1px solid rgba(255,255,255,.12); }
.btn-pdf  { background:var(--red);    color:#fff; }
.btn-back { background:none;          color:#64748B; border:1px solid rgba(255,255,255,.1); }

/* CARD */
.od-card         { background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; box-shadow:0 1px 3px rgba(15,23,42,.04); }
.od-card-head    { background:var(--navy); color:#fff; padding:9px 16px; font-size:.62rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; display:flex; align-items:center; justify-content:space-between; gap:7px; border-left:4px solid var(--accent); }
.od-card-head.green { border-left-color:var(--green); }
.od-card-head i  { opacity:.6; font-size:.9rem; }
.od-card-head .hr { font-size:.65rem; opacity:.5; font-weight:500; }
.od-card-body    { padding:14px 16px; }

.kv-row              { display:flex; justify-content:space-between; align-items:baseline; padding:6px 0; border-bottom:1px solid #F1F5F9; gap:8px; }
.kv-row:last-child   { border-bottom:none; }
.kv-label            { font-size:.65rem; font-weight:600; text-transform:uppercase; letter-spacing:.05em; color:var(--text-sm); flex-shrink:0; }
.kv-val              { font-size:.82rem; font-weight:600; color:var(--text); text-align:right; }
.kv-val.mono         { font-family:var(--mono); }

.od-grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:14px; }
@media(max-width:560px){ .od-grid-2 { grid-template-columns:1fr; } }

.od-summary-grid { display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:12px; margin-bottom:14px; }
.od-quantity-form { display:grid; grid-template-columns:minmax(180px, 1.1fr) 140px minmax(180px, 1fr) 130px minmax(160px, 1fr) auto; gap:10px; align-items:end; }
.od-input { width:100%; border:1px solid #cbd5e1; border-radius:7px; padding:8px 10px; color:var(--text); background:#fff; }
.od-input:focus { outline:none; border-color:var(--accent); box-shadow:0 0 0 3px rgba(37,99,235,.12); }
@media(max-width:900px){ .od-summary-grid { grid-template-columns:repeat(3, 1fr); } }
@media(max-width:700px){
  .od-page { padding:12px; }
  .od-header { padding:16px; }
  .od-actions { width:100%; }
  .od-actions .od-btn { flex:1; justify-content:center; }
  .od-summary-grid, .od-grid-2, .od-quantity-form { grid-template-columns:1fr; }
  .od-summary-grid { gap:10px; }
  .od-summary-grid > div { padding:10px 12px; background:#f8fafc; border-radius:8px; }
  .uni-head { padding:0 8px; }
  .uni-tabs { width:100%; overflow-x:auto; }
  .uni-tab { padding:10px 9px; font-size:.65rem; }
  .uni-filters { padding:12px; }
  .uni-frow { align-items:stretch; }
  .uni-fgroup, .uni-finput, .uni-fbtn { width:100%; }
  .uni-fbtn { justify-content:center; }
  .kv-row { align-items:flex-start; }
  .kv-val { max-width:62%; overflow-wrap:anywhere; }
}

/* CLIENT BILLING SUMMARY */
.cbs-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:0; margin-bottom:14px; border-radius:var(--radius); overflow:hidden; border:1px solid var(--border); }
@media(max-width:768px){ .cbs-grid { grid-template-columns:1fr 1fr; } }
@media(max-width:480px){ .cbs-grid { grid-template-columns:1fr; } }
.cbs-cell              { background:var(--surface); padding:16px 18px; border-right:1px solid var(--border); text-align:center; }
.cbs-cell:last-child   { border-right:none; }
.cbs-label             { font-size:.58rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:var(--text-sm); display:block; margin-bottom:6px; }
.cbs-val               { font-size:1.1rem; font-weight:800; font-family:var(--mono); color:var(--navy); display:block; }
.cbs-val.green         { color:var(--green); }
.cbs-val.red           { color:var(--red); }
.cbs-val.teal          { color:var(--teal); }
.cbs-val.accent        { color:var(--accent); }
.cbs-sub               { font-size:.62rem; color:var(--text-sm); margin-top:3px; display:block; }

/* PAYMENT HISTORY */
.od-table-card    { background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; margin-bottom:14px; }
.od-table-head    { background:var(--navy); color:#fff; padding:11px 18px; font-size:.62rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; display:flex; align-items:center; justify-content:space-between; gap:8px; border-left:4px solid var(--accent); }
.od-table-head.green { border-left-color:var(--green); }
.od-table-head .head-right { font-size:.65rem; font-weight:500; opacity:.5; text-transform:none; letter-spacing:0; }
.ph-table          { width:100%; border-collapse:collapse; font-size:.8rem; }
.ph-table thead th { background:#F8FAFC; color:var(--text-sm); font-size:.6rem; font-weight:700; text-transform:uppercase; letter-spacing:.07em; padding:9px 14px; border-bottom:2px solid var(--border); white-space:nowrap; }
.ph-table thead th.r { text-align:right; }
.ph-table tbody td { padding:11px 14px; border-bottom:1px solid #F1F5F9; vertical-align:middle; }
.ph-table tbody tr:last-child td { border-bottom:none; }
.ph-table tbody tr:hover td { background:#FAFBFD; }
.ph-table tfoot td { background:var(--navy); color:#fff; padding:10px 14px; font-size:.75rem; font-weight:700; }
.ph-table tfoot td.r { text-align:right; color:#6EE7B7; font-family:var(--mono); }
.tbl-empty { padding:40px; text-align:center; color:var(--text-sm); font-size:.8rem; }
.tbl-empty i { font-size:1.8rem; display:block; margin-bottom:8px; opacity:.25; }

.mode-pill         { font-size:.62rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; padding:2px 8px; border-radius:99px; }
.mode-cash         { background:#FEF9C3; color:#854D0E; border:1px solid #FDE68A; }
.mode-upi          { background:#EFF6FF; color:#1D4ED8; border:1px solid #BFDBFE; }
.mode-bank         { background:var(--green-lt); color:#065F46; border:1px solid #6EE7B7; }
.mode-cheque       { background:#F5F3FF; color:#5B21B6; border:1px solid #C4B5FD; }

/* UNI-CARD TABS */
.uni-card { background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; margin-bottom:14px; }
.uni-head { background:var(--navy); display:flex; align-items:center; justify-content:space-between; gap:10px; padding:0 16px; border-bottom:1px solid rgba(255,255,255,.06); flex-wrap:wrap; }
.uni-tabs { display:flex; gap:2px; }
.uni-tab  { display:inline-flex; align-items:center; gap:6px; padding:11px 14px; font-size:.72rem; font-weight:600; text-transform:uppercase; letter-spacing:.06em; color:#cbd5e1; background:none; border:none; cursor:pointer; border-bottom:2px solid transparent; transition:color .13s,border-color .13s; white-space:nowrap; }
.uni-tab i { font-size:.85rem; opacity:.6; }
.uni-tab:hover { color:#93C5FD; }
.uni-tab.active { color:#fff; border-bottom-color:#2563EB; }
.uni-tab.active i { opacity:1; }
.uni-tab--dim { opacity:.5; }
.uni-tab-count { font-size:.58rem; font-weight:700; background:rgba(255,255,255,.1); color:#94A3B8; padding:1px 7px; border-radius:99px; }
.uni-tab.active .uni-tab-count { background:rgba(37,99,235,.4); color:#93C5FD; }
.pump-count { background:rgba(13,148,136,.2) !important; color:#5eead4 !important; }

.uni-filters { padding:10px 16px; background:#F8FAFC; border-bottom:1px solid var(--border); display:flex; flex-direction:column; gap:8px; }
.uni-frow    { display:flex; align-items:flex-end; gap:8px; flex-wrap:wrap; }
.uni-fgroup  { display:flex; flex-direction:column; gap:3px; }
.uni-fgroup label { font-size:.58rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#94A3B8; }
.uni-finput  { font-size:.78rem; padding:6px 10px; border:1px solid var(--border); border-radius:6px; background:#fff; color:var(--text); outline:none; transition:border-color .12s; min-width:110px; font-family:inherit; }
.uni-finput:focus { border-color:#2563EB; }
.uni-fbtn   { display:inline-flex; align-items:center; gap:5px; font-size:.72rem; font-weight:600; padding:7px 13px; border-radius:6px; border:1px solid var(--border); background:var(--navy); color:#fff; cursor:pointer; transition:opacity .12s; margin-bottom:1px; }
.uni-fbtn:hover { opacity:.85; }
.uni-fbtn--ghost { background:#fff; color:var(--text-sm); }
.uni-fstats { font-size:.7rem; color:#94A3B8; }
.uni-fstats strong { color:var(--text-md); }

.uni-no-results { padding:24px; text-align:center; font-size:.8rem; color:#94A3B8; background:#FAFAFA; border-top:1px solid var(--border); }
.uni-no-results i { font-size:1.3rem; display:block; margin-bottom:6px; opacity:.3; }
.uni-pane { display:none; }
.uni-pane.active { display:block; }

.uni-table-wrap { overflow-x:auto; }
.uni-table { width:100%; border-collapse:collapse; font-size:.78rem; }
.uni-table thead th { background:#F1F5F9; color:#64748B; font-size:.6rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; padding:9px 12px; border-bottom:2px solid var(--border); white-space:nowrap; text-align:left; }
.uni-table thead th.r { text-align:right; }
.uni-table thead th.c { text-align:center; }
.uni-table tbody td { padding:9px 12px; border-bottom:1px solid #F1F5F9; vertical-align:middle; }
.uni-table tbody tr:last-child td { border-bottom:none; }
.uni-table tbody tr:hover td { background:#FAFBFD; }
.uni-table tfoot td { padding:10px 12px; background:#F8FAFC; border-top:2px solid var(--border); font-size:.65rem; }

.uni-pump-summary { display:flex; align-items:center; justify-content:space-between; padding:10px 16px; background:#F0FDFA; border-bottom:1px solid #CCFBF1; font-size:.78rem; color:#0D9488; font-weight:500; flex-wrap:wrap; gap:8px; }
.pump-total strong { color:#0D9488; }

.r { text-align:right; }
.c { text-align:center; }
.mono-bold { font-weight:700; font-family:var(--mono,monospace); font-size:.78rem; }
.mono-sm   { font-family:var(--mono,monospace); font-size:.72rem; }
.muted-sm  { font-size:.72rem; color:#64748B; }
.dt-cell   { font-size:.72rem; color:#475569; line-height:1.5; }
.dt-cell span { color:#94A3B8; }
.hi        { color:var(--navy); }
.teal-val  { color:#0D9488; font-family:var(--mono,monospace); }
.amber-val { color:#D97706; }
.cumul-val { color:#475569; font-family:var(--mono,monospace); }
.balance-ok   { color:#059669; font-weight:700; font-family:var(--mono,monospace); }
.balance-over { color:#DC2626; font-weight:700; font-family:var(--mono,monospace); }

.run-no { font-family:var(--mono,monospace); font-size:.72rem; font-weight:700; color:var(--accent); background:var(--accent-lt); padding:2px 8px; border-radius:4px; }
.pump-pill { display:inline-flex; align-items:center; gap:4px; font-size:.6rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em; padding:2px 8px; border-radius:99px; }
.pump-pill.yes { background:#F0FDFA; color:#0D9488; border:1px solid #CCFBF1; }
.pump-pill.no  { background:#F1F5F9; color:#94A3B8; border:1px solid #E2E8F0; }
.row-actions { display:flex; gap:4px; justify-content:center; }
.ra-btn { width:26px; height:26px; display:inline-flex; align-items:center; justify-content:center; border-radius:5px; font-size:.82rem; color:var(--accent); transition:background .12s; text-decoration:none; }
.ra-btn:hover      { background:var(--accent-lt); }
.ra-btn--red       { color:#DC2626; }
.ra-btn--red:hover { background:#FEF2F2; }

.ft-label { font-size:.6rem; text-transform:uppercase; letter-spacing:.07em; color:#64748B; font-weight:700; }
.ft-num   { text-align:right; font-weight:700; font-family:var(--mono,monospace); color:var(--navy); }
.ft-grand { text-align:right; font-weight:800; font-family:var(--mono,monospace); font-size:.88rem; }
.uni-empty { padding:40px 20px; text-align:center; color:#94A3B8; }
.uni-empty i { font-size:2rem; opacity:.25; display:block; margin-bottom:8px; }
.uni-empty p { font-size:.82rem; margin:0; }

/* SITE CARD INSIDE TAB */
.site-tab-card {
  background: var(--surface); border: 1px solid var(--border); border-radius: 8px;
  padding: 16px; margin-bottom: 12px;
  display: flex; flex-wrap: wrap; gap: 12px 24px;
}
.site-tab-card:last-child { margin-bottom: 0; }
.site-tab-card .stc-label { font-size: .6rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: var(--text-sm); margin-bottom: 2px; }
.site-tab-card .stc-val   { font-size: .85rem; font-weight: 600; color: var(--text); }
.site-tab-card .stc-val.mono { font-family: var(--mono); }
.site-tab-card .stc-primary { flex: 1 1 100%; }
.site-tab-card .stc-field   { flex: 1 1 calc(33% - 16px); min-width: 120px; }
@media(max-width:560px){ .site-tab-card .stc-field { flex: 1 1 100%; } }

.smb-site { border-bottom: 1px solid var(--border); }
.smb-site:last-child { border-bottom: none; }
.smb-site-head {
  display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; flex-wrap: wrap;
  padding: 14px 16px 10px; background: #f8fafc;
}
.smb-kicker { font-size: .58rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #94a3b8; }
.smb-site-name { font-size: .95rem; font-weight: 800; color: var(--navy); }
.smb-site-totals { display: flex; gap: 14px; flex-wrap: wrap; font-size: .72rem; color: #64748b; }
.smb-site-totals strong { color: var(--navy); }
.smb-dispatch-list { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.smb-chip {
  font-size: .62rem; font-weight: 700; background: #eff6ff; color: #1d4ed8;
  border: 1px solid #bfdbfe; border-radius: 99px; padding: 2px 8px;
}
.smb-bar { height: 6px; background: #e2e8f0; border-radius: 99px; overflow: hidden; }
.smb-bar span { display: block; height: 100%; background: #16a34a; }

/* --------------------------------------------------------------------------
   SECTION: Sales & CRM - Smart Order Create Form (orders/smart-order-create.blade.php)
   -------------------------------------------------------------------------- */
/* Extracted from orders/smart-order-create.blade.php */

:root {
  --bg:        #F0F4F8;
  --surface:   #FFFFFF;
  --navy:      #0F1F3D;
  --navy-md:   #1E3A5F;
  --accent:    #2563EB;
  --accent-lt: #EFF6FF;
  --amber:     #D97706;
  --amber-lt:  #FFFBEB;
  --green:     #059669;
  --green-lt:  #ECFDF5;
  --danger:    #DC2626;
  --border:    #E2E8F0;
  --border-md: #CBD5E1;
  --text:      #1E293B;
  --text-md:   #475569;
  --text-sm:   #94A3B8;
  --radius:    8px;
  --radius-lg: 12px;
}
* { box-sizing: border-box; }
body { background: var(--bg); font-family: system-ui, -apple-system, sans-serif; }

.so-page { max-width: 1280px; margin: 0 auto; padding: 24px 16px 48px; }

.so-topbar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.so-topbar-left { display: flex; align-items: center; gap: 12px; }
.so-topbar-left h5 { margin: 0; font-size: 1rem; font-weight: 700; color: var(--navy); }
.so-topbar-left p  { margin: 0; font-size: .72rem; color: var(--text-sm); }
.so-badge {
  font-size: .6rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em;
  background: var(--navy); color: #fff; padding: 3px 9px; border-radius: 99px;
}
.so-back {
  font-size: .78rem; color: var(--text-md); text-decoration: none;
  display: inline-flex; align-items: center; gap: 4px;
  border: 1px solid var(--border); border-radius: 6px; padding: 6px 12px;
  background: var(--surface); transition: all .12s;
}
.so-back:hover { border-color: var(--accent); color: var(--accent); }

.so-layout { display: grid; grid-template-columns: 1fr 300px; gap: 16px; align-items: start; }
@media (max-width: 1024px) { .so-layout { grid-template-columns: 1fr; } .so-sidebar { order: -1; } }

.so-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden; margin-bottom: 12px; }
.so-card-head { display: flex; align-items: center; gap: 10px; padding: 12px 18px; border-bottom: 1px solid var(--border); }
.so-card-head-icon { width: 28px; height: 28px; border-radius: 7px; display: flex; align-items: center; justify-content: center; font-size: .9rem; flex-shrink: 0; }
.icon-blue  { background: var(--accent-lt); color: var(--accent); }
.icon-amber { background: var(--amber-lt);  color: var(--amber);  }
.so-card-head-text strong { display: block; font-size: .8rem; font-weight: 700; color: var(--navy); }
.so-card-head-text span   { font-size: .65rem; color: var(--text-sm); }
.so-card-body { padding: 18px; }

.so-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.so-grid-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; }
@media (max-width: 768px) { .so-grid-2, .so-grid-3 { grid-template-columns: 1fr; } }

.so-field { position: relative; }
.so-label { display: block; font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: var(--text-md); margin-bottom: 5px; }
.so-label .req { color: var(--danger); }
.so-input, .so-select, .so-textarea {
  width: 100%; font-size: .875rem; color: var(--text); background: #FAFBFD;
  border: 1px solid var(--border); border-radius: 7px; padding: 8px 11px;
  transition: border-color .15s, box-shadow .15s, background .15s; font-family: inherit;
}
.so-input:focus, .so-select:focus, .so-textarea:focus {
  outline: none; background: var(--surface); border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(37,99,235,.1);
}
.so-input.has-icon { padding-left: 32px; }
.so-textarea { resize: vertical; min-height: 72px; }
.so-field-icon { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: var(--text-sm); font-size: .8rem; pointer-events: none; line-height: 1; }
.so-field-icon.top { top: 10px; transform: none; }
.so-hint { font-size: .65rem; color: var(--danger); margin-top: 3px; display: none; }

.so-autocomplete {
  position: absolute; top: 100%; left: 0; right: 0; background: var(--surface);
  border: 1px solid var(--border-md); border-radius: 0 0 8px 8px;
  box-shadow: 0 8px 24px rgba(0,0,0,.1); z-index: 999;
  max-height: 200px; overflow-y: auto; display: none;
}
.so-autocomplete-item { padding: 9px 12px; cursor: pointer; font-size: .825rem; display: flex; flex-direction: column; gap: 1px; border-bottom: 1px solid #f1f5f9; }
.so-autocomplete-item:last-child { border-bottom: none; }
.so-autocomplete-item:hover { background: var(--accent-lt); }
.so-autocomplete-name { font-weight: 600; color: var(--text); }
.so-autocomplete-sub  { font-size: .65rem; color: var(--text-sm); }

.so-sidebar { position: sticky; top: 20px; }
.so-summary { background: var(--navy); border-radius: var(--radius-lg); overflow: hidden; color: #fff; }
.so-summary-head { padding: 14px 18px 12px; border-bottom: 1px solid rgba(255,255,255,.1); }
.so-summary-head h6 { margin: 0; font-size: .78rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; opacity: .8; color: #fff; }
.so-summary-body { padding: 16px 18px; }
.so-summary-row { display: flex; justify-content: space-between; align-items: baseline; padding: 7px 0; border-bottom: 1px solid rgba(255,255,255,.07); font-size: .8rem; }
.so-summary-row:last-child { border-bottom: none; }
.so-summary-row .sr-label { color: rgba(255,255,255,.55); font-size: .7rem; }
.so-summary-row .sr-val   { font-weight: 700; color: #fff; font-family: 'SF Mono', 'Fira Code', monospace; }
.so-summary-row .sr-val.amber { color: #FCD34D; }
.so-summary-total { background: rgba(255,255,255,.07); border-radius: 8px; padding: 12px 14px; margin-top: 12px; display: flex; justify-content: space-between; align-items: center; }
.so-summary-total .st-label { font-size: .68rem; text-transform: uppercase; letter-spacing: .08em; opacity: .6; }
.so-summary-total .st-val   { font-size: 1.3rem; font-weight: 800; color: #6EE7B7; font-family: 'SF Mono', 'Fira Code', monospace; }
.so-save-btn { width: 100%; background: var(--green); color: #fff; border: none; border-radius: 8px; padding: 12px; font-size: .875rem; font-weight: 700; cursor: pointer; margin-top: 14px; display: flex; align-items: center; justify-content: center; gap: 7px; transition: background .15s, transform .1s; letter-spacing: .02em; }
.so-save-btn:hover  { background: #047857; }
.so-save-btn:active { transform: scale(.98); }
.so-summary-note { font-size: .65rem; color: rgba(255,255,255,.4); margin-top: 10px; text-align: center; line-height: 1.5; }

.so-alert { display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; border-radius: 8px; margin-bottom: 14px; font-size: .825rem; }
.so-alert.success { background: var(--green-lt); border: 1px solid #A7F3D0; color: #065F46; }
.so-alert.danger  { background: #FEF2F2; border: 1px solid #FECACA; color: var(--danger); }
.so-alert i { flex-shrink: 0; font-size: 1rem; margin-top: 1px; }
.so-alert-close { margin-left: auto; background: none; border: none; cursor: pointer; opacity: .5; font-size: 1rem; padding: 0; }
.so-alert-close:hover { opacity: 1; }

/* ── multi-site blocks ── */
.so-site-block { border: 1px solid var(--border); border-radius: var(--radius); padding: 16px; margin-bottom: 14px; position: relative; background: #FAFBFD; }
.so-site-block-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.so-site-block-head strong { font-size: .75rem; font-weight: 700; color: var(--navy-md); text-transform: uppercase; letter-spacing: .06em; }
.so-site-remove { background: #FEF2F2; color: var(--danger); border: 1px solid #FECACA; border-radius: 6px; padding: 4px 10px; font-size: .68rem; font-weight: 700; cursor: pointer; display: none; }
.so-site-remove:hover { background: var(--danger); color: #fff; }
.so-add-site-btn {
  width: 100%; background: var(--accent-lt); color: var(--accent); border: 1px dashed var(--accent);
  border-radius: 8px; padding: 10px; font-size: .8rem; font-weight: 700; cursor: pointer;
  display: flex; align-items: center; justify-content: center; gap: 6px; transition: background .15s;
}
.so-add-site-btn:hover { background: #DBEAFE; }

.so-items-table { width: 100%; border-collapse: collapse; font-size: .82rem; }
.so-items-table th {
  text-align: left; font-size: .65rem; font-weight: 700; text-transform: uppercase;
  letter-spacing: .06em; color: var(--text-md); padding: 0 8px 8px; border-bottom: 1px solid var(--border);
}
.so-items-table td { padding: 8px 6px; vertical-align: middle; border-bottom: 1px solid #F1F5F9; }
.so-items-table .mix-amount { font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.so-items-wrap { overflow-x: auto; }
.so-add-item-btn {
  margin-top: 12px; background: var(--green-lt); color: var(--green); border: 1px dashed var(--green);
  border-radius: 8px; padding: 9px; font-size: .8rem; font-weight: 700; cursor: pointer;
  display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%;
}
.so-add-item-btn:hover { background: #D1FAE5; }
.icon-green { background: var(--green-lt); color: var(--green); }
.so-items-table .req { color: var(--danger); }
.so-site-mix {
  margin-top: 16px; padding-top: 14px; border-top: 1px dashed var(--border);
}
.so-site-mix-head {
  display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px;
}
.so-site-mix-head span {
  font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--navy-md);
}
.so-add-item-btn.inline {
  width: auto; margin: 0; padding: 6px 10px; font-size: .72rem;
}

.bi-158cf35e12 { margin:4px 0 0;padding-left:16px; }

.bi-a726b01e4d { font-size:.8rem; }

.bi-08d269c3c4 { margin-bottom:14px;position:relative; }

.bi-d461c96de5 { position:relative; }

.bi-d6f2af6e0a { margin-top:14px; }

.bi-a484feb8c4 { text-transform:uppercase; }

.bi-cc2370da47 { top:9px; }

.bi-e8eafd7108 { padding-left:30px; }

.bi-67638d0312 { padding-right:28px; }

.bi-f77eb5e272 { position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.78rem;color:var(--text-sm);pointer-events:none; }

.bi-4260ebea52 { padding-top:0; }

.bi-84814c8ad8 { opacity:.7;margin-right:6px; }

.bi-951b72dbdd { font-size:1rem; }

.bi-2b583d7389 { margin-bottom:14px; }

.bi-1536dcdee6 { min-height:60px; }

.bi-7a3460541a { padding-right:36px; }

.bi-eda611bb3f { position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.7rem;color:var(--text-sm);pointer-events:none; }

.bi-7ebc6f0bf8 { position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:.78rem;color:var(--text-sm);pointer-events:none; }

.bi-ea10c58f4a { padding-left:22px; }

/* --------------------------------------------------------------------------
   SECTION: Sales & CRM - Smart Order Edit Form (orders/smart-order-edit.blade.php)
   -------------------------------------------------------------------------- */
:root {
  --bg:        #F0F4F8;
  --surface:   #FFFFFF;
  --navy:      #0F1F3D;
  --navy-md:   #1E3A5F;
  --accent:    #2563EB;
  --accent-lt: #EFF6FF;
  --amber:     #D97706;
  --amber-lt:  #FFFBEB;
  --green:     #059669;
  --green-lt:  #ECFDF5;
  --danger:    #DC2626;
  --border:    #E2E8F0;
  --border-md: #CBD5E1;
  --text:      #1E293B;
  --text-md:   #475569;
  --text-sm:   #94A3B8;
  --radius:    8px;
  --radius-lg: 12px;
}
* { box-sizing: border-box; }
body { background: var(--bg); font-family: system-ui, -apple-system, sans-serif; }

.so-page { max-width: 1280px; margin: 0 auto; padding: 24px 16px 48px; }

.so-topbar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.so-topbar-left { display: flex; align-items: center; gap: 12px; }
.so-topbar-left h5 { margin: 0; font-size: 1rem; font-weight: 700; color: var(--navy); }
.so-topbar-left p  { margin: 0; font-size: .72rem; color: var(--text-sm); }
.so-badge {
  font-size: .6rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em;
  background: var(--amber); color: #fff; padding: 3px 9px; border-radius: 99px;
}
.so-back {
  font-size: .78rem; color: var(--text-md); text-decoration: none;
  display: inline-flex; align-items: center; gap: 4px;
  border: 1px solid var(--border); border-radius: 6px; padding: 6px 12px;
  background: var(--surface); transition: all .12s;
}
.so-back:hover { border-color: var(--accent); color: var(--accent); }

.so-layout { display: grid; grid-template-columns: 1fr 300px; gap: 16px; align-items: start; }
@media (max-width: 1024px) { .so-layout { grid-template-columns: 1fr; } .so-sidebar { order: -1; } }

.so-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden; margin-bottom: 12px; }
.so-card-head { display: flex; align-items: center; gap: 10px; padding: 12px 18px; border-bottom: 1px solid var(--border); }
.so-card-head-icon { width: 28px; height: 28px; border-radius: 7px; display: flex; align-items: center; justify-content: center; font-size: .9rem; flex-shrink: 0; }
.icon-blue  { background: var(--accent-lt); color: var(--accent); }
.icon-amber { background: var(--amber-lt);  color: var(--amber);  }
.so-card-head-text strong { display: block; font-size: .8rem; font-weight: 700; color: var(--navy); }
.so-card-head-text span   { font-size: .65rem; color: var(--text-sm); }
.so-card-body { padding: 18px; }

.so-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.so-grid-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; }
@media (max-width: 768px) {
  .so-grid-2, .so-grid-3 { grid-template-columns: 1fr; }
  .so-sidebar { order: 1; }
}

.so-field { position: relative; }
.so-label { display: block; font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: var(--text-md); margin-bottom: 5px; }
.so-label .req { color: var(--danger); }
.so-input, .so-select, .so-textarea {
  width: 100%; font-size: .875rem; color: var(--text); background: #FAFBFD;
  border: 1px solid var(--border); border-radius: 7px; padding: 8px 11px;
  transition: border-color .15s, box-shadow .15s, background .15s; font-family: inherit;
}
.so-input:focus, .so-select:focus, .so-textarea:focus {
  outline: none; background: var(--surface); border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(37,99,235,.1);
}
.so-input.has-icon { padding-left: 32px; }
.so-textarea { resize: vertical; min-height: 72px; }
.so-field-icon { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: var(--text-sm); font-size: .8rem; pointer-events: none; line-height: 1; }
.so-field-icon.top { top: 10px; transform: none; }
.so-hint { font-size: .65rem; color: var(--danger); margin-top: 3px; display: none; }

.so-autocomplete {
  position: absolute; top: 100%; left: 0; right: 0; background: var(--surface);
  border: 1px solid var(--border-md); border-radius: 0 0 8px 8px;
  box-shadow: 0 8px 24px rgba(0,0,0,.1); z-index: 999;
  max-height: 200px; overflow-y: auto; display: none;
}
.so-autocomplete-item { padding: 9px 12px; cursor: pointer; font-size: .825rem; display: flex; flex-direction: column; gap: 1px; border-bottom: 1px solid #f1f5f9; }
.so-autocomplete-item:last-child { border-bottom: none; }
.so-autocomplete-item:hover { background: var(--accent-lt); }
.so-autocomplete-name { font-weight: 600; color: var(--text); }
.so-autocomplete-sub  { font-size: .65rem; color: var(--text-sm); }

.so-sidebar { position: sticky; top: 20px; }
.so-summary { background: var(--navy); border-radius: var(--radius-lg); overflow: hidden; color: #fff; }
.so-summary-head { padding: 14px 18px 12px; border-bottom: 1px solid rgba(255,255,255,.1); }
.so-summary-head h6 { margin: 0; font-size: .78rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; opacity: .8; color: #fff; }
.so-summary-body { padding: 16px 18px; }
.so-summary-row { display: flex; justify-content: space-between; align-items: baseline; padding: 7px 0; border-bottom: 1px solid rgba(255,255,255,.07); font-size: .8rem; }
.so-summary-row:last-child { border-bottom: none; }
.so-summary-row .sr-label { color: rgba(255,255,255,.55); font-size: .7rem; }
.so-summary-row .sr-val   { font-weight: 700; color: #fff; font-family: 'SF Mono', 'Fira Code', monospace; }
.so-summary-row .sr-val.amber { color: #FCD34D; }
.so-summary-total { background: rgba(255,255,255,.07); border-radius: 8px; padding: 12px 14px; margin-top: 12px; display: flex; justify-content: space-between; align-items: center; }
.so-summary-total .st-label { font-size: .68rem; text-transform: uppercase; letter-spacing: .08em; opacity: .6; }
.so-summary-total .st-val   { font-size: 1.3rem; font-weight: 800; color: #6EE7B7; font-family: 'SF Mono', 'Fira Code', monospace; }
.so-save-btn { width: 100%; background: var(--green); color: #fff; border: none; border-radius: 8px; padding: 12px; font-size: .875rem; font-weight: 700; cursor: pointer; margin-top: 14px; display: flex; align-items: center; justify-content: center; gap: 7px; transition: background .15s, transform .1s; letter-spacing: .02em; }
.so-save-btn:hover  { background: #047857; }
.so-save-btn:active { transform: scale(.98); }
.so-summary-note { font-size: .65rem; color: rgba(255,255,255,.4); margin-top: 10px; text-align: center; line-height: 1.5; }

.so-alert { display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; border-radius: 8px; margin-bottom: 14px; font-size: .825rem; }
.so-alert.success { background: var(--green-lt); border: 1px solid #A7F3D0; color: #065F46; }
.so-alert.danger  { background: #FEF2F2; border: 1px solid #FECACA; color: var(--danger); }
.so-alert i { flex-shrink: 0; font-size: 1rem; margin-top: 1px; }
.so-alert-close { margin-left: auto; background: none; border: none; cursor: pointer; opacity: .5; font-size: 1rem; padding: 0; }
.so-alert-close:hover { opacity: 1; }

/* ── extra site blocks ── */
.so-site-block { border: 1px solid var(--border); border-radius: var(--radius); padding: 16px; margin-bottom: 14px; position: relative; background: #FAFBFD; }
.so-site-block-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.so-site-block-head strong { font-size: .75rem; font-weight: 700; color: var(--navy-md); text-transform: uppercase; letter-spacing: .06em; }
.so-site-remove { background: #FEF2F2; color: var(--danger); border: 1px solid #FECACA; border-radius: 6px; padding: 4px 10px; font-size: .68rem; font-weight: 700; cursor: pointer; }
.so-site-remove:hover { background: var(--danger); color: #fff; }
.so-add-site-btn {
  width: 100%; background: var(--accent-lt); color: var(--accent); border: 1px dashed var(--accent);
  border-radius: 8px; padding: 10px; font-size: .8rem; font-weight: 700; cursor: pointer;
  display: flex; align-items: center; justify-content: center; gap: 6px; transition: background .15s;
}
.so-add-site-btn:hover { background: #DBEAFE; }
.so-extra-sites-empty { font-size: .75rem; color: var(--text-sm); text-align: center; padding: 4px 0 12px; }
.so-items-table { width: 100%; border-collapse: collapse; font-size: .82rem; }
.so-items-table th {
  text-align: left; font-size: .65rem; font-weight: 700; text-transform: uppercase;
  letter-spacing: .06em; color: var(--text-md); padding: 0 8px 8px; border-bottom: 1px solid var(--border);
}
.so-items-table td { padding: 8px 6px; vertical-align: middle; border-bottom: 1px solid #F1F5F9; }
.so-items-table .mix-amount { font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.so-items-wrap { overflow-x: auto; }
.so-add-item-btn {
  margin-top: 12px; background: var(--green-lt); color: var(--green); border: 1px dashed var(--green);
  border-radius: 8px; padding: 9px; font-size: .8rem; font-weight: 700; cursor: pointer;
  display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%;
}
.so-add-item-btn:hover { background: #D1FAE5; }
.icon-green { background: var(--green-lt); color: var(--green); }
.so-items-table .req { color: var(--danger); }
.so-site-mix { margin-top: 16px; padding-top: 14px; border-top: 1px dashed var(--border); }
.so-site-mix-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.so-site-mix-head span { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--navy-md); }
.so-add-item-btn.inline { width: auto; margin: 0; padding: 6px 10px; font-size: .72rem; }

/* ── GST section ── */
.so-gst-section {
  margin-top: 14px; padding: 14px 16px;
  background: #f8fafc; border: 1px solid var(--border); border-radius: 8px;
}

/* --------------------------------------------------------------------------
   SECTION: Sales & CRM - Receipts & Payments (receipts/index.blade.php)
   -------------------------------------------------------------------------- */
:root{
  --bg:#F5F4F1;--surface:#FFFFFF;--border:#E3E0DA;--border-strong:#CBC7BE;
  --ink:#1C1B19;--ink-soft:#6B675F;--ink-faint:#9B968C;
  --primary:#24304A;--primary-dark:#182238;--primary-tint:#EEF0F5;
  --accent:#B5652B;--accent-tint:#FBF0E6;
  --success:#1F7A53;--success-tint:#E8F5EE;
  --warning:#B7791F;--warning-tint:#FBF1DE;
  --danger:#B3261E;--danger-tint:#FBEBE9;
  --radius:10px;--shadow:0 1px 2px rgba(28,27,25,.04),0 6px 16px rgba(28,27,25,.05);
  --font-ui:'Inter',system-ui,-apple-system,sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}
.rp-page{max-width:1500px;margin:auto;padding:22px 16px 64px;font-family:var(--font-ui);color:var(--ink)}
.rp-page *{box-sizing:border-box}

.rp-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--border-strong)}
.rp-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);margin:0 0 4px}
.rp-title{font-size:1.5rem;font-weight:800;margin:0;letter-spacing:-.01em}
.rp-sub{font-size:.78rem;color:var(--ink-soft);margin-top:4px;max-width:52ch}
.rp-actions{display:flex;gap:8px}
.rp-btn{border:1px solid var(--border-strong);background:var(--surface);border-radius:8px;padding:9px 14px;text-decoration:none;color:var(--ink);font-size:.74rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:border-color .15s,background .15s}
.rp-btn:hover{border-color:var(--primary);background:var(--primary-tint);color:var(--primary)}
.rp-btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}
.rp-btn.primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff}

.rp-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.rp-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:15px 16px;border-top:3px solid var(--border-strong)}
.rp-stat.accent-primary{border-top-color:var(--primary)}
.rp-stat.accent-success{border-top-color:var(--success)}
.rp-stat.accent-warning{border-top-color:var(--warning)}
.rp-stat span{font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);font-weight:700}
.rp-stat strong{display:block;margin-top:6px;font-size:1.15rem;font-family:var(--font-mono);letter-spacing:-.01em}

.rp-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:16px}
.rp-card-head{padding:13px 16px;background:var(--bg);border-bottom:1px solid var(--border);font-weight:800;font-size:.82rem;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.rp-filter{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto auto;gap:9px;padding:14px 16px}
.rp-input{min-height:38px;border:1px solid var(--border-strong);border-radius:7px;padding:8px 10px;font-size:.74rem;font-family:var(--font-ui);color:var(--ink);background:var(--surface)}
.rp-input:focus{outline:2px solid var(--primary);outline-offset:1px;border-color:var(--primary)}

.rp-table-wrap{overflow:auto}
.rp-table{width:100%;min-width:900px;border-collapse:collapse}
.rp-table thead th{background:var(--bg);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.04em;font-size:.58rem;font-weight:700;padding:10px 12px;text-align:left;border-bottom:1px solid var(--border-strong)}
.rp-table tbody tr{transition:background .1s}
.rp-table tbody tr:hover{background:var(--primary-tint)}
.rp-table tbody tr:nth-child(even){background:rgba(28,27,25,.012)}
.rp-table tbody tr:nth-child(even):hover{background:var(--primary-tint)}
.rp-table td{padding:11px 12px;border-top:1px solid var(--border);font-size:.74rem;vertical-align:middle}
.rp-table td strong{font-weight:700}
.rp-table td .sub{font-size:.65rem;color:var(--ink-faint);margin-top:2px;font-family:var(--font-mono)}
.money{text-align:right;font-family:var(--font-mono);font-weight:600}
.badge{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;background:var(--primary-tint);color:var(--primary);font-size:.6rem;font-weight:700;letter-spacing:.02em}
.badge.mode-cash{background:var(--success-tint);color:var(--success)}
.badge.mode-bank{background:var(--primary-tint);color:var(--primary)}
.badge.mode-upi{background:#EDE9FE;color:#5B21B6}
.badge.mode-cheque{background:var(--warning-tint);color:var(--warning)}
.empty{text-align:center;padding:44px 20px;color:var(--ink-faint);font-size:.78rem}

.rp-pagination{
  padding:12px 16px;border-top:1px solid var(--border);
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
}
.rp-page-meta{font-size:.72rem;color:var(--ink-soft);font-weight:500}
.rp-page-meta strong{color:var(--ink);font-family:var(--font-mono)}
.rp-pager{display:flex;align-items:center;gap:4px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.rp-pager li{list-style:none}
.rp-pager a,.rp-pager span{
  min-width:34px;height:34px;padding:0 10px;border-radius:8px;border:1px solid var(--border-strong);
  background:var(--surface);color:var(--ink);font-size:.74rem;font-weight:600;
  display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
}
.rp-pager a:hover{border-color:var(--primary);background:var(--primary-tint);color:var(--primary)}
.rp-pager .is-active span{background:var(--primary);border-color:var(--primary);color:#fff}
.rp-pager .is-disabled span{opacity:.4;cursor:not-allowed}
.rp-pager .is-ellipsis span{border:none;background:transparent;min-width:22px;color:var(--ink-faint)}

.alert-success{background:var(--success-tint);border:1px solid var(--success);color:var(--success);padding:12px 16px;border-radius:var(--radius);margin-bottom:16px;display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600}

@media(max-width:900px){
  .rp-summary{grid-template-columns:1fr}
  .rp-filter{grid-template-columns:1fr 1fr}
  .rp-head{flex-direction:column;align-items:flex-start}
}
@media print{
  .no-print{display:none!important}
  .rp-page{padding:0}
  .rp-card,.rp-stat{box-shadow:none}
}

/* --------------------------------------------------------------------------
   SECTION: Plant & Production - Operations Monitor (production/index.blade.php)
   -------------------------------------------------------------------------- */
body { background:#f4f7f6; }
.prod-page { --p-ink:#183c32;--p-muted:#687d74;--p-line:#e0e8e3;--p-accent:#176b60;max-width:1600px;margin:auto;padding:26px 24px 50px;color:var(--p-ink); }
.prod-page * { box-sizing:border-box; }
.prod-header { display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:24px; }
.prod-eyebrow { font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--p-accent);margin-bottom:5px; }
.prod-title { margin:0;font-size:1.9rem;font-weight:750;letter-spacing:-.045em; }.prod-subtitle { margin-top:6px;color:var(--p-muted);font-size:.85rem; }
.prod-actions { display:flex;gap:8px;flex-wrap:wrap; }.prod-btn { display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:10px 14px;border:1px solid var(--p-line);border-radius:8px;background:white;color:var(--p-ink);text-decoration:none;font-size:.78rem;font-weight:600;cursor:pointer; }
.prod-btn.primary { background:var(--p-accent);border-color:var(--p-accent);color:white; }.prod-btn.danger { background:#fff5f3;color:#b23434;border-color:#f0d6d1; }.prod-btn:hover { filter:brightness(.96); }.prod-btn.icon { width:36px;min-height:36px;padding:0; }.prod-btn:focus-visible,.prod-input:focus-visible { outline:3px solid #8ec1b1;outline-offset:2px; }
.prod-nav { display:flex;gap:26px;border-bottom:1px solid var(--p-line);margin-bottom:22px;overflow-x:auto; }.prod-nav a { padding:12px 0;text-decoration:none;color:var(--p-muted);white-space:nowrap;font-size:.83rem; }.prod-nav a:first-child { border-bottom:2px solid var(--p-accent);color:var(--p-accent);font-weight:650; }
.prod-stats { display:grid;grid-template-columns:repeat(6,minmax(155px,1fr));gap:12px;margin-bottom:24px;overflow-x:auto;padding-bottom:4px; }.prod-stat-card { padding:20px;background:white;border:1px solid var(--p-line);border-radius:13px; }.prod-stat-card:first-child { background:#173f38;color:white;border-color:#173f38; }.prod-stat-card:first-child .prod-stat-label { color:#bddace; }.prod-stat-card:first-child .prod-stat-value { color:white; }
.prod-stat-icon { display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;margin-bottom:15px;font-size:18px;background:#edf5f0;color:var(--p-accent); }.prod-stat-label { display:block;font-size:.7rem;color:var(--p-muted);margin-bottom:7px; }.prod-stat-value { font-size:1.5rem;font-weight:700;letter-spacing:-.04em;line-height:1.25;display:block; }.prod-scope { display:block;color:var(--p-muted);font-size:.65rem;margin-top:7px; }
.prod-grid { margin-bottom:24px; }.prod-card,.sidebar-panel { border:1px solid var(--p-line);border-radius:13px;background:white;overflow:hidden;scroll-margin-top:85px; }.prod-card-header,.sidebar-panel-header { display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:20px 22px;border-bottom:1px solid var(--p-line); }.prod-card-title,.sidebar-panel-title { margin:0;display:flex;align-items:center;gap:9px;font-size:.98rem;font-weight:700; }.prod-card-title i,.sidebar-panel-title i { color:var(--p-accent); }
.prod-filter { display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 1fr auto;gap:12px;padding:20px 22px;background:#fbfcfb;border-bottom:1px solid var(--p-line);align-items:end; }.prod-label { display:block;font-size:.73rem;font-weight:600;color:#566e61;margin-bottom:7px; }.prod-input { width:100%;min-height:42px;padding:10px 11px;border:1px solid #dbe4dd;border-radius:8px;font-size:.8rem;color:var(--p-ink);background:white; }
.prod-table-wrap { overflow:auto; }.prod-table { width:100%;min-width:1120px;border-collapse:collapse; }.prod-table th { background:#f6f9f7;padding:13px 14px;text-align:left;font-size:.65rem;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-weight:650;color:var(--p-muted);border-bottom:1px solid var(--p-line); }.prod-table td { padding:16px 14px;border-bottom:1px solid #edf2ee;font-size:.8rem;vertical-align:middle; }.prod-table tbody tr:hover { background:#f8fbf9; }.prod-table input { width:16px;height:16px;accent-color:var(--p-accent); }
.prod-main { display:block;font-size:.8rem;font-weight:600;color:var(--p-ink);margin-bottom:5px; }.prod-sub { display:block;font-size:.72rem;color:var(--p-muted);line-height:1.5; }.prod-code { display:inline-flex;font-size:.73rem;font-family:ui-monospace,monospace;font-weight:600;color:var(--p-accent);background:#eff6f2;border-radius:5px;padding:5px 7px; }.prod-qty { font-variant-numeric:tabular-nums;font-weight:700; }.prod-badge { display:inline-flex;align-items:center;gap:5px;font-size:.68rem;padding:5px 9px;border-radius:20px;white-space:nowrap;font-weight:600; }.badge-ready { background:#fff5df;color:#976415; }.badge-sent { background:#edf2fb;color:#456f9a; }.badge-done { background:#eaf7ef;color:#26784b; }.badge-cancel { background:#fff0ee;color:#b34239; }
.prod-footer { display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:18px 22px; }.pagination-info { color:var(--p-muted);font-size:.75rem; }.empty-state { padding:40px 20px;text-align:center;color:var(--p-muted);font-size:.84rem; }.empty-icon { font-size:30px;color:#9cb8a8;margin-bottom:10px; }
.prod-page .alert { display:flex;align-items:center;gap:10px;font-size:.84rem; }.prod-page .alert button { margin-left:auto;border:0;background:transparent; }
.prod-ready-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:20px 22px; }.prod-load { display:flex;flex-direction:column;gap:12px;border:1px solid var(--p-line);border-radius:10px;padding:16px;min-width:0; }.prod-load-head { display:flex;justify-content:space-between;align-items:center;gap:8px; }.prod-load-client { font-size:.88rem;font-weight:650;overflow-wrap:anywhere; }.prod-load-meta { display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid #edf1ee; }.prod-load .prod-btn { margin-top:auto; }
.sidebar-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px; }.sidebar-panel-title { font-size:.88rem; }.sidebar-panel-body { padding:20px; }.prod-bar { display:grid;grid-template-columns:80px minmax(0,1fr) 75px;gap:10px;align-items:center;margin-bottom:15px; }.prod-bar-label { font-size:.73rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.prod-meter { height:7px;background:#edf2ee;border-radius:9px;overflow:hidden; }.prod-meter-bar { height:100%;background:#459880;border-radius:9px; }.prod-bar-value { text-align:right;font-size:.73rem;font-variant-numeric:tabular-nums;font-weight:600; }.prod-register-actions { display:flex;gap:8px;align-items:center;flex-wrap:wrap; }
@media(max-width:1300px) { .prod-ready-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.prod-filter { grid-template-columns:repeat(3,minmax(0,1fr)); }.sidebar-grid { grid-template-columns:1fr 1fr; } }
@media(max-width:700px) { .prod-page { padding:16px 10px 36px; }.prod-title { font-size:1.6rem; }.prod-stat-card { padding:16px; }.prod-stat-value { font-size:1.2rem; }.prod-stat-icon { margin-bottom:10px; }.prod-actions { width:100%; }.prod-actions>.prod-btn { flex:1; }.prod-filter { grid-template-columns:1fr 1fr;padding:16px; }.sidebar-grid { grid-template-columns:1fr; }.prod-card-header,.sidebar-panel-header { padding:16px; }.prod-ready-grid { grid-template-columns:1fr;padding:16px; }.prod-load { padding:16px; } }
@media(max-width:420px) { .prod-filter { grid-template-columns:1fr; } }

/* --------------------------------------------------------------------------
   SECTION: Plant & Production - Manual Batch Pouring Form (production/manual.blade.php)
   -------------------------------------------------------------------------- */
:root {
  --bg:         #f0f4f8;
  --card:       #ffffff;
  --header:     #102b5b;
  --accent:     #3b82f6;
  --accent-lt: #eff6ff;
  --green:      #10b981;
  --green-lt:  #f0fdf4;
  --amber:      #f59e0b;
  --amber-lt:  #fffbeb;
  --teal:       #0d9488;
  --danger:     #ef4444;
  --danger-lt: #fef2f2;
  --purple:     #8b5cf6;
  --purple-lt: #f5f3ff;
  --border:     #e2e8f0;
  --muted:      #94a3b8;
  --text:       #1e293b;
  --text-sm:    #64748b;
  --radius:     8px;
}

body    { background: var(--bg); font-family: 'Inter', system-ui, sans-serif; }
.np-page { max-width: 1100px; margin: 0 auto; padding: 24px 16px 100px; }

/* PAGE HEADER */
.np-page-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; flex-wrap:wrap; gap:12px; }
.np-page-header h5 { font-size:1.05rem; font-weight:700; color:var(--header); margin:0; display:flex; align-items:center; gap:8px; }
.badge-pill { font-size:.62rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; background:var(--accent); color:#fff; padding:3px 10px; border-radius:99px; }
.btn-back { font-size:.78rem; color:var(--text-sm); text-decoration:none; display:inline-flex; align-items:center; gap:4px; border:1px solid var(--border); border-radius:6px; padding:6px 14px; background:#fff; transition:all .12s; }
.btn-back:hover { border-color:var(--accent); color:var(--accent); }

/* ALERTS */
.np-alert { display:flex; align-items:flex-start; gap:10px; background:var(--danger-lt); border:1px solid #fca5a5; border-left:4px solid var(--danger); border-radius:var(--radius); padding:12px 16px; font-size:.82rem; color:#991b1b; margin-bottom:16px; }
.np-alert i { font-size:1rem; flex-shrink:0; margin-top:1px; }
.np-alert.success { background:var(--green-lt); border-color:#6ee7b7; border-left-color:var(--green); color:#065f46; }

/* CARD */
.np-card { background:var(--card); border:1px solid var(--border); border-radius:var(--radius); box-shadow:0 1px 4px rgba(0,0,0,.06); margin-bottom:16px; overflow:hidden; }
.np-card-head { background:var(--header); color:#fff; border-left:4px solid var(--accent); padding:12px 20px; font-size:.72rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; display:flex; align-items:center; gap:8px; }
.np-card-head i { opacity:.65; font-size:.95rem; }
.np-card-head.amber  { border-left-color:var(--amber);  background:#1e1a0f; }
.np-card-head.purple { border-left-color:var(--purple); background:#1a0f2e; }
.np-card-body { padding:20px; }

/* FORM */
.form-label { font-size:.62rem; font-weight:700; color:var(--text-sm); text-transform:uppercase; letter-spacing:.06em; margin-bottom:4px; display:block; }
.form-control, .form-select { font-size:.875rem; color:var(--text); border:1px solid var(--border); border-radius:6px; padding:8px 10px; background:#fff; width:100%; transition:border-color .15s,box-shadow .15s; }
.form-control:focus, .form-select:focus { border-color:var(--accent); box-shadow:0 0 0 3px rgba(59,130,246,.12); outline:none; }
.form-control[readonly] { background:#f8fafc; color:var(--text-sm); cursor:default; }

/* GRIDS */
.grid-4 { display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:16px; }
.grid-3 { display:grid; grid-template-columns:1fr 1fr 1fr; gap:16px; }
.grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
@media(max-width:900px){ .grid-4 { grid-template-columns:1fr 1fr; } .grid-3 { grid-template-columns:1fr 1fr; } }
@media(max-width:480px){ .grid-4,.grid-3,.grid-2 { grid-template-columns:1fr; } }

/* DETAIL PILLS */
.detail-pills { display:flex; gap:10px; flex-wrap:wrap; margin-top:12px; }
.detail-pill { display:flex; align-items:center; gap:8px; background:var(--accent-lt); border:1px solid #bfdbfe; border-radius:8px; padding:10px 14px; flex:1; min-width:140px; }
.detail-pill i { font-size:1rem; color:var(--accent); flex-shrink:0; }
.detail-pill .dp-label { font-size:.58rem; font-weight:700; text-transform:uppercase; letter-spacing:.07em; color:var(--accent); display:block; }
.detail-pill .dp-val   { font-size:.85rem; font-weight:700; color:var(--header); display:block; margin-top:2px; }
.detail-pill.hidden    { display:none; }
.prod-context {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px;
  margin-top: 14px; padding: 12px 14px; background: #f0f9ff;
  border: 1px solid #bae6fd; border-radius: 8px;
}
.prod-context .dp-label { font-size: .58rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: #0369a1; display: block; }
.prod-context .dp-val { font-size: .88rem; font-weight: 800; color: var(--header); display: block; margin-top: 2px; }
@media(max-width:700px){ .prod-context { grid-template-columns: 1fr 1fr; } }

/* MIX OVERRIDE */
.mix-override-note { font-size:.65rem; color:var(--amber); font-weight:600; display:none; align-items:center; gap:4px; background:var(--amber-lt); border:1px solid #fde68a; border-radius:5px; padding:3px 9px; margin-top:5px; }
.mix-override-note.visible { display:inline-flex; }

/* PUMP TOGGLE */
.pump-toggle-row   { display:flex; align-items:center; gap:10px; margin-bottom:16px; }
.pump-toggle-label { font-size:.78rem; font-weight:600; color:var(--text); }
.pump-toggle-badge { font-size:.6rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; padding:2px 8px; border-radius:99px; }
.pump-toggle-badge.yes { background:var(--purple-lt); color:var(--purple); border:1px solid #c4b5fd; }
.pump-toggle-badge.no  { background:#f1f5f9; color:var(--muted); border:1px solid var(--border); }

.toggle-switch { position:relative; display:inline-block; width:40px; height:22px; flex-shrink:0; }
.toggle-switch input { opacity:0; width:0; height:0; }
.toggle-slider { position:absolute; cursor:pointer; inset:0; background:#cbd5e1; border-radius:22px; transition:background .2s; }
.toggle-slider:before { content:''; position:absolute; width:16px; height:16px; left:3px; bottom:3px; background:#fff; border-radius:50%; transition:transform .2s; }
.toggle-switch input:checked + .toggle-slider { background:var(--purple); }
.toggle-switch input:checked + .toggle-slider:before { transform:translateX(18px); }

.pump-fields { display:none; border-top:1px dashed var(--border); padding-top:16px; margin-top:4px; }
.pump-fields.visible { display:block; }
.pump-section-note { display:flex; align-items:center; gap:8px; background:var(--purple-lt); border:1px solid #c4b5fd; border-radius:6px; padding:8px 14px; font-size:.72rem; color:#6d28d9; font-weight:500; margin-bottom:14px; }

/* MATERIAL TABLE */
.mat-wrap  { overflow-x:auto; }
.mat-table { width:100%; border-collapse:collapse; font-size:.82rem; }
.mat-table thead th { background:#f1f5f9; color:var(--text-sm); font-size:.6rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; padding:10px 12px; border-bottom:2px solid var(--border); white-space:nowrap; }
.mat-table thead th.r { text-align:right; }
.mat-table thead th.c { text-align:center; }
.mat-table tbody td { padding:10px 12px; border-bottom:1px solid #f1f5f9; vertical-align:middle; }
.mat-table tbody tr:last-child td { border-bottom:none; }
.mat-table tbody tr:hover td { background:#fafbfd; }
.low-row td { background:#fff7f7 !important; }

.stock-bar-wrap { background:#f1f5f9; border-radius:99px; height:4px; margin-top:5px; overflow:hidden; width:100%; }
.stock-bar      { height:4px; border-radius:99px; background:var(--green); }
.stock-bar.low  { background:var(--danger); }

.used-input { width:100%; text-align:center; border:1.5px solid var(--border); border-radius:6px; padding:6px 8px; font-size:.82rem; font-weight:600; background:#fff; transition:border-color .14s; }
.used-input:focus { border-color:var(--accent); box-shadow:0 0 0 2px rgba(59,130,246,.12); outline:none; }

.error-cell     { text-align:center; font-family:monospace; font-size:.82rem; font-weight:700; }
.error-cell.ok  { color:var(--green); }
.error-cell.bad { color:var(--danger); }

.status-ok  { display:inline-flex; align-items:center; gap:4px; font-size:.65rem; font-weight:700; text-transform:uppercase; background:var(--green-lt); color:#065f46; border:1px solid #6ee7b7; border-radius:99px; padding:2px 9px; }
.status-low { display:inline-flex; align-items:center; gap:4px; font-size:.65rem; font-weight:700; text-transform:uppercase; background:var(--danger-lt); color:#991b1b; border:1px solid #fca5a5; border-radius:99px; padding:2px 9px; }

.mat-empty   { padding:40px 20px; text-align:center; color:var(--muted); }
.mat-empty i { font-size:2rem; opacity:.3; display:block; margin-bottom:8px; }
.mat-empty p { font-size:.82rem; margin:0; }
.mat-loading   { padding:32px 20px; text-align:center; color:var(--muted); font-size:.82rem; }
.mat-loading i { font-size:1.2rem; display:block; margin-bottom:6px; animation:spin .8s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }

/* STICKY FOOTER */
.np-footer { position:bottom:0; left:0; right:0; z-index:100; background:var(--header); border-top:3px solid var(--accent); padding:12px 28px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.np-footer .load-info  { display:flex; flex-direction:column; }
.np-footer .load-label { font-size:.62rem; font-weight:600; text-transform:uppercase; letter-spacing:.08em; color:#64748b; }
.np-footer .load-val   { font-size:1.1rem; font-weight:800; color:#fff; font-family:'JetBrains Mono',monospace; }
.np-footer .pump-info  { display:flex; align-items:center; gap:6px; font-size:.72rem; color:#c4b5fd; font-weight:600; }
.np-footer .actions    { display:flex; gap:8px; }

.btn-save  { background:var(--accent); color:#fff; border:none; padding:10px 22px; border-radius:6px; font-size:.82rem; font-weight:600; cursor:pointer; display:inline-flex; align-items:center; gap:6px; transition:background .14s; }
.btn-save:hover  { background:#2563eb; }
.btn-print { background:var(--green); color:#fff; border:none; padding:10px 22px; border-radius:6px; font-size:.82rem; font-weight:600; cursor:pointer; display:inline-flex; align-items:center; gap:6px; transition:background .14s; }
.btn-print:hover { background:#059669; }

/* --------------------------------------------------------------------------
   SECTION: Plant & Production - Mix Design Formulations (mix_designs/index.blade.php)
   -------------------------------------------------------------------------- */
:root {
    --mx-primary: #1e40af;
    --mx-primary-dark: #0f172a;
    --mx-primary-light: #eff6ff;
    --mx-bg: #f8fafc;
    --mx-card: #ffffff;
    --mx-text: #0f172a;
    --mx-muted: #64748b;
    --mx-border: #e2e8f0;
    --mx-success: #059669;
    --mx-success-light: #ecfdf5;
    --mx-danger: #dc2626;
    --mx-danger-light: #fef2f2;
    --mx-warning: #d97706;
    --mx-warning-light: #fffbeb;
    --mx-radius: 10px;
}

body {
    background: var(--mx-bg);
}

.mx-container {
    max-width: 1560px;
    margin: 0 auto;
    padding: 20px 16px 80px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: var(--mx-text);
}

/* Header */
.mx-topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.mx-title-wrap {
    display: flex;
    align-items: center;
    gap: 12px;
}
.mx-title-icon {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--mx-primary), #3b82f6);
    color: #fff;
    font-size: 1.35rem;
    box-shadow: 0 4px 12px rgba(30, 64, 175, 0.25);
}
.mx-eyebrow {
    display: block;
    margin-bottom: 2px;
    color: var(--mx-primary);
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}
.mx-title {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--mx-text);
}
.mx-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.mx-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 36px;
    padding: 8px 14px;
    border: 1px solid var(--mx-border);
    border-radius: 8px;
    background: #fff;
    color: var(--mx-text);
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.15s ease;
}
.mx-btn:hover {
    border-color: var(--mx-primary);
    color: var(--mx-primary);
    background: #f8fafc;
}
.mx-btn.primary {
    border-color: var(--mx-primary);
    background: var(--mx-primary);
    color: #fff;
}
.mx-btn.primary:hover {
    background: #1d4ed8;
    color: #fff;
}

/* KPI Cards */
.mx-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-bottom: 20px;
}
.mx-kpi-card {
    background: #fff;
    border: 1px solid var(--mx-border);
    border-radius: var(--mx-radius);
    padding: 16px 18px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.03);
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.mx-kpi-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: var(--kpi-accent, var(--mx-primary));
}
.mx-kpi-body {
    display: flex;
    flex-direction: column;
}
.mx-kpi-label {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--mx-muted);
    margin-bottom: 4px;
}
.mx-kpi-val {
    font-size: 1.45rem;
    font-weight: 800;
    color: var(--mx-text);
    line-height: 1.2;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
.mx-kpi-sub {
    font-size: 0.72rem;
    color: var(--mx-muted);
    margin-top: 5px;
}
.mx-kpi-icon {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    display: grid;
    place-items: center;
    font-size: 1.15rem;
    background: #f1f5f9;
    color: var(--kpi-accent, var(--mx-primary));
    flex-shrink: 0;
}

/* Filter Strip */
.mx-filter-card {
    background: #fff;
    border: 1px solid var(--mx-border);
    border-radius: var(--mx-radius);
    padding: 14px 18px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    box-shadow: 0 1px 3px rgba(0,0,0,0.02);
}
.mx-search-box {
    position: relative;
    min-width: 260px;
    flex: 1;
    max-width: 380px;
}
.mx-search-box i {
    position: absolute;
    left: 11px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--mx-muted);
    font-size: 0.95rem;
}
.mx-search-input {
    width: 100%;
    padding: 7px 12px 7px 34px;
    border-radius: 7px;
    border: 1px solid var(--mx-border);
    font-size: 0.8rem;
    color: var(--mx-text);
    outline: none;
    background: #f8fafc;
    transition: all 0.15s ease;
}
.mx-search-input:focus {
    background: #fff;
    border-color: var(--mx-primary);
    box-shadow: 0 0 0 3px rgba(30, 64, 175, 0.1);
}

/* Universal Table Card */
.mx-table-card {
    background: #fff;
    border: 1px solid var(--mx-border);
    border-radius: var(--mx-radius);
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0,0,0,0.03);
}
.mx-table-wrap {
    overflow-x: auto;
}
.mx-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
    text-align: left;
}
.mx-table thead th {
    background: #f8fafc;
    color: var(--mx-muted);
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 12px 16px;
    border-bottom: 1px solid var(--mx-border);
    white-space: nowrap;
}
.mx-table tbody td {
    padding: 12px 16px;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
    color: var(--mx-text);
}
.mx-table tbody tr:hover td {
    background: #fafbfd;
}
.mx-table tbody tr:last-child td {
    border-bottom: none;
}

/* Badges & Monospace */
.mx-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
.mx-id-badge {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 6px;
    background: #f1f5f9;
    color: var(--mx-muted);
    font-weight: 700;
    font-size: 0.72rem;
}
.mx-grade-pill {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 800;
    background: var(--mx-primary-light);
    color: var(--mx-primary);
    letter-spacing: 0.04em;
}
.mx-ing-chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 7px;
    border-radius: 4px;
    font-size: 0.68rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    margin: 2px 2px 2px 0;
}
.mx-icon-btn {
    width: 30px;
    height: 30px;
    display: inline-grid;
    place-items: center;
    border-radius: 6px;
    border: 1px solid var(--mx-border);
    background: #fff;
    color: var(--mx-muted);
    cursor: pointer;
    text-decoration: none;
    transition: all 0.15s ease;
}
.mx-icon-btn:hover {
    border-color: var(--mx-primary);
    color: var(--mx-primary);
    background: var(--mx-primary-light);
}
.mx-icon-btn.danger:hover {
    border-color: var(--mx-danger);
    color: var(--mx-danger);
    background: var(--mx-danger-light);
}

/* --------------------------------------------------------------------------
   SECTION: Plant & Production - Production Reports (production/reports/index.blade.php)
   -------------------------------------------------------------------------- */
.pr-page {
        --pr-navy: #0B3A5B;
        --pr-navy-2: #0E4A73;
        --pr-accent: #E42527;
        --pr-ink: #172033;
        --pr-muted: #6b7280;
        --pr-line: #dfe5ee;
        --pr-soft: #f4f7fb;
        --pr-green: #15803d;
        --pr-amber: #b45309;
        max-width: 1580px;
        margin: 0 auto;
        padding: 6px 4px 48px;
        color: var(--pr-ink);
    }

    .pr-head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 14px;
        flex-wrap: wrap;
        margin-bottom: 14px;
    }

    .pr-title-wrap {
        display: flex;
        align-items: center;
        gap: 12px;
        min-width: 0;
    }

    .pr-icon {
        width: 46px;
        height: 46px;
        border-radius: 12px;
        display: grid;
        place-items: center;
        background: linear-gradient(135deg, var(--pr-navy), #082942);
        color: #fff;
        font-size: 1.2rem;
        flex-shrink: 0;
    }

    .pr-title-wrap h2 {
        margin: 0;
        font-size: 1.28rem;
        font-weight: 800;
        letter-spacing: -.02em;
        color: var(--pr-ink);
    }

    .pr-title-wrap p {
        margin: 3px 0 0;
        color: var(--pr-muted);
        font-size: 12.5px;
    }

    .pr-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .pr-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        min-height: 36px;
        padding: 7px 12px;
        border: 1px solid var(--pr-line);
        border-radius: 8px;
        background: #fff;
        color: var(--pr-ink);
        text-decoration: none;
        font-size: 12.5px;
        font-weight: 700;
        cursor: pointer;
        transition: .15s ease;
    }

    .pr-btn:hover {
        border-color: var(--pr-navy);
        color: var(--pr-navy);
        background: #f8fbff;
    }

    .pr-btn.primary {
        background: var(--pr-navy);
        border-color: var(--pr-navy);
        color: #fff;
    }

    .pr-btn.primary:hover {
        background: var(--pr-navy-2);
        color: #fff;
    }

    .pr-filters {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 10px;
        align-items: end;
        background: #fff;
        border: 1px solid var(--pr-line);
        border-radius: 12px;
        padding: 14px;
        margin-bottom: 14px;
        box-shadow: 0 3px 12px rgba(15, 23, 42, .04);
    }

    .pr-field label {
        display: block;
        margin-bottom: 6px;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: .04em;
        text-transform: uppercase;
        color: var(--pr-muted);
    }

    .pr-field input,
    .pr-field select {
        width: 100%;
        min-height: 38px;
        border: 1px solid var(--pr-line);
        border-radius: 8px;
        padding: 7px 10px;
        font-size: 13px;
        color: var(--pr-ink);
        background: #fff;
    }

    .pr-field input:focus,
    .pr-field select:focus {
        outline: none;
        border-color: var(--pr-navy);
        box-shadow: 0 0 0 3px rgba(11, 58, 91, .12);
    }

    .pr-filter-actions {
        grid-column: 1 / -1;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .pr-btn.excel {
        background: #15803d;
        border-color: #15803d;
        color: #fff;
    }

    .pr-btn.excel:hover {
        background: #166534;
        border-color: #166534;
        color: #fff;
    }

    .pr-kpis {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 10px;
        margin-bottom: 14px;
    }

    .pr-kpi {
        background: #fff;
        border: 1px solid var(--pr-line);
        border-radius: 12px;
        padding: 14px 14px 13px;
        box-shadow: 0 3px 12px rgba(15, 23, 42, .04);
        min-width: 0;
    }

    .pr-kpi-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 10px;
    }

    .pr-kpi-ico {
        width: 34px;
        height: 34px;
        border-radius: 8px;
        display: grid;
        place-items: center;
        font-size: 16px;
    }

    .pr-kpi-ico.navy { background: #e8f1f8; color: var(--pr-navy); }
    .pr-kpi-ico.cyan { background: #ecfeff; color: #0e7490; }
    .pr-kpi-ico.amber { background: #fff7ed; color: var(--pr-amber); }
    .pr-kpi-ico.violet { background: #f5f3ff; color: #6d28d9; }
    .pr-kpi-ico.red { background: #fff1f2; color: var(--pr-accent); }
    .pr-kpi-ico.green { background: #ecfdf3; color: var(--pr-green); }

    .pr-kpi-label {
        font-size: 11px;
        font-weight: 700;
        letter-spacing: .04em;
        text-transform: uppercase;
        color: var(--pr-muted);
    }

    .pr-kpi-value {
        font-size: 1.12rem;
        font-weight: 800;
        letter-spacing: -.02em;
        color: var(--pr-ink);
        line-height: 1.2;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-variant-numeric: tabular-nums;
    }

    .pr-kpi-value.accent { color: var(--pr-accent); }
    .pr-kpi-value.warn { color: var(--pr-accent); }
    .pr-kpi-value.ok { color: var(--pr-green); }
    .pr-kpi-unit { font-size: 12px; font-weight: 600; color: var(--pr-muted); margin-left: 3px; }

    .pr-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
        margin-bottom: 12px;
    }

    .pr-card {
        background: #fff;
        border: 1px solid var(--pr-line);
        border-radius: 12px;
        box-shadow: 0 3px 12px rgba(15, 23, 42, .04);
        overflow: hidden;
        min-width: 0;
    }

    .pr-card-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 12px 14px;
        border-bottom: 1px solid var(--pr-line);
        background: #f9fbff;
    }

    .pr-card-head h3 {
        margin: 0;
        font-size: 13.5px;
        font-weight: 800;
        display: flex;
        align-items: center;
        gap: 7px;
        color: var(--pr-ink);
    }

    .pr-card-head h3 i { color: var(--pr-navy); font-size: 16px; }

    .pr-badge {
        display: inline-flex;
        align-items: center;
        min-height: 22px;
        padding: 2px 8px;
        border-radius: 999px;
        background: #fff1f2;
        color: var(--pr-accent);
        font-size: 11px;
        font-weight: 800;
    }

    .pr-badge.navy {
        background: #e8f1f8;
        color: var(--pr-navy);
    }

    .pr-table-wrap {
        overflow: auto;
        max-height: 340px;
    }

    .pr-table {
        width: 100%;
        border-collapse: collapse;
    }

    .pr-table th {
        position: sticky;
        top: 0;
        z-index: 1;
        background: #f7f9fc;
        color: var(--pr-muted);
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .04em;
        padding: 10px 12px;
        text-align: left;
        border-bottom: 1px solid var(--pr-line);
        white-space: nowrap;
    }

    .pr-table td {
        padding: 10px 12px;
        border-bottom: 1px solid #edf1f5;
        font-size: 13px;
        vertical-align: middle;
        color: var(--pr-ink);
    }

    .pr-table tbody tr:last-child td { border-bottom: none; }
    .pr-table tbody tr:hover { background: #fbfcff; }
    .pr-table .num { text-align: right; font-variant-numeric: tabular-nums; font-weight: 700; white-space: nowrap; }
    .pr-table .muted { color: var(--pr-muted); font-weight: 500; }
    .pr-table .sub { display: block; font-size: 11.5px; color: var(--pr-muted); margin-top: 2px; }

    .pr-chip {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        padding: 4px 8px;
        border-radius: 999px;
        background: #eef4ff;
        color: var(--pr-navy);
        font-size: 12px;
        font-weight: 700;
        white-space: nowrap;
    }

    .pr-empty {
        padding: 28px 16px;
        text-align: center;
        color: var(--pr-muted);
        font-size: 13px;
    }

    .pr-empty i { display: block; font-size: 22px; margin-bottom: 6px; opacity: .45; }

    .pr-icon-btns {
        display: inline-flex;
        gap: 6px;
        justify-content: flex-end;
    }

    .pr-ico-btn {
        width: 30px;
        height: 30px;
        border-radius: 7px;
        border: 1px solid var(--pr-line);
        display: grid;
        place-items: center;
        color: var(--pr-navy);
        background: #fff;
        text-decoration: none;
        font-size: 14px;
    }

    .pr-ico-btn:hover { background: var(--pr-navy); color: #fff; border-color: var(--pr-navy); }
    .pr-ico-btn.green:hover { background: var(--pr-green); border-color: var(--pr-green); }
    .pr-ico-btn.red:hover { background: var(--pr-accent); border-color: var(--pr-accent); }

    .pr-link {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        font-size: 12px;
        font-weight: 700;
        color: var(--pr-navy);
        text-decoration: none;
    }

    .pr-link:hover { color: var(--pr-accent); }

    .pr-money { color: var(--pr-navy); }

    .pr-share {
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        white-space: nowrap;
    }

    .pr-share-bar {
        width: 52px;
        height: 6px;
        border-radius: 99px;
        background: #e8eef5;
        overflow: hidden;
    }

    .pr-share-bar span {
        display: block;
        height: 100%;
        background: var(--pr-navy);
        border-radius: 99px;
    }

    .pr-insights .pr-table-wrap { max-height: 460px; }

    @media (max-width: 1200px) {
        .pr-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
        .pr-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    }

    @media (max-width: 768px) {
        .pr-kpis, .pr-grid, .pr-filters { grid-template-columns: 1fr; }
        .pr-kpi-value { font-size: 1.2rem; }
    }

    @media print {
        .pr-actions, .pr-filters, .no-print, .pr-ico-btn, .pr-link { display: none !important; }
        .pr-page { max-width: none; padding: 0; }
        .pr-card, .pr-kpi { box-shadow: none; }
        .pr-table-wrap { max-height: none; overflow: visible; }
        .pr-kpis { grid-template-columns: repeat(3, 1fr); }
        .pr-grid { grid-template-columns: 1fr 1fr; }
    }

/* --------------------------------------------------------------------------
   SECTION: Logistics & Dispatch - Dispatch Command Board (dispatches/index.blade.php)
   -------------------------------------------------------------------------- */
:root {
    --ds-bg: #f5f7fb;
    --ds-card: #ffffff;
    --ds-text: #172033;
    --ds-muted: #64748b;
    --ds-border: #dfe5ee;
    --ds-primary: #274c8e;
    --ds-primary-soft: #eef4ff;
    --ds-success: #15803d;
    --ds-success-soft: #ecfdf3;
    --ds-warning: #b45309;
    --ds-warning-soft: #fff7ed;
    --ds-danger: #dc2626;
    --ds-danger-soft: #fff1f2;
    --ds-cyan: #047481;
    --ds-cyan-soft: #ecfeff;
}

body { background: var(--ds-bg); }

.dispatch-board {
    max-width: 1540px;
    margin: 0 auto;
    padding: 18px 14px 60px;
    color: var(--ds-text);
}

.ds-top,
.ds-card-head,
.ds-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.ds-title {
    display: flex;
    align-items: center;
    gap: 11px;
}

.ds-title-icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: var(--ds-primary);
    color: #fff;
    font-size: 1.2rem;
}

.ds-eyebrow {
    display: block;
    color: var(--ds-primary);
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ds-title h2 {
    margin: 1px 0 0;
    font-size: 1.22rem;
    font-weight: 900;
}

.ds-title p {
    margin: 3px 0 0;
    color: var(--ds-muted);
    font-size: .72rem;
}

.ds-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.ds-btn {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 12px;
    border: 1px solid var(--ds-border);
    border-radius: 7px;
    background: #fff;
    color: var(--ds-text);
    text-decoration: none;
    font-size: .72rem;
    font-weight: 850;
    cursor: pointer;
}

.ds-btn:hover { border-color: var(--ds-primary); color: var(--ds-primary); }
.ds-btn.primary { border-color: var(--ds-primary); background: var(--ds-primary); color: #fff; }
.ds-btn.danger { border-color: #fecaca; background: var(--ds-danger-soft); color: var(--ds-danger); }
.ds-btn.danger:hover { border-color: var(--ds-danger); background: #fee2e2; color: #991b1b; }
.ds-btn.icon { width: 34px; min-height: 34px; padding: 0; }

.ds-summary {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    margin: 16px 0 14px;
}

.ds-stat,
.ds-card {
    border: 1px solid var(--ds-border);
    border-radius: 8px;
    background: var(--ds-card);
    box-shadow: 0 3px 12px rgba(15, 23, 42, .035);
}

.ds-stat {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 14px;
}

.ds-stat i {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    border-radius: 8px;
    background: var(--ds-primary-soft);
    color: var(--ds-primary);
    font-size: 1.08rem;
}

.ds-stat.success i { background: var(--ds-success-soft); color: var(--ds-success); }
.ds-stat.warning i { background: var(--ds-warning-soft); color: var(--ds-warning); }
.ds-stat.cyan i { background: var(--ds-cyan-soft); color: var(--ds-cyan); }

.ds-stat span {
    display: block;
    color: var(--ds-muted);
    font-size: .56rem;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.ds-stat strong {
    display: block;
    margin-top: 3px;
    font-size: 1.02rem;
    font-weight: 900;
}

.ds-card { overflow: hidden; }
.ds-card-head { padding: 11px 14px; border-bottom: 1px solid var(--ds-border); background: #f9fbff; }
.ds-card-title { margin: 0; display: flex; align-items: center; gap: 7px; font-size: .78rem; font-weight: 900; }
.ds-card-title i { color: var(--ds-primary); }

.ds-filter {
    display: grid;
    grid-template-columns: minmax(160px, 1fr) 140px 130px 130px 150px 90px auto auto;
    gap: 8px;
    width: 100%;
}

.ds-input {
    width: 100%;
    min-height: 36px;
    padding: 7px 9px;
    border: 1px solid var(--ds-border);
    border-radius: 7px;
    background: #fff;
    color: var(--ds-text);
    font-size: .72rem;
}

.ds-table-wrap { overflow-x: auto; }
.ds-table { width: 100%; min-width: 1320px; border-collapse: collapse; }
.ds-table th {
    padding: 9px 10px;
    background: #f7f9fc;
    border-bottom: 1px solid var(--ds-border);
    color: var(--ds-muted);
    font-size: .56rem;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
}
.ds-table td {
    padding: 10px;
    border-bottom: 1px solid #edf1f5;
    font-size: .72rem;
    vertical-align: middle;
}
.ds-table tbody tr:hover td { background: #fbfcff; }

.ds-code {
    display: inline-flex;
    padding: 4px 8px;
    border-radius: 6px;
    background: var(--ds-primary-soft);
    color: var(--ds-primary);
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: .66rem;
    font-weight: 900;
}

.ds-main { display: block; font-weight: 850; color: var(--ds-text); }
.ds-sub { display: block; margin-top: 2px; color: var(--ds-muted); font-size: .62rem; }
.ds-num { text-align: right; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-weight: 900; }

.ds-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: .58rem;
    font-weight: 900;
    white-space: nowrap;
}
.ds-badge.pending { background: var(--ds-warning-soft); color: var(--ds-warning); }
.ds-badge.active { background: var(--ds-primary-soft); color: var(--ds-primary); }
.ds-badge.transit { background: var(--ds-cyan-soft); color: var(--ds-cyan); }
.ds-badge.done { background: var(--ds-success-soft); color: var(--ds-success); }
.ds-badge.cancel { background: var(--ds-danger-soft); color: var(--ds-danger); }

.ds-empty { padding: 42px 18px; text-align: center; color: var(--ds-muted); }
.ds-footer {
    padding: 12px 14px;
    border-top: 1px solid var(--ds-border);
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ds-footer-meta { color: var(--ds-muted); font-size: .72rem; }

/* Fixed selection header (same UX as dispatch-receipts) */
.ds-select-header {
    position: fixed;
    top: 70px;
    left: 50%;
    transform: translateX(-50%) translateY(-120%);
    z-index: 2000;
    width: min(821px, calc(100vw - 32px));
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    padding: 12px 16px;
    background: #182238;
    color: #fff;
    border-radius: 12px;
    box-shadow: 0 12px 32px rgba(24, 34, 56, .35);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: transform .18s ease, opacity .18s ease, visibility .18s ease;
}
.ds-select-header.is-visible {
       transform: translateX(-35%) translateY(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.ds-select-header-left {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    font-size: .8rem;
}
.ds-select-header-left span {
    background: #B5652B;
    color: #fff;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: .74rem;
}
.ds-select-header-actions { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.ds-sel-btn {
    border: 1px solid rgba(255,255,255,.2);
    background: rgba(255,255,255,.1);
    color: #fff;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: .72rem;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
}
.ds-sel-btn:hover { background: rgba(255,255,255,.18); color: #fff; }
.ds-sel-btn:disabled { opacity: .35; cursor: not-allowed; }
.ds-sel-btn.success { background: rgba(31,122,83,.4); border-color: rgba(120,220,170,.45); }
.ds-sel-btn.clear { background: transparent; }
.dispatch-checkbox { width: 17px; height: 17px; cursor: pointer; accent-color: var(--ds-primary); }
.ds-table tbody tr.is-selected td { background: #eef4ff !important; }

/* Pagination 1 2 3 ... */
.dr-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    width: 100%;
}
.dr-page-meta { font-size: .72rem; color: var(--ds-muted); font-weight: 500; }
.dr-page-meta strong { color: var(--ds-text); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.dr-pager { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }
.dr-pager li { list-style: none; }
.dr-pager a, .dr-pager span {
    min-width: 34px; height: 34px; padding: 0 10px; border-radius: 8px;
    border: 1px solid var(--ds-border); background: #fff; color: var(--ds-text);
    font-size: .74rem; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; text-decoration: none;
}
.dr-pager a:hover { border-color: var(--ds-primary); background: var(--ds-primary-soft); color: var(--ds-primary); }
.dr-pager .is-active span { background: var(--ds-primary); border-color: var(--ds-primary); color: #fff; }
.dr-pager .is-disabled span { opacity: .4; cursor: not-allowed; }
.dr-pager .is-ellipsis span { border: none; background: transparent; min-width: 22px; color: var(--ds-muted); }
.dr-per-page { display: inline-flex; align-items: center; gap: 8px; font-size: .72rem; color: var(--ds-muted); font-weight: 600; }
.dr-per-page select {
    min-height: 34px; min-width: 84px; border: 1px solid var(--ds-border);
    border-radius: 8px; padding: 4px 8px; font-size: .74rem; background: #fff; color: var(--ds-text);
}

@media (max-width: 1200px) {
    .ds-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ds-filter { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
    .ds-summary,
    .ds-filter { grid-template-columns: 1fr; }
    .ds-select-header { top: 60px; width: calc(100vw - 16px); padding: 10px 12px; }
}
@media print {
    .ds-select-header, .no-print { display: none !important; }
}

/* --------------------------------------------------------------------------
   SECTION: Quality Control (QC) - Test Register (qc/index.blade.php)
   -------------------------------------------------------------------------- */
:root { --header:#102b5b;--accent:#3b82f6;--accent-lt:#eff6ff;--green:#10b981;--green-lt:#f0fdf4;--danger:#ef4444;--border:#e2e8f0;--muted:#94a3b8;--text:#1e293b; }
body { background:#f0f4f8; font-family:'Inter',system-ui,sans-serif; }
.qc-page { max-width:1400px; margin:0 auto; padding:24px 16px 60px; }
.qc-page-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; flex-wrap:wrap; gap:12px; }
.qc-page-header h5 { margin:0; font-size:1.1rem; font-weight:700; color:var(--header); display:flex; align-items:center; gap:8px; }
.btn-primary { display:inline-flex; align-items:center; gap:6px; padding:8px 16px; border-radius:7px; font-size:.82rem; font-weight:600; background:var(--accent); color:#fff; border:none; cursor:pointer; text-decoration:none; }
.btn-primary:hover { background:#2563eb; color:#fff; }
.btn-danger { display:inline-flex; align-items:center; gap:6px; padding:8px 16px; border-radius:7px; font-size:.82rem; font-weight:600; background:var(--danger); color:#fff; border:none; cursor:pointer; text-decoration:none; }
.btn-danger:hover { background:#dc2626; }
.btn-ghost { display:inline-flex; align-items:center; gap:6px; padding:7px 14px; border-radius:7px; font-size:.8rem; font-weight:500; border:1.5px solid var(--border); background:#fff; color:#475569; text-decoration:none; cursor:pointer; }
.btn-ghost:hover { border-color:#94a3b8; color:var(--text); }
.qc-card { background:#fff; border:1.5px solid var(--border); border-radius:11px; box-shadow:0 1px 4px rgba(0,0,0,.05); margin-bottom:18px; overflow:hidden; }
.qc-card-head { background:var(--header); color:#fff; padding:12px 18px; font-size:.72rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; display:flex; align-items:center; gap:8px; }
.qc-card-body { padding:18px; }
.filter-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr 1fr auto; gap:12px; align-items:end; }
@media(max-width:1000px){ .filter-grid { grid-template-columns:1fr 1fr 1fr; } }
.f-label { font-size:.65rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:#64748b; display:block; margin-bottom:4px; }
.f-control, .f-select { font-size:.85rem; color:var(--text); border:1.5px solid var(--border); border-radius:7px; padding:7px 10px; background:#fff; width:100%; transition:border-color .14s; }
.f-control:focus, .f-select:focus { border-color:var(--accent); outline:none; box-shadow:0 0 0 3px rgba(59,130,246,.1); }
.filter-btn-group { display:flex; gap:7px; }
.btn-filter { background:var(--accent); color:#fff; border:none; border-radius:7px; padding:8px 16px; font-size:.8rem; font-weight:600; cursor:pointer; display:flex; align-items:center; gap:5px; }
.btn-filter:hover { background:#2563eb; }
.btn-reset { background:#fff; color:#64748b; border:1.5px solid var(--border); border-radius:7px; padding:8px 12px; font-size:.8rem; cursor:pointer; }
.btn-reset:hover { border-color:var(--accent); color:var(--accent); }
.qc-table { width:100%; border-collapse:collapse; font-size:.8rem; }
.qc-table thead th { background:#f1f5f9; color:var(--muted); font-size:.65rem; font-weight:700; text-transform:uppercase; letter-spacing:.5px; padding:10px 12px; border-bottom:2px solid var(--border); white-space:nowrap; }
.qc-table thead th.r { text-align:right; }
.qc-table tbody tr { border-bottom:1px solid #f8fafc; transition:background .1s; }
.qc-table tbody tr:hover { background:#fafbfc; }
.qc-table td { padding:10px 12px; color:var(--text); vertical-align:middle; }
.qc-table td.r { text-align:right; }
.badge-pass { background:#dcfce7; color:#15803d; font-size:.68rem; font-weight:700; padding:3px 9px; border-radius:20px; display:inline-block; }
.badge-fail { background:#fee2e2; color:#b91c1c; font-size:.68rem; font-weight:700; padding:3px 9px; border-radius:20px; display:inline-block; }
.badge-pend { background:#f1f5f9; color:#64748b; font-size:.68rem; font-weight:700; padding:3px 9px; border-radius:20px; display:inline-block; }
.badge-grade { background:var(--accent-lt); color:var(--accent); font-size:.75rem; font-weight:700; padding:3px 9px; border-radius:6px; display:inline-block; }
.act-group { display:flex; gap:5px; justify-content:center; }
.act-btn { width:28px; height:28px; border-radius:6px; border:1.5px solid currentColor; background:transparent; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; font-size:.78rem; opacity:.75; text-decoration:none; transition:.15s; color:inherit; }
.act-btn:hover { opacity:1; }
.qc-alert { padding:11px 15px; border-radius:8px; font-size:.82rem; margin-bottom:16px; display:flex; gap:9px; align-items:flex-start; }
.qc-alert.success { background:var(--green-lt); border:1.5px solid #bbf7d0; color:#065f46; }
.qc-alert.danger { background:#fef2f2; border:1.5px solid #fecaca; color:#991b1b; }

/* --------------------------------------------------------------------------
   SECTION: Quality Control (QC) - Test Details & Compressive Strength (qc/show.blade.php)
   -------------------------------------------------------------------------- */
:root { --header:#102b5b;--accent:#3b82f6;--accent-lt:#eff6ff;--green:#10b981;--green-lt:#f0fdf4;--danger:#ef4444;--border:#e2e8f0;--muted:#94a3b8;--text:#1e293b; }
body { background:#f0f4f8; font-family:'Inter',system-ui,sans-serif; }
.qc-page { max-width:900px; margin:0 auto; padding:24px 16px 60px; }
.qc-page-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; flex-wrap:wrap; gap:12px; }
.qc-page-header h5 { margin:0; font-size:1.1rem; font-weight:700; color:var(--header); display:flex; align-items:center; gap:8px; }
.btn-ghost { display:inline-flex; align-items:center; gap:6px; padding:7px 14px; border-radius:7px; font-size:.8rem; font-weight:500; border:1.5px solid var(--border); background:#fff; color:#475569; text-decoration:none; }
.btn-ghost:hover { border-color:#94a3b8; }
.btn-edit { display:inline-flex; align-items:center; gap:6px; padding:8px 16px; border-radius:7px; font-size:.82rem; font-weight:600; background:var(--accent); color:#fff; border:none; text-decoration:none; }
.btn-edit:hover { background:#2563eb; color:#fff; }
.qc-card { background:#fff; border:1.5px solid var(--border); border-radius:11px; box-shadow:0 1px 4px rgba(0,0,0,.05); margin-bottom:16px; overflow:hidden; }
.qc-card-head { background:var(--header); color:#fff; padding:12px 18px; font-size:.72rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; display:flex; align-items:center; gap:8px; }
.qc-card-body { padding:22px; }
.detail-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
@media(max-width:600px){ .detail-grid { grid-template-columns:1fr 1fr; } }
.detail-item .di-label { font-size:.65rem; font-weight:700; text-transform:uppercase; letter-spacing:.5px; color:var(--muted); margin-bottom:4px; }
.detail-item .di-val   { font-size:.95rem; font-weight:600; color:var(--text); }
.result-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.result-card { border-radius:10px; padding:16px; text-align:center; border:2px solid; }
.result-card .rc-label { font-size:.65rem; font-weight:700; text-transform:uppercase; letter-spacing:.5px; margin-bottom:8px; }
.result-card .rc-strength { font-size:1.5rem; font-weight:800; line-height:1; margin-bottom:4px; }
.result-card .rc-target  { font-size:.72rem; margin-bottom:8px; }
.result-card .rc-badge   { font-size:.78rem; font-weight:800; padding:4px 14px; border-radius:20px; display:inline-block; }
.card-pass    { border-color:#86efac; background:#f0fdf4; }
.card-fail    { border-color:#fca5a5; background:#fef2f2; }
.card-pending { border-color:var(--border); background:#f8fafc; }
.badge-pass  { background:#dcfce7; color:#15803d; }
.badge-fail  { background:#fee2e2; color:#b91c1c; }
.badge-pend  { background:#f1f5f9; color:#64748b; }
.badge-grade { background:var(--accent-lt); color:var(--accent); font-size:.82rem; font-weight:700; padding:4px 12px; border-radius:7px; display:inline-block; }
.badge-duration { background:#f1f5f9; color:#475569; font-size:.7rem; font-weight:700; padding:3px 10px; border-radius:6px; display:inline-block; margin-left:8px; }

.cube-table-wrap { overflow-x:auto; }
.cube-table { width:100%; border-collapse:collapse; font-size:.85rem; }
.cube-table th { background:#f1f5f9; color:#475569; font-size:.65rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em; padding:9px 10px; border-bottom:1.5px solid var(--border); text-align:left; }
.cube-table td { padding:8px 10px; border-bottom:1px solid var(--border); color:var(--text); }
.cube-table td.r { text-align:right; }
.cube-table tfoot td { font-weight:700; background:#f8fafc; }
.cube-strength-val { color:var(--accent); font-weight:700; }

.print-header { display:none; }

/* ---------- PRINT STYLES ---------- */
@media print {
  body { background:#fff !important; }
  .no-print { display:none !important; }
  .qc-page { max-width:100%; padding:0; margin:0; }
  .qc-card { box-shadow:none; border:1px solid #000; break-inside:avoid; margin-bottom:10px; }
  .qc-card-head { background:#102b5b !important; color:#fff !important; -webkit-print-color-adjust:exact; print-color-adjust:exact; }
  .card-pass, .card-fail, .card-pending { -webkit-print-color-adjust:exact; print-color-adjust:exact; }
  .badge-pass, .badge-fail, .badge-pend, .badge-grade, .badge-duration { -webkit-print-color-adjust:exact; print-color-adjust:exact; }
  .print-header { display:flex; align-items:center; justify-content:space-between; border-bottom:2px solid #102b5b; padding-bottom:10px; margin-bottom:16px; }
  .print-header h2 { margin:0; font-size:1.3rem; color:#102b5b; }
  .print-header .ph-meta { font-size:.75rem; color:#475569; text-align:right; }
  @page { margin:14mm; }
}

/* --------------------------------------------------------------------------
   SECTION: Quality Control (QC) - Multi-Duration Cube & Slump Entry Form (qc/create.blade.php)
   -------------------------------------------------------------------------- */
:root {
  --qc-navy:    #0f2044;
  --qc-blue:    #2563eb;
  --qc-blue-lt: #eff6ff;
  --qc-green:   #16a34a;
  --qc-green-lt:#f0fdf4;
  --qc-red:     #dc2626;
  --qc-red-lt:  #fef2f2;
  --qc-amber:   #d97706;
  --qc-amber-lt:#fffbeb;
  --qc-border:  #e2e8f0;
  --qc-muted:   #94a3b8;
  --qc-text:    #1e293b;
  --qc-sub:     #475569;
}

.qf-shell { max-width:1140px; margin:0 auto; padding:24px 16px 100px; }

/* Topbar */
.qf-topbar { display:flex; align-items:center; justify-content:space-between; margin-bottom:24px; gap:12px; flex-wrap:wrap; }
.qf-topbar-left { display:flex; align-items:center; gap:12px; }
.qf-back { display:inline-flex; align-items:center; gap:6px; padding:7px 14px; border-radius:8px; font-size:.8rem; font-weight:600; border:1.5px solid var(--qc-border); background:#fff; color:var(--qc-sub); text-decoration:none; transition:all .15s; }
.qf-back:hover { border-color:#94a3b8; color:var(--qc-text); }
.qf-page-title { font-size:1.15rem; font-weight:800; color:var(--qc-navy); margin:0; }
.qf-page-subtitle { font-size:.75rem; color:var(--qc-muted); font-weight:500; }

/* Two-column layout */
.qf-layout { display:grid; grid-template-columns:1fr 310px; gap:20px; align-items:start; }
@media(max-width:920px){ .qf-layout { grid-template-columns:1fr; } }

/* Cards */
.qf-card { background:#fff; border:1.5px solid var(--qc-border); border-radius:12px; overflow:hidden; box-shadow:0 1px 4px rgba(0,0,0,.04); margin-bottom:16px; }
.qf-card-head { display:flex; align-items:center; gap:10px; padding:12px 18px; background:var(--qc-navy); color:#fff; font-size:.7rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.qf-card-head i { font-size:1rem; opacity:.9; }
.qf-card-body { padding:20px 20px 22px; }

/* Grids */
.qf-g4 { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.qf-g3 { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.qf-g2 { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
@media(max-width:700px){ .qf-g4,.qf-g3 { grid-template-columns:1fr 1fr; } }
@media(max-width:480px){ .qf-g4,.qf-g3,.qf-g2 { grid-template-columns:1fr; } }

/* Fields */
.qf-field { display:flex; flex-direction:column; gap:5px; }
.qf-field-full { grid-column:1/-1; }
.qf-label { font-size:.65rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:#64748b; }
.qf-label .req { color:var(--qc-red); margin-left:2px; }
.qf-input, .qf-select, .qf-textarea { font-size:.875rem; color:var(--qc-text); border:1.5px solid var(--qc-border); border-radius:8px; padding:8px 11px; background:#fff; width:100%; transition:border-color .14s, box-shadow .14s; font-family:inherit; }
.qf-input:focus, .qf-select:focus, .qf-textarea:focus { border-color:var(--qc-blue); outline:none; box-shadow:0 0 0 3px rgba(37,99,235,.1); }
.qf-hint { font-size:.7rem; color:var(--qc-muted); }
.qf-error { font-size:.72rem; color:var(--qc-red); margin-top:2px; }

/* Divider */
.qf-divider { display:flex; align-items:center; gap:10px; margin:16px 0 12px; font-size:.65rem; font-weight:700; text-transform:uppercase; letter-spacing:.07em; color:var(--qc-muted); }
.qf-divider::before,.qf-divider::after { content:''; flex:1; height:1px; background:var(--qc-border); }

/* ══ CUBE SETS ══════════════════════════════════ */
.cube-sets-wrap { display:flex; flex-direction:column; gap:14px; }

.cube-set-card {
  border:2px solid var(--qc-border); border-radius:11px;
  overflow:hidden; background:#fff;
  transition:border-color .15s;
}
.cube-set-card:hover { border-color:#bfdbfe; }

.cube-set-head {
  display:flex; align-items:center; justify-content:space-between;
  padding:10px 16px;
  background:linear-gradient(135deg, #f0f4ff 0%, #e8f0fe 100%);
  border-bottom:1.5px solid var(--qc-border);
}
.cube-set-title-wrap { display:flex; align-items:center; gap:10px; }
.cube-set-badge {
  display:inline-flex; align-items:center; gap:5px;
  background:var(--qc-navy); color:#fff;
  padding:4px 12px; border-radius:20px;
  font-size:.8rem; font-weight:800; min-width:70px;
}
.cube-set-days-input {
  width:64px; border:1.5px solid #bfdbfe; border-radius:7px;
  padding:4px 8px; font-size:.85rem; font-weight:700;
  color:var(--qc-navy); background:#fff; text-align:center;
}
.cube-set-days-input:focus { border-color:var(--qc-blue); outline:none; }
.cube-set-avg {
  display:inline-flex; align-items:center; gap:6px;
  background:var(--qc-green-lt); border:1px solid #86efac;
  border-radius:8px; padding:4px 12px;
  font-size:.82rem; font-weight:800; color:var(--qc-green);
}
.cube-set-avg.hidden { display:none; }
.btn-remove-set {
  display:inline-flex; align-items:center; gap:4px;
  padding:5px 10px; border-radius:7px; font-size:.75rem; font-weight:600;
  background:var(--qc-red-lt); color:var(--qc-red);
  border:1.5px solid #fca5a5; cursor:pointer; transition:background .12s;
}
.btn-remove-set:hover { background:#fee2e2; }

.cube-set-body { padding:14px 16px 16px; }

/* Cube table */
.qf-cube-wrap { overflow-x:auto; }
.qf-cube-table { width:100%; border-collapse:collapse; font-size:.83rem; min-width:540px; }
.qf-cube-table th { background:#f1f5f9; color:var(--qc-sub); font-size:.62rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em; padding:8px 10px; border-bottom:1.5px solid var(--qc-border); text-align:left; white-space:nowrap; }
.qf-cube-table td { padding:6px 8px; border-bottom:1px solid #f1f5f9; vertical-align:middle; }
.qf-cube-table tbody tr:hover td { background:#fafbff; }
.qf-cube-table input[type=text],
.qf-cube-table input[type=number] { width:100%; min-width:56px; border:1.5px solid var(--qc-border); border-radius:6px; padding:5px 7px; font-size:.82rem; color:var(--qc-text); }
.qf-cube-table input:focus { border-color:var(--qc-blue); outline:none; }
.cube-str-input { background:var(--qc-blue-lt); color:var(--qc-blue); font-weight:700; border-color:#bfdbfe !important; }
.btn-rm-row { display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; border-radius:6px; background:var(--qc-red-lt); color:var(--qc-red); border:1.5px solid #fecaca; cursor:pointer; font-size:.75rem; }
.btn-rm-row:hover { background:#fee2e2; }

.btn-add-cube { display:inline-flex; align-items:center; gap:5px; margin-top:10px; padding:6px 13px; border-radius:7px; font-size:.75rem; font-weight:600; cursor:pointer; border:1.5px dashed var(--qc-blue); background:var(--qc-blue-lt); color:var(--qc-blue); }
.btn-add-cube:hover { background:#dbeafe; }

/* Add-set button */
.btn-add-set {
  display:flex; align-items:center; gap:8px; width:100%;
  padding:12px 16px; border-radius:10px; font-size:.85rem; font-weight:700;
  border:2px dashed #93c5fd; background:#f0f7ff; color:var(--qc-blue);
  cursor:pointer; transition:all .15s; justify-content:center; margin-top:4px;
}
.btn-add-set:hover { background:#dbeafe; border-color:var(--qc-blue); }

/* ══ SIDEBAR ═════════════════════════════════ */
.qf-sidebar { position:sticky; top:76px; }

.qf-result-card { background:#fff; border:1.5px solid var(--qc-border); border-radius:12px; overflow:hidden; box-shadow:0 2px 12px rgba(0,0,0,.06); margin-bottom:14px; }
.qf-result-head { padding:11px 16px; background:var(--qc-navy); color:#fff; font-size:.7rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; display:flex; align-items:center; gap:8px; }
.qf-result-body { padding:14px 16px; }

.qf-grade-display { text-align:center; padding:12px 8px 10px; border-bottom:1px solid var(--qc-border); margin-bottom:12px; }
.qf-grade-pill { display:inline-block; padding:4px 16px; border-radius:20px; background:var(--qc-navy); color:#fff; font-size:.95rem; font-weight:800; letter-spacing:.5px; margin-bottom:6px; }
.qf-target-label { font-size:.68rem; color:var(--qc-muted); font-weight:600; }
.qf-target-val { font-size:1.35rem; font-weight:900; color:var(--qc-navy); line-height:1; }
.qf-target-unit { font-size:.7rem; font-weight:600; color:var(--qc-muted); }

/* Result rows */
.qf-rbox { border-radius:9px; padding:10px 12px; border:1.5px solid var(--qc-border); display:flex; align-items:center; justify-content:space-between; transition:all .18s; margin-bottom:8px; }
.qf-rbox:last-child { margin-bottom:0; }
.qf-rbox-label { font-size:.66rem; font-weight:700; color:var(--qc-muted); text-transform:uppercase; letter-spacing:.4px; }
.qf-rbox-sub { font-size:.63rem; color:#cbd5e1; margin-top:1px; }
.qf-rbox-badge { display:inline-flex; align-items:center; gap:3px; padding:3px 9px; border-radius:20px; font-size:.68rem; font-weight:700; text-transform:uppercase; letter-spacing:.3px; }
.rbox-pass { background:#f0fdf4; border-color:#86efac; }
.rbox-fail { background:var(--qc-red-lt); border-color:#fca5a5; }
.rbox-pend { background:#f8fafc; border-color:var(--qc-border); }
.badge-pass { background:#dcfce7; color:#15803d; }
.badge-fail { background:#fee2e2; color:#b91c1c; }
.badge-pend { background:#f1f5f9; color:#64748b; }

/* Sets summary in sidebar */
.sb-sets-list { display:flex; flex-direction:column; gap:6px; margin-top:10px; }
.sb-set-row { display:flex; align-items:center; justify-content:space-between; background:#f8fafc; border:1px solid var(--qc-border); border-radius:7px; padding:6px 10px; font-size:.76rem; }
.sb-set-days { font-weight:800; color:var(--qc-navy); }
.sb-set-avg { font-weight:700; color:var(--qc-green); }
.sb-set-avg.empty { color:var(--qc-muted); }

/* Field test mini */
.qf-field-mini { display:grid; grid-template-columns:1fr 1fr 1fr; gap:7px; margin-top:12px; }
.qf-fmini { background:#f8fafc; border-radius:7px; padding:7px 9px; text-align:center; border:1px solid var(--qc-border); }
.qf-fmini-label { font-size:.58rem; font-weight:700; color:var(--qc-muted); text-transform:uppercase; }
.qf-fmini-val { font-size:.88rem; font-weight:800; color:var(--qc-navy); margin-top:2px; }

/* Save btn */
.qf-save-btn { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; padding:13px; border-radius:10px; background:var(--qc-green); color:#fff; font-size:.9rem; font-weight:700; border:none; cursor:pointer; transition:background .14s; }
.qf-save-btn:hover { background:#15803d; }
.qf-cancel-link { display:block; text-align:center; margin-top:10px; font-size:.78rem; color:var(--qc-muted); text-decoration:none; }
.qf-cancel-link:hover { color:var(--qc-text); }

/* Alert */
.qf-alert { display:flex; gap:10px; align-items:flex-start; padding:12px 16px; border-radius:10px; margin-bottom:18px; background:var(--qc-red-lt); border:1.5px solid #fca5a5; color:#991b1b; font-size:.82rem; }

/* Mobile footer */
@media(max-width:920px){
  .qf-footer-bar { position:fixed; bottom:0; left:0; right:0; background:var(--qc-navy); padding:12px 20px; display:flex; align-items:center; justify-content:flex-end; gap:10px; border-top:3px solid var(--qc-blue); z-index:100; }
  .qf-sidebar { display:none; }
}
@media(min-width:921px){ .qf-footer-bar { display:none; } }

/* --------------------------------------------------------------------------
   SECTION: Materials & Inventory - Material Inwards GRN (material_inwards/index.blade.php)
   -------------------------------------------------------------------------- */
:root {
    --pr-primary: #1e40af;
    --pr-primary-light: #eff6ff;
    --pr-primary-border: #bfdbfe;
    --pr-dark: #0f172a;
    --pr-slate: #334155;
    --pr-muted: #64748b;
    --pr-bg: #f8fafc;
    --pr-card-bg: #ffffff;
    --pr-border: #e2e8f0;
    --pr-border-subtle: #f1f5f9;
    --pr-success: #059669;
    --pr-success-light: #ecfdf5;
    --pr-success-border: #a7f3d0;
    --pr-warning: #d97706;
    --pr-warning-light: #fffbeb;
    --pr-warning-border: #fde68a;
    --pr-danger: #dc2626;
    --pr-danger-light: #fef2f2;
    --pr-purple: #7c3aed;
    --pr-purple-light: #f5f3ff;
    --pr-radius: 12px;
    --pr-shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06);
    --pr-shadow: 0 4px 16px -2px rgba(15, 23, 42, 0.08);
}

body {
    background-color: var(--pr-bg);
}

.pr-page-wrap {
    max-width: 1560px;
    margin: 0 auto;
    padding: 20px 16px 60px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: var(--pr-dark);
}

/* Executive Topbar */
.pr-topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.pr-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.8rem;
    color: var(--pr-muted);
}

.pr-breadcrumb a {
    color: var(--pr-muted);
    text-decoration: none;
    transition: color 0.15s ease;
}

.pr-breadcrumb a:hover {
    color: var(--pr-primary);
}

.pr-title-group {
    display: flex;
    align-items: center;
    gap: 12px;
}

.pr-title-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: linear-gradient(135deg, #1e40af, #3b82f6);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    box-shadow: 0 4px 12px rgba(30, 64, 175, 0.25);
    flex-shrink: 0;
}

.pr-page-title {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--pr-dark);
    line-height: 1.2;
}

.pr-page-subtitle {
    margin: 2px 0 0;
    font-size: 0.76rem;
    color: var(--pr-muted);
}

.pr-top-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.pr-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 36px;
    padding: 0 14px;
    border-radius: 8px;
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid var(--pr-border);
    background: #ffffff;
    color: var(--pr-slate);
    transition: all 0.15s ease;
    cursor: pointer;
    box-shadow: var(--pr-shadow-sm);
}

.pr-btn:hover {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: var(--pr-dark);
}

.pr-btn-primary {
    background: linear-gradient(135deg, #1e40af, #1d4ed8);
    border-color: #1d4ed8;
    color: #ffffff !important;
}

.pr-btn-primary:hover {
    background: linear-gradient(135deg, #1e3a8a, #1e40af);
    box-shadow: 0 4px 12px rgba(30, 64, 175, 0.25);
}

.pr-btn-danger {
    background: var(--pr-danger-light);
    color: var(--pr-danger) !important;
    border-color: #fecaca;
}

.pr-btn-danger:hover {
    background: #fee2e2;
    border-color: #fca5a5;
}

/* 4 Executive KPI Cards */
.pr-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 20px;
}

.pr-kpi-card {
    background: #ffffff;
    border: 1px solid var(--pr-border);
    border-radius: var(--pr-radius);
    padding: 18px 20px;
    box-shadow: var(--pr-shadow-sm);
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.pr-kpi-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--pr-shadow);
}

.pr-kpi-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
}

.pr-kpi-card.challans::before { background: #3b82f6; }
.pr-kpi-card.qty::before { background: var(--pr-success); }
.pr-kpi-card.amount::before { background: var(--pr-purple); }
.pr-kpi-card.today::before { background: var(--pr-warning); }

.pr-kpi-content {
    min-width: 0;
}

.pr-kpi-label {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--pr-muted);
    margin-bottom: 4px;
}

.pr-kpi-val {
    font-size: 1.45rem;
    font-weight: 800;
    line-height: 1.2;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.pr-kpi-val.challans-val { color: #1e40af; }
.pr-kpi-val.qty-val { color: var(--pr-success); }
.pr-kpi-val.amount-val { color: var(--pr-purple); }
.pr-kpi-val.today-val { color: var(--pr-warning); }

.pr-kpi-sub {
    font-size: 0.72rem;
    color: var(--pr-muted);
    margin-top: 4px;
}

.pr-kpi-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    flex-shrink: 0;
}

.pr-kpi-card.challans .pr-kpi-icon { background: var(--pr-primary-light); color: var(--pr-primary); }
.pr-kpi-card.qty .pr-kpi-icon { background: var(--pr-success-light); color: var(--pr-success); }
.pr-kpi-card.amount .pr-kpi-icon { background: var(--pr-purple-light); color: var(--pr-purple); }
.pr-kpi-card.today .pr-kpi-icon { background: var(--pr-warning-light); color: var(--pr-warning); }

/* Collapsible Analytics Accordion */
.pr-analytics-card {
    background: #ffffff;
    border: 1px solid var(--pr-border);
    border-radius: var(--pr-radius);
    margin-bottom: 20px;
    overflow: hidden;
    box-shadow: var(--pr-shadow-sm);
}

.pr-analytics-header {
    padding: 12px 18px;
    background: #f8fafc;
    border-bottom: 1px solid var(--pr-border);
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
}

.pr-analytics-title {
    font-size: 0.86rem;
    font-weight: 700;
    color: var(--pr-dark);
    display: flex;
    align-items: center;
    gap: 8px;
}

.pr-analytics-body {
    padding: 18px;
}

.pr-vendor-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.78rem;
}

.pr-vendor-table th {
    background: #f8fafc;
    color: var(--pr-muted);
    font-weight: 700;
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 8px 12px;
    border-bottom: 1px solid var(--pr-border);
}

.pr-vendor-table td {
    padding: 8px 12px;
    border-bottom: 1px solid var(--pr-border-subtle);
    color: var(--pr-slate);
    vertical-align: middle;
}

.pr-vendor-table tbody tr:hover td {
    background: #f8fafc;
}

.pr-mat-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.pr-mat-chip {
    padding: 6px 12px;
    border-radius: 8px;
    background: #f8fafc;
    border: 1px solid var(--pr-border);
    font-size: 0.75rem;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Filter Box */
.pr-filter-card {
    background: #ffffff;
    border: 1px solid var(--pr-border);
    border-radius: var(--pr-radius);
    padding: 16px 18px;
    margin-bottom: 20px;
    box-shadow: var(--pr-shadow-sm);
}

.pr-date-presets {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--pr-border-subtle);
}

.pr-preset-btn {
    padding: 5px 12px;
    border-radius: 9999px;
    border: 1px solid var(--pr-border);
    background: #ffffff;
    color: var(--pr-muted);
    font-size: 0.74rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
}

.pr-preset-btn:hover {
    background: #f1f5f9;
    color: var(--pr-dark);
}

.pr-preset-btn.active {
    background: var(--pr-primary);
    color: #ffffff;
    border-color: var(--pr-primary);
}

.pr-filter-grid {
    display: grid;
    grid-template-columns: 2fr 1.5fr 1.5fr 1fr 1.2fr 1.2fr auto;
    gap: 12px;
    align-items: end;
}

.pr-filter-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pr-filter-label {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--pr-muted);
}

.pr-filter-input,
.pr-filter-select {
    width: 100%;
    height: 36px;
    padding: 6px 10px;
    border: 1px solid var(--pr-border);
    border-radius: 7px;
    font-size: 0.8rem;
    color: var(--pr-dark);
    background: #ffffff;
}

.pr-filter-input:focus,
.pr-filter-select:focus {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}

/* Data Table Card */
.pr-table-card {
    background: #ffffff;
    border: 1px solid var(--pr-border);
    border-radius: var(--pr-radius);
    overflow: hidden;
    box-shadow: var(--pr-shadow-sm);
}

.pr-table-header-bar {
    padding: 14px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    border-bottom: 1px solid var(--pr-border);
    flex-wrap: wrap;
    gap: 12px;
}

.pr-table-header-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pr-table-title {
    font-size: 0.94rem;
    font-weight: 700;
    color: var(--pr-dark);
    margin: 0;
}

.pr-table-totals-chip {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 5px 12px;
    border-radius: 8px;
    background: #f8fafc;
    border: 1px solid var(--pr-border);
    font-size: 0.74rem;
    font-weight: 600;
    color: var(--pr-slate);
}

.pr-data-table-wrap {
    overflow-x: auto;
}

.pr-data-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.78rem;
    text-align: left;
}

.pr-data-table th {
    background: #f8fafc;
    color: var(--pr-muted);
    font-weight: 700;
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 10px 12px;
    border-bottom: 1px solid var(--pr-border);
    white-space: nowrap;
}

.pr-data-table td {
    padding: 10px 12px;
    border-bottom: 1px solid var(--pr-border-subtle);
    color: var(--pr-slate);
    vertical-align: middle;
}

.pr-data-table tbody tr:hover td {
    background: #f8fafc;
}

.pr-money {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-weight: 700;
    text-align: right;
}

.pr-vehicle-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 7px;
    border-radius: 6px;
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-weight: 700;
    font-size: 0.72rem;
    color: #0f172a;
}

.pr-challan-chip {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-weight: 700;
    color: var(--pr-primary);
    text-decoration: none;
}

.pr-challan-chip:hover {
    text-decoration: underline;
}

.pr-po-chip {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 1px 6px;
    border-radius: 4px;
    background: #eef2ff;
    color: #4338ca;
    font-size: 0.66rem;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid #c7d2fe;
}

/* Pagination Bar */
.pr-pagination-bar {
    padding: 12px 18px;
    border-top: 1px solid var(--pr-border);
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}

.pr-page-info {
    font-size: 0.76rem;
    color: var(--pr-muted);
}

.pr-page-length-select {
    height: 32px;
    padding: 4px 8px;
    border-radius: 6px;
    border: 1px solid var(--pr-border);
    font-size: 0.76rem;
    background: #ffffff;
    color: var(--pr-dark);
}

.pr-page-buttons {
    display: flex;
    align-items: center;
    gap: 4px;
}

.pr-page-nav-btn {
    min-width: 32px;
    height: 32px;
    padding: 0 8px;
    border-radius: 6px;
    border: 1px solid var(--pr-border);
    background: #ffffff;
    color: var(--pr-slate);
    font-size: 0.76rem;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
}

.pr-page-nav-btn:hover:not(:disabled) {
    background: #f1f5f9;
    border-color: #cbd5e1;
    color: var(--pr-dark);
}

.pr-page-nav-btn.active {
    background: var(--pr-primary);
    border-color: var(--pr-primary);
    color: #ffffff;
}

.pr-page-nav-btn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

@media (max-width: 1200px) {
    .pr-kpi-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .pr-filter-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .pr-kpi-grid {
        grid-template-columns: 1fr;
    }
    .pr-filter-grid {
        grid-template-columns: 1fr;
    }
}

/* --------------------------------------------------------------------------
   SECTION: Materials & Inventory - Material Inward Details (material_inwards/show.blade.php)
   -------------------------------------------------------------------------- */
:root {
    --grn-primary: #1e40af;
    --grn-primary-light: #eff6ff;
    --grn-primary-border: #bfdbfe;
    --grn-dark: #0f172a;
    --grn-slate: #334155;
    --grn-muted: #64748b;
    --grn-bg: #f8fafc;
    --grn-border: #e2e8f0;
    --grn-border-subtle: #f1f5f9;
    --grn-success: #059669;
    --grn-success-light: #ecfdf5;
    --grn-success-border: #a7f3d0;
    --grn-warning: #d97706;
    --grn-warning-light: #fffbeb;
    --grn-warning-border: #fde68a;
    --grn-danger: #dc2626;
    --grn-danger-light: #fef2f2;
    --grn-purple: #7c3aed;
    --grn-purple-light: #f5f3ff;
    --grn-radius: 12px;
    --grn-shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06);
    --grn-shadow: 0 4px 16px -2px rgba(15, 23, 42, 0.08);
}

body {
    background-color: var(--grn-bg);
}

.grn-page-container {
    max-width: 1420px;
    margin: 0 auto;
    padding: 20px 16px 60px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: var(--grn-dark);
}

/* Top Navigation Bar */
.grn-top-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.grn-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.8rem;
    color: var(--grn-muted);
}

.grn-breadcrumb a {
    color: var(--grn-muted);
    text-decoration: none;
    transition: color 0.15s ease;
}

.grn-breadcrumb a:hover {
    color: var(--grn-primary);
}

.grn-top-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.grn-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 36px;
    padding: 0 14px;
    border-radius: 8px;
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid var(--grn-border);
    background: #ffffff;
    color: var(--grn-slate);
    transition: all 0.15s ease;
    cursor: pointer;
    box-shadow: var(--grn-shadow-sm);
}

.grn-btn:hover {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: var(--grn-dark);
}

.grn-btn-primary {
    background: linear-gradient(135deg, #1e40af, #1d4ed8);
    border-color: #1d4ed8;
    color: #ffffff !important;
}

.grn-btn-primary:hover {
    background: linear-gradient(135deg, #1e3a8a, #1e40af);
    box-shadow: 0 4px 12px rgba(30, 64, 175, 0.25);
}

/* Hero Header Card */
.grn-hero-card {
    background: #ffffff;
    border: 1px solid var(--grn-border);
    border-radius: var(--grn-radius);
    padding: 22px 24px;
    margin-bottom: 20px;
    box-shadow: var(--grn-shadow);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.grn-hero-left {
    display: flex;
    align-items: center;
    gap: 16px;
}

.grn-hero-icon {
    width: 60px;
    height: 60px;
    border-radius: 14px;
    background: linear-gradient(135deg, #1e40af, #3b82f6);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    box-shadow: 0 6px 16px rgba(30, 64, 175, 0.25);
    flex-shrink: 0;
}

.grn-hero-title-wrap {
    min-width: 0;
}

.grn-hero-badge-row {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 4px;
}

.grn-hero-title {
    margin: 0;
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--grn-dark);
    line-height: 1.2;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.grn-hero-meta {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 0.8rem;
    color: var(--grn-muted);
    margin-top: 6px;
    flex-wrap: wrap;
}

.grn-hero-right {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* 4 Executive KPI Cards */
.grn-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 24px;
}

.grn-kpi-card {
    background: #ffffff;
    border: 1px solid var(--grn-border);
    border-radius: var(--grn-radius);
    padding: 18px 20px;
    box-shadow: var(--grn-shadow-sm);
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
}

.grn-kpi-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
}

.grn-kpi-card.qty::before { background: #3b82f6; }
.grn-kpi-card.moist::before { background: var(--grn-warning); }
.grn-kpi-card.dry::before { background: var(--grn-success); }
.grn-kpi-card.amount::before { background: var(--grn-purple); }

.grn-kpi-label {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--grn-muted);
    margin-bottom: 4px;
}

.grn-kpi-val {
    font-size: 1.4rem;
    font-weight: 800;
    line-height: 1.2;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.grn-kpi-val.qty-val { color: #1e40af; }
.grn-kpi-val.moist-val { color: var(--grn-warning); }
.grn-kpi-val.dry-val { color: var(--grn-success); }
.grn-kpi-val.amount-val { color: var(--grn-purple); }

.grn-kpi-sub {
    font-size: 0.72rem;
    color: var(--grn-muted);
    margin-top: 4px;
}

.grn-kpi-icon {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    flex-shrink: 0;
}

.grn-kpi-card.qty .grn-kpi-icon { background: var(--grn-primary-light); color: var(--grn-primary); }
.grn-kpi-card.moist .grn-kpi-icon { background: var(--grn-warning-light); color: var(--grn-warning); }
.grn-kpi-card.dry .grn-kpi-icon { background: var(--grn-success-light); color: var(--grn-success); }
.grn-kpi-card.amount .grn-kpi-icon { background: var(--grn-purple-light); color: var(--grn-purple); }

/* Main 2-Column Layout */
.grn-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 380px;
    gap: 20px;
}

.grn-card {
    background: #ffffff;
    border: 1px solid var(--grn-border);
    border-radius: var(--grn-radius);
    overflow: hidden;
    box-shadow: var(--grn-shadow-sm);
    margin-bottom: 20px;
}

.grn-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 18px;
    background: #f8fafc;
    border-bottom: 1px solid var(--grn-border);
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--grn-dark);
}

.grn-card-header i {
    color: var(--grn-primary);
    margin-right: 6px;
}

.grn-card-body {
    padding: 18px;
}

/* Data Table */
.grn-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.78rem;
}

.grn-table th {
    background: #f8fafc;
    color: var(--grn-muted);
    font-weight: 700;
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 10px 14px;
    border-bottom: 1px solid var(--grn-border);
    white-space: nowrap;
}

.grn-table td {
    padding: 11px 14px;
    border-bottom: 1px solid var(--grn-border-subtle);
    color: var(--grn-slate);
    vertical-align: middle;
}

.grn-money {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-weight: 700;
    text-align: right;
}

/* Sidebar Field Lists */
.grn-field-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.grn-field-row {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.grn-field-label {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--grn-muted);
}

.grn-field-val {
    font-size: 0.84rem;
    font-weight: 600;
    color: var(--grn-dark);
    word-break: break-word;
}

.grn-vehicle-plate {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 10px;
    background: #f1f5f9;
    border: 1.5px solid #cbd5e1;
    border-radius: 6px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: 0.05em;
}

@media (max-width: 1080px) {
    .grn-kpi-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .grn-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .grn-kpi-grid {
        grid-template-columns: 1fr;
    }
    .grn-hero-card {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* --------------------------------------------------------------------------
   SECTION: Materials & Inventory - Stock Management (stocks/index.blade.php)
   -------------------------------------------------------------------------- */
.stock-page{max-width:1600px;margin:0 auto;padding:18px 14px 60px;font-family:Inter,system-ui,sans-serif}.stock-header{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}.stock-title{margin:0;font-size:1.3rem;font-weight:800;color:#172033}.stock-subtitle{margin-top:3px;color:#6b7280;font-size:.7rem}.stock-actions{display:flex;gap:8px;flex-wrap:wrap}.stock-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:7px 12px;border:1px solid #dfe5ee;border-radius:7px;background:#fff;color:#172033;text-decoration:none;font-size:.72rem;font-weight:700;transition:.15s;cursor:pointer}.stock-btn:hover{border-color:#274c8e;color:#274c8e}.stock-btn.primary{border-color:#274c8e;background:#274c8e;color:#fff}.stock-btn.primary:hover{background:#193463}.stock-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:16px}.stock-stat-card{background:#fff;border:1px solid #dfe5ee;border-radius:10px;padding:14px;box-shadow:0 3px 12px rgba(15,23,42,.04)}.stock-stat-label{display:block;color:#6b7280;font-size:.58rem;text-transform:uppercase;font-weight:700;margin-bottom:6px}.stock-stat-value{display:block;font-size:1.1rem;font-weight:800;color:#172033}.stock-stat-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;margin-bottom:8px;font-size:1rem}.icon-primary{background:#eef4ff;color:#274c8e}.icon-success{background:#ecfdf3;color:#15803d}.icon-warning{background:#fff7ed;color:#b45309}.icon-danger{background:#fff1f2;color:#dc2626}.icon-purple{background:#f5f3ff;color:#7c3aed}.icon-blue{background:#dbeafe;color:#2563eb}.stock-card{background:#fff;border:1px solid #dfe5ee;border-radius:10px;box-shadow:0 3px 12px rgba(15,23,42,.04);overflow:hidden}.stock-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid #dfe5ee;background:#f9fbff}.stock-card-title{margin:0;font-size:.8rem;font-weight:800;color:#172033}.stock-toolbar{display:grid;grid-template-columns:minmax(200px,1fr) 160px 140px 120px auto;gap:8px;padding:12px 16px;border-bottom:1px solid #dfe5ee}.stock-input{min-height:36px;border:1px solid #dfe5ee;border-radius:7px;padding:7px 10px;font-size:.72rem;width:100%}.stock-table-wrap{overflow-x:auto}.stock-table{width:100%;min-width:1400px;border-collapse:collapse}.stock-table th{background:#f7f9fc;color:#6b7280;font-size:.58rem;text-transform:uppercase;padding:10px 12px;font-weight:700;text-align:left;white-space:nowrap;border-bottom:1px solid #dfe5ee}.stock-table td{padding:11px 12px;border-bottom:1px solid #edf1f5;font-size:.72rem;vertical-align:middle}.stock-table tbody tr:hover{background:#fbfcff}.stock-table tbody tr.low-stock{background:#fffbeb}.stock-table tbody tr.out-stock{background:#fff5f5}.stock-item-name{font-weight:700;color:#172033;display:block;margin-bottom:2px}.stock-item-meta{font-size:.62rem;color:#6b7280}.stock-code{font-family:ui-monospace,monospace;color:#274c8e;font-weight:700;font-size:.65rem}.stock-badge{display:inline-flex;padding:4px 8px;border-radius:99px;font-size:.6rem;font-weight:700}.badge-material{background:#eef4ff;color:#274c8e}.badge-spare{background:#fff7ed;color:#b45309}.badge-vehicle{background:#f5f3ff;color:#7c3aed}.badge-consumable{background:#ecfdf3;color:#15803d}.badge-asset{background:#f1f5f9;color:#475569}.stock-qty{text-align:right;font-family:ui-monospace,monospace;font-weight:700}.qty-received{color:#274c8e}.qty-used{color:#b45309}.qty-current{color:#15803d}.qty-low{color:#dc2626}.stock-status{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:99px;font-size:.62rem;font-weight:700}.status-available{background:#ecfdf3;color:#15803d}.status-low{background:#fff7ed;color:#b45309}.status-out{background:#fff1f2;color:#dc2626}.stock-progress{width:100%;height:6px;background:#eef2f7;border-radius:99px;margin-top:4px;overflow:hidden}.stock-progress-bar{height:100%;border-radius:99px;background:#15803d;transition:width .3s}.progress-low{background:#dc2626}.stock-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-top:1px solid #dfe5ee;flex-wrap:wrap}.pagination-info{color:#6b7280;font-size:.7rem}.pagination-links{display:flex;gap:4px}.pagination-links a,.pagination-links span{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;border:1px solid #dfe5ee;border-radius:6px;background:#fff;color:#172033;text-decoration:none;font-size:.7rem;font-weight:600;transition:.15s}.pagination-links a:hover{border-color:#274c8e;color:#274c8e}.pagination-links .active{background:#274c8e;border-color:#274c8e;color:#fff}.pagination-links .disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.fuel-section{background:linear-gradient(135deg,#eef4ff,#fff);border:1px solid #dfe5ee;border-radius:10px;padding:16px;margin-bottom:16px}.fuel-title{margin:0 0 12px;font-size:.85rem;font-weight:800;color:#274c8e}.fuel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.fuel-box{background:#fff;border:1px solid #dfe5ee;border-radius:8px;padding:12px}.fuel-label{display:block;color:#6b7280;font-size:.6rem;text-transform:uppercase;font-weight:700;margin-bottom:4px}.fuel-value{display:block;font-size:1rem;font-weight:800;color:#274c8e}.empty-state{padding:60px 20px;text-align:center;color:#6b7280}.empty-icon{font-size:3rem;margin-bottom:12px;opacity:.3}@media(max-width:1400px){.stock-stats{grid-template-columns:repeat(3,1fr)}.fuel-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.stock-stats{grid-template-columns:repeat(2,1fr)}.stock-toolbar{grid-template-columns:1fr;gap:8px}.fuel-grid{grid-template-columns:1fr}}@media(max-width:600px){.stock-stats{grid-template-columns:1fr}}



/* ==========================================================================
   ARROW ONE RMC ERP - ADDITIONAL MODULES CONSOLIDATION
   ========================================================================== */

/* --------------------------------------------------------------------------
   SECTION: Sales & CRM - Client 360 Profile & Sites (clients/show.blade.php)
   -------------------------------------------------------------------------- */
:root {
    --cl-primary: #1e40af;
    --cl-primary-dark: #0f172a;
    --cl-primary-light: #eff6ff;
    --cl-bg: #f8fafc;
    --cl-card: #ffffff;
    --cl-text: #0f172a;
    --cl-muted: #64748b;
    --cl-border: #e2e8f0;
    --cl-success: #059669;
    --cl-success-light: #ecfdf5;
    --cl-danger: #dc2626;
    --cl-danger-light: #fef2f2;
    --cl-warning: #d97706;
    --cl-warning-light: #fffbeb;
    --cl-radius: 10px;
}

body {
    background: var(--cl-bg);
}

.c360-container {
    max-width: 1560px;
    margin: 0 auto;
    padding: 20px 16px 80px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: var(--cl-text);
}

/* Header */
.c360-header {
    background: #fff;
    border: 1px solid var(--cl-border);
    border-radius: var(--cl-radius);
    padding: 20px 24px;
    margin-bottom: 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.03);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}
.c360-identity {
    display: flex;
    align-items: center;
    gap: 16px;
}
.c360-avatar {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--cl-primary-dark), var(--cl-primary));
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 1.4rem;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15);
    flex-shrink: 0;
}
.c360-title-wrap h1 {
    font-size: 1.35rem;
    font-weight: 800;
    margin: 0 0 4px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--cl-text);
}
.c360-id-badge {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 0.72rem;
    font-weight: 700;
    background: var(--cl-primary-light);
    color: var(--cl-primary);
    padding: 3px 8px;
    border-radius: 6px;
}
.c360-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 0.8rem;
    color: var(--cl-muted);
    flex-wrap: wrap;
}
.c360-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

/* Standard Buttons */
.c360-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 36px;
    padding: 7px 14px;
    border: 1px solid var(--cl-border);
    border-radius: 8px;
    background: #fff;
    color: var(--cl-text);
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.15s ease;
}
.c360-btn:hover {
    border-color: var(--cl-primary);
    color: var(--cl-primary);
    background: #f8fafc;
}
.c360-btn.primary {
    background: var(--cl-primary);
    border-color: var(--cl-primary);
    color: #fff;
}
.c360-btn.primary:hover {
    background: #1d4ed8;
    color: #fff;
}
.c360-btn.success {
    background: var(--cl-success-light);
    border-color: #a7f3d0;
    color: var(--cl-success);
}
.c360-btn.success:hover {
    background: #d1fae5;
}

/* KPI Cards */
.c360-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-bottom: 20px;
}
.c360-kpi-card {
    background: #fff;
    border: 1px solid var(--cl-border);
    border-radius: var(--cl-radius);
    padding: 16px 18px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.03);
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.c360-kpi-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: var(--kpi-accent, var(--cl-primary));
}
.c360-kpi-label {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--cl-muted);
    margin-bottom: 4px;
}
.c360-kpi-val {
    font-size: 1.45rem;
    font-weight: 800;
    color: var(--cl-text);
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    line-height: 1.2;
}
.c360-kpi-sub {
    font-size: 0.72rem;
    color: var(--cl-muted);
    margin-top: 5px;
}
.c360-kpi-icon {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    display: grid;
    place-items: center;
    font-size: 1.15rem;
    background: #f1f5f9;
    color: var(--kpi-accent, var(--cl-primary));
}

/* Main Grid Layout */
.c360-grid {
    display: grid;
    grid-template-columns: 360px 1fr;
    gap: 20px;
    align-items: start;
}
@media (max-width: 1100px) {
    .c360-grid {
        grid-template-columns: 1fr;
    }
}

/* Left Profile Card */
.c360-profile-card {
    background: #fff;
    border: 1px solid var(--cl-border);
    border-radius: var(--cl-radius);
    padding: 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.03);
}
.c360-sec-title {
    font-size: 0.8rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--cl-muted);
    margin: 0 0 14px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.c360-info-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
}
.c360-info-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 8px;
    border-bottom: 1px solid #f1f5f9;
    font-size: 0.82rem;
}
.c360-info-row:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.c360-info-k {
    color: var(--cl-muted);
    font-weight: 600;
}
.c360-info-v {
    font-weight: 700;
    color: var(--cl-text);
    text-align: right;
}
.c360-address-box {
    background: #f8fafc;
    border: 1px solid var(--cl-border);
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 14px;
    font-size: 0.8rem;
    line-height: 1.5;
}
.c360-address-box strong {
    display: block;
    font-size: 0.72rem;
    color: var(--cl-muted);
    text-transform: uppercase;
    margin-bottom: 4px;
}

/* Right Tabs & Panels */
.c360-tabs-card {
    background: #fff;
    border: 1px solid var(--cl-border);
    border-radius: var(--cl-radius);
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,0.03);
}
.c360-nav-tabs {
    display: flex;
    background: #f8fafc;
    border-bottom: 1px solid var(--cl-border);
    padding: 6px 12px 0;
    gap: 6px;
    overflow-x: auto;
}
.c360-tab-link {
    padding: 10px 16px;
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--cl-muted);
    text-decoration: none;
    border: 1px solid transparent;
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
}
.c360-tab-link:hover {
    color: var(--cl-primary);
}
.c360-tab-link.active {
    background: #fff;
    color: var(--cl-primary);
    border-color: var(--cl-border);
    border-bottom-color: #fff;
    position: relative;
    top: 1px;
}
.c360-badge {
    display: inline-block;
    padding: 2px 7px;
    border-radius: 20px;
    font-size: 0.68rem;
    font-weight: 700;
    background: #e2e8f0;
    color: #475569;
}
.c360-tab-link.active .c360-badge {
    background: var(--cl-primary-light);
    color: var(--cl-primary);
}

.c360-tab-pane {
    display: none;
    padding: 20px;
}
.c360-tab-pane.active {
    display: block;
}

/* High Density Table in Tabs */
.c360-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}
.c360-table thead th {
    background: #f8fafc;
    color: var(--cl-muted);
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 10px 14px;
    border-bottom: 1px solid var(--cl-border);
    white-space: nowrap;
}
.c360-table tbody td {
    padding: 10px 14px;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
    color: var(--cl-text);
}
.c360-table tbody tr:hover td {
    background: #fafbfd;
}
.c360-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}
.c360-empty {
    text-align: center;
    padding: 40px 20px;
    color: var(--cl-muted);
    font-size: 0.85rem;
}
.c360-empty i {
    font-size: 2rem;
    display: block;
    margin-bottom: 8px;
    opacity: 0.4;
}

/* Progress bar */
.c360-progress-bar {
    height: 6px;
    background: #e2e8f0;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 4px;
    width: 100px;
}
.c360-progress-fill {
    height: 100%;
    border-radius: 4px;
    background: var(--cl-success);
}

/* --------------------------------------------------------------------------
   SECTION: Billing & Accounts - Client Ledger & Statement (client_accounts/show.blade.php)
   -------------------------------------------------------------------------- */
*{box-sizing:border-box}
.ca-wrapper{max-width:1500px;margin:0 auto;padding:20px}
.ca-header{background:#fff;border-radius:12px;padding:20px 24px;margin-bottom:20px;box-shadow:0 1px 3px rgba(0,0,0,0.06);border:1px solid #e5e7eb}
.ca-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.ca-title{margin:0;font-size:24px;font-weight:700;color:#111827}
.ca-subtitle{color:#6b7280;font-size:14px;margin-top:4px}
.ca-actions{display:flex;gap:10px;flex-wrap:wrap}
.ca-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;transition:all 0.2s;border:none;cursor:pointer}
.ca-btn.primary{background:#2563eb;color:#fff}
.ca-btn.primary:hover{background:#1d4ed8}
.ca-btn.secondary{background:#fff;color:#374151;border:1px solid #d1d5db}
.ca-btn.secondary:hover{background:#f9fafb;border-color:#9ca3af}
.ca-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:20px}
.ca-stat-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,0.06);border:1px solid #e5e7eb}
.ca-stat-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:#6b7280;margin-bottom:8px}
.ca-stat-value{font-size:28px;font-weight:800;margin:0}
.ca-stat-value.green{color:#059669}
.ca-stat-value.red{color:#dc2626}
.ca-stat-value.blue{color:#2563eb}
.ca-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px}
.ca-main{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,0.06);border:1px solid #e5e7eb;overflow:hidden}
.ca-card-header{padding:16px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-weight:700;font-size:16px;color:#111827;display:flex;align-items:center;justify-content:space-between}
.ca-per-page{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:400;color:#6b7280}
.ca-per-page select{padding:4px 8px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;cursor:pointer}
.ca-table-wrapper{overflow-x:auto}
.ca-table{width:100%;border-collapse:collapse;min-width:900px}
.ca-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}
.ca-table th{padding:12px 16px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:#6b7280}
.ca-table th.right{text-align:right}
.ca-table td{padding:14px 16px;border-bottom:1px solid #f3f4f6;font-size:14px}
.ca-table td.right{text-align:right;font-family:monospace;font-weight:600}
.ca-table tbody tr:hover{background:#f9fafb}
.ca-table tbody tr:last-child td{border-bottom:none}
.ca-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}
.ca-badge.invoice{background:#dbeafe;color:#1e40af}
.ca-badge.receipt{background:#d1fae5;color:#065f46}
.ca-sidebar{display:flex;flex-direction:column;gap:20px}
.ca-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,0.06);border:1px solid #e5e7eb;overflow:hidden}
.ca-profile{padding:20px}
.ca-profile-item{margin-bottom:16px}
.ca-profile-item:last-child{margin-bottom:0}
.ca-profile-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:#6b7280;margin-bottom:4px}
.ca-profile-value{font-size:14px;font-weight:600;color:#111827;word-break:break-word}
.ca-pending-list{max-height:400px;overflow-y:auto}
.ca-pending-item{padding:16px 20px;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center;gap:12px}
.ca-pending-item:last-child{border-bottom:none}
.ca-pending-item:hover{background:#f9fafb}
.ca-pending-ref{font-size:14px;font-weight:700;color:#111827}
.ca-pending-date{font-size:12px;color:#6b7280;margin-top:2px}
.ca-pending-amount{font-size:16px;font-weight:800;color:#dc2626;text-align:right}
.ca-pending-link{font-size:12px;color:#2563eb;text-decoration:none;margin-top:4px;display:block}
.ca-pending-link:hover{text-decoration:underline}
.ca-empty{padding:48px 20px;text-align:center;color:#9ca3af;font-size:14px}
.ca-pagination{padding:16px 20px;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.ca-pagination-info{font-size:13px;color:#6b7280}
.ca-pagination-links{display:flex;gap:6px}
.ca-page-link{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:14px;font-weight:600;text-decoration:none;transition:all 0.2s}
.ca-page-link:hover:not(.disabled):not(.active){background:#f9fafb;border-color:#9ca3af}
.ca-page-link.active{background:#2563eb;border-color:#2563eb;color:#fff}
.ca-page-link.disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}
@media(max-width:1100px){.ca-layout{grid-template-columns:1fr}.ca-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.ca-stats{grid-template-columns:1fr}.ca-actions{width:100%}.ca-btn{flex:1;justify-content:center}}

/* --------------------------------------------------------------------------
   SECTION: Billing & Accounts - Client Accounts Register (client_accounts/index.blade.php)
   -------------------------------------------------------------------------- */
.ca-page{max-width:1450px;margin:0 auto;padding:18px 14px 60px}.ca-head,.ca-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ca-head{margin-bottom:14px}.ca-title{margin:0;font-size:1.2rem;font-weight:800}.ca-sub{color:#6b7280;font-size:.7rem}.ca-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:14px}.ca-card{background:#fff;border:1px solid #dfe5ee;border-radius:10px;box-shadow:0 3px 12px rgba(15,23,42,.04)}.ca-stat{padding:14px}.ca-stat span{display:block;color:#6b7280;font-size:.56rem;text-transform:uppercase;font-weight:700}.ca-stat strong{display:block;margin-top:4px;font-size:1rem}.ca-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 180px auto auto auto;gap:8px;padding:12px;border-bottom:1px solid #dfe5ee}.ca-input{min-height:36px;border:1px solid #dfe5ee;border-radius:7px;padding:7px 9px;font-size:.72rem}.ca-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:36px;padding:7px 11px;border:1px solid #dfe5ee;border-radius:7px;background:#fff;color:#172033;text-decoration:none;font-size:.7rem;font-weight:700}.ca-btn.primary{background:#274c8e;border-color:#274c8e;color:#fff}.ca-table{width:100%;min-width:1100px;border-collapse:collapse}.ca-table th{background:#f7f9fc;color:#6b7280;font-size:.56rem;text-transform:uppercase;padding:9px 10px}.ca-table td{padding:10px;border-bottom:1px solid #edf1f5;font-size:.7rem}.money{text-align:right;font-family:monospace;font-weight:700}.status{display:inline-flex;padding:4px 8px;border-radius:99px;font-size:.57rem;font-weight:700}.status.pending{background:#fff7ed;color:#b45309}.status.clear{background:#ecfdf3;color:#15803d}.status.advance{background:#eef4ff;color:#274c8e}.ca-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-top:1px solid #dfe5ee;gap:12px;flex-wrap:wrap}.ca-pagination-info{color:#6b7280;font-size:.7rem}.ca-pagination-links{display:flex;gap:4px}.ca-pagination-links a,.ca-pagination-links span{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border:1px solid #dfe5ee;border-radius:6px;background:#fff;color:#172033;text-decoration:none;font-size:.7rem;font-weight:600}.ca-pagination-links .active{background:#274c8e;border-color:#274c8e;color:#fff}.ca-pagination-links .disabled{opacity:.4;cursor:not-allowed;pointer-events:none}@media(max-width:1000px){.ca-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.ca-grid,.ca-toolbar{grid-template-columns:1fr}}

/* --------------------------------------------------------------------------
   SECTION: Logistics & Dispatch - Issue Delivery Challan Form (dispatches/create.blade.php)
   -------------------------------------------------------------------------- */
body { background:#f4f7f6; }
.dispatch-form-page { margin:0 auto;color:var(--form-text); }
.df-top,.df-title,.df-head { display:flex;align-items:center;gap:12px; }
.df-top,.df-head { justify-content:space-between;flex-wrap:wrap; }
.df-title-icon { display:grid;place-items:center; }
.df-title span { display:block;color:var(--form-primary);text-transform:uppercase;font-weight:700; }
.df-title h2,.df-title p { margin:0; }
.df-title p { color:var(--form-muted); }
.df-btn { display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--form-border);background:#fff;color:var(--form-text);text-decoration:none;cursor:pointer; }
.df-btn.primary { background:var(--form-primary);border-color:var(--form-primary);color:#fff; }
.df-btn:hover { border-color:var(--form-primary);color:var(--form-primary); }
.df-layout,.df-grid,.df-selected,.df-side-actions { display:grid; }
.df-layout { align-items:start; }
.df-card { overflow:hidden;background:#fff;border:1px solid var(--form-border); }
.df-head { border-bottom:1px solid var(--form-border); }
.df-head h6 { display:flex;align-items:center;margin:0; }
.df-head i { color:var(--form-primary); }
.df-grid .full { grid-column:1/-1; }
.df-grid .half { grid-column:span 2; }
.df-label { display:block; }
.df-input { width:100%;border:1px solid var(--form-border);background:white;color:var(--form-text); }
.df-input:focus { outline:none; }
textarea.df-input { resize:vertical;min-height:80px; }
.df-selected { position:sticky; }
.df-chip { min-width:0; }
.df-chip span,.df-chip strong { display:block; }
.df-chip span { color:var(--form-muted);text-transform:uppercase; }
.df-chip strong { margin-top:5px;overflow-wrap:anywhere; }
.df-switch { display:flex;align-items:center;gap:10px;border:1px solid;border-radius:9px; }
.df-switch input { width:18px;height:18px;accent-color:var(--form-primary); }
.df-pump-fields { display:none; }
.df-side-actions { gap:9px; }
.df-empty { border:1px dashed;border-radius:10px;font-size:.85rem; }
.dispatch-form-page { --form-primary:#176b60; --form-primary-soft:#eef8f5; --form-border:#e0e7e6; --form-text:#18312e; --form-muted:#657875; max-width:1440px; padding:26px 24px 60px; }
.dispatch-form-page * { box-sizing:border-box; }
.df-top { margin-bottom:24px; padding:0; }
.df-title-icon { width:52px;height:52px;border-radius:16px;background:#e1f1ec;color:#176b60;font-size:25px; }
.df-title h2 { font-size:1.8rem;letter-spacing:-.045em;font-weight:750;margin:3px 0 5px; }
.df-title p { font-size:.85rem;line-height:1.6;max-width:560px; }
.df-title span { font-size:.65rem;letter-spacing:.14em; }
.df-btn { min-height:44px;border-radius:9px;padding:12px 16px;font-size:.82rem;font-weight:650;line-height:1.2; }
.df-btn.primary:hover { background:#115348;color:#fff; }
.df-btn:focus-visible { outline:3px solid #79b8ad;outline-offset:3px; }
.df-layout { grid-template-columns:minmax(0,1fr) 300px;gap:24px; }
.df-card { border-radius:14px;box-shadow:0 3px 12px #18312e04; }
.df-head { background:white;padding:20px 22px;gap:12px; }
.df-head h6 { font-size:1rem;font-weight:700;gap:12px; }
.df-head h6>i { width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#eef6f3;font-size:18px; }
.df-body { padding:22px; }
.df-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 20px; }
.df-grid .wide { grid-column:span 1; }
.df-label { font-size:.76rem;font-weight:600;letter-spacing:0;text-transform:none;color:#435c57;margin-bottom:7px; }
.df-input { min-height:46px;padding:11px 12px;border-radius:8px;font-size:.87rem;line-height:1.4; }
.df-input[readonly] { background:#f5f8f7;border-color:#edf1ef;color:#48625c; }
.df-input:focus { border-color:#176b60;box-shadow:0 0 0 3px #176b6015; }
.df-selected { border:1px solid var(--form-border);border-radius:14px;background:white;overflow:hidden;gap:0;top:88px; }
.df-review-title { padding:20px 22px;border-bottom:1px solid var(--form-border);font-size:.95rem;font-weight:700; }
.df-review-title small { display:block;font-size:.75rem;font-weight:400;color:var(--form-muted);margin-top:5px; }
.df-chip,.df-chip.success,.df-chip.warning { border:0;border-radius:0;background:white;padding:15px 22px; }
.df-chip.primary { border:0;border-bottom:1px solid #dceae5;border-radius:0;background:#eef7f3;padding:22px; }
.df-chip.primary strong { font-size:1.8rem;letter-spacing:-.04em;color:#176b60; }
.df-chip span { font-size:.66rem;letter-spacing:.07em;font-weight:600; }
.df-chip strong { font-size:.88rem;line-height:1.5;font-weight:600; }
.df-side-actions { padding:20px 22px;border-top:1px solid var(--form-border); }
.df-switch { background:#f5faf8;border-color:#dceae5;padding:15px;font-size:.85rem;font-weight:600; }
.df-pump-fields.is-open { display:block; }
.df-helper { font-size:.76rem;color:var(--form-muted);margin:8px 0 0;line-height:1.5; }
.df-badge { display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:6px 10px;background:#eef6f3;color:#176b60;font-size:.7rem;font-weight:650; }
.df-steps { display:flex;gap:24px;padding:15px 20px;background:#fff;border:1px solid var(--form-border);border-radius:12px;margin-bottom:22px; }
.df-steps a { color:#48625c;text-decoration:none;font-size:.8rem;display:flex;align-items:center;gap:9px; }
.df-steps b { width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#e5f2ed;color:#176b60;font-size:.72rem; }
.df-card { scroll-margin-top:90px; }
.df-empty { padding:18px;background:#fff8e9;border-color:#e9d9b1;line-height:1.6; }
.df-btn:disabled { opacity:.5;cursor:not-allowed; }
@media(max-width:1150px) { .df-layout { grid-template-columns:minmax(0,1fr) 270px;gap:16px; } .df-selected { grid-template-columns:1fr;position:sticky; } }
@media(max-width:900px) { .df-layout { grid-template-columns:1fr; } .df-selected { position:static;grid-template-columns:1fr 1fr; } .df-review-title,.df-side-actions { grid-column:1/-1; } }
@media(max-width:600px) { .dispatch-form-page { padding:16px 10px 36px; } .df-title h2 { font-size:1.5rem; } .df-title-icon { display:none; } .df-top { gap:14px; } .df-top>.df-btn { width:100%; } .df-steps { gap:12px;padding:12px;justify-content:space-between; } .df-steps a { font-size:.7rem;gap:5px; } .df-steps b { width:20px;height:20px; } .df-grid { grid-template-columns:1fr; } .df-grid .wide,.df-grid .half { grid-column:auto; } .df-head,.df-body { padding:16px; } .df-selected { grid-template-columns:1fr; } }

/* --------------------------------------------------------------------------
   SECTION: Logistics & Dispatch - Edit Challan Form (dispatches/edit.blade.php)
   -------------------------------------------------------------------------- */
:root {
    --form-bg: #f4f6f8;
    --form-card: #ffffff;
    --form-text: #17202f;
    --form-muted: #64748b;
    --form-border: #d8dee8;
    --form-primary: #24537c;
    --form-primary-soft: #eef6fb;
    --form-shadow: 0 8px 20px rgba(15, 23, 42, .06);
}

body { background: var(--form-bg); }

.dispatch-edit-page {
    max-width: 1280px;
    margin: 0 auto;
    padding: 14px 10px 72px;
    color: var(--form-text);
}

.de-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 12px;
    padding: 10px 0;
}

.de-title {
    display: flex;
    align-items: center;
    gap: 11px;
}

.de-title-icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: var(--form-primary);
    color: #fff;
}

.de-title span {
    display: block;
    color: var(--form-primary);
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.de-title h2 {
    margin: 1px 0 0;
    font-size: 1.18rem;
    font-weight: 900;
}

.de-title p {
    margin: 3px 0 0;
    color: var(--form-muted);
    font-size: .76rem;
}

.de-btn {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 12px;
    border: 1px solid var(--form-border);
    border-radius: 6px;
    background: #fff;
    color: var(--form-text);
    text-decoration: none;
    font-size: .76rem;
    font-weight: 850;
    cursor: pointer;
    transition: border-color .12s ease, background-color .12s ease, color .12s ease;
}

.de-btn:hover { border-color: var(--form-primary); color: var(--form-primary); }
.de-btn.primary { border-color: var(--form-primary); background: var(--form-primary); color: #fff; }
.de-btn.primary:hover { background: #1d466b; color: #fff; }

.de-card {
    overflow: hidden;
    border: 1px solid var(--form-border);
    border-radius: 8px;
    background: var(--form-card);
    box-shadow: var(--form-shadow);
    margin-bottom: 14px;
}

.de-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 11px 14px;
    border-bottom: 1px solid var(--form-border);
    background: #fafbfc;
}

.de-head h6 {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: .78rem;
    font-weight: 900;
}

.de-head i { color: var(--form-primary); }
.de-body { padding: 14px; }

.de-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.de-grid .wide { grid-column: span 2; }
.de-grid .full { grid-column: 1 / -1; }

.de-label {
    display: block;
    margin-bottom: 5px;
    color: var(--form-muted);
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.de-input {
    width: 100%;
    min-height: 40px;
    padding: 8px 10px;
    border: 1px solid var(--form-border);
    border-radius: 6px;
    background: #fff;
    color: var(--form-text);
    font-size: .8rem;
    transition: border-color .12s ease, box-shadow .12s ease;
}

.de-input:focus {
    border-color: var(--form-primary);
    box-shadow: 0 0 0 3px rgba(36, 83, 124, .12);
    outline: none;
}

.de-input[readonly] {
    background: #f8fafc;
    color: #475569;
}

textarea.de-input { resize: vertical; min-height: 78px; }

.de-info {
    padding: 12px;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    background: #eff6ff;
    color: #1e40af;
    font-size: .74rem;
    margin-bottom: 12px;
}

.de-info i { margin-right: 6px; }

@media (max-width: 1024px) {
    .de-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .de-grid {
        grid-template-columns: 1fr;
    }
}
.de-grid [data-optional-field][hidden] { display: none !important; }

/* --------------------------------------------------------------------------
   SECTION: Logistics & Dispatch - Challan Timeline & Details (dispatches/show.blade.php)
   -------------------------------------------------------------------------- */
body { background:#f4f7f6; }
.dd-page { --dd-text:#18312e;--dd-muted:#687c76;--dd-border:#dfe8e3;--dd-primary:#176b60;--dd-primary-soft:#eef7f3;--dd-green:#167447;--dd-green-soft:#edf8f1;--dd-amber:#a36516;--dd-amber-soft:#fff7e9;max-width:1440px;margin:auto;padding:26px 24px 50px;color:var(--dd-text); }
.dd-page * { box-sizing:border-box; }
.dd-topbar { display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;margin-bottom:24px; }
.dd-title { display:flex;align-items:center;gap:14px; }
.dd-title-icon { width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#e1f1eb;color:#176b60;font-size:26px; }
.dd-title small { font-size:.65rem;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:#176b60; }
.dd-title h2 { font-size:1.8rem;letter-spacing:-.04em;font-weight:750;margin:4px 0; }
.dd-title p { margin:0;font-size:.85rem;color:var(--dd-muted); }
.dd-actions { display:flex;align-items:center;gap:8px;flex-wrap:wrap; }
.dd-btn { display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:10px 14px;border:1px solid var(--dd-border);border-radius:8px;background:white;color:var(--dd-text);font-size:.79rem;font-weight:600;text-decoration:none;cursor:pointer; }
.dd-btn.primary { background:#176b60;border-color:#176b60;color:white; }
.dd-btn.warning { background:#fff6e7;color:#925c16;border-color:#ecd8ae; }
.dd-btn.danger { background:#fff6f5;color:#b63333;border-color:#edcaca; }
.dd-btn:hover { filter:brightness(.96); }
.dd-btn:focus-visible,.dd-input:focus-visible,summary:focus-visible { outline:3px solid #7ab8a8;outline-offset:3px; }
.dd-badge { display:inline-flex;align-items:center;gap:6px;border-radius:30px;padding:8px 12px;background:#eef3f6;color:#466779;font-size:.76rem;font-weight:650; }
.dd-badge.done { background:#e5f5eb;color:#167447; }.dd-badge.warn { background:#fff3dd;color:#956117; }.dd-badge.bad { background:#fff0ee;color:#b63333; }
.dd-nav { display:flex;gap:24px;overflow-x:auto;border-bottom:1px solid var(--dd-border);margin-bottom:24px; }
.dd-nav a { padding:12px 0;color:var(--dd-muted);text-decoration:none;font-size:.83rem;white-space:nowrap; }
.dd-nav a:first-child { color:#176b60;border-bottom:2px solid #176b60;font-weight:650; }
.dd-hero { display:grid;grid-template-columns:1fr 1fr auto;gap:24px;align-items:center;padding:24px 28px;background:#173f38;color:#fff;border-radius:16px;margin-bottom:20px; }
.dd-hero small { display:block;text-transform:uppercase;letter-spacing:.1em;font-size:.65rem;color:#b4d8cb;margin-bottom:7px; }
.dd-hero strong { font-size:1.05rem;font-weight:600;overflow-wrap:anywhere; }
.dd-hero p { margin:5px 0 0;font-size:.8rem;color:#c6ddd5; }
.dd-kpis { display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px;margin-bottom:22px; }
.dd-kpi { padding:18px;background:#fff;border:1px solid var(--dd-border);border-radius:12px;display:flex;align-items:center;gap:12px;min-width:0; }
.dd-kpi>i { color:#176b60;background:#eef7f3;border-radius:10px;padding:10px;font-size:20px; }
.dd-kpi span { display:block;font-size:.66rem;color:var(--dd-muted); }
.dd-kpi strong { display:block;font-size:1.02rem;font-weight:700;margin-top:4px;overflow-wrap:anywhere; }
.dd-grid { display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start; }
.dd-grid.full-width { grid-template-columns:1fr; }.dd-grid.full-width .dd-sidebar { display:none; }
.dd-panel,.dd-step { background:#fff;border:1px solid var(--dd-border);border-radius:13px;overflow:hidden;margin-bottom:20px;scroll-margin-top:90px; }
.dd-panel-head,.dd-step-head { padding:18px 22px;border-bottom:1px solid var(--dd-border);background:white; }
.dd-panel-title,.dd-step-head h6 { display:flex;align-items:center;gap:10px;margin:0;font-size:.95rem;font-weight:700; }
.dd-panel-title i,.dd-step-head i { color:#176b60; }
.dd-panel-body,.dd-step-body { padding:22px; }
.dd-fields { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 22px; }
.dd-field { padding:14px 0;border-bottom:1px solid #edf1ee;min-width:0; }
.dd-field span { display:block;font-size:.71rem;color:var(--dd-muted);margin-bottom:6px; }
.dd-field strong { display:block;font-size:.86rem;font-weight:600;overflow-wrap:anywhere; }
.dd-label { display:block;font-size:.75rem;color:#4c655c;font-weight:600;margin-bottom:7px; }
.dd-timeline { display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px; }
.dd-timeline-step { padding:12px 9px;background:#f7f9f8;border-radius:9px;border-top:3px solid #dce5df; }
.dd-timeline-step.done { background:#eef8f2;border-color:#3f9871; }
.dd-timeline-step i { display:block;color:#6b8177;margin-bottom:10px;font-size:19px; }.dd-timeline-step.done i { color:#167447; }
.dd-timeline-step strong { display:block;font-size:.73rem;font-weight:650; }.dd-timeline-step small { display:block;font-size:.67rem;margin-top:5px;color:var(--dd-muted); }
.dd-sidebar { min-width:0; }.dd-sidebar-title { margin:0 0 12px;font-size:.75rem;color:var(--dd-muted);font-weight:650;text-transform:uppercase;letter-spacing:.07em; }
summary.dd-step-head { cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px; }summary.dd-step-head::-webkit-details-marker { display:none; }summary.dd-step-head::after { content:'+';font-size:20px;color:#176b60; }details[open]>summary.dd-step-head::after { content:'-'; }details:not([open])>summary.dd-step-head { border-bottom:0; }
.dd-form { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px; }.dd-full { grid-column:1/-1; }
.dd-input { width:100%;min-height:44px;border:1px solid #d9e4dd;border-radius:8px;padding:10px 11px;background:#fff;color:var(--dd-text);font-size:.82rem; }textarea.dd-input { min-height:80px;resize:vertical; }
.dd-note { font-size:.73rem;color:var(--dd-muted);line-height:1.6; }
.dd-page .card { border-color:var(--dd-border);border-radius:13px; }.dd-page .card-header { padding:18px 22px;background:white; }.dd-page .card-header h5 { font-size:.95rem; }.dd-page .card-body { padding:22px; }
@media(min-width:901px) { .dd-grid main .col-md-3 { width:50%; } }
@media(max-width:1150px) { .dd-grid { grid-template-columns:1fr; }.dd-timeline { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:700px) { .dd-page { padding:16px 10px 35px; }.dd-title h2 { font-size:1.5rem; }.dd-title-icon { display:none; }.dd-hero { grid-template-columns:1fr;padding:20px;gap:18px; }.dd-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }.dd-kpi { padding:13px; }.dd-kpi>i { display:none; }.dd-fields,.dd-timeline,.dd-sequence { grid-template-columns:repeat(2,minmax(0,1fr)); }.dd-panel-body,.dd-step-body,.dd-panel-head { padding:16px; }.dd-actions { width:100%; }.dd-nav { gap:20px; }.dd-form { grid-template-columns:1fr; }.dd-full { grid-column:auto; } }
@media(prefers-reduced-motion:no-preference) { .dd-btn { transition:filter .15s; } }

/* --------------------------------------------------------------------------
   SECTION: Sales & CRM - Marketing Officers Directory (marketing_persons/index.blade.php)
   -------------------------------------------------------------------------- */
.so-client-form{ --navy:#0f172a; --steel:#2563eb; --steel-lt:#eff6ff; --border:#e2e8f0; --muted:#64748b; --text:#334155; font-family:Inter,system-ui,sans-serif; color:var(--text); }
.so-alert{ border-radius:8px; padding:12px 14px; margin-bottom:14px; font-size:.85rem; }
.so-alert-success{ background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0; }
.so-alert-danger{ background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }
.so-error-list{ margin:6px 0 0 16px; }
.so-panel{ background:#fff; border:1px solid var(--border); border-radius:12px; overflow:hidden; }
.so-topbar{ display:flex; align-items:center; justify-content:space-between; padding:18px 22px; border-bottom:1px solid var(--border); gap:12px; }
.so-topbar-title{ display:flex; align-items:center; gap:14px; }
.so-topbar-icon{ width:38px; height:38px; border-radius:9px; background:var(--steel-lt); color:var(--steel); display:flex; align-items:center; justify-content:center; }
.so-topbar-title h6{ margin:0; font-size:1rem; font-weight:700; color:var(--navy); }
.so-topbar-title small{ color:var(--muted); font-size:.78rem; }
.so-body{ padding:22px; }
.so-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; align-items:end; }
.so-field{ display:flex; flex-direction:column; }
.so-label{ font-size:.74rem; font-weight:600; margin-bottom:6px; }
.so-label .req{ color:#ef4444; }
.so-input{ width:100%; padding:9px 12px; font-size:.86rem; border:1px solid var(--border); border-radius:6px; }
.so-mono{ font-family:ui-monospace,monospace; }
.so-btn{ display:inline-flex; align-items:center; gap:7px; font-size:.84rem; font-weight:600; padding:9px 16px; border-radius:6px; border:1px solid transparent; cursor:pointer; text-decoration:none; }
.so-btn-primary{ background:var(--steel); color:#fff; }
.so-btn-ghost{ background:#fff; border-color:var(--border); color:var(--text); }
.so-mp-table{ width:100%; border-collapse:collapse; }
.so-mp-table th{ text-align:left; font-size:.72rem; text-transform:uppercase; color:var(--muted); padding:8px; border-bottom:1px solid var(--border); }
.so-mp-table td{ padding:8px; border-bottom:1px solid #edf1f5; vertical-align:middle; }
.so-mp-inline{ display:contents; }
.so-mp-actions{ display:flex; gap:6px; }
@media(max-width:900px){ .so-grid{ grid-template-columns:1fr; } }

/* --------------------------------------------------------------------------
   SECTION: Administration - Roles & Permissions Index (roles/index.blade.php)
   -------------------------------------------------------------------------- */
.roles-page { max-width: 1200px; margin: 0 auto; }
    .roles-hero {
        display: flex; flex-wrap: wrap; gap: 16px; align-items: center; justify-content: space-between;
        margin-bottom: 18px; padding: 18px 20px; border-radius: 14px;
        background: linear-gradient(135deg, #0f766e, #0d9488); color: #fff;
    }
    .roles-hero h3 { margin: 0 0 4px; font-weight: 800; font-size: 1.25rem; }
    .roles-hero p { margin: 0; opacity: .85; font-size: .85rem; }
    .roles-card {
        border: 1px solid #e5e7eb; border-radius: 14px; background: #fff;
        box-shadow: 0 4px 18px rgba(15,23,42,.04); overflow: hidden;
    }
    .roles-toolbar {
        display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between;
        padding: 14px 16px; border-bottom: 1px solid #eef2f7; background: #f8fafc;
    }
    .roles-search {
        position: relative; flex: 1; min-width: 220px; max-width: 360px;
    }
    .roles-search i {
        position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #94a3b8;
    }
    .roles-search input {
        width: 100%; height: 40px; padding: 0 12px 0 36px; border: 1px solid #e2e8f0;
        border-radius: 10px; background: #fff; font-size: .875rem;
    }
    .roles-table { width: 100%; margin: 0; border-collapse: collapse; }
    .roles-table th {
        padding: 12px 16px; font-size: .7rem; text-transform: uppercase; letter-spacing: .04em;
        color: #64748b; background: #f8fafc; border-bottom: 1px solid #eef2f7; font-weight: 700;
    }
    .roles-table td {
        padding: 14px 16px; border-bottom: 1px solid #f1f5f9; vertical-align: middle; font-size: .875rem;
    }
    .roles-table tr:last-child td { border-bottom: 0; }
    .roles-table tbody tr:hover { background: #f8fafc; }
    .role-name { font-weight: 700; color: #0f172a; text-transform: capitalize; }
    .role-slug { display: block; font-size: .72rem; color: #94a3b8; font-weight: 500; margin-top: 2px; }
    .badge-soft {
        display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: 999px;
        font-size: .72rem; font-weight: 600; background: #ecfdf5; color: #047857;
    }
    .badge-soft.muted { background: #f1f5f9; color: #475569; }
    .badge-soft.warn { background: #fff7ed; color: #c2410c; }
    .menu-chip {
        display: inline-block; padding: 3px 8px; margin: 2px; border-radius: 6px;
        font-size: .68rem; font-weight: 600; background: #eff6ff; color: #1d4ed8; border: 1px solid #dbeafe;
    }
    .btn-icon {
        width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center;
        border-radius: 8px; border: 1px solid #e2e8f0; background: #fff; color: #475569;
        text-decoration: none;
    }
    .btn-icon:hover { border-color: #0d9488; color: #0d9488; background: #f0fdfa; }
    .btn-icon.danger:hover { border-color: #ef4444; color: #ef4444; background: #fef2f2; }
    .btn-icon:disabled, .btn-icon.disabled {
        opacity: .45; pointer-events: none;
    }
    .empty-roles { text-align: center; padding: 48px 16px; color: #94a3b8; }

/* --------------------------------------------------------------------------
   SECTION: Administration - Role Builder Form (roles/create.blade.php)
   -------------------------------------------------------------------------- */
.re-wrap { max-width: 1280px; margin: 0 auto; }
.re-hero {
    display: flex; flex-wrap: wrap; gap: 14px; align-items: center;
    justify-content: space-between; margin-bottom: 20px; padding: 18px 22px;
    border-radius: 16px;
    background: linear-gradient(135deg, #065f46 0%, #047857 60%, #059669 100%);
    color: #fff; box-shadow: 0 6px 24px rgba(5,150,105,.3);
}
.re-hero h3 { margin: 0 0 4px; font-weight: 800; font-size: 1.2rem; }
.re-hero p  { margin: 0; opacity: .88; font-size: .84rem; }
.re-layout {
    display: grid; grid-template-columns: 260px 1fr;
    gap: 20px; align-items: start;
}
@media (max-width: 900px) {
    .re-layout { grid-template-columns: 1fr; }
    .re-sidebar { display: flex; flex-wrap: wrap; gap: 6px; }
}
.re-sidebar {
    position: sticky; top: 80px;
    background: #fff; border: 1px solid #e2e8f0; border-radius: 14px;
    overflow: hidden; box-shadow: 0 4px 16px rgba(15,23,42,.06);
}
.re-sidebar-head {
    padding: 12px 16px; background: #f8fafc;
    border-bottom: 1px solid #eef2f7;
    font-size: .72rem; font-weight: 800; text-transform: uppercase;
    letter-spacing: .06em; color: #64748b;
}
.re-sidebar-item {
    display: flex; align-items: center; gap: 10px;
    padding: 10px 16px; cursor: pointer; border: 0;
    background: transparent; width: 100%; text-align: left;
    font-size: .84rem; font-weight: 600; color: #475569;
    border-left: 3px solid transparent; transition: all .15s ease;
    text-decoration: none;
}
.re-sidebar-item:hover { background: #f8fafc; color: #0f172a; }
.re-sidebar-item.active { background: #ecfdf5; color: #065f46; border-left-color: #059669; font-weight: 700; }
.re-sidebar-item .si-count {
    margin-left: auto; font-size: .7rem; font-weight: 700;
    padding: 2px 7px; border-radius: 999px;
    background: #e2e8f0; color: #475569;
}
.re-sidebar-item.active .si-count { background: #d1fae5; color: #065f46; }
.re-panel { display: none; }
.re-panel.active { display: block; }
.re-panel-card {
    border: 1px solid #e2e8f0; border-radius: 14px; background: #fff;
    overflow: hidden; box-shadow: 0 4px 16px rgba(15,23,42,.05);
}
.re-panel-head {
    display: flex; flex-wrap: wrap; gap: 12px; align-items: center;
    justify-content: space-between; padding: 16px 20px;
    border-bottom: 1px solid #eef2f7;
}
.re-panel-head h5 { margin: 0; font-size: 1rem; font-weight: 800; color: #0f172a;
    display: flex; align-items: center; gap: 8px; }
.re-tools {
    display: flex; flex-wrap: wrap; gap: 10px; align-items: center;
    padding: 12px 20px; background: #f8fafc; border-bottom: 1px solid #eef2f7;
}
.re-search { position: relative; flex: 1; min-width: 180px; }
.re-search i { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: #94a3b8; }
.re-search input {
    width: 100%; height: 36px; padding: 0 10px 0 32px;
    border: 1px solid #e2e8f0; border-radius: 8px; font-size: .83rem;
}
.re-panel-body { padding: 18px 20px; }
.mod-block { margin-bottom: 18px; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; }
.mod-block:last-child { margin-bottom: 0; }
.mod-head {
    display: flex; align-items: center; justify-content: space-between;
    padding: 11px 15px; background: #f8fafc; border-bottom: 1px solid #eef2f7;
}
.mod-head strong { font-size: .82rem; color: #334155; font-weight: 700; }
.mod-body { padding: 12px 15px; }
.perm-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 8px; }
.perm-item label {
    display: flex; align-items: flex-start; gap: 8px;
    padding: 9px 11px; border: 1.5px solid #e2e8f0; border-radius: 10px;
    background: #f8fafc; cursor: pointer; font-size: .78rem; color: #334155;
    margin: 0; transition: .15s ease; min-height: 40px;
}
.perm-item label:hover { border-color: #6ee7b7; background: #ecfdf5; }
.perm-item.checked label { border-color: #6ee7b7; background: #ecfdf5; color: #065f46; font-weight: 600; }
.perm-item.hidden { display: none !important; }
.mod-block.hidden { display: none !important; }
.re-sticky {
    position: sticky; bottom: 12px; z-index: 30; margin-top: 20px;
    display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;
    padding: 12px 18px; border: 1px solid #e2e8f0; border-radius: 14px;
    background: rgba(255,255,255,.97); box-shadow: 0 8px 30px rgba(15,23,42,.1);
}
.re-meta-card {
    border: 1px solid #e2e8f0; border-radius: 14px; background: #fff;
    box-shadow: 0 4px 16px rgba(15,23,42,.05); margin-bottom: 20px; overflow: hidden;
}
.re-meta-card .card-pad { padding: 18px 20px; }

/* --------------------------------------------------------------------------
   SECTION: Administration - Role Permissions Editor (roles/edit.blade.php)
   -------------------------------------------------------------------------- */
.mpe-wrap { max-width: 980px; margin: 0 auto; }

/* Hero */
.mpe-hero {
    display: flex; flex-wrap: wrap; gap: 14px; align-items: center;
    justify-content: space-between; margin-bottom: 20px; padding: 16px 22px;
    border-radius: 14px;
    background: linear-gradient(135deg,#1e3a8a,#1d4ed8);
    color:#fff; box-shadow:0 6px 24px rgba(37,99,235,.28);
}
.mpe-hero h3 { margin:0 0 3px; font-weight:800; font-size:1.15rem; }
.mpe-hero p  { margin:0; opacity:.85; font-size:.83rem; }

/* Meta card */
.mpe-meta {
    border:1px solid #e2e8f0; border-radius:14px; background:#fff;
    box-shadow:0 4px 14px rgba(15,23,42,.05); margin-bottom:20px; padding:18px 20px;
}

/* Section card */
.mpe-section {
    border:1px solid #e2e8f0; border-radius:14px; background:#fff;
    box-shadow:0 2px 10px rgba(15,23,42,.04); margin-bottom:14px; overflow:hidden;
}
.mpe-section-head {
    display:flex; align-items:center; gap:12px; padding:13px 18px;
    border-bottom:1px solid #f1f5f9; background:#f8fafc; cursor:pointer;
    user-select:none;
}
.mpe-section-head .sec-icon {
    width:34px; height:34px; border-radius:9px; display:grid; place-items:center;
    font-size:16px; flex-shrink:0; color:#fff;
}
.mpe-section-head .sec-title {
    flex:1; font-weight:800; font-size:.9rem; color:#0f172a;
}
.mpe-section-head .sec-meta {
    font-size:.75rem; color:#94a3b8; font-weight:600;
}
.mpe-section-head .sec-toggle-all {
    display:flex; align-items:center; gap:6px; padding:5px 12px;
    border:1.5px solid #e2e8f0; border-radius:8px; background:#fff;
    font-size:.75rem; font-weight:700; color:#475569; cursor:pointer;
    white-space:nowrap; flex-shrink:0;
    transition:.15s ease;
}
.mpe-section-head .sec-toggle-all:hover { border-color:#2563eb; color:#2563eb; }
.mpe-section-head .chev {
    font-size:13px; color:#94a3b8; transition:transform .2s ease; flex-shrink:0;
}
.mpe-section.open .chev { transform:rotate(180deg); }

/* Items grid */
.mpe-items {
    display:none; padding:14px 18px 16px;
    display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:8px;
}

/* Each menu item toggle */
.mpe-item {
    display:flex; align-items:center; gap:10px;
    padding:9px 13px; border:1.5px solid #e2e8f0; border-radius:10px;
    background:#f8fafc; cursor:pointer; transition:.15s ease;
    user-select:none;
}
.mpe-item:hover { border-color:#93c5fd; background:#eff6ff; }
.mpe-item.on {
    border-color:#2563eb; background:#dbeafe;
}
.mpe-item .item-icon { font-size:15px; color:#94a3b8; flex-shrink:0; }
.mpe-item.on .item-icon { color:#1d4ed8; }
.mpe-item .item-label { font-size:.8rem; font-weight:600; color:#334155; flex:1; line-height:1.3; }
.mpe-item.on .item-label { color:#1d4ed8; }
.mpe-item .item-check {
    width:18px; height:18px; border-radius:5px; border:2px solid #cbd5e1;
    display:grid; place-items:center; flex-shrink:0; font-size:11px; color:transparent;
    transition:.15s ease;
}
.mpe-item.on .item-check {
    background:#2563eb; border-color:#2563eb; color:#fff;
}

/* Sticky bar */
.mpe-sticky {
    position:sticky; bottom:12px; z-index:30; margin-top:20px;
    display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px;
    padding:12px 18px; border:1px solid #e2e8f0; border-radius:14px;
    background:rgba(255,255,255,.97); box-shadow:0 8px 30px rgba(15,23,42,.1);
}

/* --------------------------------------------------------------------------
   SECTION: Layout - Global ERP Footer & Utilities (layouts/footer.blade.php)
   -------------------------------------------------------------------------- */
.rmc-global-footer {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    font-size: 12.5px;
    margin-top: auto;
}
.notepad-btn {
    background: rgba(255, 255, 255, 0.2);
    border: none;
    color: #ffffff;
    border-radius: 4px;
    padding: 2px 6px;
    font-size: 11px;
    cursor: pointer;
    transition: background 0.15s ease;
}
.notepad-btn:hover {
    background: rgba(255, 255, 255, 0.35);
}

/* --------------------------------------------------------------------------
   SECTION: Layout - PWA App Install Banner (partials/pwa-install.blade.php)
   -------------------------------------------------------------------------- */
.pwa-install-banner {
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: 16px;
    z-index: 1080;
}
.pwa-install-banner-inner {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    background: #111827;
    color: #fff;
    border-radius: 14px;
    box-shadow: 0 12px 30px rgba(0,0,0,.28);
}
.pwa-install-banner-inner img {
    border-radius: 10px;
    background: #000;
    flex: 0 0 auto;
}
.pwa-install-banner-copy {
    flex: 1 1 auto;
    min-width: 0;
    line-height: 1.25;
}
.pwa-install-banner-copy strong {
    display: block;
    font-size: 13px;
}
.pwa-install-banner-copy span {
    display: block;
    font-size: 11px;
    color: #cbd5e1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pwa-install-banner-btn {
    border: 0;
    background: #ff402d;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    border-radius: 9px;
    padding: 8px 12px;
    white-space: nowrap;
}
.pwa-install-banner-close {
    border: 0;
    background: transparent;
    color: #94a3b8;
    font-size: 22px;
    line-height: 1;
    padding: 0 2px;
}
@media (min-width: 768px) {
    .pwa-install-banner {
        left: auto;
        right: 20px;
        width: 420px;
    }
}

/* ==========================================================================
   DEFINITIVE FIRST HEADER & GLOBAL FOOTER DISPLAY GUARANTEE
   ========================================================================== */
header.navbar-header,
.navbar-header.rmc-modern-header,
.navbar-header {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1050 !important;
    height: 64px !important;
    min-height: 64px !important;
    background: #0f1c2e !important;
    background-color: #0f1c2e !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.22) !important;
    width: 100% !important;
    margin-left: 0 !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}

.navbar-header .rmc-header-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: transparent !important;
    box-shadow: none !important;
}

.navbar-header .rmc-header-brand-logo,
.navbar-header a.logo.rmc-header-logo,
.navbar-header .logo {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: 48px !important;
    min-width: 140px !important;
    max-width: 190px !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

.navbar-header .rmc-header-brand-img,
.navbar-header .logo.rmc-header-logo img,
.navbar-header .logo img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-width: 175px !important;
    max-height: 44px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

.rmc-modulebar {
    background: #0f1c2e !important;
    background-color: #0f1c2e !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3) !important;
}

.rmc-topbar-inner {
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 20px !important;
    justify-content: flex-start !important;
}

body.sidebar-left-layout:not(.sidebar-collapsed) header.navbar-header {
    left: var(--rmc-sidebar-width, 260px) !important;
    margin-left: 0 !important;
    width: calc(100% - var(--rmc-sidebar-width, 260px)) !important;
}
body.sidebar-left-layout.sidebar-collapsed header.navbar-header {
    left: var(--rmc-sidebar-collapsed-width, 72px) !important;
    margin-left: 0 !important;
    width: calc(100% - var(--rmc-sidebar-collapsed-width, 72px)) !important;
}

footer.footer,
footer.rmc-global-footer {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: #ffffff !important;
    border-top: 1px solid #e2e8f0 !important;
    padding: 14px 24px !important;
    font-size: 12.5px !important;
    margin-top: auto !important;
    width: 100% !important;
    z-index: 99 !important;
    position: relative !important;
}




/* ==========================================================================
   GLOBAL APP ROOT LAYOUT CONTRACT
   Guarantees 100% full-width display without vertical or horizontal centering
   ========================================================================== */
html {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: clip !important;
    box-sizing: border-box !important;
}

body {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: clip !important;
    background-color: #f4f6f9 !important;
    position: relative !important;
    box-sizing: border-box !important;
}

body:not(.error-403):not(:has(.error-wrapper))::before,
body:not(.error-403):not(:has(.error-wrapper))::after {
    display: none !important;
    content: none !important;
}

.main-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    box-sizing: border-box !important;
}

.page-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    padding: 0 !important;
    flex: 1 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: calc(100vh - 106px) !important;
    box-sizing: border-box !important;
    background-color: #f4f6f9 !important;
}

.page-wrapper > .content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 20px 24px !important;
    flex: 1 0 auto !important;
    box-sizing: border-box !important;
}
.content:has(.erp-set){background:#f6efe8;margin:0;padding:16px 16px 40px;min-height:calc(100vh - 90px)}
.erp-set{
  --es-ink:#0f1c2e;
  --es-muted:#64748b;
  --es-line:#e8ddd4;
  --es-paper:#fffdfb;
  --es-sand:#f6efe8;
  --es-card:#ffffff;
  --es-grad:linear-gradient(120deg,#FFC107 0%,#FF7A18 48%,#FF3D2E 100%);
  --es-shadow:0 18px 40px rgba(15,28,46,.08);
  max-width:1360px;margin:0 auto;padding:4px 4px 48px;
}
.erp-set__hero{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  background:linear-gradient(135deg,#0f1c2e 0%,#1b334f 58%,#243f5e 100%);
  border-radius:22px;padding:22px 24px;margin-bottom:18px;color:#fff;
  box-shadow:0 16px 36px rgba(15,28,46,.22);
}
.erp-set__hero-left{display:flex;align-items:center;gap:14px}
.erp-set__hero-icon{
  width:52px;height:52px;border-radius:16px;display:grid;place-items:center;
  background:var(--es-grad);color:#fff;font-size:24px;box-shadow:0 8px 20px rgba(255,61,46,.35);
}
.erp-set__hero h2{margin:0;font-size:24px;font-weight:800;letter-spacing:-.03em}
.erp-set__hero p{margin:3px 0 0;color:#c9d4e3;font-size:13px}
.erp-set__crumb{display:flex;align-items:center;gap:8px;font-size:12px;color:#9fb0c4;flex-wrap:wrap}
.erp-set__crumb a{color:#ffd19a;text-decoration:none}
.erp-set__tabs{
  display:flex;gap:8px;flex-wrap:wrap;background:var(--es-paper);
  border:1px solid var(--es-line);border-radius:16px;padding:8px;margin-bottom:16px;
  box-shadow:var(--es-shadow);
}
.erp-set__tab{
  display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;
  color:#4b5b70;text-decoration:none;font-size:13px;font-weight:700;transition:.18s ease;
}
.erp-set__tab i{font-size:17px}
.erp-set__tab:hover{background:#fff4ea;color:#c2410c}
.erp-set__tab.is-on{background:var(--es-grad);color:#fff;box-shadow:0 8px 18px rgba(255,122,24,.28)}
.erp-set__layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:16px;align-items:start}
.erp-set__side{
  background:var(--es-card);border:1px solid var(--es-line);border-radius:18px;
  padding:10px;position:sticky;top:88px;box-shadow:var(--es-shadow);
  max-height:calc(100vh - 120px);overflow:auto;
}
.erp-set__side-label{
  font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:#9a8474;padding:10px 10px 6px;margin-top:6px;
}
.erp-set__search{width:100%;border:1.5px solid #eadfd6;border-radius:10px;padding:8px 10px;font-size:13px;margin-bottom:8px;background:#fffdfa}
.erp-set__search:focus{outline:0;border-color:#ff7a18;box-shadow:0 0 0 3px rgba(255,122,24,.15)}
.erp-set__link{
  display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:12px;
  color:#334155;text-decoration:none;font-size:13px;font-weight:650;margin-bottom:4px;
}
.erp-set__link i{
  width:30px;height:30px;border-radius:9px;display:grid;place-items:center;
  background:#f6efe8;color:#c2410c;font-size:15px;
}
.erp-set__link:hover{background:#fff6ee;color:#9a3412}
.erp-set__link.is-on{background:linear-gradient(180deg,#fff7ed,#ffedd5);color:#9a3412;box-shadow:inset 0 0 0 1px #fed7aa}
.erp-set__link.is-on i{background:var(--es-grad);color:#fff}
.erp-set__main{
  background:var(--es-card);border:1px solid var(--es-line);border-radius:20px;
  min-height:520px;box-shadow:var(--es-shadow);overflow:hidden;
}
.erp-set__main-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:18px 22px;border-bottom:1px solid #f1e7dd;
  background:linear-gradient(180deg,#fffdfa,#fff7f0);
}
.erp-set__main-head h4{margin:0;font-size:18px;font-weight:800;color:var(--es-ink)}
.erp-set__main-head span{font-size:12px;color:var(--es-muted)}
.erp-set__main-body{padding:20px 22px 24px}
.erp-set__alert{display:flex;gap:10px;padding:12px 14px;border-radius:12px;margin-bottom:14px;font-size:13px}
.erp-set__alert--ok{background:#ecfdf3;border:1px solid #bbf7d0;color:#166534}
.erp-set__alert--err{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239}

.settings-pane{display:none}
.settings-pane.active{display:block}
.settings-pane__bar,.settings-pane__header{display:none}
.settings-pane__body{padding:0}
.settings-fields{display:grid;gap:14px}
.settings-fields--1{grid-template-columns:1fr}
.settings-fields--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.settings-fields--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.settings-field{display:flex;flex-direction:column;gap:6px}
.settings-field label{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#7c6a5d}
.settings-field input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]),
.settings-field select,.settings-field textarea{
  width:100%;padding:10px 12px;border:1.5px solid #eadfd6;border-radius:10px;background:#fffdfa;color:#0f1c2e;font-size:14px;outline:none
}
.settings-field textarea{min-height:92px}
.settings-field input:focus,.settings-field select:focus,.settings-field textarea:focus{
  border-color:#ff7a18;box-shadow:0 0 0 4px rgba(255,122,24,.14);background:#fff
}
.settings-switch{display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px 12px;border:1px solid #eadfd6;border-radius:12px;background:#fffdfa}
.settings-switch input[type=checkbox]{width:44px;height:24px;appearance:none;background:#d6ccc4;border-radius:999px;position:relative;cursor:pointer;flex-shrink:0}
.settings-switch input[type=checkbox]:checked{background:linear-gradient(90deg,#FF7A18,#FF3D2E)}
.settings-switch input[type=checkbox]::before{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;left:3px;top:3px;transition:left .2s;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.settings-switch input[type=checkbox]:checked::before{left:23px}
.settings-divider{border:0;border-top:1px solid #f1e7dd;margin:1.2rem 0}
.settings-section-title{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#9a8474;margin:0 0 12px;display:flex;align-items:center;gap:8px}
.settings-section-title:before{content:'';width:8px;height:8px;border-radius:99px;background:var(--es-grad)}
.settings-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;margin-bottom:1.1rem;overflow:hidden;border-radius:12px;border:1px solid #eadfd6}
.settings-table th{background:#fff7ed;text-align:left;padding:11px 12px;font-size:11px;color:#9a3412;border-bottom:1px solid #eadfd6;text-transform:uppercase;letter-spacing:.04em}
.settings-table td{padding:11px 12px;border-bottom:1px solid #f5ece4;background:#fff}
.settings-badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:800}
.settings-badge--on{background:#dcfce7;color:#166534}
.settings-badge--off{background:#fee2e2;color:#991b1b}
.settings-actions{display:flex;gap:6px;flex-wrap:wrap}
.settings-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:9px;border:1px solid #eadfd6;background:#fff;font-size:12px;font-weight:700;cursor:pointer;text-decoration:none;color:#334155}
.settings-btn--save{background:var(--es-grad);border-color:transparent;color:#fff}
.settings-btn--danger{color:#b91c1c;border-color:#fecaca}
.settings-btn--sm{padding:5px 9px}
.settings-formula{background:#fff7ed;border:1px dashed #fdba74;border-radius:12px;padding:12px 14px;font-size:13px;color:#9a3412}
.provider-card{border:1px solid #eadfd6 !important;border-radius:16px !important;box-shadow:none !important}
.provider-card p{font-size:13px;color:#64748b;margin:0}
.avatar-xl{width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center}
.avatar-xxl{width:72px;height:72px;display:inline-flex;align-items:center;justify-content:center}
.drag-upload-btn{position:relative;overflow:hidden}
.drag-upload-btn input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer}
@media(max-width:1100px){
  .erp-set__layout{grid-template-columns:1fr}
  .erp-set__side{position:static;display:flex;overflow:auto;gap:6px}
  .erp-set__side-label{display:none}
  .erp-set__link{white-space:nowrap;margin:0}
  .settings-fields--2,.settings-fields--3{grid-template-columns:1fr}
}