@charset "UTF-8";
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
:root {
/* ==========================================================================
* OVERLAY & SHADOW COLORS
* rgba(black) used in box-shadow, text-shadow, tap-highlight, overlays.
* rgba(white) used in button highlights and frosted-glass effects.
* ========================================================================== */
/* Black overlays — opacity 0 → 70 % */
--overlay-black-0: rgba(0, 0, 0, 0);
--overlay-black-1: rgba(0, 0, 0, 0.015);
--overlay-black-3: rgba(0, 0, 0, 0.03);
--overlay-black-4: rgba(0, 0, 0, 0.04);
--overlay-black-5: rgba(0, 0, 0, 0.05);
--overlay-black-6: rgba(0, 0, 0, 0.06);
--overlay-black-7: rgba(0, 0, 0, 0.075);
--overlay-black-8: rgba(0, 0, 0, 0.08);
--overlay-black-10: rgba(0, 0, 0, 0.1);
--overlay-black-12: rgba(0, 0, 0, 0.12);
--overlay-black-15: rgba(0, 0, 0, 0.15);
--overlay-black-17: rgba(0, 0, 0, 0.175);
--overlay-black-20: rgba(0, 0, 0, 0.2);
--overlay-black-25: rgba(0, 0, 0, 0.25);
--overlay-black-30: rgba(0, 0, 0, 0.3);
--overlay-black-50: rgba(0, 0, 0, 0.5);
--overlay-black-60: rgba(0, 0, 0, 0.6);
--overlay-black-70: rgba(0, 0, 0, 0.7);
/* White overlays — opacity 4 → 80 % */
--overlay-white-4: rgba(255, 255, 255, 0.04);
--overlay-white-6: rgba(255, 255, 255, 0.06);
--overlay-white-10: rgba(255, 255, 255, 0.1);
--overlay-white-12: rgba(255, 255, 255, 0.12);
--overlay-white-15: rgba(255, 255, 255, 0.15);
--overlay-white-20: rgba(255, 255, 255, 0.2);
--overlay-white-30: rgba(255, 255, 255, 0.3);
--overlay-white-40: rgba(255, 255, 255, 0.4);
--overlay-white-60: rgba(255, 255, 255, 0.6);
--overlay-white-70: rgba(255, 255, 255, 0.7);
--overlay-white-80: rgba(255, 255, 255, 0.8);
/* Colored overlays */
--overlay-focus-blue: rgba(102, 175, 233, 0.6); /* Bootstrap input focus ring */
--overlay-theme-blue: rgba(22, 107, 145, 0.8); /* theme-clean block overlay */
/* ==========================================================================
* NEUTRAL PALETTE
* Pure or near-pure gray scale. Named by the hex value of the R channel
* (since R ≈ G ≈ B for all entries). Ordered darkest → lightest.
* Use for backgrounds, dividers, disabled states, and generic icons.
* ========================================================================== */
/* Near-black */
--neutral-08: #080808;
--neutral-10: #101010;
--neutral-1c: #1c1c1c;
--neutral-24: #242424;
--neutral-26: #262626;
--neutral-2c: #2c2c2c;
/* Dark grays */
--neutral-44: #444444; /* navbar-inverse disabled text */
--neutral-48: #484848; /* theme-clean body text */
--neutral-58: #585858;
--neutral-59: #595959;
--neutral-64: #646464;
--neutral-66: #666666; /* page-header h1 */
--neutral-6e: #6e6e6e;
--neutral-6f: #6f6f6f;
--neutral-7b: #7b7b7b;
--neutral-80: #808080; /* 50 % gray */
--neutral-87: #878787;
--neutral-88: #888888; /* navbar default icon-bar */
/* Medium grays */
--neutral-95: #959595;
--neutral-96: #969797; /* label hover bg (R=0x96, G=B=0x97) */
--neutral-97: #979797;
--neutral-aa: #aaaaaa; /* list-group icon color */
--neutral-ad: #adadad;
--neutral-ae: #aeaeae;
--neutral-b0: #b0b0b0; /* label-tag ::before border */
--neutral-bb: #bbbbbb;
--neutral-bc: #bcbcbc;
--neutral-c0: #c0c0c0;
--neutral-c2: #c2c2c2;
--neutral-c6: #c6c6c6; /* btn-default open border */
/* Light grays */
--neutral-d5: #d5d5d5; /* btn-default hover border */
--neutral-d7: #d7d7d7;
--neutral-d9: #d9d9d9;
--neutral-db: #dbdbdb;
--neutral-dc: #dcdcdc; /* theme-clean
*/
--neutral-e0: #e0e0e0;
--neutral-e1: #e1e1e1;
--neutral-e3: #e3e3e3;
--neutral-e5: #e5e5e5; /* legend border-bottom */
--neutral-e7: #e7e7e7; /* navbar-default border */
--neutral-e8: #e8e8e8;
--neutral-ea: #eaeaea;
--neutral-eb: #ebebeb;
--neutral-ec: #ececec;
--neutral-ef: #efefef;
--neutral-f0: #f0f0f0;
--neutral-f2: #f2f2f2;
--neutral-f3: #f3f3f3; /* nav-tabs background */
--neutral-f4: #f4f4f4; /* btn-default:focus background */
--neutral-f6: #f6f6f6;
--neutral-f7: #f7f7f7;
/* Near-white */
--neutral-fe: #fefefe;
--neutral-fd: #fffdfd;
/* Special */
--mark-bg: #ffff00; /* HTML5 highlight yellow */
/* ==========================================================================
* TEXT COLORS
* Foreground / typography colors by semantic role.
* ========================================================================== */
--text-primary: #555555; /* Default body text */
--text-secondary: #777777; /* Subdued text, table labels */
--text-muted: #999999; /* Placeholder, disabled, fine print */
--text-title: #333333; /* Headings, strong emphasis */
--text-link: #4083a9; /* Hyperlink default */
--text-link-hover: #205f82; /* Hyperlink hover/active */
--text-white: #ffffff; /* Text on dark backgrounds */
--text-black: #000000; /* Pure black text */
--text-success: #5ebd5e; /* Inline success indicator text */
--text-link--alt: #999; /* Hyperlink on dark bg */
--text-link-hover--alt: #fafafa; /* Hyperlink hover/active on dark bg */
--text-img-body: #ffffff; /* Text on Background color for panels over an image background */
/* ==========================================================================
* BACKGROUND COLORS
* Page surfaces, panel rows, editorial highlights.
* ========================================================================== */
--bg-body: #fafafa; /* Base page / card background */
--bg-img-body: #46507c; /* Background color for panels over an image background */
--bg-light: #f8f8f8; /* Slightly darker surface */
--bg-lighter: #f5f5f5; /* Input disabled, sidebar light */
--bg-highlight: #feffde; /* Row / text search highlight */
--bg-table-row: #f9f9f9; /* Alternating table row (striped) */
--bg-table-header: #e8eff5; /* Table header */
/* ==========================================================================
* BORDER COLORS
* Dividers, outlines, form-field edges.
* ========================================================================== */
--border-default: #e4e4e4; /* Standard card / panel border */
--border-light: #dddddd; /* Table cell dividers */
--border-lighter: #eeeeee; /* Very subtle separators */
--border-accent: #d6d6d6; /* Slightly darker than light */
--border-strong: #cccccc; /* Inputs, prominent outlines */
/* ==========================================================================
* PRIMARY (BRAND GREEN) PALETTE
* The Syscom brand green. Used for btn-primary, btn-info, active states,
* primary panels, and table headers.
* ========================================================================== */
--primary-color: #e85a7c; /* Default brand */
--primary-hover: #d91e4b; /* Hover / darker shade */
--primary-active: #c31b43; /* Active / pressed */
--primary-darker: #e5436a; /* Medium-dark shade */
--primary-darkest: #dc1f4c; /* Darkest main shade */
--primary-light: #f0d8de; /* Light brand bg (alert/panel) */
--primary-lighter: #e9c6ce; /* Lighter panel bg */
--primary-contrast: #ffffff; /* White text / bg on brand */
--primary-gradient-top: #e95e7f; /* Button gradient highlight */
--primary-hover-gradient-top: #e75074; /* Hover gradient highlight */
--primary-hover-bg: #d91e4b; /* Flat hover bg */
--primary-hover-active-bg: #c31b43; /* Hover+active flat bg */
--primary-border-shadow: #e12955; /* Bottom border inset shadow */
--primary-hover-border-shadow: #ca1d46; /* Hover bottom border shadow */
--primary-open-border: #ce1d48; /* Open dropdown border */
--primary-text-link-hover: #d81d4a; /* theme-clean text-primary hover */
--primary-outline-border: #e43f66; /* Outline button border */
--primary-flat-border-shadow: #388838; /* Flat variant bottom shadow */
--primary-table-header-bg: #d74c6d; /* .table-info thead bg */
--primary-bg-shade1: #da496c; /* .bg-success.darker bg */
--primary-bg-shade2: #dc5777; /* .bg-success.darkest bg */
--primary-bg-shade3: #d73d62; /* .bg-success deepest shade */
--primary-bg-solid: #c4647b; /* Solid bg variant */
--primary-table-border: #c44060; /* .table-info border */
--primary-theme-border: #ff2458; /* theme-clean page-header border */
--primary-text-darkest: #b4193e; /* Very dark brand on-brand text */
/* ==========================================================================
* SUCCESS PALETTE
* Bootstrap standard success (greens). Used for btn-success, labels,
* alert-success, .text-success, .bg-success darken/darker variants.
* ========================================================================== */
--success-btn-bg: #5cb85c; /* Default btn-success bg */
--success-btn-border: #4cae4c; /* Default btn-success border */
--success-btn-active-bg: #449d44; /* Active / pressed bg */
--success-btn-active-border: #47a447; /* Active border */
--success-btn-hover-border: #46ac46; /* Hover border */
--success-btn-open-border: #3e963e; /* Open dropdown border */
--success-btn-flat-active-border: #42a142;
--success-btn-flat-border-shadow: #358035; /* Flat variant bottom shadow */
--success-label-hover-bg: #43a543; /* Label/badge hover bg */
--success-text: #3c763d; /* .text-success color */
--success-text-dark: #2b542c; /* .text-success a:hover */
--success-text-hover: #307630; /* Success link hover text */
--success-bg-darken-hover: #4ca14c; /* .bg-success.darken hover */
--success-bg-darker-hover: #51ab51; /* .bg-success.darker hover */
--success-alert-border: #d6e9c6; /* Bootstrap alert-success border */
--success-alert-border-alt: #d0e6be; /* Custom alert-success border */
--success-alert-border-top: #c9e2b3; /* Alert-success top border */
--success-bg: #c1e2b3; /* .bg-success text bg */
--success-bg-light: #e2f1dc; /* Light success bg */
--success-bg-lighter: #e7f5e7; /* Lightest success tint */
--success-alert-text: #468847; /* Alert-success body text */
--success-border-mid: #a3ce7f; /* Mid-tone success border */
--success-border-light: #b5d899; /* Light success border */
--success-text-pale: #c3ead7; /* Pale success / mint text */
--success-theme-accent: #45bf85; /* theme-clean success accent */
--success-theme-btn-border: #bb4a65; /* theme-clean success btn border */
--success-icon-color: #9ed441; /* Dropzone success icon (lime) */
/* ==========================================================================
* INFO PALETTE
* Bootstrap info (blue/teal). Used for alerts, badges, and theme-clean
* sidebar / navbar accent colours.
* ========================================================================== */
--info-color: #aecfed; /* Info badge / light panel bg */
--info-hover: #8dbbe6; /* Info badge hover */
--info-light: #d9edf7; /* Alert-info background */
--info-lighter: #afd9ee; /* Lighter info tint */
--info-text: #31708f; /* .text-info color */
--info-text-dark: #245269; /* .text-info a:hover */
--info-alert-text: #3a87ad; /* Custom alert-info body text */
--info-alert-border: #bce8f1; /* Bootstrap alert-info border */
--info-btn-bg: #5bc0de; /* Standard Bootstrap btn-info */
--info-btn-hover-bg: #46b8da; /* btn-info standard hover */
--info-theme-border: #546096; /* theme-clean top border */
--info-theme-bg: #414a72; /* theme-clean sidebar bg */
--info-theme-bg-dark: #46507c; /* Darker theme-clean bg */
--info-theme-border-dark: #3d466c; /* theme-clean bottom border */
--info-theme-border-darker: #384062; /* theme-clean deepest border */
--info-link-accent: #0088cc; /* Dashed-border link highlight */
--info-focus-border: #67a5dd; /* Input focus border (blue) */
--info-input-focus-border: #66afe9; /* Bootstrap input focus ring */
--info-border-mid: #84b6e4; /* Mid-tone info border */
--info-border-light: #99c3e8; /* Light info border */
--info-bg-tint: #a6e1ec; /* Very light info tint */
--info-bg-pale: #f6fbfd; /* Palest info / note-info bg */
/* Tailwind-sourced blue shades for status badge text */
--badge-info-blue: #0369a1; /* status-badge--contract text */
--badge-cyan: #0891b2; /* status-badge--quotation-confirmed */
--badge-blue-dark: #1e40af; /* status-badge--confirmed text */
--badge-indigo: #4338ca; /* status-badge--invoicing text */
--badge-indigo-mid: #5c6bc0; /* Action-bar indigo */
--badge-gray-text: #6b7280; /* status-badge gray text */
--badge-slate: #64748b; /* status-badge--converted text */
--badge-slate-dark: #475569; /* status-badge--draft/reserved */
--badge-gray-dark: #374151; /* Dark gray text in action bars */
--badge-gray-light: #9ca3af; /* Light gray badge text */
--badge-blue-gray: #a8b9d0; /* Pending-delivery badge text */
/* ==========================================================================
* WARNING PALETTE
* Bootstrap warning (amber). Includes 2026 custom orange button family.
* ========================================================================== */
--warning-color: #f0ad4e; /* Standard amber */
--warning-hover: #ed9c28; /* Darker amber (active/hover) */
--warning-light: #fcf8e3; /* Alert-warning background */
--warning-lighter: #f7ecb5; /* Lighter warning tint */
/* btn-warning (2026 custom orange) — gradient stops & state shades */
--btn-warning-color: #f4b04f; /* Default bg */
--btn-warning-gradient-top: #f4b254; /* Gradient highlight */
--btn-warning-gradient-bottom: #f3a537; /* Gradient base / hover bg */
--btn-warning-hover-gradient-top: #f3ac45; /* Hover gradient highlight */
--btn-warning-hover-gradient-bottom: #f29f29;
--btn-warning-active-bg: #f3a73c; /* Active / pressed bg */
--btn-warning-flat-bg: #f3aa41; /* Flat variant bg */
--btn-warning-border: #f19a1f; /* Default border */
--btn-warning-border-shadow: #e38b0e; /* Bottom border shadow */
--btn-warning-hover-border: #f09411; /* Hover border */
--btn-warning-hover-border-shadow: #c2770c; /* Hover bottom shadow */
--btn-warning-active-border: #d5830d; /* Active border */
/* Warning text / alert colors */
--warning-text: #8a6d3b; /* .text-warning color */
--warning-text-dark: #66512c; /* .text-warning a:hover */
--warning-focus-shadow-color: #c0a16b; /* Input focus box-shadow color */
--warning-alert-text: #af8640; /* Custom alert body text */
--warning-alert-text-alt: #c49e5e; /* Alt custom alert text */
--warning-alert-border: #faebcc; /* Bootstrap alert-warning border */
--warning-alert-bg: #f9f1c7; /* Custom yellowish alert bg */
--warning-alert-border-alt: #f6deac; /* Custom alert border */
--warning-alert-bg-alt: #faf2cc; /* Bootstrap alert-warning bg alt */
--warning-border-mid: #f1cc7e; /* Mid-tone warning border */
--warning-bg-mid: #f7e1b5; /* Mid warning bg */
--warning-btn-state-bg: #e9a23b; /* Button state bg */
--warning-btn-state-border: #e9ad30; /* Button state border */
--warning-bg-shade1: #ea9b2b; /* bg-warning shade 1 */
--warning-bg-shade2: #eda847; /* bg-warning shade 2 */
--warning-btn-open-border: #eea236; /* Open dropdown border */
--warning-btn-active-bg: #d58512; /* Standard warning active bg */
--warning-btn-flat-shadow: #d0800d; /* Flat variant bottom shadow */
--warning-btn-accent-border: #de9328; /* Accent border variant */
/* ==========================================================================
* DANGER / ERROR PALETTE
* Bootstrap danger (red / coral). Includes 2026 custom coral btn-danger.
* ========================================================================== */
--danger-color: #d9534f; /* Standard Bootstrap danger */
--danger-hover: #d2322d; /* Hover state */
--danger-light: #f2dede; /* Alert-danger background */
--danger-lighter: #e4b9b9; /* Lighter danger tint */
/* btn-danger (2026 custom coral) — gradient stops & state shades */
--btn-danger-color: #e66454; /* Default bg */
--btn-danger-gradient-top: #e55c4b; /* Gradient highlight */
--btn-danger-gradient-bottom: #e14430; /* Gradient base */
--btn-danger-hover-bg: #e45847; /* Hover bg */
--btn-danger-hover-gradient-top: #e35442; /* Hover gradient highlight */
--btn-danger-hover-gradient-bottom: #e3503e; /* Hover gradient base */
--btn-danger-active-border: #e24c39; /* Active border */
--btn-danger-hover: #df3c28; /* Hover dark shade */
--btn-danger-flat-border-shadow: #df3823; /* Flat bottom shadow */
--btn-danger-open-border: #d4331f; /* Open dropdown border */
--btn-danger-flat-hover-border-shadow: #c22e1c;
--btn-danger-theme-border: #ca4433; /* Theme-specific border */
--danger-bg-shade1: #db5140; /* bg-danger shade 1 */
--danger-bg-shade2: #d94533; /* bg-danger shade 2 */
--danger-bg-shade3: #de5d4d; /* bg-danger shade 3 */
/* Standard Bootstrap danger shades */
--danger-btn-active-bg: #c9302c;
--danger-btn-open-border: #ac2925;
--danger-btn-flat-shadow: #b92c1b;
--danger-text-dark: #ac2919; /* .text-danger very dark */
--danger-text: #a94442; /* .text-danger color */
--danger-text-hover: #843534; /* .text-danger a:hover */
--danger-alert-text: #b94a48; /* Alert-danger custom text */
--danger-alert-border: #ebccd1; /* Bootstrap alert-danger border */
--danger-alert-border-top: #e4b9c0; /* Alert top border */
--danger-alert-border-bottom: #dda7b0; /* Alert bottom border */
--danger-focus-border: #c46978; /* Input focus border (danger) */
--danger-focus-shadow-color: #ce8483; /* Input focus box-shadow color */
--danger-bg-pale-border: #f3e2e2; /* Pale danger area border */
--danger-bg-pale: #fbf4f4; /* Very light danger bg */
--danger-icon-color: #fa6b59; /* Dropzone error marker */
/* Code blocks */
--code-text: #c7254e; /* Inline code text color (pink-red) */
--code-bg: #f9f2f4; /* Inline code background */
/* ==========================================================================
* COMPONENT-SPECIFIC COLORS
* ========================================================================== */
/* ---- Dark navbar / tooltip background ---- */
--dark-bg: #222222; /* Tooltip bg, inverse navbar bg */
/* ---- Dark-gray button + panel family ---- */
--btn-dark-gray: #39393d; /* Default bg */
--btn-dark-gray-active: #202023; /* Active bg */
--dark-gray-btn-border: #2d2d30; /* Default border */
--dark-gray-btn-border-shadow: #1e1e20; /* Bottom border shadow */
--dark-gray-gradient-top: #3b3b40; /* Gradient highlight */
--dark-gray-open-bg: #2f2f32; /* Open dropdown bg */
--dark-gray-active-border: #171718; /* Active border */
--dark-gray-hover-border: #252528; /* Hover border */
--dark-gray-hover-gradient-top: #343438; /* Hover gradient highlight */
--dark-gray-hover-border-shadow: #0d0d0e;/* Hover bottom border shadow */
--dark-gray-flat-bg: #323235; /* Flat variant bg */
--dark-gray-link-hover: #141415; /* Dark-gray text link hover */
--dark-gray-progress-border: #2a2a2d; /* Progress bar border */
--dark-gray-bg-border: #4a4a4f; /* bg-dark-gray children border*/
--dark-gray-panel-border: #4d4d52; /* panel-dark-gray inner border*/
--dark-gray-theme-nav-hover: #1e2125; /* theme-clean nav hover text */
/* ---- Facebook button ---- */
--btn-facebook-bg: #5571ac;
--btn-facebook-border: #4c669c;
--btn-facebook-border-shadow: #425887;
--btn-facebook-gradient-top: #5874ae;
--btn-facebook-hover-gradient-top: #516ca6;
--btn-facebook-hover-border: #475f91;
--btn-facebook-hover-border-shadow: #36486f;
--btn-facebook-flat-bg: #4f6aa2;
--btn-facebook-open-bg: #4e689f;
--btn-facebook-active-border: #3d517d;
/* ---- ACE Admin pa-purple ---- */
--pa-purple: #857198; /* Default purple bg */
--pa-purple-hover: #6b5a7c; /* Hover bg */
--pa-purple-gradient-top: #806b94; /* Gradient highlight */
--pa-purple-hover-gradient-top: #88749a; /* Hover gradient highlight */
--pa-purple-border: #78658b; /* Default border */
--pa-purple-hover-border: #715e82; /* Hover border */
--pa-purple-open-border: #9786a7; /* Open dropdown border */
--pa-purple-outline-border: #9989a9; /* Outline variant border */
--pa-purple-open-bg: #756c7e; /* Open dropdown bg */
--pa-purple-flat-bg: #756a81; /* Flat variant bg */
--pa-purple-dark: #574964; /* Dark shade */
--pa-purple-darker: #5f4f6d; /* Darker shade */
--pa-purple-flat-active: #615170; /* Flat active bg */
--pa-purple-flat-border-shadow: #666567; /* Flat bottom border shadow */
--pa-purple-text-light: #e6e1e9; /* Light text on purple bg */
--pa-purple-text-pale: #ebe7ee; /* Very light text on purple bg */
/* ---- ACE Admin pa-lightgreen (lime-green) ---- */
--pa-lightgreen: #a5cd7d; /* Default bg */
--pa-lightgreen-hover: #8cbf58; /* Hover bg */
--pa-lightgreen-gradient-top: #a0ca76; /* Gradient highlight */
--pa-lightgreen-hover-gradient-top: #a8ce81; /* Hover gradient highlight */
--pa-lightgreen-border: #98c66b; /* Default border */
--pa-lightgreen-hover-border: #91c260; /* Hover border */
--pa-lightgreen-active-bg: #9bc76e; /* Active bg */
--pa-lightgreen-flat-bg: #9dc972; /* Flat variant bg */
--pa-lightgreen-open-bg: #9dc378; /* Open dropdown bg */
--pa-lightgreen-open-border: #b7d797; /* Open dropdown border */
--pa-lightgreen-outline-border: #b9d89a; /* Outline border */
/* ---- ACE Admin pa-gray ---- */
--pa-gray-bg: #7f8c8d; /* Panel / action-bar bg */
--pa-gray-text: #5d6869; /* Text on gray surfaces */
--pa-gray-text-light: #829091; /* Lighter text on gray */
--pa-gray-text-muted: #9ea3a4; /* Muted text on gray */
--pa-gray-text-blue: #9aa5ba; /* Blue-gray text (theme-clean) */
--pa-gray-bg-dark: #8e8f8f; /* Darker bg variant */
--pa-gray-bg-hover: #98a3a4; /* Hover bg */
--pa-gray-border: #abb4b5; /* Border color */
/* ---- Theme-clean layout ---- */
--theme-bg: #edf0f1; /* Page background */
--theme-bg-light: #fbfcfd; /* Lightest surface */
--theme-input-bg: #e0e2e4; /* Input / button bg in theme-clean */
--theme-nav-text: #626b7a; /* Sidebar / nav link text */
--theme-separator: #dfe4e6; /* hr / menu item separators */
--note-info-bg: #f6fbfd; /* note.note-info background */
/* ---- Status badges (Tailwind palette) ---- */
--badge-error-text: #991b1b; /* status-badge--expired text */
--badge-error-text-light: #b91c1c; /* status-badge--annulled text */
--badge-amber-text: #92400e; /* needs-approval/waiting text */
--badge-amber-text-light: #b45309; /* waiting-invoice text */
--badge-emerald-text: #065f46; /* delivery text */
--badge-green-text: #166534; /* invoiced / finished / delivered */
--badge-slate-text: #475569; /* draft / reserved text */
--badge-slate-bg: #f1f5f9; /* draft / reserved bg */
--badge-slate-bg-light: #f8fafc; /* converted bg */
--badge-cyan-bg: #ecfeff; /* quotation-confirmed bg */
--badge-amber-bg: #fef3c7; /* needs-approval / waiting bg */
--badge-error-bg: #fee2e2; /* expired bg */
--badge-error-bg-light: #fef2f2; /* annulled bg */
--badge-blue-bg: #dbeafe; /* confirmed bg */
--badge-emerald-bg: #d1fae5; /* delivery bg */
--badge-green-bg: #dcfce7; /* invoiced / finished bg */
--badge-indigo-bg: #e0e7ff; /* invoicing bg */
--badge-sky-bg: #e0f2fe; /* contract bg */
--badge-amber-bg-light: #fffbeb; /* waiting-invoice bg */
--badge-orange-bg: #fff7ed; /* short-pick bg */
--badge-condition-type: #819af9; /* condition-type label text */
/* ---- Miscellaneous one-off colors ---- */
--table-selected-bg: #62cca3; /* DataTables selected row bg */
--link-dashed: #0088cc; /* Dashed-border backoffice link */
--condition-type-text: #5c6bc0; /* Action-bar condition text */
--filter-panel-border: #e0e4ea; /* Search-filter panel border */
--inline-code-color: #dd1144; /* Highlighted inline code red */
/* ---- Additional neutral grays ---- */
--neutral-5e: #5e5e5e; /* dark gray text */
--neutral-9f: #99999f; /* mid gray w/ slight blue tint */
--neutral-9e: #9e9ea4; /* muted gray (similar to Tailwind) */
--neutral-ce: #cecece; /* light gray border */
--neutral-d1: #d1d5db; /* Tailwind neutral-300 */
/* ---- Navbar dark / dark theme ---- */
--navbar-dark-bg: #1a2340; /* Dark navy label / sidebar bg */
--navbar-dark-hover: #2d3a5a; /* Dark navy hover state */
/* ---- Success button intermediate states ---- */
--success-gradient-top: #62be62; /* btn-success gradient highlight */
--success-hover-gradient-top: #57ba57; /* btn-success:hover highlight */
--success-btn-gradient-base: #4cb64c; /* btn-success gradient base */
--success-active-bg: #50b750; /* btn-success:active bg */
--success-flat-bg: #53b953; /* btn-success.btn-flat bg */
--success-open-bg: #53a953; /* btn-success open dropdown bg */
--success-active-border: #49b349; /* btn-success active border */
--success-hover-active-bg: #5ab15a; /* btn-success hover+active */
--success-focus-shadow: #67b168; /* input-success focus shadow color */
--success-btn-border-shadow: #518d51; /* btn-success bottom border shadow */
--success-border-light-2: #77c777; /* light success border alt */
--success-text-hover-2: #58a959; /* success text hover variant */
--success-dark-border: #398439; /* Bootstrap success dark border */
/* ---- Success / primary extra tints ---- */
--success-bg-very-light: #f4faf2; /* Very light green bg */
--success-bg-pale: #7bc97b; /* Success pale bg variant */
--primary-pale-bg: #ed7e99; /* Pale primary/success bg */
--primary-focus-border: #ec7a95; /* Primary input focus border */
--primary-bg-pale: #ebccd3; /* Very pale primary bg text */
--primary-theme-accent-2: #ee879f; /* theme-clean success accent alt */
/* ---- pa-lightgreen button intermediate states ---- */
--pa-lightgreen-btn-shadow: #77ac42;
--pa-lightgreen-btn-active-border: #81b949;
--pa-lightgreen-btn-state-border: #86aa63;
--pa-lightgreen-hover-active-border: #88c05b;
--pa-lightgreen-btn-border-shadow: #89bd54;
--pa-lightgreen-hover-bg-2: #96c467;
--pa-lightgreen-open-bg-2: #96bc6f;
--pa-lightgreen-active-bg-2: #96be6d;
--pa-lightgreen-bg-accent: #8eb963;
--pa-lightgreen-text: #7fb746;
/* ---- pa-purple button intermediate states ---- */
--pa-purple-btn-border-shadow: #695879;
--pa-purple-active-bg: #7b678e;
--pa-purple-flat-bg-2: #7d6991;
--pa-purple-open-bg-2: #7d7089;
--pa-purple-hover-bg: #766388;
--pa-purple-open-bg-3: #6e6378;
/* ---- Warning button extra states ---- */
--btn-warning-light-gradient: #f6c175; /* Light gradient stop */
--btn-warning-light-border: #f6bf71; /* Light border state */
--btn-warning-mid-gradient: #eebf5e; /* Mid gradient stop */
--btn-warning-focus-shadow: #f2a332; /* Input focus shadow color */
--warning-bg-hover: #eca239; /* bg-warning hover shade */
--warning-btn-hover-bg: #ec971f; /* btn-warning darker hover bg */
--warning-bg-pale: #fbf7de; /* Very light warning bg */
--warning-bg-very-light: #f9f2cc; /* Palest warning bg */
/* ---- Danger button extra states ---- */
--btn-danger-gradient-mid: #e76858; /* Gradient midpoint */
--btn-danger-pale-bg: #eb8478; /* Pale / tint variant */
--btn-danger-hover-mid: #eb8073; /* Hover mid shade */
--danger-bg-shade4: #d95342; /* bg-danger deeper shade */
--danger-btn-border-2: #d43f3a; /* Danger active btn border */
--danger-focus-shadow-2: #c76e6d; /* Danger focus shadow alt */
--danger-bg-light-2: #d38e99; /* Danger light bg alt */
--danger-bg-tint: #ebcccc; /* Danger very light bg tint */
/* ---- Info extra states ---- */
--info-focus-shadow: #54a0c6; /* Input-info focus box-shadow color */
--info-bg-tint-2: #c4e3f3; /* Info bg tint (lighter variant) */
}