:root{--c-gray-lightest-1:#e6e7e9;--c-gray-mid-1:#72777d;--c-ink-deep-1-bg:#272a2f;--c-ink-deep-2-text:#272a2f;--c-gray-lightest-2:#f5f5f6;--c-ink-deep-3-bg:#191c1f;--c-white-1-text:#ffffff;--c-accent-deep-1:#477ec5;--c-gray-light-1:#9da3aa;--c-ink-deep-4:#25282d;--c-gray-mid-2:#6c727a;--c-white-2-bg:#ffffff;--c-gray-lightest-3:#e7e8e9;--c-gray-light-2:#9fa4aa;--c-ink-deep-5:#282c31;--c-gray-light-3:#878c93;--c-gray-mid-3:#868b91;--c-accent-deep-2:#477ec5;--c-gray-lightest-4:#f1f2f3;--c-info-1:#304158;--c-accent-deep-3:#31609d;--c-ink-deep-6:#191c1f08;--c-gray-light-4:#979ba1;--c-accent-tint-1:#e8edf4;--c-accent-deep-4:#3566a6;--c-gray-light-5:#969aa0;--c-gray-lightest-5:#eff0f1;--c-gray-lightest-6:#eeeff0;--c-accent-deep-5:#3d77c2;--c-gray-lightest-7:#f0f1f2;--c-gray-mid-4:#63686e;--c-success-tint-1:#eaf3ee;--c-success-1:#2c7350;--c-info-tint-1:#eff1f4;--c-info-2:#466083;--c-accent-tint-2:#e9eef4;--c-accent-deep-6:#2a5286;--c-gray-lightest-8:#eff0f1;--c-gray-mid-5:#5f656c;--c-gray-mid-6:#63686f;--c-success-tint-2:#edf6f2;--c-gray-mid-7:#5c636c;--c-gray-lightest-9:#e3e5e7;--c-gray-mid-8:#7a8087;--c-gray-light-6:#91969c;--c-gray-lightest-10:#eeeff1;--c-gray-light-7:#9fa3a8;--c-gray-light-8:#93979d;--c-accent-deep-7:#3363a1;--c-gray-light-9:#989ca1;--c-gray-dark-1:#4d5157;--c-accent-deep-8:#3465a4;--c-gray-light-10:#92979d;--c-gray-lighter-1:#d0d3d7;--c-gray-light-11:#91959b;--c-gray-light-12:#9ea2a8;--c-ink-deep-7:#191c1f8c;--c-ink-deep-8:#191c1f33;--c-gray-light-13:#90959b;--c-gray-mid-9:#84898f;--c-gray-lightest-11:#f8f8f8;--c-gray-light-14:#90949a;--c-gray-lightest-12:#e9eaeb;--c-info-tint-2:#f7f8fa;--c-gray-light-15:#9ea2a7;--c-gray-lightest-13:#e1e3e5;--c-gray-mid-10:#6f747b;--c-gray-dark-2:#53585f;--c-gray-lightest-14:#dfe1e3;--c-accent-deep-9:#477ec518;--c-gray-lightest-15:#e8e9eb;--c-gray-lightest-16:#f4f5f6;--c-gray-light-16:#8e9399;--c-gray-light-17:#b4b8bd;--c-gray-lightest-17:#e8e9eb;--c-gray-light-18:#8f9399;--c-accent-deep-10:#3669ac;--c-gray-light-19:#979ca2;--c-danger-1:#b42318;--c-gray-dark-3:#3c4148;--c-accent-deep-11:#3362a0;--c-ink-deep-9:#32373d;--c-gray-lightest-18:#e5e7e9;--c-gray-dark-4:#4c5056;--c-accent-deep-12:#3362a0;--c-gray-lightest-19:#e0e2e5;--c-ink-deep-10:#191c1f0d;--c-gray-light-20:#8f949a;--c-accent-deep-13:#376aad;--c-accent-deep-14:#203d6448;--c-gray-lightest-20:#f4f4f5;--c-gray-mid-11:#70757b;--c-ink-deep-11-text:#191c1f;--c-white-3:#fafafa;--c-success-2:#276848;--c-accent-deep-15:#2f5a93;--c-gray-lightest-21:#e2e3e5;--c-gray-lightest-22:#eff0f2;--c-ink-deep-12:#212529;--c-gray-lightest-23:#f4f5f6;--c-accent-deep-16:#3669ac;--c-gray-light-21:#95999f;--c-gray-lightest-24:#f7f7f7;--c-gray-light-22:#959aa0;--c-gray-lightest-25:#eaebec;--c-gray-mid-12:#6c7178;--c-accent-deep-17:#3668a9;--c-gray-lightest-26:#e2e4e6;--c-gray-mid-13:#70757c;--c-gray-lightest-27:#e4e5e7;--c-info-tint-3:#f8f9fb;--c-gray-mid-14:#82878d;--c-gray-lighter-2:#dbdde0;--c-gray-lightest-28:#e3e4e6;--c-gray-mid-15:#858a90;--c-accent-deep-18:#396eb3;--c-gray-lightest-29:#e8e9ea;--c-gray-light-23:#8f9398;--c-accent-deep-19:#376bae;--c-gray-mid-16:#83878d;--c-ink-deep-13:#25292e;--c-gray-light-24:#90949a;--c-accent-deep-20:#386cb0;--c-accent-tint-3:#f4f6f9;--c-gray-mid-17:#6d7278;--c-gray-lightest-30:#ebeced;--c-gray-light-25:#8e9298;--c-gray-lightest-31:#e5e6e8;--c-ink-deep-14:#292d32;--c-gray-lightest-32:#edeeef;--c-gray-light-26:#8d9197;--c-success-tint-3:#eff7f3;--c-success-3:#2b714e;--c-gray-lightest-33:#edeef0;--c-accent-deep-21:#487ec5;--c-gray-mid-18:#83878d;--c-accent-tint-4:#eff2f7;--c-gray-mid-19:#82878d;--c-gray-lightest-34:#e6e7e9;--c-gray-lightest-35:#f5f5f6;--c-accent-tint-5:#e9eef5;--c-accent-deep-22:#2d5890;--c-info-tint-4:#f1f3f5;--c-info-3:#5878a2;--c-success-tint-4:#ebf4f0;--c-success-4:#2e7a54;--c-danger-2:#a74343;--c-gray-lighter-3:#dbdddf;--c-gray-mid-20:#6e7278;--c-gray-lightest-36:#e5e6e7;--c-gray-light-27:#898e94;--c-gray-lightest-37:#f3f4f5;--c-gray-mid-21:#5c6269;--c-accent-tint-6:#edf1f6;--c-accent-deep-23:#3465a5;--c-gray-light-28:#878c92;--c-info-tint-5:#eef1f4;--c-gray-mid-22:#61666d;--c-info-tint-6:#f2f4f7;--c-info-4:#445d7e;--c-gray-lightest-38:#f9f9f9;--c-gray-lightest-39:#e8e9eb;--c-gray-light-29:#8c9095;--c-gray-lightest-40:#e3e4e6;--c-gray-mid-23:#6e7379;--c-accent-tint-7:#eef2f7;--c-gray-mid-24:#858a90;--c-accent-deep-24:#3668aa;--c-ink-deep-15:#272a2f;--c-gray-lightest-41:#e9eaec;--c-accent-deep-25:#3f78c3;--c-gray-mid-25:#84888e;--c-gray-light-30:#8f9398;--c-gray-light-31:#8d9196;--c-gray-lightest-42:#e7e8ea;--c-gray-light-32:#8e9297;--c-gray-mid-26:#5f6369;--c-gray-lightest-43:#dfe1e3;--c-gray-light-33:#95999e;--c-success-5:#2c7551;--c-gray-mid-27:#5b626c;--c-ink-deep-16:#1c1f22;--c-success-tint-5:#edf6f2;--c-gray-mid-28:#7e8389;--c-gray-mid-29:#5a5f66;--c-accent-tint-8:#edf1f6;--c-accent-deep-26:#376bae;--c-gray-lightest-44:#e1e3e5;--c-success-tint-6:#f0f7f3;--c-success-6:#2d7752;--c-gray-mid-30:#6b6e72;--c-gray-lightest-45:#e7e8e9;--c-danger-3-bg:#a94f55;--c-accent-deep-27:#3363a2;--c-ink-deep-17:#32363d;--c-accent-1:#6e99d1;--c-gray-lightest-46:#e8e8e9;--c-ink-deep-18:#1e2124;--c-accent-deep-28:#3d76c1;--c-gray-mid-31:#80848a;--c-gray-mid-32:#747980;--c-gray-lightest-47:#e4e5e6;--c-gray-light-34:#96999e;--c-gray-mid-33:#64686d;--c-gray-lightest-48:#e1e2e4;--c-gray-light-35:#8e9196;--c-info-tint-7:#f5f7f9;--c-gray-lightest-49:#e6e7e9;--c-gray-light-36:#8f9297;--c-danger-4-text:#a94f55;--c-gray-lightest-50:#e2e3e5;--c-gray-lightest-51:#e2e4e6;--c-gray-dark-5:#4f555d;--c-gray-mid-34:#80848a;--c-gray-mid-35:#65696e;--c-gray-mid-36:#6d7177;--c-success-tint-7:#edf6f2;--c-success-7:#307f58;--c-info-tint-8:#f7f8f9;--c-gray-mid-37:#82868c;--c-white-4:#fbfbfb;--c-accent-tint-9:#f4f7fa;--c-success-tint-8:#f6faf8;--c-gray-light-37:#a1a4a8;--c-ink-deep-19:#31363c;--c-gray-light-38:#8d9196;--c-success-tint-9:#eef6f2;--c-success-tint-10:#dbebe3;--c-success-8:#2e7a54;--c-gray-mid-38:#6f7379;--c-info-tint-9:#f8f9fb;--c-gray-mid-39:#83878d;--c-gray-lightest-52:#e1e3e5;--c-gray-mid-40:#6b7077;--c-gray-light-39:#999ca1;--c-gray-light-40:#909499;--c-gray-mid-41:#81868c;--c-gray-lightest-53:#e2e4e6;--c-gray-mid-42:#7b8086;--c-info-tint-10:#f4f6f8;--c-accent-deep-29:#477ec5;--c-gray-mid-43:#83888e;--c-danger-tint-1:#fff0ee;--c-danger-5:#b63b2f;--c-danger-tint-2:#efc7c2;--c-danger-tint-3:#fff5f3;--c-danger-6:#b43d31;--c-gray-mid-44:#80848a;--c-gray-lightest-54:#e4e6e8;--c-gray-mid-45:#80858b;--c-gray-mid-46:#73787e;--c-gray-lightest-55:#e6e8ea;--c-info-tint-11:#e9edf1;--c-ink-deep-20:#2f3339;--c-accent-deep-30:#3669ac;--c-accent-deep-31:#315f9b;--c-gray-lightest-56:#ebebec;--c-gray-mid-47:#868b91;--c-gray-mid-48:#71767c;--c-danger-7:#b33e31;--c-gray-mid-49:#535962;--c-gray-light-41:#8e9297;--c-gray-mid-50:#797e84;--c-success-tint-11:#eff6f2;--c-success-tint-12:#cee5da;--c-success-9:#2b724f;--c-gray-mid-51:#74797f;--c-accent-deep-32:#32609d;--c-success-tint-13:#cfe5da;--c-success-10:#276848;--c-gray-light-42:#8c9096;--c-danger-8:#a83a32;--c-gray-mid-52:#545b64;--c-success-11:#256244;--c-gray-mid-53:#6b7077;--c-gray-lightest-57:#e2e4e6;--c-gray-lightest-58:#eff0f2;--c-gray-mid-54:#606469;--c-accent-tint-10:#e9eef5;--c-accent-deep-33:#2f5a93;--c-success-tint-14:#eaf4ef;--c-success-12:#2a6f4d;--c-info-tint-12:#f1f3f6;--c-info-5:#476183;--c-gray-lightest-59:#f6f6f6;--c-success-13:#2c7450;--c-accent-deep-34:#315f9c;--c-accent-tint-11:#edf1f7;--c-gray-mid-55:#7f848b;--c-accent-deep-35:#3464a3;--c-gray-mid-56:#6d7278;--c-gray-lightest-60:#f2f3f4;--c-ink-deep-21:#2e3339;--c-gray-mid-57:#81858b;--c-accent-tint-12:#f4f6f9;--c-accent-tint-13:#ccd7e6;--c-gray-light-43:#8a8e94;--c-gray-mid-58:#85898f;--c-accent-tint-14:#e9eef5;--c-accent-deep-36:#2d578e;--c-success-14:#2b704e;--c-danger-tint-4:#faecea;--c-danger-9:#9a443c;--c-accent-tint-15:#f2f5f9;--c-accent-tint-16:#ccd7e6;--c-danger-10:#8d493b;--c-gray-light-44:#8c9095;--c-success-tint-15:#e9f3ee;--c-success-15:#2a704d;--c-success-tint-16:#cee4d9;--c-danger-tint-5:#fff0ed;--c-danger-11:#a13d34;--c-danger-tint-6:#efcbc5;--c-gray-mid-59:#84888e;--c-accent-deep-37:#305e99;--c-gray-light-45:#94989d;--c-accent-deep-38:#427ac3;--c-gray-lightest-61:#e8e9ea;--c-accent-tint-17:#e1e8f1;--c-accent-deep-39:#3364a3;--c-gray-light-46:#96999e;--c-gray-lightest-62:#ededee;--c-gray-light-47:#8e9298;--c-success-tint-17:#d7e9e0;--c-success-16:#2f7b55;--c-gray-mid-60:#696d72;--c-gray-light-48:#91959b;--c-gray-lightest-63:#e9eaec;--c-gray-light-49:#898e94;--c-gray-mid-61:#777c82;--c-accent-deep-40-bg:#467dc5;--c-success-17-bg:#3c9e6d;--c-accent-deep-41:#3364a3;--c-gray-light-50:#96999e;--c-ink-deep-22:#2f343a;--c-ink-deep-23:#31353b;--c-gray-lightest-64:#e2e3e5;--c-success-18-text:#3c9e6d;--c-accent-deep-42-text:#467dc5;--c-accent-tint-18:#eff3f8;--c-accent-2:#aec6e5;--c-accent-deep-43:#244571;--c-accent-deep-44:#2a5286;--c-accent-deep-45:#427ac3;--c-gray-light-51:#999ea5;--c-ink-deep-24:#262a2f;--c-accent-tint-19:#ebeff5;--c-accent-deep-46:#264a79;--c-accent-deep-47:#3c73bc;--c-accent-deep-48:#1c3657;--c-gray-mid-62:#868a90;--c-success-tint-18:#eaf3ee;--c-success-19:#2a6e4c;--c-danger-tint-7:#faece9;--c-danger-12:#9b443c;--c-accent-3:#c1d3eb;--c-gray-mid-63:#6a6f75;--c-gray-lightest-65:#e6e7e8;--c-gray-lightest-66:#f0f1f2;--c-gray-mid-64:#595e65;--c-accent-tint-20:#e5ebf2;--c-accent-deep-49:#305d98;--c-accent-tint-21:#f4f7fa;--c-accent-tint-22:#ccd7e6;--c-ink-deep-25:#31363c;--c-gray-mid-65:#55595f;--c-gray-lightest-67:#e4e5e7;--c-gray-light-52:#8f9399;--c-success-tint-19:#ebf4f0;--c-success-tint-20:#d3e8de;--c-success-20:#307d57;--c-accent-tint-23:#f0f3f8;--c-accent-4:#c0d3eb;--c-accent-deep-50:#315f9b;--c-gray-mid-66:#75787d;--c-success-21:#2e7954;--c-gray-mid-67:#81868c;--c-ink-deep-26:#31353b;--c-danger-13:#a84535;--c-danger-tint-8:#fff3f0;--c-danger-tint-9:#efd3cc;--c-ink-deep-27:#32373d;--c-accent-deep-51:#4a80c6;--c-accent-tint-24:#ecf0f6;--c-accent-deep-52:#315e9a;--c-gray-mid-68:#686b70;--c-gray-mid-69:#82868c;--c-info-6:#28374a;--c-gray-light-53:#8d9197;--c-gray-light-54:#8e9297;--c-white-5:#fafafb;--c-gray-mid-70:#7d8288;--c-gray-lightest-68:#e6e7e9;--c-gray-light-55:#a4a7ab;--c-gray-light-56:#8c9096;--c-gray-lightest-69:#dfe1e4;--c-gray-mid-71:#555a61;--c-gray-light-57:#8e9298;--c-danger-tint-10:#fff1ef;--c-danger-tint-11:#efc5bd;--c-danger-14:#8f3228;--c-purple-tint-1:#f4f0ff;--c-purple-tint-2:#ded5f3;--c-info-7:#3c526f;--c-gray-mid-72:#757b83;--c-info-8:#2f4056;--c-info-9:#2b3c51;--c-gray-mid-73:#6e747b;--c-gray-lightest-70:#e2e3e5;--c-accent-deep-53:#3567a9;--c-gray-lightest-71:#dfe0e2;--c-gray-lighter-4:#d9dbde;--c-accent-deep-54:#477ec5;--c-gray-lightest-72:#e4e5e7;--c-gray-mid-74:#75797f;--c-info-10:#304158;--c-gray-lightest-73:#e8eaec;--c-accent-deep-55:#467dc4;--c-accent-deep-56:#295082;--c-danger-tint-12:#fff7f5;--c-accent-tint-25:#d4deea;--c-info-tint-13:#f2f4f6;--c-gray-mid-75:#61656b;--c-gray-lightest-74:#e6e8ea;--c-info-tint-14:#f9fafb;--c-accent-deep-57:#2e5991;--c-accent-tint-26:#f0f3f8;--c-accent-5:#b2c9e7;--c-gray-mid-76:#6e757d;--c-gray-mid-77:#81878e;--c-accent-tint-27:#eef2f7;--c-accent-6:#98b7df;--c-success-22:#b7e4ce;--c-accent-deep-58:#1d395d;--c-gray-dark-6:#3c4148;--c-gray-lightest-75:#e3e4e6;--c-gray-mid-78:#757a80;--c-gray-mid-79:#82878d;--c-accent-deep-59:#3465a4;--c-accent-7:#bfd2eb;--c-gray-mid-80:#626972;--c-gray-mid-81:#80858c;--c-accent-deep-60:#305e9a;--c-gray-mid-82:#73787f;--c-gray-lighter-5:#dbdee1;--c-success-tint-21:#f5f9f7;--c-gray-mid-83:#6b6e73;--c-gray-mid-84:#64686d;--c-gray-mid-85:#74787d;--c-gray-mid-86:#80858b;--c-gray-lighter-6:#d2d4d7;--c-gray-lighter-7:#dcdee0;--c-info-tint-15:#f7f8fa;--c-gray-mid-87:#6c6f73;--c-info-tint-16:#f8f9fa;--c-accent-deep-61:#2c558b;--c-accent-deep-62:#294f81;--c-accent-deep-63:#457cc4;--c-success-tint-22:#f5f9f7;--c-success-23:#c5e9d7;--c-gray-lighter-8:#dcddde;--c-gray-lightest-76:#f2f2f3;--c-accent-tint-28:#f2f5f9;--c-accent-tint-29:#ced9e7}:root[data-theme="dark"]{--c-gray-lightest-1:#26282a;--c-gray-mid-1:#81868c;--c-ink-deep-1-bg:#272a2f;--c-ink-deep-2-text:#d0d3d8;--c-gray-lightest-2:#1b1c1e;--c-ink-deep-3-bg:#202327;--c-white-1-text:#f5f5f6;--c-accent-deep-1:#2c558a;--c-gray-light-1:#5c6167;--c-ink-deep-4:#25282d;--c-gray-mid-2:#838991;--c-white-2-bg:#1c1c1c;--c-gray-lightest-3:#25272a;--c-gray-light-2:#5b6066;--c-ink-deep-5:#282c31;--c-gray-light-3:#6e737a;--c-gray-mid-3:#70757b;--c-accent-deep-2:#2c558b;--c-gray-lightest-4:#1e1f21;--c-info-1:#7490b4;--c-accent-deep-3:#6d98d1;--c-ink-deep-6:#20232708;--c-gray-light-4:#62676d;--c-accent-tint-1:#213145;--c-accent-deep-4:#779fd4;--c-gray-light-5:#63686e;--c-gray-lightest-5:#1f2123;--c-gray-lightest-6:#202224;--c-accent-deep-5:#2a5183;--c-gray-lightest-7:#1e2022;--c-gray-mid-4:#8d9299;--c-success-tint-1:#244233;--c-success-1:#64c494;--c-info-tint-1:#29323d;--c-info-2:#7490b4;--c-accent-tint-2:#213145;--c-accent-deep-6:#6492ce;--c-gray-lightest-8:#1f2123;--c-gray-mid-5:#90959b;--c-gray-mid-6:#8c9299;--c-success-tint-2:#244233;--c-gray-mid-7:#91969c;--c-gray-lightest-9:#282a2c;--c-gray-mid-8:#787e85;--c-gray-light-6:#676b71;--c-gray-lightest-10:#1f2123;--c-gray-light-7:#5c6066;--c-gray-light-8:#666a70;--c-accent-deep-7:#729cd2;--c-gray-light-9:#62666c;--c-gray-dark-1:#a0a5ab;--c-accent-deep-8:#759ed3;--c-gray-light-10:#666a70;--c-gray-lighter-1:#36393c;--c-gray-light-11:#676c72;--c-gray-light-12:#5c6167;--c-ink-deep-7:#2023278c;--c-ink-deep-8:#20232733;--c-gray-light-13:#686c72;--c-gray-mid-9:#71767d;--c-gray-lightest-11:#191a1b;--c-gray-light-14:#686d73;--c-gray-lightest-12:#242628;--c-info-tint-2:#29323d;--c-gray-light-15:#5d6167;--c-gray-lightest-13:#2a2c2e;--c-gray-mid-10:#82888f;--c-gray-dark-2:#9a9fa5;--c-gray-lightest-14:#2b2d30;--c-accent-deep-9:#2c558b18;--c-gray-lightest-15:#242629;--c-gray-lightest-16:#1c1d1e;--c-gray-light-16:#696e75;--c-gray-light-17:#4b4f54;--c-gray-lightest-17:#242629;--c-gray-light-18:#696e74;--c-accent-deep-10:#7ca3d6;--c-gray-light-19:#62666c;--c-danger-1:#e64e42;--c-gray-dark-3:#afb2b7;--c-accent-deep-11:#729cd2;--c-ink-deep-9:#32373d;--c-gray-lightest-18:#26282b;--c-gray-dark-4:#a1a6ac;--c-accent-deep-12:#729cd2;--c-gray-lightest-19:#2a2c2f;--c-ink-deep-10:#2023270d;--c-gray-light-20:#686d74;--c-accent-deep-13:#7ea4d6;--c-accent-deep-14:#25477448;--c-gray-lightest-20:#1c1d1f;--c-gray-mid-11:#82878e;--c-ink-deep-11-text:#e0e3e6;--c-white-3:#1c1c1c;--c-success-2:#64c494;--c-accent-deep-15:#6492ce;--c-gray-lightest-21:#292b2e;--c-gray-lightest-22:#1f2022;--c-ink-deep-12:#d6dade;--c-gray-lightest-23:#1b1c1e;--c-accent-deep-16:#7ca3d6;--c-gray-light-21:#64696f;--c-gray-lightest-24:#1a1b1c;--c-gray-light-22:#64686e;--c-gray-lightest-25:#232528;--c-gray-mid-12:#858a91;--c-accent-deep-17:#7aa1d5;--c-gray-lightest-26:#292b2d;--c-gray-mid-13:#81878e;--c-gray-lightest-27:#282a2c;--c-info-tint-3:#29323d;--c-gray-mid-14:#73787e;--c-gray-lighter-2:#2e3033;--c-gray-lightest-28:#292b2d;--c-gray-mid-15:#71767c;--c-accent-deep-18:#84a8d8;--c-gray-lightest-29:#252729;--c-gray-light-23:#6a6e73;--c-accent-deep-19:#7fa5d6;--c-gray-mid-16:#73777d;--c-ink-deep-13:#d1d5da;--c-gray-light-24:#686d73;--c-accent-deep-20:#81a6d7;--c-accent-tint-3:#213145;--c-gray-mid-17:#858a90;--c-gray-lightest-30:#222427;--c-gray-light-25:#6a6e74;--c-gray-lightest-31:#27292b;--c-ink-deep-14:#cdd1d6;--c-gray-lightest-32:#212325;--c-gray-light-26:#6b6f75;--c-success-tint-3:#244233;--c-success-3:#64c494;--c-gray-lightest-33:#202224;--c-accent-deep-21:#2c558a;--c-gray-mid-18:#73777d;--c-accent-tint-4:#213145;--c-gray-mid-19:#73787e;--c-gray-lightest-34:#26282a;--c-gray-lightest-35:#1b1c1e;--c-accent-tint-5:#213145;--c-accent-deep-22:#6492ce;--c-info-tint-4:#29323d;--c-info-3:#88a0bf;--c-success-tint-4:#244233;--c-success-4:#63c494;--c-danger-2:#c86e6e;--c-gray-lighter-3:#2e3134;--c-gray-mid-20:#85898f;--c-gray-lightest-36:#27292b;--c-gray-light-27:#6e7278;--c-gray-lightest-37:#1c1d1f;--c-gray-mid-21:#92979d;--c-accent-tint-6:#213145;--c-accent-deep-23:#759ed4;--c-gray-light-28:#6f747a;--c-info-tint-5:#29323d;--c-gray-mid-22:#8e939a;--c-info-tint-6:#29323d;--c-info-4:#738fb4;--c-gray-lightest-38:#18191a;--c-gray-lightest-39:#242629;--c-gray-light-29:#6c7076;--c-gray-lightest-40:#292b2d;--c-gray-mid-23:#84898f;--c-accent-tint-7:#213145;--c-gray-mid-24:#71767c;--c-accent-deep-24:#7ba2d5;--c-ink-deep-15:#d0d3d8;--c-gray-lightest-41:#232528;--c-accent-deep-25:#92b3dd;--c-gray-mid-25:#72777d;--c-gray-light-30:#6a6e73;--c-gray-light-31:#6c7075;--c-gray-lightest-42:#25272a;--c-gray-light-32:#6b6f74;--c-gray-mid-26:#91969c;--c-gray-lightest-43:#2b2d30;--c-gray-light-33:#65696e;--c-success-5:#64c494;--c-gray-mid-27:#91969d;--c-ink-deep-16:#23262a;--c-success-tint-5:#244233;--c-gray-mid-28:#777c82;--c-gray-mid-29:#9499a0;--c-accent-tint-8:#213145;--c-accent-deep-26:#7fa5d7;--c-gray-lightest-44:#2a2c2e;--c-success-tint-6:#244233;--c-success-6:#64c494;--c-gray-mid-30:#8a8d91;--c-gray-lightest-45:#25272a;--c-danger-3-bg:#7e2a30;--c-accent-deep-27:#729cd3;--c-ink-deep-17:#cdd1d6;--c-accent-1:#9ebbe1;--c-gray-lightest-46:#262729;--c-ink-deep-18:#24282d;--c-accent-deep-28:#92b2dc;--c-gray-mid-31:#767a80;--c-gray-mid-32:#7e838a;--c-gray-lightest-47:#282a2c;--c-gray-light-34:#65696e;--c-gray-mid-33:#8e9298;--c-gray-lightest-48:#2a2c2f;--c-gray-light-35:#6c6f74;--c-info-tint-7:#29323d;--c-gray-lightest-49:#26282a;--c-gray-light-36:#6b6e73;--c-danger-4-text:#cc797e;--c-gray-lightest-50:#292b2e;--c-gray-lightest-51:#292b2d;--c-gray-dark-5:#9da1a7;--c-gray-mid-34:#767a80;--c-gray-mid-35:#8d9197;--c-gray-mid-36:#868a90;--c-success-tint-7:#244233;--c-success-7:#64c494;--c-info-tint-8:#29323d;--c-gray-mid-37:#74787e;--c-white-4:#1a1c1e;--c-accent-tint-9:#213145;--c-success-tint-8:#244233;--c-gray-light-37:#5c5f64;--c-ink-deep-19:#cdd1d6;--c-gray-light-38:#6c7075;--c-success-tint-9:#244233;--c-success-tint-10:#244233;--c-success-8:#64c494;--c-gray-mid-38:#84888e;--c-info-tint-9:#29323d;--c-gray-mid-39:#73777d;--c-gray-lightest-52:#2a2c2e;--c-gray-mid-40:#868b91;--c-gray-light-39:#62666b;--c-gray-light-40:#696d73;--c-gray-mid-41:#74797f;--c-gray-lightest-53:#292b2d;--c-gray-mid-42:#797e84;--c-info-tint-10:#29323d;--c-accent-deep-29:#2c558a;--c-gray-mid-43:#73777d;--c-danger-tint-1:#4a211c;--c-danger-5:#d5675c;--c-danger-tint-2:#4a211c;--c-danger-tint-3:#4a241c;--c-danger-6:#d3695e;--c-gray-mid-44:#767a80;--c-gray-lightest-54:#27292b;--c-gray-mid-45:#757a80;--c-gray-mid-46:#80858b;--c-gray-lightest-55:#25272a;--c-info-tint-11:#29323d;--c-ink-deep-20:#cdd1d6;--c-accent-deep-30:#7ca3d6;--c-accent-deep-31:#6c97d0;--c-gray-lightest-56:#232527;--c-gray-mid-47:#70757b;--c-gray-mid-48:#82868c;--c-danger-7:#d3695e;--c-gray-mid-49:#999ea4;--c-gray-light-41:#6b6f74;--c-gray-mid-50:#7b8086;--c-success-tint-11:#244233;--c-success-tint-12:#244233;--c-success-9:#64c494;--c-gray-mid-51:#7f848a;--c-accent-deep-32:#6f99d1;--c-success-tint-13:#244233;--c-success-10:#64c494;--c-gray-light-42:#6c7076;--c-danger-8:#ce625a;--c-gray-mid-52:#989da3;--c-success-11:#64c494;--c-gray-mid-53:#868b91;--c-gray-lightest-57:#292b2d;--c-gray-lightest-58:#1f2022;--c-gray-mid-54:#91959b;--c-accent-tint-10:#213145;--c-accent-deep-33:#6492ce;--c-success-tint-14:#244233;--c-success-12:#64c494;--c-info-tint-12:#29323d;--c-info-5:#7490b4;--c-gray-lightest-59:#1b1c1d;--c-success-13:#64c494;--c-accent-deep-34:#6c98d1;--c-accent-tint-11:#213145;--c-gray-mid-55:#757a81;--c-accent-deep-35:#749dd3;--c-gray-mid-56:#858a90;--c-gray-lightest-60:#1d1e20;--c-ink-deep-21:#2e3339;--c-gray-mid-57:#75797f;--c-accent-tint-12:#213145;--c-accent-tint-13:#213145;--c-gray-light-43:#6d7278;--c-gray-mid-58:#72767c;--c-accent-tint-14:#213145;--c-accent-deep-36:#6492ce;--c-success-14:#64c494;--c-danger-tint-4:#4a221c;--c-danger-9:#c46c64;--c-accent-tint-15:#213145;--c-accent-tint-16:#213145;--c-danger-10:#c47464;--c-gray-light-44:#6c7076;--c-success-tint-15:#244233;--c-success-15:#64c494;--c-success-tint-16:#244233;--c-danger-tint-5:#4a241c;--c-danger-11:#cb665d;--c-danger-tint-6:#4a231c;--c-gray-mid-59:#72777d;--c-accent-deep-37:#6996d0;--c-gray-light-45:#666a6f;--c-accent-deep-38:#2b5387;--c-gray-lightest-61:#252628;--c-accent-tint-17:#213145;--c-accent-deep-39:#739dd3;--c-gray-light-46:#65696e;--c-gray-lightest-62:#212325;--c-gray-light-47:#6a6e74;--c-success-tint-17:#244233;--c-success-16:#64c494;--c-gray-mid-60:#8a8e93;--c-gray-light-48:#686c71;--c-gray-lightest-63:#232528;--c-gray-light-49:#6e7278;--c-gray-mid-61:#7c8188;--c-accent-deep-40-bg:#2c558a;--c-success-17-bg:#2a6f4d;--c-accent-deep-41:#749dd3;--c-gray-light-50:#65696e;--c-ink-deep-22:#cdd1d6;--c-ink-deep-23:#31353b;--c-gray-lightest-64:#292b2e;--c-success-18-text:#64c494;--c-accent-deep-42-text:#92b3dd;--c-accent-tint-18:#213145;--c-accent-2:#2f5a93;--c-accent-deep-43:#6492ce;--c-accent-deep-44:#6492ce;--c-accent-deep-45:#2a5287;--c-gray-light-51:#5f646b;--c-ink-deep-24:#262a2f;--c-accent-tint-19:#213145;--c-accent-deep-46:#6492ce;--c-accent-deep-47:#8dafdb;--c-accent-deep-48:#6492ce;--c-gray-mid-62:#71757b;--c-success-tint-18:#244233;--c-success-19:#64c494;--c-danger-tint-7:#4a241c;--c-danger-12:#c46c64;--c-accent-3:#2e5a93;--c-gray-mid-63:#878c93;--c-gray-lightest-65:#26282b;--c-gray-lightest-66:#1e2022;--c-gray-mid-64:#959aa1;--c-accent-tint-20:#213145;--c-accent-deep-49:#6996d0;--c-accent-tint-21:#213145;--c-accent-tint-22:#213145;--c-ink-deep-25:#cdd1d6;--c-gray-mid-65:#999ea5;--c-gray-lightest-67:#282a2c;--c-gray-light-52:#6a6e73;--c-success-tint-19:#244233;--c-success-tint-20:#244233;--c-success-20:#64c494;--c-accent-tint-23:#213145;--c-accent-4:#2e5a93;--c-accent-deep-50:#6c97d0;--c-gray-mid-66:#818489;--c-success-21:#64c494;--c-gray-mid-67:#74797f;--c-ink-deep-26:#cdd1d6;--c-danger-13:#cc6d5d;--c-danger-tint-8:#4a251c;--c-danger-tint-9:#48261e;--c-ink-deep-27:#cdd1d6;--c-accent-deep-51:#2c568d;--c-accent-tint-24:#213145;--c-accent-deep-52:#6b97d0;--c-gray-mid-68:#8c8f94;--c-gray-mid-69:#74787e;--c-info-6:#7490b4;--c-gray-light-53:#6b6f75;--c-gray-light-54:#6b6f74;--c-white-5:#1b1c1d;--c-gray-mid-70:#777c83;--c-gray-lightest-68:#26282a;--c-gray-light-55:#5a5d62;--c-gray-light-56:#6c7076;--c-gray-lightest-69:#2b2d30;--c-gray-mid-71:#999ea4;--c-gray-light-57:#6a6e74;--c-danger-tint-10:#4a221c;--c-danger-tint-11:#4a231c;--c-danger-14:#d06358;--c-purple-tint-1:#281c4a;--c-purple-tint-2:#2a1c4a;--c-info-7:#7490b4;--c-gray-mid-72:#7c8289;--c-info-8:#7490b4;--c-info-9:#7490b4;--c-gray-mid-73:#82888f;--c-gray-lightest-70:#292b2e;--c-accent-deep-53:#7aa1d5;--c-gray-lightest-71:#2c2e30;--c-gray-lighter-4:#2f3235;--c-accent-deep-54:#2c558a;--c-gray-lightest-72:#282a2c;--c-gray-mid-74:#7f8389;--c-info-10:#7490b4;--c-gray-lightest-73:#242628;--c-accent-deep-55:#2b548a;--c-accent-deep-56:#6492ce;--c-danger-tint-12:#4a251c;--c-accent-tint-25:#213145;--c-info-tint-13:#29323d;--c-gray-mid-75:#90949a;--c-gray-lightest-74:#25272a;--c-info-tint-14:#29323d;--c-accent-deep-57:#6492ce;--c-accent-tint-26:#213145;--c-accent-5:#2f5a93;--c-gray-mid-76:#81878f;--c-gray-mid-77:#72787f;--c-accent-tint-27:#213145;--c-accent-6:#2e5a93;--c-success-22:#358c61;--c-accent-deep-58:#6492ce;--c-gray-dark-6:#afb2b7;--c-gray-lightest-75:#292b2d;--c-gray-mid-78:#7e8389;--c-gray-mid-79:#73787e;--c-accent-deep-59:#759ed3;--c-accent-7:#2f5a93;--c-gray-mid-80:#8b9198;--c-gray-mid-81:#747980;--c-accent-deep-60:#6b97d0;--c-gray-mid-82:#7f848b;--c-gray-lighter-5:#2d3033;--c-success-tint-21:#244233;--c-gray-mid-83:#898d92;--c-gray-mid-84:#8f9297;--c-gray-mid-85:#81858a;--c-gray-mid-86:#757a80;--c-gray-lighter-6:#35383b;--c-gray-lighter-7:#2d3033;--c-info-tint-15:#29323d;--c-gray-mid-87:#898c91;--c-info-tint-16:#29323d;--c-accent-deep-61:#6492ce;--c-accent-deep-62:#6492ce;--c-accent-deep-63:#2b5489;--c-success-tint-22:#244233;--c-success-23:#358c61;--c-gray-lighter-8:#303132;--c-gray-lightest-76:#1d1f21;--c-accent-tint-28:#213145;--c-accent-tint-29:#213145}:root{--line:var(--c-gray-lightest-1);--muted:var(--c-gray-mid-1);--ink:var(--c-ink-deep-2-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--c-ink-deep-2-text);background:var(--c-gray-lightest-2);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--c-gray-lightest-2)}.app{min-height:100vh}.app aside{position:fixed;inset:0 auto 0 0;width:210px;background:var(--c-ink-deep-3-bg);color:var(--c-white-1-text);padding:22px 16px;z-index:10}.brand,.mobileBrand{display:flex;align-items:center;gap:11px}.brand span,.mobileBrand span{width:38px;height:38px;border-radius:12px;background:var(--c-accent-deep-1);display:grid;place-items:center;font-weight:800}.brand b{font-size:18px}.brand{padding:3px 7px 28px}.app nav{display:grid;gap:6px}.app nav button{border:0;background:transparent;color:var(--c-gray-light-1);text-align:left;padding:12px 14px;border-radius:10px;font-size:12px;display:flex;gap:12px;align-items:center;cursor:pointer}.app nav button i{font-style:normal;width:18px;text-align:center}.app nav button.active{background:var(--c-ink-deep-4);color:var(--c-white-1-text);box-shadow:inset 3px 0 var(--c-accent-deep-1)}.version{position:absolute;bottom:20px;left:23px;font-size:9px;color:var(--c-gray-mid-2);letter-spacing:1.5px}.app main{margin-left:210px;min-height:100vh}.app header{height:64px;background:var(--c-white-2-bg);border-bottom:1px solid var(--c-gray-lightest-3);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.crumb{font-size:10px;color:var(--c-gray-light-2)}.avatar{width:34px;height:34px;border-radius:50%;background:var(--c-ink-deep-5);color:white;display:grid;place-items:center;font-size:10px;font-weight:800}.mobileBrand{display:none}.content{padding:28px;max-width:1260px;margin:auto}.hero{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px;gap:20px}.hero h1{font-size:26px;margin:4px 0}.hero p{font-size:11px;color:var(--c-gray-light-3);margin:0}.eyebrow{font-size:8px!important;letter-spacing:1.7px;font-weight:800;color:var(--c-gray-mid-3)!important;margin:0 0 6px!important}.primary,.secondary,.textBtn{border:0;border-radius:9px;font:inherit;cursor:pointer}.primary{background:var(--c-accent-deep-2);color:var(--c-white-1-text);padding:11px 15px;font-size:10px;font-weight:800}.secondary{background:var(--c-gray-lightest-4);color:var(--c-info-1);padding:11px 15px;font-size:10px;font-weight:800}.textBtn{background:transparent;color:var(--c-accent-deep-3);font-size:9px;padding:4px}.card{background:var(--c-white-2-bg);border:1px solid var(--c-gray-lightest-1);border-radius:15px;box-shadow:0 1px 2px var(--c-ink-deep-6)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px}.stat{min-height:120px;padding:18px;display:flex;justify-content:space-between}.stat span,.stat small{display:block;color:var(--c-gray-light-4);font-size:9px}.stat strong{display:block;font-size:20px;margin:13px 0 8px}.statIcon{width:40px;height:40px;border-radius:13px;background:var(--c-accent-tint-1);color:var(--c-accent-deep-4);display:grid;place-items:center}.panel{padding:18px;margin-bottom:14px}.panelHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.panelHead h2{font-size:14px;margin:0 0 4px}.panelHead p{font-size:9px;color:var(--c-gray-light-5);margin:0}.job{width:100%;border:0;background:transparent;display:grid;grid-template-columns:minmax(180px,1fr) 180px 90px;gap:15px;align-items:center;padding:14px 0;border-top:1px solid var(--c-gray-lightest-5);text-align:left;color:inherit}.job strong{font-size:11px}.job span{display:block;color:var(--c-gray-light-4);font-size:9px;margin-top:4px}.progress{height:7px;background:var(--c-gray-lightest-6);border-radius:20px;overflow:hidden}.progress i{height:100%;display:block;background:var(--c-accent-deep-5);border-radius:20px}.badge{display:inline-flex;padding:5px 8px;border-radius:12px;background:var(--c-gray-lightest-7);color:var(--c-gray-mid-4);font-size:8px;font-weight:800;white-space:nowrap}.badge-i-gang,.badge-godkendt,.badge-betalt,.badge-kunde{background:var(--c-success-tint-1);color:var(--c-success-1)}.badge-planlagt,.badge-sendt{background:var(--c-info-tint-1);color:var(--c-info-2)}.badge-afventer,.badge-kladde,.badge-lead,.badge-høj{background:var(--c-accent-tint-2);color:var(--c-accent-deep-6)}.badge-afsluttet{background:var(--c-gray-lightest-8);color:var(--c-gray-mid-5)}.badge-normal{background:var(--c-gray-lightest-7);color:var(--c-gray-mid-6)}.badge-lav{background:var(--c-success-tint-2);color:var(--c-gray-mid-7)}.badge-overskredet{background:var(--c-danger-tint-1);color:var(--c-danger-1)}.filterBar{display:flex;gap:7px;margin:-8px 0 14px;overflow:auto}.filterBar button{border:1px solid var(--c-gray-lightest-9);background:var(--c-white-2-bg);color:var(--c-gray-mid-8);border-radius:20px;padding:8px 12px;font-size:9px;white-space:nowrap}.filterBar button.active{background:var(--c-ink-deep-1-bg);color:var(--c-white-1-text);border-color:var(--c-ink-deep-1-bg)}.cardsList{display:grid;gap:10px}.quoteCard{width:100%;padding:17px;text-align:left;color:inherit;cursor:pointer}.quoteCard h3{font-size:14px;margin:15px 0 5px}.quoteCard>p{font-size:10px;color:var(--c-gray-light-6);margin:0 0 16px}.quoteMetrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:13px 0;border-top:1px solid var(--c-gray-lightest-10);border-bottom:1px solid var(--c-gray-lightest-10)}.quoteMetrics small{display:block;color:var(--c-gray-light-7);font-size:8px;margin-bottom:4px}.quoteMetrics b{font-size:10px}.cardFoot{display:flex;justify-content:space-between;align-items:center;padding-top:12px;font-size:9px;color:var(--c-gray-light-8)}.cardFoot span{color:var(--c-accent-deep-7);font-weight:800}.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.projectGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.project{padding:17px;text-align:left;color:inherit;cursor:pointer}.project h3{font-size:14px;margin:15px 0 5px}.project>p{font-size:10px;color:var(--c-gray-light-6);margin:0 0 17px}.meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 0;border-top:1px solid var(--c-gray-lightest-10)}.meta span{font-size:8px;color:var(--c-gray-light-9)}.meta b{display:block;color:var(--c-gray-dark-1);margin-top:4px;font-size:9px}.progress.big{height:8px;margin:7px 0}.projectFoot{display:flex;justify-content:space-between;font-size:8px;color:var(--c-gray-light-6)}.listCard{display:flex;align-items:center;gap:12px;padding:15px}.listAvatar{width:42px;height:42px;border-radius:13px;background:var(--c-accent-tint-1);color:var(--c-accent-deep-8);display:grid;place-items:center;font-size:10px;font-weight:800}.listMain{flex:1;min-width:0}.listMain b{font-size:12px}.listMain span,.listMain small{display:block;color:var(--c-gray-light-10);font-size:9px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.taskPanel{overflow:hidden}.task{display:flex;align-items:center;gap:12px;padding:15px 17px;border-bottom:1px solid var(--c-gray-lightest-10)}.task:last-child{border-bottom:0}.task input{display:none}.check{width:24px;height:24px;flex:0 0 24px;border:2px solid var(--c-gray-lighter-1);border-radius:8px;display:grid;place-items:center}.task input:checked+.check{background:var(--c-accent-deep-2);border-color:var(--c-accent-deep-2)}.task input:checked+.check:after{content:'✓';color:var(--c-white-1-text);font-weight:900}.taskText{flex:1}.taskText strong{font-size:11px}.taskText small{display:block;color:var(--c-gray-light-11);font-size:9px;margin-top:4px}.task.done strong{text-decoration:line-through;color:var(--c-gray-light-12)}.taskRow{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--c-gray-lightest-10)}.taskRow:last-child{border-bottom:0}.taskRow>.task{flex:1;border-bottom:0;padding-right:0}.taskRow>.rowActions{padding-right:14px;flex-shrink:0}.invoice{padding:17px}.invoice h3{font-size:12px;margin:16px 0 5px}.invoice>strong{font-size:18px;display:block}.invoice>small{display:block;color:var(--c-gray-light-6);font-size:9px;margin-top:7px}.quickGrid{display:none}.bottomNav,.fab{display:none}.modalBg{position:fixed;inset:0;background:var(--c-ink-deep-7);display:grid;place-items:center;padding:18px;z-index:50}.modal{width:min(520px,100%);max-height:90vh;overflow:auto;background:var(--c-white-2-bg);border-radius:18px;padding:22px;box-shadow:0 25px 70px var(--c-ink-deep-8)}.wideModal{width:min(880px,100%)}.modalHead{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px}.modalHead h2{font-size:20px;margin:2px 0}.modalHead p:not(.eyebrow){font-size:10px;color:var(--c-gray-light-13);margin:5px 0 0}.modalHead>button{border:0;background:none;font-size:26px;color:var(--c-gray-mid-9)}.detailTop{display:flex;justify-content:space-between;align-items:center;background:var(--c-gray-lightest-11);border-radius:12px;padding:11px 13px;margin-bottom:14px}.detailTop>span{font-size:9px;color:var(--c-gray-light-14)}.lineTable{border:1px solid var(--c-gray-lightest-12);border-radius:13px;overflow:hidden}.lineHead,.lineRow{display:grid;grid-template-columns:2.2fr .7fr .8fr .9fr;gap:10px;align-items:center;padding:10px 12px}.lineHead{background:var(--c-info-tint-2);color:var(--c-gray-light-13);text-transform:uppercase;font-size:7px;letter-spacing:.7px}.lineRow{border-top:1px solid var(--c-gray-lightest-10);font-size:9px}.lineRow b{font-size:10px}.lineRow small{display:block;color:var(--c-gray-light-15);margin-top:4px;font-size:8px}.totals{width:min(390px,100%);margin:15px 0 15px auto}.totals>div{display:flex;justify-content:space-between;padding:7px 2px;font-size:9px}.totals .grand{border-top:1px solid var(--c-gray-lightest-13);border-bottom:1px solid var(--c-gray-lightest-13);padding:11px 2px;font-size:11px}.note{background:var(--c-info-tint-2);border-radius:12px;padding:13px;margin:12px 0}.note b{font-size:9px}.note p{font-size:10px;line-height:1.5;color:var(--c-gray-mid-10);margin:7px 0 0}.modalActions{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.form{display:grid;gap:13px}.form label{display:grid;gap:6px;color:var(--c-gray-dark-2);font-size:9px;font-weight:800}.form input,.form select,.form textarea{width:100%;border:1px solid var(--c-gray-lightest-14);border-radius:9px;padding:11px;font:inherit;font-size:11px;outline:none;background:var(--c-white-2-bg)}.form textarea{resize:vertical}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--c-accent-deep-2);box-shadow:0 0 0 3px var(--c-accent-deep-9)}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wide{width:100%}.editorHead{display:flex;justify-content:space-between;align-items:center;margin-top:3px}.editorHead b{font-size:10px}.lineEdit{display:grid;grid-template-columns:2fr .65fr .7fr .8fr .8fr 30px;gap:7px;align-items:end;border:1px solid var(--c-gray-lightest-15);border-radius:11px;padding:9px;margin-bottom:7px}.lineEdit .removeLine{height:36px;border:0;background:var(--c-gray-lightest-16);border-radius:8px;font-size:18px;color:var(--c-gray-light-16)}.quotePreview{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:var(--c-ink-deep-3-bg);color:var(--c-white-1-text);border-radius:12px;padding:13px}.quotePreview span{font-size:8px;color:var(--c-gray-light-17)}.quotePreview b{display:block;font-size:11px;color:var(--c-white-1-text);margin-top:4px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--c-gray-lightest-17);margin:0 -3px 16px;overflow:auto}.tabs button{border:0;background:transparent;padding:10px 12px;color:var(--c-gray-light-18);font-size:9px;font-weight:700;border-bottom:2px solid transparent}.tabs button.active{color:var(--c-accent-deep-10);border-color:var(--c-accent-deep-2)}.orderHero{display:flex;justify-content:space-between;align-items:start;gap:15px}.orderHero h2{font-size:19px;margin:10px 0 5px}.orderHero p{font-size:10px;color:var(--c-gray-light-13);margin:0}.progressBlock{background:var(--c-info-tint-2);border-radius:12px;padding:13px;margin:15px 0}.progressBlock>div:first-child{display:flex;justify-content:space-between;font-size:9px;margin-bottom:8px}.detailGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.detailGrid>div{background:var(--c-info-tint-2);border-radius:11px;padding:11px}.detailGrid span{display:block;font-size:8px;color:var(--c-gray-light-19)}.detailGrid b{display:block;font-size:10px;margin-top:5px}.sectionAction{display:flex;justify-content:space-between;align-items:center;margin:4px 0 12px}.sectionAction>b{font-size:11px}.miniBtn{padding:8px 10px}.orderTasks{border:1px solid var(--c-gray-lightest-12);border-radius:12px;overflow:hidden}.financeCards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.financeCards>div{background:var(--c-info-tint-2);border-radius:12px;padding:14px}.financeCards span{display:block;color:var(--c-gray-light-19);font-size:8px}.financeCards b{display:block;font-size:16px;margin-top:6px}.negative{color:var(--c-danger-1)}.invoiceList h3{font-size:11px}.invoiceRow{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;border-top:1px solid var(--c-gray-lightest-10);padding:12px 0}.invoiceRow span b{font-size:10px}.invoiceRow small{display:block;font-size:8px;color:var(--c-gray-light-19);margin-top:3px}.invoiceRow>strong{font-size:10px}.emptyText{font-size:10px;color:var(--c-gray-light-6);padding:15px}.photoBox{text-align:center;padding:25px 15px}.photoIcon{font-size:36px}.photoBox h3{font-size:15px}.photoBox p{font-size:10px;color:var(--c-gray-light-6);line-height:1.5}.photoBox>small{display:block;font-size:8px;color:var(--c-gray-light-7);line-height:1.5}.cameraBtn{display:flex;justify-content:center;width:min(260px,100%);margin:15px auto;background:var(--c-accent-deep-2);color:var(--c-white-1-text);padding:12px;border-radius:10px;font-size:10px;font-weight:800}.quickSheet{display:grid}.quickSheet button{display:grid;grid-template-columns:35px 1fr auto;align-items:center;text-align:left;gap:10px;background:var(--c-white-2-bg);border:0;border-top:1px solid var(--c-gray-lightest-10);padding:14px 2px;color:var(--c-gray-dark-3)}.quickSheet button b{width:32px;height:32px;border-radius:10px;background:var(--c-accent-tint-1);color:var(--c-accent-deep-11);display:grid;place-items:center}.quickSheet button span{font-size:11px;font-weight:800}
@media(max-width:1000px){.stats{grid-template-columns:repeat(2,1fr)}.projectGrid{grid-template-columns:repeat(2,1fr)}.detailGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.stats{grid-template-columns:1fr}.detailGrid{grid-template-columns:1fr}.financeCards{grid-template-columns:1fr}.customerKpis{grid-template-columns:1fr}.reportSummaryGrid{grid-template-columns:1fr}.roadmapKpis{grid-template-columns:1fr}.analyticsCards{grid-template-columns:1fr}.salesFlowStrip{grid-template-columns:1fr}}
@media(max-width:760px){.app aside{display:none}.app main{margin-left:0}.app header{height:58px;background:var(--c-ink-deep-3-bg);color:var(--c-white-1-text);padding:0 12px;gap:8px}.mobileBrand{display:flex;min-width:0;flex:1 1 auto;overflow:hidden}.mobileBrand span{width:31px;height:31px;border-radius:9px;font-size:9px;flex:0 0 auto}.mobileBrand b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.tenantBadge{flex:0 0 auto;max-width:38vw;overflow:hidden}.tenantBadge span{display:block;font-size:7px;white-space:nowrap}.tenantBadge b{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar{flex:0 0 auto}.crumb{display:none}.avatar{background:var(--c-ink-deep-9)}.content{padding:18px 14px calc(100px + env(safe-area-inset-bottom));max-width:none}.hero{align-items:start;margin-bottom:18px}.hero h1{font-size:23px}.hero p{font-size:11px;line-height:1.45}.desktopAction{display:none}.stats{grid-template-columns:1fr 1fr;gap:9px}.stat{min-height:105px;padding:14px}.stat strong{font-size:17px;margin:10px 0 6px}.statIcon{width:33px;height:33px}.quickGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:12px}.quickGrid button{background:var(--c-white-2-bg);border:1px solid var(--c-gray-lightest-18);border-radius:12px;padding:10px 3px;color:var(--c-gray-dark-4)}.quickGrid b{width:31px;height:31px;border-radius:9px;background:var(--c-accent-tint-1);color:var(--c-accent-deep-12);display:grid;place-items:center;margin:auto auto 6px}.quickGrid span{font-size:8px;font-weight:800}.panel{padding:14px}.job{grid-template-columns:1fr 80px;gap:10px}.job .badge{display:none}.projectGrid{grid-template-columns:1fr;gap:9px}.quoteCard,.project,.listCard,.invoice{padding:15px}.quoteMetrics{gap:4px}.bottomNav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(5,1fr);background:var(--c-white-2-bg);border-top:1px solid var(--c-gray-lightest-19);padding:6px 3px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px var(--c-ink-deep-10)}.bottomNav button{border:0;background:transparent;display:grid;place-items:center;gap:3px;color:var(--c-gray-light-20);padding:3px;font-size:8px}.bottomNav i{font-style:normal;font-size:17px}.bottomNav button.active{color:var(--c-accent-deep-13);font-weight:800}.fab{display:grid;place-items:center;position:fixed;right:17px;bottom:calc(73px + env(safe-area-inset-bottom));z-index:31;width:54px;height:54px;border-radius:50%;border:4px solid var(--c-gray-lightest-2);background:var(--c-accent-deep-2);color:var(--c-white-1-text);font-size:28px;box-shadow:0 8px 25px var(--c-accent-deep-14)}.modalBg{align-items:end;padding:0}.modal{border-radius:23px 23px 0 0;width:100%;max-height:92vh;padding:19px 15px calc(20px + env(safe-area-inset-bottom))}.wideModal{width:100%}.modalHead h2{font-size:19px}.form input,.form select,.form textarea{font-size:16px}.lineTable{overflow:auto}.lineHead,.lineRow{min-width:620px}.lineEdit{grid-template-columns:1fr 1fr 1fr;gap:7px;padding:10px}.lineEdit label:first-child{grid-column:1/-1}.lineEdit .removeLine{grid-column:3}.formGrid{grid-template-columns:1fr 1fr}.quotePreview{grid-template-columns:1fr 1fr 1fr}.detailGrid{grid-template-columns:1fr 1fr}.financeCards{grid-template-columns:1fr 1fr}.financeCards>div:last-child{grid-column:1/-1}.orderHero h2{font-size:17px}.modalActions{position:sticky;bottom:-20px;background:var(--c-white-2-bg);padding:10px 0 0}.modalActions>*{flex:1}.filterBar{margin-top:-5px}.cardsList{gap:9px}}
@media(max-width:390px){.stats{grid-template-columns:1fr}.quickGrid span{font-size:7px}.quoteMetrics{grid-template-columns:1fr 1fr}.quoteMetrics span:last-child{grid-column:1/-1}.formGrid{grid-template-columns:1fr}.quotePreview{grid-template-columns:1fr 1fr}.quotePreview span:last-child{grid-column:1/-1}}

/* v0.5 customer lookup */
.customerType{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:4px;background:var(--c-gray-lightest-20);border-radius:14px}
.customerType button{border:0;background:transparent;padding:12px;border-radius:11px;font-weight:700;color:var(--c-gray-mid-11)}
.customerType button.active{background:var(--c-white-2-bg);color:var(--c-ink-deep-11-text);box-shadow:0 1px 4px rgba(17,24,39,.1)}
.lookupBox{padding:14px;border:1px solid var(--c-gray-lightest-3);border-radius:14px;background:var(--c-white-3)}
.lookupBox.hidden{display:none}.lookupRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:7px}.lookupRow input{min-width:0}.lookupRow button{white-space:nowrap;padding:0 13px}
.lookupStatus{font-size:12px;line-height:1.45;color:var(--c-gray-mid-11);margin-top:9px}.lookupStatus.success{color:var(--c-success-2)}.lookupStatus.error{color:var(--c-danger-1)}.lookupStatus.loading{color:var(--c-accent-deep-15)}
@media(max-width:520px){.lookupRow{grid-template-columns:1fr}.lookupRow button{min-height:44px}}

.addressWrap{position:relative}.addressSuggestions{position:absolute;z-index:50;left:0;right:0;top:calc(100% + 6px);background:var(--c-white-2-bg);border:1px solid var(--c-gray-lightest-21);border-radius:16px;box-shadow:0 14px 32px rgba(16,24,40,.16);overflow:hidden}.addressSuggestions.hidden{display:none}.addressSuggestions button{width:100%;padding:14px 16px;border:0;border-bottom:1px solid var(--c-gray-lightest-22);background:var(--c-white-2-bg);text-align:left;font:inherit;color:var(--c-ink-deep-12)}.addressSuggestions button:last-child{border-bottom:0}.addressSuggestions button:active{background:var(--c-gray-lightest-23)}.lookupStatus.compact{margin-top:-4px;padding-top:0;font-size:.84rem}

/* v0.7 detailed customer card */
.customerCard{width:100%;border:1px solid var(--c-gray-lightest-1);text-align:left;color:inherit;cursor:pointer}.customerCard .customerRight{display:grid;justify-items:end;gap:8px}.customerCard .customerRight i{font-style:normal;color:var(--c-accent-deep-16);font-size:18px}.customerMini{display:flex;gap:10px;margin-top:8px}.customerMini span{font-size:8px!important;color:var(--c-gray-light-21);background:var(--c-gray-lightest-24);padding:4px 7px;border-radius:999px}.customerHero{display:flex;gap:14px;align-items:center;margin-bottom:14px}.customerBigAvatar{width:60px;height:60px;border-radius:18px;background:var(--c-accent-tint-1);color:var(--c-accent-deep-8);display:grid;place-items:center;font-size:17px;font-weight:900}.customerHero h2{font-size:20px;margin:7px 0 3px}.customerHero p{font-size:10px;color:var(--c-gray-light-16);margin:0}.rowStart{display:flex;gap:5px}.customerKpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 16px}.customerKpis.two{grid-template-columns:1fr 1fr}.customerKpis>div{background:var(--c-info-tint-2);border-radius:12px;padding:13px}.customerKpis span{display:block;font-size:8px;color:var(--c-gray-light-22)}.customerKpis b{display:block;margin-top:5px;font-size:13px}.customerSections{display:grid;grid-template-columns:1fr 1fr;gap:12px}.customerSections>section{border:1px solid var(--c-gray-lightest-25);border-radius:13px;padding:14px}.customerSections>section:last-child{grid-column:1/-1}.contactRows{display:grid;gap:4px}.contactRows>a,.contactRows>div{display:flex;justify-content:space-between;gap:12px;text-decoration:none;color:inherit;padding:10px 0;border-top:1px solid var(--c-gray-lightest-10)}.contactRows span{font-size:8px;color:var(--c-gray-light-22)}.contactRows b{font-size:9px;text-align:right}.addressList{display:grid;gap:8px}.addressList>div{position:relative;background:var(--c-info-tint-2);border-radius:10px;padding:10px}.addressList span,.addressList small{display:block;color:var(--c-gray-light-22);font-size:8px}.addressList b{display:block;font-size:9px;margin:4px 0}.addressList em{position:absolute;right:8px;top:8px;background:var(--c-success-tint-1);color:var(--c-success-1);border-radius:8px;padding:3px 6px;font-size:7px;font-style:normal}.customerNotes{font-size:10px;color:var(--c-gray-mid-12);line-height:1.5;margin:9px 0 0}.relatedList{border:1px solid var(--c-gray-lightest-12);border-radius:13px;overflow:hidden}.relatedList>button,.relatedStatic{width:100%;border:0;background:var(--c-white-2-bg);color:inherit;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;text-align:left;padding:13px;border-bottom:1px solid var(--c-gray-lightest-10)}.relatedList>*:last-child{border-bottom:0}.relatedList span b{display:block;font-size:10px}.relatedList span small{display:block;font-size:8px;color:var(--c-gray-light-22);margin-top:4px}.relatedList>button>strong,.relatedStatic>strong{font-size:10px}.relatedList>button>i{font-style:normal;color:var(--c-accent-deep-17)}.timeline{display:grid;gap:0}.timeline>div{display:grid;grid-template-columns:14px 1fr;gap:10px;min-height:66px}.timeline>div>i{width:9px;height:9px;border-radius:50%;background:var(--c-accent-deep-2);margin-top:5px;position:relative}.timeline>div>i:after{content:'';position:absolute;width:1px;background:var(--c-gray-lightest-26);top:10px;bottom:-53px;left:4px}.timeline>div:last-child>i:after{display:none}.timeline small{display:block;font-size:8px;color:var(--c-gray-light-22)}.timeline b{display:block;font-size:10px;margin-top:4px}.timeline p{font-size:9px;color:var(--c-gray-mid-13);margin:4px 0}.customerTabs{margin-top:-3px}
@media(max-width:760px){.customerMini{gap:5px;flex-wrap:wrap}.customerMini span{font-size:7px!important}.customerSections{grid-template-columns:1fr}.customerSections>section:last-child{grid-column:auto}.customerKpis{grid-template-columns:1fr 1fr}.customerTabs button{padding-left:10px;padding-right:10px}.relatedList>button,.relatedStatic{grid-template-columns:1fr auto}.relatedList>button>i{display:none}.relatedStatic .badge{grid-column:2}.customerBigAvatar{width:52px;height:52px;border-radius:15px}}
.editorActions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.supplierCatalog{border:1px solid var(--c-gray-lightest-27);background:var(--c-info-tint-3);border-radius:18px;padding:14px;margin:0 0 16px}.supplierCatalog.hidden{display:none}.supplierHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.supplierHead small{display:block;color:var(--c-gray-mid-14);margin-top:3px}.supplierHead>button{border:0;background:transparent;font-size:28px;color:var(--c-gray-mid-14)}.supplierTools{display:grid;grid-template-columns:1fr 1.5fr auto;gap:8px;margin:12px 0}.supplierTools select,.supplierTools input{min-width:0}.csvBtn{display:flex!important;align-items:center;justify-content:center;background:var(--c-white-2-bg);border:1px solid var(--c-gray-lighter-2);border-radius:12px;padding:0 14px;font-weight:700;white-space:nowrap}.materialResults{display:grid;gap:8px;max-height:310px;overflow:auto}.materialRow{border:1px solid var(--c-gray-lightest-28);background:var(--c-white-2-bg);border-radius:14px;padding:12px;display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:12px;text-align:left}.materialRow span:first-child{min-width:0}.materialRow span:first-child b,.materialRow span:first-child small{display:block}.materialRow small{color:var(--c-gray-mid-15)}.materialRow i{font-size:22px;color:var(--c-accent-deep-18)}.supplierHint{font-size:12px;color:var(--c-gray-mid-14);margin:10px 2px 0}@media(max-width:700px){.supplierTools{grid-template-columns:1fr}.csvBtn{min-height:48px}.materialRow{grid-template-columns:minmax(0,1fr) auto}.materialRow span:nth-child(2),.materialRow span:nth-child(3){font-size:12px}.materialRow i{grid-column:2;grid-row:1 / span 2}.editorActions{justify-content:flex-end}}
.linkedOffer{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;border:1px solid var(--line,var(--c-gray-lightest-29));background:var(--c-white-2-bg);border-radius:18px;padding:16px 18px;margin-top:14px;color:inherit}.linkedOffer span{display:flex;flex-direction:column;gap:4px}.linkedOffer small{color:var(--c-gray-light-23)}.linkedOffer i{font-style:normal;color:var(--c-accent-deep-19);font-weight:700}.linkedQuoteCard{display:flex;flex-direction:column;gap:16px}.linkedQuoteCard h3{margin:4px 0}.linkedQuoteCard p{margin:0;color:var(--c-gray-mid-16)}.helperText{font-size:14px;line-height:1.5}.linkedQuoteCard .quoteMetrics{grid-template-columns:1fr 1fr}
.revisionList{display:grid;gap:10px;margin-top:12px}.revisionRow{width:100%;border:1px solid var(--c-gray-lightest-1);background:var(--c-white-2-bg);border-radius:14px;padding:14px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;text-align:left;color:var(--c-ink-deep-13)}.revisionRow span{display:grid;gap:3px}.revisionRow small{color:var(--c-gray-light-24)}.revisionRow>i{font-style:normal;color:var(--c-accent-deep-20);font-weight:700}.revisionRow:active{transform:scale(.99);background:var(--c-accent-tint-3)}

/* v0.8.0: rækkefølgeknapper til tilbudslinjer (konsolideret — erstatter 4 tidligere
   fulde omskrivninger fra v0.5/v0.7.8/v0.7.9, som brugte !important-lag til at
   overskrive hinanden uden at fjerne den forrige version). Dette er den eneste
   levende version; ingen kode herover er død længere. */
.lineEdit{
  position:relative;
  padding-top:48px;
}
.lineOrder{
  position:absolute;
  top:9px;
  right:10px;
  display:flex;
  gap:5px;
  width:auto;
  margin:0;
  z-index:4;
}
.lineOrder button{
  width:30px;
  height:30px;
  min-width:30px;
  min-height:30px;
  padding:0;
  border:1px solid var(--c-gray-lightest-28);
  border-radius:50%;
  background:var(--c-gray-lightest-24);
  color:var(--c-gray-mid-17);
  font-size:16px;
  font-weight:700;
  line-height:30px;
  box-shadow:none;
}
.lineOrder button:active{
  transform:scale(.92);
  background:var(--c-gray-lightest-30);
}
.lineOrder button:disabled{
  opacity:.18;
}
@media(max-width:700px){
  .lineEdit{padding-top:46px;}
  .lineOrder{top:8px; right:9px;}
}

/* v0.9.0 drift modules */
.sectionTitle{display:flex;flex-direction:column;gap:3px;margin:22px 0 12px}
.sectionTitle small{color:var(--c-gray-light-25)}
.opsCards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.miniCard{background:var(--c-white-2-bg);border:1px solid var(--c-gray-lightest-31);border-radius:18px;padding:15px;display:flex;flex-direction:column;gap:5px}
.miniCard small,.miniCard span{color:var(--c-gray-light-25)}
.miniCard b{font-size:20px;color:var(--c-ink-deep-14)}
.opsActions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
.opsActions .primary{grid-column:1/-1}
.opsRow{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid var(--c-gray-lightest-32);padding:12px 0}
.opsRow:first-of-type{margin-top:8px}
.opsRow span{display:flex;flex-direction:column;gap:3px;min-width:0}
.opsRow small{color:var(--c-gray-light-26);font-size:12px}
.opsList{display:flex;flex-direction:column}
.opsList .opsRow{padding:14px 18px}
.opsList .opsRow:first-of-type{margin-top:0}
.opsRow>span:first-child{flex:1;min-width:0;overflow:hidden}
.opsRow>span:first-child b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.opsRowValue{flex:0 0 auto;align-items:flex-end;text-align:right;white-space:nowrap}
.statusTag{display:inline-flex;width:max-content;justify-self:end;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:900;font-style:normal}
.statusTag.active{background:var(--c-success-tint-18);color:var(--c-success-19)}
.statusTag.suspended{background:var(--c-danger-tint-7);color:var(--c-danger-12)}
.statusTag:empty{display:none}
@media(min-width:700px){.opsCards{grid-template-columns:repeat(4,1fr)}.opsActions{grid-template-columns:repeat(3,1fr)}.opsActions .primary{grid-column:auto}}

/* v0.9.1: planlagt vs faktisk fra tilbud */
.planNotice{margin:0 0 12px;padding:11px 13px;border-radius:14px;background:var(--c-success-tint-3);color:var(--c-success-3);font-size:13px}
.opsProgress{height:6px;background:var(--c-gray-lightest-33);border-radius:99px;overflow:hidden;margin-top:5px}
.opsProgress i{display:block;height:100%;background:var(--c-accent-deep-21);border-radius:99px}
.opsSectionHead{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:6px}
.opsSectionHead span{font-size:13px;color:var(--c-gray-mid-18)}

.billingSummary{padding:14px;border-radius:16px;background:var(--c-accent-tint-4);display:flex;flex-direction:column;gap:3px}
.billingSummary b{font-size:24px}.billingSummary small{color:var(--c-gray-mid-19)}
.invoicePick{border:1px solid var(--c-gray-lightest-34);border-radius:16px;padding:12px}
.pickRow{display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--c-gray-lightest-32)}
.pickRow input{width:21px;height:21px}.pickRow span{display:flex;flex-direction:column;gap:2px}.pickRow small{color:var(--c-gray-light-25);font-size:12px}
.invoiceLive{display:flex;justify-content:space-between;align-items:center;padding:14px;border-radius:14px;background:var(--c-gray-lightest-35)}.invoiceLive b{font-size:20px}
.billingTag{display:inline-flex;width:max-content;margin-top:5px;padding:4px 8px;border-radius:999px;font-size:11px;font-style:normal;font-weight:800}
.billingTag.unbilled{background:var(--c-accent-tint-5);color:var(--c-accent-deep-22)}.billingTag.draft{background:var(--c-info-tint-4);color:var(--c-info-3)}.billingTag.billed{background:var(--c-success-tint-4);color:var(--c-success-4)}
.dangerText{color:var(--c-danger-2)!important}.emptyState{padding:18px;border:1px dashed var(--c-gray-lighter-3);border-radius:16px;color:var(--c-gray-mid-20)}

/* v0.9.4 automatisk valg fra tilbud + ekstraarbejde */
.toggleRow{display:flex!important;flex-direction:row!important;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--c-gray-lightest-36);border-radius:15px;background:var(--c-white-3)}
.toggleRow input{width:22px;height:22px;flex:0 0 auto}
.toggleRow span{display:flex;flex-direction:column;gap:2px}
.toggleRow small{color:var(--c-gray-light-27);font-weight:400}
.sourceHint{padding:11px 13px;border-radius:13px;background:var(--c-gray-lightest-37);color:var(--c-gray-mid-21);font-size:13px}
.extraBadge{display:inline-flex;width:max-content;margin-top:5px;padding:4px 8px;border-radius:999px;background:var(--c-accent-tint-6);color:var(--c-accent-deep-23);font-size:10px;letter-spacing:.04em}

/* v0.9.5 fast pris, løn og leverandørreference */
.billingModeCard,.supplierImportBox{margin:10px 0;padding:14px;border:1px solid var(--c-gray-lightest-36);border-radius:16px;background:var(--c-white-2-bg);display:flex;flex-direction:column;gap:4px}
.billingModeCard span,.supplierImportBox small{color:var(--c-gray-light-28);font-size:12px}.billingModeCard b{font-size:18px}
.supplierUpload{display:flex!important;align-items:center;justify-content:center;margin-top:8px;min-height:44px}
.billingTag.internal{background:var(--c-info-tint-5);color:var(--c-gray-mid-22)}
.payrollTag{display:inline-flex;width:max-content;margin:5px 0 0 5px;padding:4px 8px;border-radius:999px;background:var(--c-info-tint-6);color:var(--c-info-4);font-size:10px;font-style:normal;font-weight:800}

.financeSummary{display:flex;flex-direction:column;gap:14px}
.financeSummary .financeGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.financeSummary .financeGrid>div{background:var(--c-gray-lightest-38);border:1px solid var(--c-gray-lightest-39);border-radius:18px;padding:15px;display:flex;flex-direction:column;gap:5px}
.financeSummary small,.financeSummary span{color:var(--c-gray-light-29)}
.financeSummary .financeGrid b{font-size:22px;color:var(--c-ink-deep-14)}
.financeBar{background:var(--c-white-2-bg);border:1px solid var(--c-gray-lightest-39);border-radius:16px;padding:14px}
.financeBar>div:first-child{display:flex;justify-content:space-between;margin-bottom:8px}
.financeDetails{background:var(--c-white-2-bg);border:1px solid var(--c-gray-lightest-39);border-radius:16px;padding:4px 14px}
.financeDetails>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--c-gray-lightest-5)}
.financeDetails>div:first-child{border-top:0}
.financeDetails b{text-align:right}

/* v0.9.7 fastpris-tilbud */
.priceModeBox{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;border:1px solid var(--c-gray-lightest-40);border-radius:18px;background:var(--c-gray-lightest-38)}
.priceModeHint{grid-column:1/-1;padding:10px 12px;border-radius:12px;background:var(--c-white-2-bg);color:var(--c-gray-mid-23);font-size:13px}
.pricingBadge{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0;padding:11px 14px;border-radius:14px;background:var(--c-accent-tint-7)}
.pricingBadge span{color:var(--c-gray-mid-24)}.pricingBadge strong{margin-left:auto;color:var(--c-accent-deep-24)}
.fixedPriceLines .lineSellPriceLabel{opacity:.55}
@media(max-width:600px){.priceModeBox{grid-template-columns:1fr}.priceModeHint{grid-column:auto}}

/* v0.9.8 Kundevisning af tilbud */
.customerQuoteWrap{background:var(--c-gray-lightest-20);min-height:100%;padding:12px}
.customerQuoteToolbar{display:flex;gap:10px;justify-content:flex-end;margin-bottom:12px}
.customerQuoteDoc{background:var(--c-white-2-bg);border-radius:20px;padding:24px;max-width:860px;margin:0 auto;color:var(--c-ink-deep-15)}
.customerQuoteHeader{display:flex;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:2px solid var(--c-gray-lightest-41)}
.customerBrand{font-size:28px;font-weight:900;color:var(--c-accent-deep-25)}
.customerQuoteHeader p{margin:4px 0 0;color:var(--c-gray-mid-25)}
.customerQuoteMeta{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.customerQuoteMeta span{color:var(--c-gray-mid-25);font-size:13px}
.customerQuoteIntro{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px 0}
.customerQuoteIntro small{color:var(--c-gray-light-30);text-transform:uppercase;letter-spacing:.08em}
.customerQuoteIntro h2{margin:5px 0 4px;font-size:21px}
.customerQuoteIntro p{margin:2px 0;color:var(--c-gray-mid-23)}
.customerScope h3,.customerTerms h3,.customerApproval h3{margin:0 0 12px}
.customerLineHead,.customerLine{display:grid;grid-template-columns:1fr auto;gap:20px}
.customerLineHead{padding:9px 0;color:var(--c-gray-light-31);font-size:12px;text-transform:uppercase;border-bottom:1px solid var(--c-gray-lightest-42)}
.customerLine{padding:13px 0;border-bottom:1px solid var(--c-gray-lightest-32)}
.customerLine span:first-child{display:flex;flex-direction:column;gap:2px}
.customerLine small{color:var(--c-gray-light-32)}
.customerPriceBox{margin:24px 0 0 auto;max-width:430px;border-top:2px solid var(--c-gray-lightest-34);padding-top:10px}
.customerPriceBox>div{display:flex;justify-content:space-between;gap:20px;padding:8px 0}
.customerPriceBox span{color:var(--c-gray-mid-26)}
.customerGrand{font-size:20px;border-top:1px solid var(--c-gray-lightest-43);margin-top:6px;padding-top:14px!important}
.customerTerms,.customerApproval{margin-top:28px;padding-top:20px;border-top:1px solid var(--c-gray-lightest-34)}
.customerTerms p,.customerApproval p{white-space:pre-line;color:var(--c-gray-mid-26)}
.customerQuoteFooter{display:flex;justify-content:space-between;gap:15px;margin-top:35px;padding-top:14px;border-top:1px solid var(--c-gray-lightest-32);color:var(--c-gray-light-33);font-size:11px}

@media(max-width:600px){
  .customerQuoteToolbar{display:grid;grid-template-columns:1fr 1fr}
  .customerQuoteDoc{padding:18px;border-radius:16px}
  .customerQuoteIntro{grid-template-columns:1fr;gap:16px}
  .customerQuoteHeader{align-items:flex-start}
  .customerQuoteMeta{font-size:12px}
  .signatureGrid{grid-template-columns:1fr}
}

@media print{
  body{background:var(--c-white-2-bg)!important}
  body *{visibility:hidden!important}
  #customerQuotePrint,#customerQuotePrint *{visibility:visible!important}
  #customerQuotePrint{position:absolute;left:0;top:0;width:100%;padding:0!important;background:var(--c-white-2-bg)!important}
  .customerQuoteDoc{max-width:none!important;border-radius:0!important;box-shadow:none!important;padding:12mm!important}
  .noPrint{display:none!important}
  .customerLine,.customerPriceBox,.customerTerms,.customerApproval{break-inside:avoid}
}

/* v0.9.9 fastpris-kundevisning + digital godkendelse */
.customerLineHead.fixedScope,.customerLine.fixedScope{grid-template-columns:1fr}
.customerLine.fixedScope{padding:14px 0}
.customerApproval label{display:flex;flex-direction:column;gap:7px;margin:12px 0;font-weight:700}
.customerApproval input[type="text"],.customerApproval input:not([type]){min-height:48px;border:1px solid var(--c-gray-lightest-13);border-radius:12px;padding:0 12px;font-size:16px}
.approvalCheck{flex-direction:row!important;align-items:flex-start!important;gap:10px!important;padding:12px;border:1px solid var(--c-gray-lightest-40);border-radius:12px;background:var(--c-white-3);font-weight:500!important}
.approvalCheck input{width:22px;height:22px;flex:0 0 auto;margin-top:1px}
.approvalCheck span{line-height:1.4}
.digitalApproved{display:flex;flex-direction:column;gap:5px;padding:16px;border-radius:14px;background:var(--c-success-tint-4);color:var(--c-success-5)}
.digitalApproved b{font-size:19px}.digitalApproved span,.digitalApproved small{color:var(--c-gray-mid-27)}
@media print{
  .customerApproval .primary,.approvalCheck,#customerApprovalName{display:none!important}
}

.customerInfoGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}
.customerInfoCard{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid var(--c-gray-lightest-34);border-radius:14px;background:var(--c-white-3)}
.customerInfoCard small{color:var(--c-gray-light-30);text-transform:uppercase;letter-spacing:.06em}.customerInfoCard b{font-size:16px}.customerInfoCard span{color:var(--c-gray-mid-23);font-size:13px}
.scopeTerms{display:grid;grid-template-columns:1fr 1fr;gap:22px}.scopeTerms>div{min-width:0}
@media(max-width:600px){.customerInfoGrid,.scopeTerms{grid-template-columns:1fr}}
@media print{.customerInfoGrid,.scopeTerms{break-inside:avoid}}

/* v0.9.11 Firmaindstillinger */
.companyLogoEditor{display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:center;padding:14px;border:1px solid var(--c-gray-lightest-27);border-radius:17px;background:var(--c-white-3)}
.companyLogoEditor>div:last-child{display:flex;flex-direction:column;gap:5px;align-items:flex-start}
.companyLogoEditor small{color:var(--c-gray-mid-24)}
.companyLogoPreview{width:92px;height:92px;border-radius:18px;background:var(--c-ink-deep-16);color:var(--c-white-1-text);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:25px;overflow:hidden}
.companyLogoPreview img{width:100%;height:100%;object-fit:contain;background:var(--c-white-2-bg)}
.companyLogoButton{display:inline-flex!important;align-items:center;justify-content:center;min-height:38px;margin-top:5px}
.companySettingsHint{padding:12px 14px;border-radius:13px;background:var(--c-success-tint-5);color:var(--c-gray-mid-21);font-size:13px}
.customerCompanyLogo{display:block;max-width:150px;max-height:65px;object-fit:contain;margin:4px 0 8px}
.invoiceCompanyBar{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:14px;border:1px solid var(--c-gray-lightest-36);border-radius:17px;background:var(--c-white-2-bg)}
.invoiceCompanyBar img{width:48px;height:48px;object-fit:contain;border-radius:10px}
.invoiceCompanyBar span{display:flex;flex:1;flex-direction:column;gap:2px}
.invoiceCompanyBar small{color:var(--c-gray-light-29)}.invoiceCompanyBar em{font-style:normal;color:var(--c-gray-mid-28);font-size:12px}
.invoiceSender{margin-top:10px;padding-top:9px;border-top:1px solid var(--c-gray-lightest-32);color:var(--c-gray-light-32);font-size:12px}
@media(max-width:600px){.companyLogoEditor{grid-template-columns:76px 1fr}.companyLogoPreview{width:76px;height:76px}.invoiceCompanyBar{align-items:flex-start;flex-wrap:wrap}.invoiceCompanyBar button{margin-left:auto}}

/* v0.9.12 leverandører & indkøb */
.supplierSummary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.supplierSummary>div{padding:14px;border:1px solid var(--c-gray-lightest-36);border-radius:16px;background:var(--c-gray-lightest-38);display:flex;flex-direction:column;gap:4px}
.supplierSummary small{color:var(--c-gray-light-31)}.supplierSummary b{font-size:22px}
.supplierActions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.supplierRow{width:100%;border:0;border-top:1px solid var(--c-gray-lightest-32);background:transparent;padding:13px 0;display:flex;align-items:center;text-align:left;gap:10px}
.supplierRow:first-of-type{border-top:0}.supplierRow span{display:flex;flex:1;flex-direction:column;gap:3px}.supplierRow small{color:var(--c-gray-light-31)}.supplierRow i{font-style:normal;color:var(--c-gray-light-31)}
.purchaseRow,.employeePayRow{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:13px 0;border-top:1px solid var(--c-gray-lightest-32)}
.purchaseRow:first-of-type,.employeePayRow:first-of-type{border-top:0}.purchaseRow span,.employeePayRow span{display:flex;flex-direction:column;gap:3px}.purchaseRow small,.employeePayRow small{color:var(--c-gray-light-31)}.purchaseRow>b,.employeePayRow>span:last-child{text-align:right}
.supplierImportNote{margin-top:12px;padding:14px;border-radius:16px;background:var(--c-success-tint-5);color:var(--c-gray-mid-29)}.supplierImportNote p{margin:5px 0 0}
@media(max-width:540px){.supplierActions{grid-template-columns:1fr}.supplierSummary{grid-template-columns:1fr 1fr}}

/* v0.9.13 fastprisfakturering */
.fixedInvoiceSummary{background:var(--c-accent-tint-8)}
.fixedInvoiceSummary b{color:var(--c-accent-deep-26)}

/* v0.9.14 */
.fixedPaidState{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid var(--c-gray-lightest-44);background:var(--c-success-tint-6);border-radius:18px;margin:12px 0}
.fixedPaidState b{color:var(--c-success-6);font-size:18px}.fixedPaidState span{color:var(--c-gray-mid-30)}
.fixedDoneHint{background:var(--c-success-tint-6)}

/* v0.9.15 – mobile layout for fully invoiced fixed price */
.fixedPaidState{
  width:100%;
  box-sizing:border-box;
  align-items:stretch;
}
.fixedPaidState b,
.fixedPaidState span{
  display:block;
}
.fixedPaidState .primary{
  width:100%;
  min-height:56px;
  margin-top:4px;
}
@media (max-width:600px){
  .fixedPaidState{
    grid-column:1 / -1;
    max-width:none;
    padding:18px 20px;
    border-radius:18px;
  }
  .fixedPaidState b{
    font-size:20px;
    line-height:1.25;
  }
  .fixedPaidState span{
    line-height:1.35;
  }
}

/* v0.9.16 fakturaøkonomi */
.invoiceOverviewStrip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}
.invoiceOverviewStrip span{display:block;background:var(--c-info-tint-2);border:1px solid var(--c-gray-lightest-45);border-radius:14px;padding:12px}
.invoiceOverviewStrip small,.invoiceOverviewStrip b{display:block}
.invoiceManageRow>span:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.invoiceManageRow>span:last-child small{white-space:nowrap}
.historyRow{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:13px 0;border-bottom:1px solid var(--c-gray-lightest-45)}
.historyRow small{grid-column:1/-1;color:var(--c-gray-light-32)}
.dangerBtn{background:var(--c-danger-3-bg)!important}

/* v0.9.17 – fakturadokument */
.invoiceOpenCard{cursor:pointer;position:relative}
.invoiceOpenHint{display:block;margin-top:10px;color:var(--c-accent-deep-27);font-weight:700}
.invoiceIdLink{border:0;background:transparent;padding:0;color:var(--c-ink-deep-17);font:inherit;font-size:inherit;cursor:pointer;text-decoration:underline;text-decoration-color:var(--c-accent-1);text-underline-offset:3px}
.invoiceCustomerRow{width:100%;border:0;background:transparent;text-align:left}
.invoiceDocShell{width:min(860px,100%);margin:0 auto}
.invoiceDocToolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px}
.invoiceDocToolbar>div{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.invoiceDocument{background:var(--c-white-2-bg);border-radius:24px;padding:34px;box-shadow:0 12px 36px rgba(30,40,55,.08);color:var(--c-ink-deep-17)}
.invoiceDocHead{display:flex;justify-content:space-between;gap:20px;padding-bottom:26px;border-bottom:2px solid var(--c-gray-lightest-46)}
.invoiceBrand{display:flex;align-items:center;gap:14px}
.invoiceBrand img,.invoiceBrandMark{width:68px;height:68px;border-radius:18px;object-fit:contain}
.invoiceBrandMark{display:grid;place-items:center;background:var(--c-ink-deep-18);color:var(--c-white-1-text);font-size:24px;font-weight:800}
.invoiceBrand h1{margin:0;color:var(--c-accent-deep-28);font-size:34px}
.invoiceBrand span{font-size:20px;color:var(--c-gray-mid-31)}
.invoiceMeta{text-align:right;display:flex;flex-direction:column;gap:4px}
.invoiceMeta b{font-size:24px}
.invoiceMeta em{font-style:normal;color:var(--c-gray-mid-32)}
.invoiceAddressGrid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:28px 0}
.invoiceAddressGrid section{border:1px solid var(--c-gray-lightest-47);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:5px}
.invoiceAddressGrid small,.invoiceReference small{letter-spacing:.12em;color:var(--c-gray-light-34)}
.invoiceAddressGrid b{font-size:19px}
.invoiceReference{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;background:var(--c-info-tint-2);border-radius:16px;padding:16px;margin-bottom:24px}
.invoiceReference>div{display:flex;flex-direction:column;gap:4px}
.invoiceIntro{margin:0 0 22px;color:var(--c-gray-mid-33)}
.invoiceLineTable{border-top:1px solid var(--c-gray-lightest-48);border-bottom:1px solid var(--c-gray-lightest-48)}
.invoiceLineHead,.invoiceLine{display:grid;grid-template-columns:minmax(0,1fr) 110px 120px 120px;gap:12px;align-items:center}
.invoiceLineHead{padding:12px 0;color:var(--c-gray-light-35);font-size:13px;text-transform:uppercase;letter-spacing:.06em}
.invoiceLine{padding:16px 0;border-top:1px solid var(--c-gray-lightest-32)}
.invoiceLine>span:nth-child(n+2),.invoiceLine>b{text-align:right}
.invoiceLine span:first-child{min-width:0}
.invoiceLine small{display:block;color:var(--c-gray-light-34);margin-top:4px}
.invoiceTotals{width:min(420px,100%);margin:24px 0 24px auto}
.invoiceTotals>div{display:flex;justify-content:space-between;gap:18px;padding:8px 0}
.invoiceTotals .grand{border-top:1px solid var(--c-gray-lightest-48);margin-top:8px;padding-top:16px;font-size:22px}
.invoicePaymentStatus{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:var(--c-info-tint-7);border-radius:16px;padding:16px;margin:24px 0}
.invoicePaymentStatus div{display:flex;flex-direction:column;gap:3px}
.invoicePaymentStatus small{color:var(--c-gray-light-35)}
.invoiceDocFooter{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--c-gray-lightest-49);margin-top:30px;padding-top:18px;color:var(--c-gray-light-36);font-size:13px}
.creditDocument .invoiceBrand h1{color:var(--c-danger-4-text)}
.creditDocument .invoiceTotals .grand{color:var(--c-danger-4-text)}
@media(max-width:600px){
  .invoiceDocument{padding:22px 20px;border-radius:20px}
  .invoiceDocToolbar{flex-direction:column}
  .invoiceDocToolbar>div{justify-content:stretch}
  .invoiceDocToolbar button{flex:1}
  .invoiceDocHead{align-items:flex-start}
  .invoiceBrand img,.invoiceBrandMark{width:54px;height:54px}
  .invoiceBrand h1{font-size:28px}
  .invoiceBrand span{font-size:17px}
  .invoiceMeta b{font-size:20px}
  .invoiceAddressGrid{grid-template-columns:1fr}
  .invoiceReference{grid-template-columns:1fr 1fr}
  .invoiceLineHead{display:none}
  .invoiceLine{grid-template-columns:1fr auto;gap:7px 12px}
  .invoiceLine>span:first-child{grid-column:1/-1}
  .invoiceLine>span:nth-child(2){text-align:left}
  .invoiceLine>span:nth-child(3){display:none}
  .invoiceLine>b{text-align:right}
  .invoicePaymentStatus{grid-template-columns:1fr}
}
@media print{
  body{background:var(--c-white-2-bg)!important}
  .noPrint{display:none!important}
  .invoiceDocShell{width:100%!important}
  .invoiceDocument{box-shadow:none!important;border-radius:0!important;padding:18mm 14mm!important}
  .invoiceLine,.invoiceAddressGrid section,.invoiceReference,.invoicePaymentStatus{break-inside:avoid}
}

/* v0.9.18 – kundepakke og bilag */
.attachmentPicker{display:flex;flex-direction:column;gap:10px}
.attachmentChoice{display:flex!important;align-items:center;gap:12px;border:1px solid var(--c-gray-lightest-50);border-radius:16px;padding:14px;background:var(--c-white-2-bg)}
.attachmentChoice input{width:24px;height:24px;flex:0 0 auto}
.attachmentChoice span{display:flex;flex-direction:column;gap:3px}
.attachmentChoice small{color:var(--c-gray-light-36)}
.invoiceAttachmentSummary{display:flex;justify-content:space-between;gap:12px;background:var(--c-success-tint-6);border:1px solid var(--c-gray-lightest-51);border-radius:14px;padding:12px 14px;margin:18px 0;color:var(--c-gray-dark-5)}
.customerPackage{padding-bottom:10px}
.packagePage{padding:28px 0;border-top:1px solid var(--c-gray-lightest-49)}
.packagePage:first-of-type{border-top:0}
.packagePage h2{font-size:26px;margin:0 0 8px}
.packagePage h3{margin:22px 0 8px}
.packageLead{color:var(--c-gray-mid-34);margin-top:0}
.packageRow{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid var(--c-gray-lightest-32)}
.packageTextDoc{padding:14px 0;border-bottom:1px solid var(--c-gray-lightest-32)}
.packageTextDoc p{white-space:pre-wrap;color:var(--c-gray-mid-35)}
.packagePhotoGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.packagePhotoGrid figure{margin:0;border:1px solid var(--c-gray-lightest-47);border-radius:14px;overflow:hidden}
.packagePhotoGrid img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.packagePhotoGrid figcaption{padding:9px 10px;color:var(--c-gray-mid-36)}
@media(max-width:600px){
  .invoiceAttachmentSummary{flex-direction:column}
  .packagePhotoGrid{grid-template-columns:1fr}
}
@media print{
  .customerPackage .packagePage{break-before:page}
  .customerPackage .packageCover{break-before:auto}
}


/* v0.9.19 – robust A4 print/PDF on Android/Chrome */
.quotePackageRow>span:first-child{min-width:0}
.quotePackageRow>span:first-child b{display:block}
.quotePackageRow small{display:block;color:var(--c-gray-light-32);margin-top:4px;font-weight:400}

@page{
  size:A4 portrait;
  margin:12mm;
}

@media print{
  html,body{
    width:210mm!important;
    min-height:297mm!important;
    margin:0!important;
    padding:0!important;
    background:var(--c-white-2-bg)!important;
    overflow:visible!important;
  }

  /* Earlier quote-print CSS hides the whole app. Re-enable only the active print document. */
  body *{
    visibility:hidden!important;
  }
  .modalBg,
  .modalBg *,
  #asdpPrintDocument,
  #asdpPrintDocument *{
    visibility:visible!important;
  }

  .modalBg{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    background:var(--c-white-2-bg)!important;
    overflow:visible!important;
    z-index:99999!important;
  }

  .modal,
  .wideModal{
    position:static!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:var(--c-white-2-bg)!important;
  }

  #asdpPrintDocument{
    position:static!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    overflow:visible!important;
    margin:0!important;
    padding:0!important;
    background:var(--c-white-2-bg)!important;
  }

  .invoiceDocument{
    position:static!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:var(--c-white-2-bg)!important;
    color:var(--c-ink-deep-17)!important;
  }

  .noPrint,
  .invoiceDocToolbar,
  .topbar,
  .bottomNav,
  .fab,
  aside,
  .app>header{
    display:none!important;
  }

  .invoiceDocHead,
  .invoiceAddressGrid section,
  .invoiceReference,
  .invoiceLine,
  .invoiceTotals,
  .invoicePaymentStatus,
  .packageRow,
  .packageTextDoc,
  .packagePhotoGrid figure{
    break-inside:avoid!important;
    page-break-inside:avoid!important;
  }

  .customerPackage .packagePage{
    display:block!important;
    width:100%!important;
    padding:8mm 0 0!important;
    margin:0!important;
    border-top:0!important;
    break-before:page!important;
    page-break-before:always!important;
  }
  .customerPackage .packageCover{
    padding-top:0!important;
    break-before:auto!important;
    page-break-before:auto!important;
  }

  .packagePhotoGrid{
    grid-template-columns:1fr 1fr!important;
    gap:8mm!important;
  }
  .packagePhotoGrid img{
    max-height:105mm!important;
    object-fit:contain!important;
    background:var(--c-white-2-bg)!important;
  }

  .invoiceBrand h1{font-size:26pt!important}
  .invoiceBrand span{font-size:14pt!important}
  .invoiceMeta b{font-size:18pt!important}
  .invoiceDocument h2{font-size:20pt!important}
  .invoiceDocument h3{font-size:14pt!important}
  .packageRow{font-size:11pt!important}
  .packageRow small{font-size:9pt!important}
}

/* Android print engines sometimes preserve mobile layout at print time. */
@media print and (max-width:760px){
  .invoiceAddressGrid{grid-template-columns:1fr 1fr!important}
  .invoiceReference{grid-template-columns:2fr 1fr 1fr!important}
  .invoiceLineHead{display:grid!important}
  .invoiceLineHead,.invoiceLine{grid-template-columns:minmax(0,1fr) 28mm 30mm 30mm!important}
  .invoiceLine>span:first-child{grid-column:auto!important}
  .invoiceLine>span:nth-child(2){text-align:right!important}
  .invoiceLine>span:nth-child(3){display:block!important}
  .invoicePaymentStatus{grid-template-columns:repeat(3,1fr)!important}
}

/* v0.9.20 – arbejds- og afleveringsrapport */
.reportTitleRow{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.reportBadge{background:var(--c-success-tint-7);color:var(--c-success-7);padding:8px 10px;border-radius:999px;font-size:12px;font-weight:700}
.reportSummaryGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0 24px}
.reportSummaryGrid>div{background:var(--c-info-tint-8);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:4px}
.reportSummaryGrid small{color:var(--c-gray-light-36)}
.emptyReportText{color:var(--c-gray-mid-37);background:var(--c-white-4);border-radius:10px;padding:10px 12px}
.extraReportRow{background:var(--c-accent-tint-9);padding-left:10px;padding-right:10px;border-radius:10px}
.reportPhotoStrip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.reportPhotoStrip figure{margin:0;border:1px solid var(--c-gray-lightest-47);border-radius:12px;overflow:hidden}
.reportPhotoStrip img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.reportPhotoStrip figcaption{padding:7px 8px;font-size:12px;color:var(--c-gray-mid-36)}
.reportFootnote{font-size:12px;color:var(--c-gray-mid-37)}
.warrantyDoc{background:var(--c-success-tint-8);border-radius:10px;padding:12px;margin:8px 0}
.handoverSignoff{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:34px;padding-top:18px;border-top:1px solid var(--c-gray-lightest-48)}
.handoverSignoff div{display:flex;flex-direction:column;gap:8px}
.handoverSignoff small{color:var(--c-gray-light-35)}
.handoverSignoff span{border-bottom:1px solid var(--c-gray-light-37);padding-bottom:8px}
@media(max-width:600px){
  .handoverTools{grid-template-columns:1fr}
  .reportTitleRow{flex-direction:column}
  .reportSummaryGrid{grid-template-columns:1fr 1fr}
  .reportPhotoStrip{grid-template-columns:1fr 1fr}
}
@media print{
  .reportSummaryGrid{grid-template-columns:repeat(4,1fr)!important}
  .reportPhotoStrip{grid-template-columns:repeat(3,1fr)!important}
  .reportPhotoStrip figure,.handoverSignoff,.reportSummaryGrid>div{break-inside:avoid!important;page-break-inside:avoid!important}
}


/* v0.9.22 – professionel kundepakkeforside */
.packageCoverMeta{
  display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;
  margin:26px 0 24px;padding:20px 0;border-top:1px solid var(--c-gray-lighter-2);border-bottom:1px solid var(--c-gray-lighter-2)
}
.packageCoverMeta .metaLabel{font-size:11px;color:var(--c-gray-mid-31);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
.packageCoverMeta .metaValue{font-size:15px;font-weight:700;color:var(--c-ink-deep-19)}
.packageCoverDocs{margin-top:24px}
.packageCoverDocs h3{font-size:14px;margin:0 0 10px;color:var(--c-ink-deep-19)}
.packageCoverDoc{
  display:flex;align-items:center;justify-content:space-between;
  padding:11px 0;border-bottom:1px solid var(--c-gray-lightest-42);font-size:13px
}
.packageCoverDoc .docCheck{font-weight:700;color:var(--c-ink-deep-19)}
.packageCoverFooter{
  margin-top:34px;padding-top:12px;border-top:1px solid var(--c-gray-lightest-42);
  font-size:10px;color:var(--c-gray-light-38);display:flex;justify-content:space-between
}
@media print{
  .packageCoverMeta{break-inside:avoid}
  .packageCoverDocs{break-inside:avoid}
}


/* v0.9.23 – Android print: remove hidden application layout from pagination.
   visibility:hidden keeps layout space and caused blank A4 pages after the invoice. */
@media print{
  #app>.app,
  #app>.bottomNav,
  #app>.mobileNav{display:none!important}
  #app>.modalBg{display:block!important}
  body,#app{height:auto!important;min-height:0!important;overflow:visible!important}
}

/* v0.9.24 – kundesending, betaling og aflevering */
.invoiceSentBanner{display:flex;flex-direction:column;gap:4px;background:var(--c-success-tint-9);border:1px solid var(--c-success-tint-10);border-radius:14px;padding:13px 14px;margin:18px 0;color:var(--c-success-8)}
.invoiceSentBanner b{font-size:16px}.invoiceSentBanner small{color:var(--c-gray-mid-38)}
.sendAttachmentSummary{display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid var(--c-gray-lightest-40);border-radius:16px;background:var(--c-info-tint-9)}
.sendAttachmentSummary span{font-size:13px}.sendAttachmentSummary small{color:var(--c-gray-mid-39);margin-top:4px}
.sendActions{display:grid;grid-template-columns:1fr;gap:9px}
.invoicePaymentInfo{margin:24px 0;padding:16px;border:1px solid var(--c-gray-lightest-36);border-radius:16px;background:var(--c-white-4)}
.invoicePaymentInfo h3{margin:0 0 12px}
.invoicePaymentInfoGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.invoicePaymentInfoGrid>div{display:flex;flex-direction:column;gap:3px}
.invoicePaymentInfoGrid small{color:var(--c-gray-light-35)}
.handoverChecklist{margin-top:28px;padding:14px;border:1px solid var(--c-gray-lightest-52);border-radius:14px}
.handoverChecklist h3{margin:0 0 8px}
.handoverChecklist>div{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-top:1px solid var(--c-gray-lightest-10)}
.handoverChecklist>div:first-of-type{border-top:0}
.handoverChecklist b{font-size:12px;color:var(--c-gray-mid-40)}
.packagePhotoGrid figcaption,.reportPhotoStrip figcaption{display:flex;flex-direction:column;gap:2px}
.packagePhotoGrid figcaption small,.reportPhotoStrip figcaption small{color:var(--c-gray-light-39)}
@media(max-width:600px){.invoicePaymentInfoGrid{grid-template-columns:1fr}}
@media print{.invoiceSentBanner,.invoicePaymentInfo,.handoverChecklist{break-inside:avoid!important;page-break-inside:avoid!important}}

/* v0.9.25 – kompakt og læsevenlig kundesending */
.invoiceSendForm{gap:11px}
.invoiceSendForm>label:not(.sendConfirm){gap:5px}
.invoiceSendForm input,.invoiceSendForm textarea{
  font-family:inherit;
  font-weight:500;
  letter-spacing:0;
  color:var(--c-ink-deep-11-text);
}
.invoiceSendForm textarea{
  line-height:1.48;
  min-height:190px;
  resize:vertical;
}
.invoiceSendForm .sendAttachmentSummary{gap:5px;padding:13px 14px;border-radius:14px}
.invoiceSendForm .sendAttachmentSummary>b{font-size:14px;margin-bottom:2px}
.invoiceSendForm .sendAttachmentSummary span{font-size:12px;line-height:1.35}
.invoiceSendForm .sendAttachmentSummary small{font-size:10px;line-height:1.4}
.invoiceSendForm .sendActions{gap:8px}
.invoiceSendForm .sendActions button{min-height:44px}
.invoiceSendForm .sendConfirm{align-items:center;gap:9px;padding:7px 2px 1px;color:var(--c-gray-dark-2);font-weight:700;line-height:1.35}
.invoiceSendForm .sendConfirm input{width:20px;height:20px;margin:0}
.invoiceSendForm .sendConfirm span{font-size:11px}
@media(max-width:760px){
  .invoiceSendForm{gap:10px}
  .invoiceSendForm input,.invoiceSendForm textarea{font-size:15px!important;font-weight:500!important;line-height:1.42}
  .invoiceSendForm input{padding:11px 12px!important;min-height:46px}
  .invoiceSendForm textarea{padding:11px 12px!important;min-height:178px}
  .invoiceSendForm .sendAttachmentSummary{padding:12px 13px}
  .invoiceSendForm .sendAttachmentSummary>b{font-size:13px}
  .invoiceSendForm .sendAttachmentSummary span{font-size:12px}
  .invoiceSendForm .sendAttachmentSummary small{font-size:10px}
  .invoiceSendForm .sendActions button{min-height:43px;padding:10px 12px;font-size:11px}
  .invoiceSendForm .sendConfirm span{font-size:10px}
}
.sendServerNote{margin:4px 2px 0;color:var(--muted,var(--c-gray-light-40));font-size:.82rem;line-height:1.35}
#invoiceDirectSend:disabled{opacity:.65;cursor:wait}

/* v0.9.27 multi-virksomhedsgrundlag */
.tenantChip{display:flex;align-items:center;gap:7px;border:1px solid var(--c-gray-lightest-40);background:var(--c-white-2-bg);border-radius:999px;padding:6px 10px;max-width:220px}
.tenantChip b{font-size:12px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tenantChip small{font-size:10px;color:var(--c-gray-mid-41)}
.tenantInfoBox,.tenantMailStatus{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid var(--c-gray-lightest-53);border-radius:15px;background:var(--c-info-tint-9)}
.tenantInfoBox span,.tenantMailStatus span{font-size:12px;color:var(--c-gray-mid-42)}
@media(max-width:700px){.tenantChip{max-width:150px}.tenantChip small{display:none}.tenantChip b{max-width:85px}}

/* v0.9.28 login + firmaskift */
.avatarBtn{border:0;cursor:pointer}
.loginPage{min-height:100vh;background:var(--c-info-tint-10);display:grid;place-items:center;padding:24px}
.loginCard{width:min(520px,100%);background:var(--c-white-2-bg);border:1px solid var(--c-gray-lightest-40);border-radius:28px;padding:30px;box-shadow:0 12px 35px rgba(15,26,44,.08)}
.loginBrand{display:flex;align-items:center;gap:12px;margin-bottom:26px}.loginBrand span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--c-accent-deep-29);color:var(--c-white-1-text);font-weight:800}.loginBrand b{font-size:28px;color:var(--c-ink-deep-12)}
.loginCard h1{font-size:34px;margin:8px 0}.loginCard>p{color:var(--c-gray-mid-43);line-height:1.5}
.loginForm{margin-top:24px}
.loginError{margin-top:16px;padding:12px 14px;border-radius:12px;background:var(--c-danger-tint-1);color:var(--c-danger-5);font-weight:700}
.accountPanel{display:grid;gap:14px}.dangerSoft{border:1px solid var(--c-danger-tint-2);background:var(--c-danger-tint-3);color:var(--c-danger-6);border-radius:14px;padding:14px;font-weight:800}.securityNote{font-size:12px;line-height:1.5;color:var(--c-gray-mid-44);background:var(--c-info-tint-2);border-radius:14px;padding:14px}
.orgSwitcherBox{display:grid;gap:8px;padding:14px;border:1px solid var(--c-gray-lightest-53);border-radius:15px;background:var(--c-info-tint-9)}.orgSwitcherBox>b{font-size:11px}.orgSwitchRow{display:flex;justify-content:space-between;align-items:center;width:100%;border:1px solid var(--c-gray-lightest-53);background:var(--c-white-2-bg);border-radius:12px;padding:11px 13px;cursor:pointer;text-align:left;color:inherit}.orgSwitchRow span{display:grid;gap:2px}.orgSwitchRow small{color:var(--c-gray-mid-42);font-size:9px}.orgSwitchRow i{color:var(--c-gray-light-13)}.orgSwitchRow.active{background:var(--c-success-tint-1);border-color:var(--c-success-1);cursor:default}.orgSwitchRow.active em{color:var(--c-success-1);font-weight:800;font-style:normal;font-size:9px}

/* v0.9.29 virksomhedsmedlemskaber + testbrugere */
.orgUsersSection{margin:8px 0 22px;padding:18px;border:1px solid var(--c-gray-lightest-54);border-radius:20px;background:var(--c-white-4)}
.orgUsersSection .sectionAction{align-items:flex-start;gap:14px}
.orgUsersSection h3{margin:0 0 4px}.orgUsersSection small{color:var(--c-gray-mid-45)}
.orgUserList{display:grid;gap:9px;margin-top:14px}.orgUserRow{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;border-radius:14px;background:var(--c-white-2-bg);border:1px solid var(--c-gray-lightest-42)}.orgUserRow span{display:flex;flex-direction:column;gap:3px}.orgUserRow i{font-style:normal;font-size:12px;font-weight:800;color:var(--c-gray-mid-46);background:var(--c-gray-lightest-7);padding:5px 8px;border-radius:999px}

/* v0.9.30 – kunde ser kun egen virksomhed */
.tenantChipStatic{cursor:default}
.tenantChipStatic:hover{transform:none}
.companySettingsHint b{color:var(--c-ink-deep-19)}

/* v0.9.31 – fuld virksomhedsisolation */
.loginSignupBtn{margin-top:10px}
.loginResetBtn{display:block;width:100%;margin-top:16px;padding:8px 0;background:none;border:none;color:var(--c-gray-mid-43);font-size:12px;text-decoration:underline;cursor:pointer;text-align:center}
.loginResetBtn:hover{color:var(--c-gray-darkest-90,#1a1a1a)}
.loginResetConfirm{margin-top:14px;padding:14px 16px;border-radius:16px;background:var(--c-warn-tint-8,#fff4e5);border:1px solid var(--c-warn-tint-30,#f2c98a)}
.loginResetConfirm p{margin:0 0 12px;font-size:13px;line-height:1.5;color:var(--c-gray-mid-43)}
.loginResetConfirmActions{display:flex;gap:10px;justify-content:flex-end}
.loginResetConfirmActions button{padding:8px 16px;border-radius:10px;font-size:13px}
.tenantChipStatic{pointer-events:none}

/* v0.9.36 – native add-user expander; avoids mobile click-handler issues */
.orgAddUser{margin-top:14px;border-top:1px solid var(--c-gray-lightest-55);padding-top:12px}
.orgAddUser summary{list-style:none;cursor:pointer;border:0;border-radius:12px;background:var(--c-gray-lightest-4);color:var(--c-info-1);padding:12px 14px;text-align:center;font-weight:800;font-size:14px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.orgAddUser summary::-webkit-details-marker{display:none}
.orgAddUser[open] summary{margin-bottom:14px;background:var(--c-info-tint-11)}
.orgAddUserForm{padding-top:2px}
.hidden{display:none!important}

/* v0.9.38 medarbejdervisning */
.employeeBottomNav{grid-template-columns:repeat(4,1fr)}
.employeeApp .fab{display:none!important}
.employeeHero{margin-bottom:18px}
.employeeStats{grid-template-columns:repeat(3,minmax(0,1fr))}
.employeeQuick{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 20px}
.employeeQuick button{background:var(--c-white-2-bg);border:1px solid var(--line,var(--c-gray-lightest-28));border-radius:20px;padding:18px 10px;display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:800;color:var(--ink,var(--c-ink-deep-20))}
.employeeQuick b{font-size:24px;color:var(--c-accent-deep-30)}
.employeeEmpty{padding:22px!important;text-align:left}.employeeEmpty p{margin:6px 0 0;color:var(--c-gray-mid-45)}
.employeeTaskRow{border-bottom:1px solid var(--c-gray-lightest-41);padding:4px 0 14px;margin-bottom:10px}.employeeTaskRow:last-child{border-bottom:0}
.employeeOpenOrder{width:100%;margin-top:8px}
.employeeCalendar{padding:0!important;overflow:hidden}.employeeCalendar>button{width:100%;display:grid;grid-template-columns:92px 1fr auto;gap:14px;align-items:center;text-align:left;background:var(--c-white-2-bg);border:0;border-bottom:1px solid var(--c-gray-lightest-39);padding:18px}.employeeCalendar>button:last-child{border-bottom:0}.calendarDate{font-weight:800;color:var(--c-accent-deep-31)}.employeeCalendar small{display:block;color:var(--c-gray-mid-18);margin-top:4px}
.employeeWorkCard{padding:22px;margin-bottom:18px}.employeeWorkCard h2{margin-top:0}.employeeLog{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--c-gray-lightest-56)}.employeeLog small{display:block;color:var(--c-gray-mid-47);margin-top:3px}
.employeeOrderTop{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.employeeMiniSection{padding:18px 0;border-top:1px solid var(--c-gray-lightest-39)}.employeeMiniSection h3{font-size:22px;margin:0 0 14px}.employeeCamera{display:flex;align-items:center;justify-content:center;cursor:pointer}.employeePhotoCount{display:flex;gap:10px;align-items:end;margin-top:16px}.employeePhotoCount b{font-size:32px}.employeePhotoCount span{color:var(--c-gray-mid-16);padding-bottom:4px}
@media(max-width:760px){.employeeStats{grid-template-columns:1fr}.employeeQuick{grid-template-columns:repeat(3,1fr)}.employeeQuick button{font-size:13px;padding:15px 6px}.employeeCalendar>button{grid-template-columns:78px 1fr auto}.employeeApp .content{padding-bottom:100px}}

/* v0.9.39 – medarbejder rute + GPS på tid */
.employeeGpsMessage{min-height:18px;margin:6px 0 0;font-size:12px;color:var(--c-gray-mid-48)}.employeeGpsMessage.error{color:var(--c-danger-7);font-weight:700}.employeeGpsMessage.working{color:var(--c-gray-mid-49)}
@media(max-width:520px){.employeeRouteCard{align-items:flex-start}.employeeRouteBtn{flex:0 0 auto}}

/* v0.9.43 – sikre tryk på mobil */
button,[data-page],[data-order],[data-action],a.employeeRouteBtn{
  touch-action:manipulation;
  -webkit-tap-highlight-color:rgba(201,125,67,.12);
}
.employeeBottomNav button{min-height:52px}

/* v0.9.44 – medarbejderknapper skal altid kunne trykkes */
.employeeApp button,
.employeeBottomNav button,
.employeeQuick button,
.employeeTaskOpen {
  pointer-events: auto !important;
  touch-action: manipulation !important;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  position: relative;
  z-index: 2;
}
.employeeBottomNav {
  z-index: 9999 !important;
  pointer-events: auto !important;
}
.employeeBottomNav button {
  min-height: 64px !important;
}
.employeeQuick {
  position: relative;
  z-index: 3;
}

/* v0.9.45 – native navigation for medarbejder */
.employeeQuick a,
.employeeBottomNav a,
.employeeApp aside nav a,
.employeeOpenOrder,
.employeeTaskOpen,
.employeeCalendar a{
  text-decoration:none;
  color:inherit;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:rgba(201,125,67,.15);
}
.employeeQuick a{
  background:var(--c-white-2-bg);border:1px solid var(--line,var(--c-gray-lightest-28));border-radius:20px;
  padding:18px 10px;display:flex;flex-direction:column;align-items:center;gap:8px;
  font-weight:800;color:var(--ink,var(--c-ink-deep-20));position:relative;z-index:100;
}
.employeeQuick a b{font-size:24px;color:var(--c-accent-deep-30)}
.employeeBottomNav a{
  border:0;background:transparent;display:grid;place-items:center;gap:3px;
  color:var(--c-gray-light-20);padding:6px 3px;font-size:8px;min-height:64px;
}
.employeeBottomNav a i{font-style:normal;font-size:17px}
.employeeBottomNav a.active{color:var(--c-accent-deep-13);font-weight:800}
.employeeBottomNav{z-index:100000!important}
.employeeApp aside nav a{
  padding:12px 14px;border-radius:10px;font-size:12px;display:flex;gap:12px;align-items:center;color:var(--c-gray-light-1);
}
.employeeApp aside nav a.active{background:var(--c-ink-deep-4);color:var(--c-white-1-text);box-shadow:inset 3px 0 var(--c-accent-deep-1)}
.employeeOpenOrder{display:inline-flex}
.employeeCalendar a{
  width:100%;display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:10px;
  padding:14px;border-top:1px solid var(--c-gray-lightest-10);
}

/* v0.9.46 – M/account-knap */
.employeeAccountLink{
  display:grid!important;
  place-items:center!important;
  text-decoration:none!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  position:relative!important;
  z-index:100001!important;
}
.modalCloseLink{
  text-decoration:none!important;
  color:var(--c-gray-mid-9)!important;
  font-size:34px!important;
  line-height:1!important;
  padding:6px 8px!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}

/* v0.9.48 – enkel medarbejderopgave */
.employeeCustomerCard,.employeeAssignmentCard,.employeeTimerCard{
  background:var(--c-white-2-bg);border:1px solid var(--c-gray-lightest-9);border-radius:22px;padding:22px;margin:0 0 18px;
}
.employeeCustomerCard h3,.employeeAssignmentCard h3,.employeeTimerCard h3{margin:0 0 14px;font-size:24px}
.employeeCustomerGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.employeeCustomerGrid .wide{grid-column:1/-1}
.employeeCustomerGrid small,.employeeAssignmentHead small{display:block;color:var(--c-gray-light-41);margin-bottom:4px}
.employeeCustomerGrid b,.employeeCustomerGrid a{font-size:18px;color:var(--c-ink-deep-20);font-weight:800}
.employeeAssignmentHead{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.employeeAssignmentHead span{font-weight:800;white-space:nowrap}
.employeeAssignmentText{background:var(--c-gray-lightest-24);border-radius:16px;padding:18px;font-size:18px;line-height:1.45;margin:12px 0 6px}
.employeeAssignedSteps{margin-top:10px}
.employeeTimerCard p{color:var(--c-gray-mid-50);line-height:1.45}
.employeeTimerRunning{background:var(--c-success-tint-11);border:1px solid var(--c-success-tint-12);border-radius:18px;padding:18px;margin:16px 0;display:grid;gap:5px}
.employeeTimerRunning span{color:var(--c-success-9);font-weight:900}
.employeeTimerRunning b{font-size:34px;color:var(--c-ink-deep-20)}
.employeeTimerRunning small{color:var(--c-gray-mid-51)}
@media(max-width:560px){
  .employeeCustomerGrid{grid-template-columns:1fr}
  .employeeCustomerGrid .wide{grid-column:auto}
  .employeeAssignmentHead{display:block}
  .employeeAssignmentHead span{display:block;margin-top:6px}
}

/* v0.9.49 komplet montørflow */
.employeeMiniSection{background:var(--c-white-2-bg);border:1px solid var(--c-gray-lightest-9);border-radius:22px;padding:22px;margin:0 0 18px}
.employeeMiniSection h3,.employeeFinishCard h3{font-size:24px;margin:0 0 10px}
.emptyMini{padding:16px;border-radius:14px;background:var(--c-gray-lightest-24);color:var(--c-gray-mid-28)}
.formInlineError{margin:8px 0 0;padding:10px 14px;border-radius:10px;background:#fdeceb;color:#b3261e;font-size:13px}
.employeePhotoGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}
.employeePhotoGrid figure{margin:0}.employeePhotoGrid img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px}
.employeePhotoGrid figcaption{font-size:12px;color:var(--c-gray-mid-28);padding:5px 2px}
.employeeNoteLog{border-top:1px solid var(--c-gray-lightest-33);padding:14px 0}.employeeNoteLog p{margin:5px 0 0;white-space:pre-wrap}
.employeeFinishCard{background:var(--c-white-2-bg);border:1px solid var(--c-gray-lightest-9);border-radius:22px;padding:22px;margin:0 0 30px}
.employeeFinishCard small{display:block;color:var(--c-accent-deep-32);margin-top:10px}
.form textarea{min-height:100px;resize:vertical}
@media(max-width:520px){.photoTypeButtons{grid-template-columns:1fr}.employeePhotoGrid{grid-template-columns:1fr 1fr}}

/* v0.9.50 */
.employeeFinishCard .primary:disabled{opacity:.65}

/* v0.9.51 medarbejderflow */
.employeeSuccessBanner{
  background:var(--c-success-tint-9);border:1px solid var(--c-success-tint-13);color:var(--c-success-10);
  border-radius:18px;padding:16px 18px;margin:0 0 18px;font-weight:900;
}
.employeeCompletedPanel{margin-top:18px}
.employeeCompletedOrder{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:16px 4px;border-top:1px solid var(--c-gray-lightest-33);text-decoration:none;color:inherit;
}
.employeeCompletedOrder:first-of-type{border-top:0}
.employeeCompletedOrder span{display:grid;gap:4px}
.employeeCompletedOrder small{color:var(--c-gray-light-42)}
.employeeCompletedOrder i{font-style:normal;font-size:24px}
.employeeExtraButton{margin-top:12px}
.employeeExtraMaterialBox{margin-top:14px;padding-top:14px;border-top:1px solid var(--c-gray-lightest-33)}
.employeeExtraMaterialBox[hidden]{display:none!important}
.employeeTimeOpen{text-decoration:none!important;margin-top:12px}
.employeeGpsMessage.error{color:var(--c-danger-8);font-weight:800}
.employeeGpsMessage.working{color:var(--c-gray-mid-52);font-weight:700}

/* v0.9.52 - afsluttede opgaver er skrivebeskyttede */
.employeeClosedBanner{
  display:grid;gap:6px;margin:0 0 18px;padding:16px 18px;
  border-radius:18px;background:var(--c-success-tint-9);border:1px solid var(--c-success-tint-13);color:var(--c-success-11);
}
.employeeClosedBanner b{font-size:18px}
.employeeClosedBanner span{line-height:1.45}
.employeeReadonlyBox{
  padding:16px 18px;border-radius:16px;background:var(--c-gray-lightest-23);color:var(--c-gray-mid-53);
  border:1px solid var(--c-gray-lightest-57);font-weight:700;
}
body{padding-bottom:calc(110px + env(safe-area-inset-bottom, 0px))}
.page,.main,.content{padding-bottom:calc(120px + env(safe-area-inset-bottom, 0px))}
.modal{padding-bottom:calc(130px + env(safe-area-inset-bottom, 0px))}
@media(max-width:700px){
  .employeeFinishCard{margin-bottom:140px}
  .employeeMiniSection:last-of-type{margin-bottom:20px}
}

/* v0.9.53 samlet medarbejderflow */
.employeeStatus{font-size:12px;font-weight:900;border-radius:999px;padding:4px 9px;background:var(--c-gray-lightest-58);color:var(--c-gray-mid-54)}.employeeStatus.running{background:var(--c-accent-tint-10);color:var(--c-accent-deep-33)}.employeeStatus.done{background:var(--c-success-tint-14);color:var(--c-success-12)}.employeeStatus.ready{background:var(--c-info-tint-12);color:var(--c-info-5)}
.employeeChecks{display:grid;gap:10px}.employeeChecks>div{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--c-gray-lightest-59)}.employeeChecks span{font-size:20px;font-weight:900}.employeeChecks .ok{color:var(--c-success-13);background:var(--c-success-tint-7)}.employeeChecks .missing{color:var(--c-accent-deep-34);background:var(--c-accent-tint-11)}
@media(max-width:700px){.employeePage{padding-bottom:150px}.employeeTodaySection:last-child{margin-bottom:140px}}

/* v0.9.54 medarbejderportal */
.employeePortalPage{max-width:820px;margin:0 auto;padding:22px 18px 150px}.employeePortalHead{display:flex;gap:16px;align-items:flex-start;margin-bottom:18px}.employeePortalHead h1{margin:2px 0}.employeePortalHead p{margin:3px 0;color:var(--c-gray-mid-55)}.employeePortalBack{text-decoration:none;color:var(--c-accent-deep-35);font-weight:900;padding-top:8px;white-space:nowrap}
.employeePortalTabs{display:flex;gap:8px;overflow:auto;padding:4px 0 14px;margin-bottom:6px;scrollbar-width:none}.employeePortalTabs a{white-space:nowrap;text-decoration:none;color:var(--c-gray-mid-56);background:var(--c-gray-lightest-60);border-radius:999px;padding:9px 13px;font-weight:800;font-size:13px}.employeePortalTabs a.active{background:var(--c-ink-deep-21);color:var(--c-white-1-text)}
.employeePortalOverview{display:grid;grid-template-columns:1fr 1fr;gap:12px}.portalTile{display:grid;gap:7px;text-decoration:none;color:var(--c-ink-deep-20);background:var(--c-white-2-bg);border:1px solid var(--c-gray-lightest-57);border-radius:20px;padding:20px;min-height:105px}.portalTile b{font-size:17px}.portalTile span{color:var(--c-gray-mid-57)}.portalTile.alert{background:var(--c-accent-tint-12);border-color:var(--c-accent-tint-13)}
.employeePortalCard{background:var(--c-white-2-bg);border:1px solid var(--c-gray-lightest-57);border-radius:22px;padding:22px;margin:0 0 16px}.employeePortalCard h2{margin-top:0;font-size:25px}.employeePortalCard h3{margin-top:22px}.portalInfoGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.portalInfoGrid>div{background:var(--c-gray-lightest-24);border-radius:14px;padding:14px;display:grid;gap:4px}.portalInfoGrid small{color:var(--c-gray-light-43)}
.portalRow{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--c-gray-lightest-33);padding:14px 2px}.portalRow span{display:grid;gap:4px}.portalRow small{color:var(--c-gray-mid-58)}.portalStatus{font-style:normal;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;background:var(--c-accent-tint-14);color:var(--c-accent-deep-36)}.portalStatus.approved{background:var(--c-success-tint-14);color:var(--c-success-14)}.portalStatus.rejected{background:var(--c-danger-tint-4);color:var(--c-danger-9)}
.employeeSickActive{display:grid;gap:5px;background:var(--c-accent-tint-15);border:1px solid var(--c-accent-tint-16);border-radius:16px;padding:17px;margin-bottom:14px;color:var(--c-danger-10)}.portalMessage{padding:15px 0;border-top:1px solid var(--c-gray-lightest-33)}.portalMessage:first-of-type{border-top:0}.portalMessage p{margin:6px 0;line-height:1.45}.portalMessage small{color:var(--c-gray-light-44)}.portalHiddenForm{margin-top:16px}.portalHiddenForm[hidden]{display:none!important}.portalAccount{margin-top:18px}
@media(max-width:620px){.employeePortalOverview,.portalInfoGrid{grid-template-columns:1fr}.employeePortalPage{padding-left:14px;padding-right:14px}.employeePortalHead{display:block}.employeePortalBack{display:inline-block;margin-bottom:12px}}

/* v0.9.55 ferie/sygdom fix */
.portalFlash{margin:0 0 14px;padding:14px 16px;border-radius:14px;background:var(--c-success-tint-15);color:var(--c-success-15);font-weight:850;border:1px solid var(--c-success-tint-16)}
.portalFlash.error{background:var(--c-danger-tint-5);color:var(--c-danger-11);border-color:var(--c-danger-tint-6)}
.employeePortalMobileBack{display:none;text-decoration:none;color:var(--c-accent-deep-35);font-weight:900;margin:0 0 14px}
.portalMiniStats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 16px}
.portalMiniStats>div{background:var(--c-gray-lightest-59);border-radius:14px;padding:13px;display:grid;gap:4px}
.portalMiniStats small{color:var(--c-gray-mid-59)}.portalMiniStats b{font-size:22px}
@media(max-width:620px){
  .employeePortalTabs{display:none!important}
  .employeePortalMobileBack{display:inline-block}
  .employeePortalCard{padding:20px 18px}
  .portalTile{min-height:auto;padding:18px}
}

.employeePortalBackButton{appearance:none;border:0;background:transparent;padding:0;font:inherit;cursor:pointer;text-align:left;color:var(--c-accent-deep-35);font-weight:900}

/* v0.9.59 medarbejderstyring */
.employeeAdminSection{background:var(--c-white-2-bg);border:1px solid var(--c-gray-lightest-40);border-radius:20px;padding:18px;margin:0 0 16px}
.employeeAdminSection h3{font-size:22px;margin:0 0 14px;color:var(--c-ink-deep-14)}

/* v0.9.60 medarbejder-opgaveflow */
.employeeTaskTop{display:block;margin-bottom:18px}.employeeTaskTop>div{display:block}.employeeTaskTop h2{margin:7px 0 4px;font-size:30px}.employeeTaskTop p{margin:0;color:var(--c-gray-light-42)}.employeeTaskTop .eyebrow{margin-top:0}.employeeTaskBack{display:inline-flex;align-items:center;border:0;background:transparent;border-radius:0;padding:4px 0;margin:0 0 16px;color:var(--c-accent-deep-37);font-weight:900;white-space:nowrap;text-decoration:none}.employeeTaskBack:active{opacity:.65}.employeeFlowProgress{display:flex;align-items:center;margin:4px 4px 20px}.employeeFlowProgress span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--c-gray-lightest-5);color:var(--c-gray-light-45);font-weight:900}.employeeFlowProgress span.active{background:var(--c-accent-deep-38);color:var(--c-white-1-text)}.employeeFlowProgress i{height:3px;flex:1;background:var(--c-gray-lightest-61)}.employeeFlowCard,.employeeFlowFinish,.employeeClosedHero{background:var(--c-white-2-bg);border:1px solid var(--c-gray-lightest-50);border-radius:22px;padding:20px;margin:0 0 14px}.flowTitle{display:flex;gap:12px;align-items:center;margin-bottom:14px}.flowTitle>span{width:38px;height:38px;border-radius:12px;background:var(--c-accent-tint-17);color:var(--c-accent-deep-39);display:grid;place-items:center;font-weight:900}.flowTitle small{color:var(--c-gray-light-46);font-weight:800;letter-spacing:.08em}.flowTitle h3,.employeeFlowCard>h3{font-size:24px;margin:2px 0 0}.employeeJobIntro>p{font-size:17px;line-height:1.55}.employeeJobFacts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.employeeJobFacts>div,.employeeJobFacts>a{background:var(--c-gray-lightest-59);border-radius:14px;padding:13px;display:grid;gap:3px;text-decoration:none;color:var(--c-ink-deep-14)}.employeeJobFacts small{color:var(--c-gray-light-42)}.employeeAssignedSteps .task{padding:14px 0;border-bottom:1px solid var(--c-gray-lightest-62)}.employeeAssignedSteps .task:last-child{border-bottom:0}.employeePhotoGroup{border:1px solid var(--c-gray-lightest-49);border-radius:16px;padding:14px;margin:10px 0}.employeePhotoGroup>div:first-child{display:grid;gap:2px;margin-bottom:10px}.employeePhotoGroup small{color:var(--c-gray-light-47)}.compactPhotoBtn{width:100%;margin-bottom:10px}.employeePhotoGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.employeePhotoGrid figure{margin:0}.employeePhotoGrid img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px}.employeePhotoGrid figcaption{font-size:10px;color:var(--c-gray-mid-43);margin-top:4px}.employeePhotoEmpty{grid-column:1/-1;background:var(--c-gray-lightest-59);border-radius:12px;padding:13px;color:var(--c-gray-light-46)}.employeeOptional{border:0}.employeeOptional>summary{cursor:pointer;font-weight:900;font-size:18px;padding:8px 0;list-style:none}.employeeOptional>summary::-webkit-details-marker{display:none}.employeeFlowFinish .employeeChecks{margin:14px 0}.employeeFlowFinish button:disabled{opacity:.45;cursor:not-allowed}.employeeClosedHero{display:flex;gap:14px;align-items:center;background:var(--c-success-tint-9);border-color:var(--c-success-tint-17)}.employeeClosedHero>span{font-size:32px;color:var(--c-success-16)}.employeeClosedHero h3{margin:0;font-size:23px}.employeeClosedHero p{margin:4px 0 0;color:var(--c-gray-mid-60)}.employeeSummaryGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.employeeSummaryGrid>div{background:var(--c-gray-lightest-59);border-radius:14px;padding:13px;display:grid;gap:3px}.employeeSummaryGrid small{color:var(--c-gray-light-42)}.employeeSummaryGrid b{font-size:20px}
@media(max-width:720px){.employeeTaskTop{display:block}.employeeTaskBack{margin-bottom:12px}.employeeTaskTop h2{font-size:27px}.employeeFlowCard,.employeeFlowFinish,.employeeClosedHero{padding:16px;border-radius:20px}.employeeJobFacts{grid-template-columns:1fr}.employeePhotoGrid{grid-template-columns:repeat(2,1fr)}}

/* v0.9.61 kompakt afsluttet rapport + samlet tid */
.employeeClosedReport{display:grid;gap:10px;margin:0 0 18px}.employeeReportSection{background:var(--c-white-2-bg);border:1px solid var(--c-gray-lightest-50);border-radius:18px;overflow:hidden}.employeeReportSection summary{list-style:none;cursor:pointer;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.employeeReportSection summary::-webkit-details-marker{display:none}.employeeReportSection summary>span{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}.employeeReportSection summary b{font-size:18px}.employeeReportSection summary small{grid-column:2;color:var(--c-gray-light-47);margin-top:2px}.employeeReportSection summary i{font-style:normal;color:var(--c-gray-light-47)}.employeeReportSection[open] summary i{transform:rotate(180deg)}.employeeReportBody{border-top:1px solid var(--c-gray-lightest-33);padding:12px 18px 16px}.employeeReportEmpty{background:var(--c-gray-lightest-59);border-radius:12px;padding:13px;color:var(--c-gray-light-48)}.reportMiniGroup{margin:4px 0 14px}.reportMiniGroup>b{display:block;margin-bottom:8px}.employeeLog.compact{padding:11px 0}.employeeTimeHistory{padding-bottom:10px}.employeeTimeDay{border-top:1px solid var(--c-gray-lightest-63)}.employeeTimeDay:first-of-type{border-top:0}.employeeTimeDay summary{list-style:none;cursor:pointer;padding:15px 0;display:flex;justify-content:space-between;gap:16px;align-items:center}.employeeTimeDay summary::-webkit-details-marker{display:none}.employeeTimeDay summary span{display:grid;gap:3px}.employeeTimeDay summary small{color:var(--c-gray-light-49)}.employeeTimeDay summary strong{font-size:20px;white-space:nowrap}.employeeTimeDayBody{background:var(--c-gray-lightest-24);border-radius:13px;padding:11px 13px;margin:0 0 12px}.employeeTimeDayBody p{display:grid;grid-template-columns:55px 1fr;gap:8px;margin:5px 0;font-size:13px}.employeeTimeDayBody span{color:var(--c-gray-mid-61);overflow-wrap:anywhere}.employeeTimeHint{display:block;color:var(--c-gray-light-47);margin-top:8px}

/* v0.9.64 – rigtig månedsvisning i medarbejderkalender */
.employeeCalendarLegend{display:flex;gap:22px;align-items:center;margin:4px 2px 18px;color:var(--c-gray-mid-18);font-size:15px}.employeeCalendarLegend span{display:flex;align-items:center;gap:8px}.employeeCalendarLegend i,.employeeCalendarDay i{display:inline-block;width:9px;height:9px;border-radius:50%}.openDot{background:var(--c-accent-deep-40-bg)}.doneDot{background:var(--c-success-17-bg)}
.employeeMonthCalendar{padding:18px!important;overflow:hidden}.employeeCalendarToolbar{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;margin-bottom:16px}.employeeCalendarToolbar h2{margin:0;text-align:center;text-transform:capitalize;font-size:24px}.employeeCalendarToolbar>a{display:grid;place-items:center;height:44px;border:1px solid var(--c-gray-lightest-31);border-radius:14px;text-decoration:none;color:var(--c-accent-deep-41);background:var(--c-white-3);font-size:30px;line-height:1;touch-action:manipulation}.employeeCalendarWeekdays,.employeeCalendarGrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.employeeCalendarWeekdays{margin-bottom:8px}.employeeCalendarWeekdays span{text-align:center;color:var(--c-gray-light-50);font-size:11px;font-weight:700}.employeeCalendarBlank{aspect-ratio:1/1}.employeeCalendarDay{aspect-ratio:1/1;border:1px solid transparent!important;border-radius:14px!important;padding:6px!important;display:flex!important;flex-direction:column;align-items:center!important;justify-content:center;gap:5px!important;text-decoration:none;color:var(--c-ink-deep-22)!important;background:var(--c-gray-lightest-11)!important;min-width:0}.employeeCalendarDay b{font-size:16px}.employeeCalendarDay>span{display:flex;gap:3px;height:9px}.employeeCalendarDay.today{border-color:var(--c-accent-deep-40-bg)!important}.employeeCalendarDay.selected{background:var(--c-ink-deep-23)!important;color:var(--c-white-1-text)!important;border-color:var(--c-ink-deep-23)!important}.employeeCalendarDay.hasEvents:not(.selected){background:var(--c-white-2-bg)!important;border-color:var(--c-gray-lightest-64)!important}
.employeeCalendarAgenda{padding:0!important;overflow:hidden;margin-top:18px}.employeeCalendarAgenda .panelHead{padding:18px 20px 12px}.employeeCalendarAgenda .panelHead h2{text-transform:capitalize}.employeeCalendarAgenda>a{display:grid;grid-template-columns:28px minmax(0,1fr) 18px;gap:10px;align-items:center;padding:17px 20px;border-top:1px solid var(--c-gray-lightest-32);text-decoration:none;color:var(--c-ink-deep-22);touch-action:manipulation}.employeeCalendarAgenda>a span:nth-child(2){min-width:0}.employeeCalendarAgenda>a b{display:block;line-height:1.25}.employeeCalendarAgenda>a small{display:block;color:var(--c-gray-light-50);margin-top:5px}.employeeCalendarAgenda>a.done .employeeCalendarStatus{color:var(--c-success-18-text)}.employeeCalendarAgenda>a.open .employeeCalendarStatus{color:var(--c-accent-deep-42-text)}.employeeCalendarAgenda>a>i{font-style:normal;font-size:22px;color:var(--c-gray-mid-18)}.employeeCalendarStatus{font-size:20px;font-weight:900}
@media(max-width:430px){.employeeMonthCalendar{padding:14px!important}.employeeCalendarWeekdays,.employeeCalendarGrid{gap:4px}.employeeCalendarDay{border-radius:11px!important;padding:4px!important}.employeeCalendarDay b{font-size:14px}.employeeCalendarToolbar h2{font-size:21px}}

/* v0.9.65 Tid + pause */
.employeeTimerActions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.employeeTimerRunning.paused{background:var(--c-accent-tint-18);border:1px solid var(--c-accent-2);color:var(--c-accent-deep-43)}
.employeeTimerRunning.paused span{color:var(--c-accent-deep-44)}
.employeeTimeHistory summary strong{white-space:nowrap}
@media(max-width:620px){.employeeTimerActions{grid-template-columns:1fr 1fr}.employeeTimerActions button{min-height:48px}}

/* ADD SmartDrift Pro 1.1.0 – platform/superadmin */
.platformBadge{margin:8px 14px 18px;padding:7px 10px;border-radius:999px;background:var(--c-accent-deep-45);color:var(--c-white-1-text);font-size:10px;font-weight:900;letter-spacing:.12em;text-align:center}
.platformNav{display:grid;gap:5px;padding:0 10px}.platformNav button{border:0;background:transparent;color:var(--c-gray-light-51);padding:12px 14px;border-radius:10px;text-align:left;display:flex;align-items:center;gap:12px;font-weight:750}.platformNav button.active{background:var(--c-ink-deep-24);color:var(--c-white-1-text);box-shadow:inset 3px 0 var(--c-accent-deep-45)}.platformNav i{font-style:normal;font-size:17px}
.platformTenantBadge{background:var(--c-accent-tint-19)!important;color:var(--c-accent-deep-46)!important;padding:6px 10px;border-radius:10px}.platformTenantBadge span{color:var(--c-accent-deep-47)}.platformTenantBadge b{color:var(--c-accent-deep-48)}.platformStats{margin-bottom:18px}.platformPanel{padding:0;overflow:hidden}.platformPanel .panelHead{padding:18px}
.platformCompanyRowWrap{display:flex;align-items:stretch;border-top:1px solid var(--c-gray-lightest-30)}.platformCompanyRowWrap:first-of-type{border-top:0}.platformCompanyRowWrap .platformCompanyRow{border-top:0;flex:1;min-width:0}.platformCompanyDriftBtn{flex-shrink:0;align-self:center;margin:0 14px;padding:0 14px;height:34px;border-radius:10px;font-size:12px;font-weight:750;white-space:nowrap;border-left:1px solid var(--c-gray-lightest-32);padding-left:16px}
@media(max-width:699px){.platformCompanyRowWrap{flex-direction:column;align-items:stretch}.platformCompanyDriftBtn{border-left:0;border-top:1px solid var(--c-gray-lightest-32);margin:0 14px 12px;padding-top:10px;height:auto}}
.platformCompanyRow{width:100%;display:grid;grid-template-columns:46px 1fr auto 18px;align-items:center;gap:12px;border:0;background:var(--c-white-2-bg);padding:14px 18px;text-align:left;color:var(--c-ink-deep-20)}.platformCompanyRow:active{background:var(--c-gray-lightest-24)}
.platformCompanyIcon{width:44px;height:44px;border-radius:14px;background:var(--c-gray-lightest-7);display:grid;place-items:center;font-weight:900}.platformCompanyMain{display:grid;gap:4px}.platformCompanyMain small,.platformCompanyMeta small{color:var(--c-gray-mid-62)}.platformCompanyMeta{display:grid;justify-items:end;gap:5px}.platformCompanyMeta em{font-style:normal;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:900}.platformCompanyMeta em.active{background:var(--c-success-tint-18);color:var(--c-success-19)}.platformCompanyMeta em.suspended{background:var(--c-danger-tint-7);color:var(--c-danger-12)}
.platformOrgStatus{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.platformOrgStatus>span{background:var(--c-gray-lightest-59);border-radius:14px;padding:14px;display:grid;gap:4px}.platformOrgStatus small{color:var(--c-gray-mid-62)}.platformOrgStatus b{font-size:18px}
.providerChoices{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.providerChoice{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1.5px solid var(--c-gray-lightest-24);background:var(--c-white-2-bg);border-radius:14px;padding:14px 16px;text-align:left;cursor:pointer}
.providerChoice:disabled{cursor:default}
.providerChoice.active{border-color:var(--c-success-19);background:var(--c-success-tint-18)}
.providerChoiceLabel{display:grid;gap:3px}.providerChoiceLabel small{color:var(--c-gray-mid-62)}
.providerActiveTag{font-size:11px;font-weight:900;border-radius:999px;padding:4px 9px;background:var(--c-success-19);color:var(--c-white-2-bg);white-space:nowrap}
.platformMobileNav{display:none}
@media(max-width:760px){
 .platformApp aside{display:none}.platformApp main{width:100%;padding-bottom:70px}.platformMobileNav{position:fixed;display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;left:0;right:0;bottom:0;z-index:9999;background:var(--c-white-2-bg);border-top:1px solid var(--c-gray-lightest-48);padding:6px 6px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -5px 20px rgba(0,0,0,.06);scrollbar-width:none}.platformMobileNav::-webkit-scrollbar{display:none}.platformMobileNav button{flex:0 0 auto;min-width:64px;border:0;background:transparent;display:grid;place-items:center;gap:3px;color:var(--c-gray-mid-63);font-size:16px;padding:6px 4px;border-radius:12px}.platformMobileNav button.active{color:var(--c-accent-deep-49);background:var(--c-accent-tint-9)}.platformMobileNav span{font-size:9.5px;font-weight:800;white-space:nowrap}
 .platformCompanyRow{grid-template-columns:42px 1fr 18px}.platformCompanyMeta{display:none}.platformOrgStatus{grid-template-columns:1fr 1fr}.platformStats{grid-template-columns:1fr 1fr}
}

/* ADD SmartDrift Pro 1.2.0 – pakkestyring */
.packageGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 18px 18px}
.packageCard{border:1px solid var(--c-gray-lightest-65);background:var(--c-white-2-bg);border-radius:18px;padding:18px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;text-align:left;color:var(--c-ink-deep-20)}
.packageCard.internal{background:var(--c-accent-tint-9);border-color:var(--c-accent-3)}
.packageCard span{display:grid;gap:4px}.packageCard span b{font-size:18px}.packageCard span small{color:var(--c-gray-mid-62)}.packageCard strong{font-size:26px}.packageCard em{font-style:normal;color:var(--c-gray-mid-62);font-size:12px}
.packageFeatureList{display:grid;gap:10px;margin-bottom:16px}.featureToggle{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;background:var(--c-gray-lightest-24);border:1px solid var(--c-gray-lightest-36);border-radius:16px;padding:14px 16px}.featureToggle span{display:grid;gap:3px}.featureToggle small{color:var(--c-gray-light-49)}.featureToggle input{width:22px;height:22px}
.packageChips{display:flex;flex-wrap:wrap;gap:8px}.packageChips span{background:var(--c-gray-lightest-66);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800;color:var(--c-gray-mid-64)}
.currentPlanBadge{display:inline-flex;padding:4px 8px;border-radius:999px;background:var(--c-accent-tint-20);color:var(--c-accent-deep-49);font-size:11px;font-weight:900}
@media(max-width:760px){.packageGrid{grid-template-columns:1fr}}

/* ADD SmartDrift Pro 1.2.1 – abonnementshåndhævelse */
.planDeniedBox{background:var(--c-accent-tint-21);border:1px solid var(--c-accent-tint-22);border-radius:18px;padding:18px;display:grid;gap:8px}
.planDeniedBox b{font-size:20px;color:var(--c-ink-deep-25)}.planDeniedBox p{margin:0;color:var(--c-gray-mid-65)}.planDeniedBox small{color:var(--c-gray-mid-43);line-height:1.45}

/* ADD SmartDrift Pro 1.3.0 – Kunde -> Tilbud -> Sag */
.salesFlowStrip{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0 16px}
.salesFlowStrip span{min-width:0;border:1px solid var(--c-gray-lightest-67);background:var(--c-gray-lightest-24);border-radius:12px;padding:9px 8px;color:var(--c-gray-light-52);font-size:11px;display:flex;gap:6px;align-items:center;justify-content:center}
.salesFlowStrip span b{font-size:11px}.salesFlowStrip span.done{background:var(--c-success-tint-19);border-color:var(--c-success-tint-20);color:var(--c-success-20)}.salesFlowStrip span.active{background:var(--c-accent-tint-23);border-color:var(--c-accent-4);color:var(--c-accent-deep-50)}
.linkedCaseNotice{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--c-success-tint-11);border:1px solid var(--c-success-tint-17);border-radius:15px;padding:13px 15px;margin:12px 0}
.linkedCaseNotice span{display:grid;gap:3px}.linkedCaseNotice small{color:var(--c-gray-mid-66)}.linkedCaseNotice button{border:0;background:transparent;color:var(--c-success-21);font-weight:900}
.caseOrigin{display:grid;gap:5px;background:var(--c-gray-lightest-35);border-radius:15px;padding:14px 16px;margin:12px 0}.caseOrigin span,.caseOrigin small{color:var(--c-gray-mid-67)}.caseOrigin b{font-size:15px}
@media(max-width:600px){.salesFlowStrip{grid-template-columns:1fr 1fr}.linkedCaseNotice{align-items:flex-start;flex-direction:column}}

/* ADD SmartDrift Pro 1.3.2 */

/* ADD SmartDrift Pro 1.4.0 – salgspipeline */
.salesPipelineGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 18px 18px}
.salesStage{background:var(--c-gray-lightest-24);border:1px solid var(--c-gray-lightest-45);border-radius:14px;padding:12px;display:grid;gap:5px}
.salesStage span{font-size:12px;color:var(--c-gray-mid-59)}.salesStage b{font-size:22px;color:var(--c-ink-deep-26)}
.dangerSoft{color:var(--c-danger-13)!important;background:var(--c-danger-tint-8)!important;border-color:var(--c-danger-tint-9)!important}
@media(max-width:700px){.salesPipelineGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ADD SmartDrift Pro 1.5.0 – lead-indbakke */
.leadInbox{overflow:hidden}.leadRow{width:100%;border:0;border-top:1px solid var(--c-gray-lightest-10);background:var(--c-white-2-bg);padding:16px 18px;display:grid;grid-template-columns:1fr auto;gap:7px;text-align:left;color:var(--c-ink-deep-27)}
.leadTop{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.leadDot{width:9px;height:9px;border-radius:50%;background:var(--c-accent-deep-51)}.leadTop strong{font-size:17px}.leadTop em{font-style:normal;font-size:11px;background:var(--c-accent-tint-24);color:var(--c-accent-deep-52);border-radius:999px;padding:4px 8px}
.leadRow p{grid-column:1/2;margin:0;color:var(--c-gray-mid-43)}.leadMeta{grid-column:1/2;display:flex;gap:8px;flex-wrap:wrap}.leadMeta span{font-size:11px;color:var(--c-gray-mid-68);background:var(--c-gray-lightest-35);border-radius:999px;padding:5px 8px}.leadRow>i{grid-column:2;grid-row:1/4;align-self:center}
.emptyLeadBox{padding:24px 18px;text-align:center;color:var(--c-gray-mid-43)}.emptyLeadBox b{display:block;color:var(--c-ink-deep-27);margin-bottom:6px}
.leadContactCard{background:var(--c-gray-lightest-24);border-radius:16px;padding:16px;margin-bottom:16px}.leadContactCard p{color:var(--c-gray-mid-69)}.leadContactActions{display:flex;gap:10px;flex-wrap:wrap}.leadContactActions a{background:var(--c-white-2-bg);border:1px solid var(--c-gray-lightest-50);border-radius:12px;padding:9px 12px;color:var(--c-info-6);font-weight:800;text-decoration:none}
.leadFormGrid{grid-template-columns:1fr 1fr}.leadActions{display:flex;gap:10px;margin:14px 0}.leadActions>*{flex:1}.fieldLabel{display:grid;gap:6px}.fieldLabel textarea{min-height:90px}
.leadNotesSection{margin-top:18px}.leadNoteComposer{display:grid;grid-template-columns:1fr auto;gap:10px}.leadNoteComposer textarea{min-height:70px}.leadNoteComposer button{border:0;background:var(--c-accent-deep-51);color:var(--c-white-1-text);border-radius:12px;padding:0 14px;font-weight:900}
.leadNotesList{display:grid;gap:8px;margin-top:12px}.leadNote{background:var(--c-gray-lightest-24);border-radius:13px;padding:11px 13px}.leadNote small{color:var(--c-gray-light-53)}.leadNote p{margin:4px 0 0}
.leadTeaser .miniLead{width:100%;border:0;border-top:1px solid var(--c-gray-lightest-10);background:var(--c-white-2-bg);padding:14px 18px;display:flex;justify-content:space-between;align-items:center;text-align:left}.miniLead span{display:grid;gap:3px}.miniLead small{color:var(--c-gray-light-54)}
@media(max-width:650px){.leadFormGrid{grid-template-columns:1fr}.leadNoteComposer{grid-template-columns:1fr}.leadNoteComposer button{padding:12px}}

/* 1.5.1 – complete lead workspace */
.leadToolbar{display:grid;grid-template-columns:1fr minmax(150px,220px);gap:10px;padding:14px 16px;border-bottom:1px solid var(--c-gray-lightest-10)}
.leadToolbar input,.leadToolbar select{width:100%;border:1px solid var(--c-gray-lightest-52);background:var(--c-gray-lightest-11);border-radius:12px;padding:12px;color:var(--c-ink-deep-27)}
.leadStats{display:flex;gap:8px;flex-wrap:wrap;padding:12px 16px;background:var(--c-white-5)}.leadStats span{background:var(--c-white-2-bg);border:1px solid var(--c-gray-lightest-63);border-radius:999px;padding:7px 10px;font-size:12px;color:var(--c-gray-mid-70)}.leadStats b{color:var(--c-ink-deep-27)}
.leadOutcome{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:-4px 0 16px}.leadOutcome .ghost{border:1px solid var(--c-gray-lightest-52);background:var(--c-white-2-bg);color:var(--c-gray-mid-22);border-radius:12px;padding:11px;font-weight:800}
@media(max-width:650px){.leadToolbar{grid-template-columns:1fr}.leadOutcome{grid-template-columns:1fr 1fr}}
.leadToolbar.singleField{grid-template-columns:1fr;border-radius:15px;border-bottom:0;background:var(--c-white-2-bg);border:1px solid var(--c-gray-lightest-1);margin-bottom:14px}

/* ADD SmartDrift Pro 1.6.0 – dashboard pr. virksomhed */
.dashConfigList{display:grid;gap:10px}.dashConfigRow{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border:1px solid var(--c-gray-lightest-68);background:var(--c-gray-lightest-38);border-radius:14px;padding:12px}
.dragMark{font-size:20px;color:var(--c-gray-light-55)}.dashConfigName{display:grid;gap:2px}.dashConfigName small{color:var(--c-gray-light-56)}
.dashConfigActions{display:flex;gap:6px}.dashConfigActions button{border:1px solid var(--c-gray-lightest-69);background:var(--c-white-2-bg);border-radius:10px;padding:8px 10px;font-weight:800;color:var(--c-gray-mid-71)}.dashConfigActions button:disabled{opacity:.35}
.simpleDashWidget{display:flex;justify-content:space-between;align-items:center;padding:20px 24px}.simpleDashWidget h2{margin:0 0 5px}.simpleDashWidget p{margin:0;color:var(--c-gray-light-57)}
@media(max-width:650px){.dashConfigRow{grid-template-columns:auto 1fr}.dashConfigActions{grid-column:1/-1;justify-content:flex-end}}

/* ADD SmartDrift Pro 1.6.1 – synlig dashboardopsætning */
@media(max-width:650px){
  .dashboardEditBar{margin:0 28px 16px;display:grid;grid-template-columns:1fr}
  .dashboardEditBar button{width:100%}
  .dashboardEditBar span{text-align:center}
}

/* ADD SmartDrift Pro 1.6.3 – dashboardopsætning under Virksomhed & adgang */
.companyDashboardSettings{margin:22px 0 26px;padding:20px;border:1px solid var(--c-gray-lightest-40);border-radius:18px;background:var(--c-gray-lightest-38)}
.companyDashboardSettings h3{margin:0 0 8px}.companyDashboardSettings p{margin:0 0 16px;color:var(--c-gray-light-57)}.companyDashboardSettings button{min-height:56px}

/* ADD SmartDrift Pro 2.0.1 bugfix */
.modal{padding-bottom:max(28px,env(safe-area-inset-bottom))}

.orgSettingsGroup{border:1px solid var(--c-gray-lightest-40);border-radius:18px;background:var(--c-gray-lightest-38);margin:16px 0;overflow:hidden}
.orgSettingsGroup>summary{list-style:none;cursor:pointer;padding:18px 20px;font-size:18px;font-weight:900;color:var(--c-ink-deep-27);display:flex;justify-content:space-between;align-items:center}
.orgSettingsGroup>summary::-webkit-details-marker{display:none}
.orgSettingsGroup>summary:after{content:'⌄';color:var(--c-gray-mid-43);font-size:18px}
.orgSettingsGroup[open]>summary:after{content:'⌃'}
.orgSettingsGroup>summary small{font-size:12px;color:var(--c-gray-light-44);background:var(--c-white-2-bg);border:1px solid var(--c-gray-lightest-68);border-radius:999px;padding:4px 8px;margin-left:auto;margin-right:10px}
.orgSettingsGroupBody{padding:0 18px 18px}
.orgSettingsGroup .orgUsersSection{border:0;margin:0;padding:0 18px 18px;background:transparent}
.compactDenied{margin-bottom:14px}

/* ADD SmartDrift Pro 2.0.3 – Android tilbage-navigation */
.bfBackToast{
  position:fixed;left:50%;bottom:92px;z-index:99999;
  transform:translate(-50%,12px);
  background:rgba(24,34,49,.94);color:var(--c-white-1-text);
  padding:11px 16px;border-radius:999px;
  font-size:13px;font-weight:800;
  opacity:0;pointer-events:none;
  transition:opacity .18s ease,transform .18s ease;
  white-space:nowrap;max-width:calc(100vw - 40px);
}
.bfBackToast.show{opacity:1;transform:translate(-50%,0)}

/* ADD SmartDrift Pro 2.0.4 – stabilitet */
.bfRuntimeError{
  position:fixed;left:16px;right:16px;top:82px;z-index:100000;
  background:var(--c-danger-tint-10);border:1px solid var(--c-danger-tint-11);color:var(--c-danger-14);
  padding:12px 14px;border-radius:14px;font-size:13px;font-weight:800;
  box-shadow:0 10px 28px rgba(0,0,0,.12);display:none
}
.bfRuntimeError.show{display:block}

/* ADD SmartDrift Pro 2.1.0 – AI-assistent */
.aiNotice{background:var(--c-purple-tint-1);border:1px solid var(--c-purple-tint-2);border-radius:16px;padding:14px 16px;display:grid;gap:5px;margin-bottom:14px}
.aiNotice b{color:var(--c-info-7)}.aiNotice span{color:var(--c-gray-mid-72);font-size:12px}
.aiAnswer{margin-top:14px;background:var(--c-gray-lightest-11);border:1px solid var(--c-gray-lightest-65);border-radius:16px;padding:14px;min-height:90px}
.aiAnswer pre{white-space:pre-wrap;font:inherit;margin:0;color:var(--c-info-8)}
.aiAnswer p{margin:0;color:var(--c-gray-light-44)}
.leadAiBar,.caseAiBar{margin:10px 0 14px}

/* ADD SmartDrift Pro 2.3.0 – handlingsorienteret AI */
.aiResultIntro{display:grid;gap:7px;margin-bottom:12px}
.aiResultIntro b{font-size:18px;color:var(--c-info-9)}
.aiResultIntro p,.aiResultIntro small{margin:0;color:var(--c-gray-mid-73);line-height:1.45}
.aiResultList{display:grid;gap:9px}
.aiResultCard{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;border:1px solid var(--c-gray-lightest-70);background:var(--c-white-2-bg);border-radius:14px;padding:13px 14px;color:var(--c-info-9)}
.aiResultCard span{display:grid;gap:4px;min-width:0}
.aiResultCard b{font-size:14px}
.aiResultCard small{color:var(--c-gray-mid-41);white-space:normal;line-height:1.35}
.aiResultCard i{font-style:normal;font-weight:800;color:var(--c-accent-deep-53);white-space:nowrap}

/* ADD SmartDrift Pro 2.4.0 – AI fra dag ét */
.aiStarterActions,.aiStarterGrid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0 14px
}
.aiStarterActions button,.aiStarterGrid button{
  border:1px solid var(--c-gray-lightest-71);background:var(--c-white-2-bg);border-radius:14px;padding:12px 10px;
  font-weight:850;color:var(--c-info-8)
}
@media(max-width:560px){
  .aiStarterActions,.aiStarterGrid{grid-template-columns:1fr 1fr}
}

/* ADD SmartDrift Pro 2.5.0 – billeder/filer -> tilbudsudkast */

.aiOfferLines{display:grid;gap:8px;margin:12px 0}
.aiOfferLines>div,.aiOfferTotal{display:flex;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--c-gray-lightest-40);border-radius:12px;background:var(--c-white-2-bg)}
.aiOfferTotal{font-size:17px;font-weight:900}

/* 2.7.0: AI backend styres centralt af ADD SmartDrift Pro, ikke pr. virksomhed. */

/* ADD SmartDrift Pro 2.8.0 – AI adgang pr. virksomhed og rolle */
.aiCompanyToggle{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0}
.aiCompanyToggle>div{display:grid;gap:4px}.aiCompanyToggle small{color:var(--c-gray-mid-69)}
.switch{position:relative;width:52px;height:30px;display:inline-block}.switch input{display:none}.switch span{position:absolute;inset:0;background:var(--c-gray-lighter-4);border-radius:999px;transition:.2s}.switch span:before{content:'';position:absolute;width:24px;height:24px;left:3px;top:3px;background:var(--c-white-2-bg);border-radius:50%;transition:.2s;box-shadow:0 1px 4px rgba(0,0,0,.18)}
.switch input:checked+span{background:var(--c-accent-deep-54)}.switch input:checked+span:before{transform:translateX(22px)}.switch input:disabled+span{opacity:.45}
.aiRoleAccess{display:grid;gap:8px;margin:14px 0}.aiRoleAccess h4{margin:0 0 4px}.aiRoleAccess label{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--c-white-2-bg);border:1px solid var(--c-gray-lightest-67);border-radius:12px}

/* ADD SmartDrift Pro 3.0.2 · AI-forbrugsvisning */
.aiUsageCard{margin:12px 0 16px;padding:14px;border:1px solid var(--c-gray-lightest-72);border-radius:16px;background:var(--c-info-tint-2);display:grid;gap:10px}
.aiUsageTop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.aiUsageTop span{display:grid;gap:3px}.aiUsageTop small,.aiUsageFoot small,.aiUsageCard>div>small{color:var(--c-gray-mid-74)}
.aiUsageTop strong{font-size:14px;color:var(--c-info-10);background:var(--c-white-2-bg);border:1px solid var(--c-gray-lightest-72);border-radius:999px;padding:5px 9px;white-space:nowrap}
.aiUsageTrack{height:8px;background:var(--c-gray-lightest-73);border-radius:999px;overflow:hidden}.aiUsageTrack i{display:block;height:100%;background:var(--c-accent-deep-55);border-radius:999px;transition:width .2s ease}
.aiUsageFoot{display:flex;align-items:center;justify-content:space-between;gap:12px}.aiUsageFoot button,.aiUsageCard>button{border:0;background:transparent;color:var(--c-accent-deep-56);font-weight:700;padding:4px 0}
.aiUsageCard.error{background:var(--c-danger-tint-12);border-color:var(--c-accent-tint-25)}.aiUsageCard.loading{opacity:.8}
.aiModelLine{margin:-4px 0 14px;padding:6px 12px;border-radius:999px;background:var(--c-info-tint-13);display:inline-block}
.aiModelLine small{color:var(--c-gray-mid-75)}


/* ADD SmartDrift Pro 3.0.3 - visible AI conversation */
.aiChatWrap{margin-top:14px;border:1px solid var(--c-gray-lightest-74);border-radius:18px;background:var(--c-info-tint-14);overflow:hidden}
.aiChatHead{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--c-gray-lightest-74);background:var(--c-white-2-bg)}
.aiChatHead button{border:0;background:transparent;color:var(--c-accent-deep-57);font-weight:700;cursor:pointer}
.aiChatThread{display:flex;flex-direction:column;gap:10px;padding:14px;max-height:360px;overflow:auto}
.aiChatRow{display:flex}.aiChatRow.user{justify-content:flex-end}.aiChatRow.assistant{justify-content:flex-start}
.aiChatBubble{max-width:88%;padding:11px 13px;border-radius:16px;background:var(--c-white-2-bg);border:1px solid var(--c-gray-lightest-74);line-height:1.45;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.aiChatRow.user .aiChatBubble{background:var(--c-accent-tint-26);border-color:var(--c-accent-5)}
.aiChatBubble small{display:block;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--c-gray-mid-76);margin-bottom:4px}
.aiChatBubble.thinking{opacity:.72}.aiChatEmpty{padding:16px;color:var(--c-gray-mid-77);line-height:1.45}
.aiFallbackBubble{background:var(--c-accent-tint-27);border-color:var(--c-accent-6)}
.aiFallbackBadge{display:inline-block;margin-left:6px;padding:2px 7px;border-radius:999px;background:var(--c-success-22);color:var(--c-accent-deep-58);font-size:10px;font-weight:800;letter-spacing:.03em;text-transform:none;vertical-align:middle}

/* ADD SmartDrift Pro 3.0.4 – virksomhedens priser & kalkulation */
.pricingSettings h4{margin:16px 0 8px;color:var(--c-gray-dark-6)}
.pricingTradeGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}
.pricingTradeGrid label{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--c-gray-lightest-40);background:var(--c-white-2-bg);border-radius:12px;padding:10px 12px}
.pricingTradeGrid input{width:110px}
.aiPricingContext{display:grid;gap:4px;padding:12px 14px;margin:10px 0;border-radius:14px;background:var(--c-info-tint-8);border:1px solid var(--c-gray-lightest-75)}
.aiPricingContext span{font-size:12px;color:var(--c-gray-mid-78)}
.aiOfferLine>span{display:grid;gap:3px}.aiOfferLine small{font-size:11px;color:var(--c-gray-mid-79)}
.aiOfferLine .needsPrice{color:var(--c-accent-deep-59);font-size:12px;white-space:nowrap}
.aiMissingPrice{display:grid;gap:5px;margin:10px 0;padding:12px 14px;border:1px solid var(--c-accent-7);background:var(--c-accent-tint-9);border-radius:14px}
.aiMissingPrice span{font-size:12px;color:var(--c-gray-mid-80);line-height:1.4}
@media(max-width:600px){.pricingTradeGrid{grid-template-columns:1fr}.pricingTradeGrid input{width:120px}}

/* ADD SmartDrift Pro 3.0.5 – fleksible fagområder */
.tradeAddRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:8px 0}
.tradeAddRow select,.tradeAddRow input{min-width:0}
.pricingTradeGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
.pricingTradeCard{display:grid;grid-template-columns:minmax(0,1fr) 110px 110px auto;align-items:center;gap:10px;border:1px solid var(--c-gray-lightest-40);background:var(--c-white-2-bg);border-radius:14px;padding:12px}
.pricingTradeCard>div{display:grid;gap:2px}
.pricingTradeCard small{font-size:11px;color:var(--c-gray-mid-81)}
.pricingTradeCard input{width:100%;min-width:0}
.tradeRemoveBtn{font-size:12px;color:var(--c-accent-deep-60)}
.selectedTradeSummary{display:grid;gap:4px;padding:12px 14px;border-radius:14px;background:var(--c-info-tint-8);border:1px solid var(--c-gray-lightest-75);margin-bottom:12px}
.selectedTradeSummary span{font-size:12px;color:var(--c-gray-mid-82);line-height:1.4}
@media(max-width:720px){
  .pricingTradeGrid{grid-template-columns:1fr}
  .pricingTradeCard{grid-template-columns:minmax(0,1fr) 120px 120px}
  .pricingTradeCard .tradeRemoveBtn{grid-column:1/-1;justify-self:end}
  .tradeAddRow{grid-template-columns:1fr}
}

/* ADD SmartDrift Pro 3.0.6 – kontekstuel AI */
.contextAiBar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;margin:12px 0;border:1px solid var(--c-gray-lighter-5);background:var(--c-success-tint-21);border-radius:14px}
.contextAiBar>div{display:grid;gap:3px}.contextAiBar span{font-size:12px;color:var(--c-gray-mid-83);line-height:1.35}.contextAiBar button{white-space:nowrap}
.aiContextBanner{display:grid;gap:3px;padding:12px 14px;margin:0 0 12px;border:1px solid var(--c-gray-lighter-5);background:var(--c-success-tint-21);border-radius:14px}
.aiContextBanner b{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--c-gray-mid-84)}.aiContextBanner span{font-weight:700}.aiContextBanner small{color:var(--c-gray-mid-85);line-height:1.35}
.quoteFormAi{margin-top:4px}
@media(max-width:600px){.contextAiBar{align-items:stretch;flex-direction:column}.contextAiBar button{width:100%}}

/* ADD SmartDrift Pro 3.0.12 – skriv direkte i samtalen (basisstruktur, stadig gældende) */
.aiChatDirect{display:flex;flex-direction:column;overflow:hidden}
.aiChatEmpty{padding:18px;color:var(--muted,var(--c-gray-mid-86));font-size:15px}
.aiComposer{position:sticky;bottom:0;background:var(--c-white-2-bg);border-top:1px solid var(--c-gray-lightest-3);padding:12px 0 0;z-index:2}
.aiComposer textarea{width:100%;min-height:82px;resize:vertical;border:1px solid var(--c-gray-lighter-6);border-radius:14px;padding:13px 14px;font:inherit;box-sizing:border-box}
.aiComposerActions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.aiComposerActions button{min-height:48px}

/* ADD SmartDrift Pro 3.0.14 – stabil AI-chat (vedhæftningschips, stadig gældende) */
.aiAttachedFiles{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}
.aiAttachedFiles.hidden{display:none}
.aiFileChip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--c-gray-lighter-7);background:var(--c-info-tint-15);border-radius:999px;padding:7px 10px;font-size:12px;max-width:100%}
.aiFileChip button{border:0;background:transparent;font-size:18px;line-height:1;cursor:pointer;padding:0 2px}

/* ADD SmartDrift Pro 3.0.17 – AI direkte til tilbud (stadig gældende) */
.aiChatHead>div{display:flex;gap:6px;align-items:center}
.aiChatHead button{white-space:nowrap}
.aiQuoteDraftCard{display:grid;gap:7px;border:1px solid var(--c-gray-lighter-5);background:var(--c-success-tint-21);border-radius:14px;padding:12px 14px;margin:10px 0}
.aiQuoteDraftCard span,.aiQuoteDraftCard small{color:var(--c-gray-mid-87);line-height:1.35}
.aiQuoteDraftCard small{font-size:12px}

/* ADD SmartDrift Pro 3.0.22 – læsbar AI-chat og auto-voksende tilbudstekster (stadig gældende) */
.aiMessageText strong{font-weight:850}
.aiMessageText code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--c-gray-lightest-60);border-radius:5px;padding:1px 4px;font-size:.92em}
.quoteNarrative{min-height:112px;height:auto;overflow:hidden;resize:none;line-height:1.45;font-weight:600}
@media(max-width:760px){
  .quoteNarrative{font-size:16px;min-height:124px;padding:13px 14px}
}

/* ADD SmartDrift Pro 3.0.23 – robust mobil AI/tilbud og Markdown (tekstombrydning, stadig gældende) */
.aiMessageText{overflow-wrap:anywhere;word-break:normal}
.aiMessageText .aiMdHeading{display:inline-block;margin-top:3px;font-size:1.02em}
.aiMessageText .aiMdList{margin:6px 0 8px;padding-left:22px}
.aiMessageText .aiMdList li{margin:3px 0}
@media(max-width:760px){
  .quoteFormAi+ .priceModeBox{margin-top:12px}
  .lineEdit{min-width:0}
  .lineEdit input,.lineEdit select,.quoteNarrative{max-width:100%;box-sizing:border-box}
  .quoteNarrative{width:100%;max-height:none;overflow:hidden}
}


/* ADD SmartDrift Pro 4.0 roadmap suite */
.roadmapHero{padding:22px;display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:14px}.roadmapHero h2{margin:2px 0 7px}.roadmapHero p{margin:0;color:var(--muted)}.roadmapKpis{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:10px;min-width:min(560px,55%)}.roadmapKpis>div,.analyticsCards>div{background:var(--c-info-tint-16);border:1px solid var(--line);border-radius:14px;padding:12px}.roadmapKpis>div.kpiAlert{background:var(--c-danger-tint-1);border-color:var(--c-danger-tint-2)}.roadmapKpis>div.kpiAlert b{color:var(--c-danger-1)}.roadmapKpis small,.analyticsCards small{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.roadmapKpis b,.analyticsCards b{display:block;margin-top:5px;font-size:18px}.roadmapTabs{overflow:auto;white-space:nowrap;margin:0 0 14px}.roadmapBody{display:grid;gap:14px}.roadmapGrid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:14px}.roadmapActions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.roadmapTable{display:grid}.rtHead,.rtRow{display:grid;grid-template-columns:minmax(180px,1.6fr) repeat(3,minmax(90px,.7fr));gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.rtHead{font-size:11px;color:var(--muted);font-weight:700;text-transform:uppercase}.rtRow small,.adminListRow small{display:block;color:var(--muted);margin-top:3px}.metricStack{display:grid;gap:8px}.metricStack>div{display:flex;justify-content:space-between;gap:12px;padding:12px;border-radius:12px;background:var(--c-info-tint-16)}.adminListRow{display:flex;width:100%;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);text-align:left}.adminListRow.overdueRow{background:var(--c-danger-tint-3);border-radius:10px;padding:12px 10px;margin-bottom:2px}.adminButton{background:none;border:0;font:inherit;cursor:pointer}.checklistCard{display:grid;gap:5px;border:1px solid var(--line);border-radius:14px;padding:13px;margin-bottom:10px}.checklistCard small{color:var(--muted);margin-bottom:5px}.checklistCard span{font-size:13px}.checklistCardHead{display:flex;justify-content:space-between;align-items:center;gap:10px}.checklistItemRow{display:flex;align-items:center;gap:9px;padding:6px 0;font-size:13px}.checklistItemRow input{width:16px;height:16px;flex:0 0 16px}.rowActions{display:flex;gap:6px;flex-shrink:0}.qualitySummary{display:flex;align-items:baseline;gap:7px;margin-top:12px}.qualitySummary b{font-size:28px}.visionResult{display:grid;gap:6px;padding:12px 0;border-bottom:1px solid var(--line)}.visionResult p{margin:0;color:var(--muted)}.visionResult span{font-size:13px}.roadmapAnalytics{display:grid;gap:14px}.analyticsCards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.recommendations{display:grid;gap:10px;margin-top:12px}.recommendations>div{background:var(--c-info-tint-16);border-radius:14px;padding:13px}.recommendations p{margin:5px 0 0;color:var(--muted)}.auditRow{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.auditRow small{display:block;color:var(--muted);margin-top:3px}.auditRow em{font-style:normal;color:var(--muted);font-size:12px}
@media(max-width:800px){.roadmapHero{display:block}.roadmapKpis{min-width:0;margin-top:14px;grid-template-columns:repeat(2,1fr)}.roadmapGrid{grid-template-columns:1fr}.rtHead,.rtRow{grid-template-columns:minmax(150px,1.5fr) repeat(3,minmax(78px,.7fr));font-size:12px;overflow:auto}.analyticsCards{grid-template-columns:repeat(2,1fr)}.roadmapTabs{margin-left:-2px;margin-right:-2px}.roadmapActions>*{flex:1 1 150px}}
.integrationRow{width:100%;border:0;border-bottom:1px solid var(--line);background:var(--c-white-2-bg);display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;text-align:left;color:inherit;cursor:pointer}.integrationRow span b,.integrationRow span small{display:block}.integrationRow span small{color:var(--muted);margin-top:3px}.portalPreviewHead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.portalPreviewHead small{color:var(--muted);font-size:9px;letter-spacing:.08em}.portalPreviewHead h2{margin:5px 0}.portalPreviewHead p{margin:0;color:var(--muted);font-size:11px}.portalCaseRow{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:11px}.portalCaseRow:last-child{border-bottom:0}

/* ADD SmartDrift Pro 7.1.0 – Leads & Sales Pipeline */
.salesPipelineSummary{margin-bottom:16px}
.pipelineSteps{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:8px;margin-top:12px;overflow-x:auto;padding-bottom:2px}
.pipelineSteps button{border:1px solid var(--border,var(--c-gray-lightest-3));background:var(--surface,var(--c-white-2-bg));border-radius:12px;padding:12px;text-align:left;min-width:110px}
.pipelineSteps button b{display:block;font-size:22px}.pipelineSteps button span{display:block;font-size:12px;opacity:.72;margin-top:3px}
.leadSourceStrip{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px;font-size:12px}.leadSourceStrip>span{padding:6px 9px;border-radius:999px;background:rgba(127,127,127,.1)}
@media(max-width:720px){.pipelineSteps{grid-template-columns:repeat(5,120px)}.salesPipelineSummary{padding:14px}.leadFormGrid{grid-template-columns:1fr}}

/* 7.2.1: keep lead search input mounted so Android keyboard stays open */
.leadSearchHidden{display:none!important}

/* ADD SmartDrift Pro 7.2.6 – mobile touch targets above modal/content overlays */
.modalHead>button,
[data-close],
.closeModal,
.quickSheet button,
[data-page="WebsiteLeads"]{
  pointer-events:auto!important;
  touch-action:manipulation!important;
  position:relative!important;
  z-index:100002!important;
}
.modalHead>button,[data-close],.closeModal{
  min-width:44px!important;
  min-height:44px!important;
  display:grid!important;
  place-items:center!important;
}

/* ADD SmartDrift Pro 7.4.5 – reliable direct in-app customer e-mail (stadig gældende) */
.leadContactActions button{background:var(--c-white-2-bg);border:1px solid var(--c-gray-lightest-50);border-radius:12px;padding:9px 12px;color:var(--c-info-6);font-weight:800;text-decoration:none;font:inherit;cursor:pointer}

/* ADD SmartDrift Pro 7.5.2 – compact quote draft inside AI chat (stadig gældende) */
.aiQuoteDraftCompact{gap:6px;padding:10px 12px}
.aiQuoteDraftTop{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.aiQuoteDraftTop>b{min-width:0;line-height:1.2}
.aiQuoteDraftTop>strong{flex:0 0 auto;font-size:12px;white-space:nowrap;color:var(--c-gray-mid-87)}
.aiQuoteDraftStatus{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aiQuoteDraftDetails{font-size:12px;color:var(--c-gray-mid-87)}
.aiQuoteDraftDetails summary{cursor:pointer;font-weight:700;color:var(--c-accent-deep-61);list-style:none;padding:2px 0}
.aiQuoteDraftDetails summary::-webkit-details-marker{display:none}
.aiQuoteDraftDetails summary::after{content:' ▾'}
.aiQuoteDraftDetails[open] summary::after{content:' ▴'}
.aiQuoteDraftDetails>div{padding-top:5px;line-height:1.35}

/* ADD SmartDrift Pro 7.5.3 – endnu mere kompakt tilbudskort, chatten har førsteprioritet (stadig gældende) */
.aiQuoteDraftActions{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap}
.aiQuoteDraftActions .aiQuoteDraftDetails{flex:1 1 150px;min-width:0}
.aiQuoteDraftApply{flex:0 0 auto;width:auto;min-width:132px;min-height:34px;padding:7px 12px;border-radius:10px;font-size:12px}
.aiQuoteDraftDetails[open]{flex-basis:100%}

/* ADD SmartDrift Pro 7.5.6 – renere mobilheader-menu (stadig gældende) */
.aiChatMenu{position:relative;display:inline-flex;align-items:center}
.aiChatMenu summary{list-style:none;cursor:pointer;border:0;background:transparent;color:var(--c-accent-deep-57);font-weight:800;padding:2px 5px;line-height:1}
.aiChatMenu summary::-webkit-details-marker{display:none}
.aiChatMenu[open] button{position:absolute;right:0;top:24px;z-index:20;background:var(--c-white-2-bg);border:1px solid var(--c-gray-lightest-74);border-radius:9px;box-shadow:0 6px 18px rgba(16,24,40,.14);padding:8px 10px;font-size:11px;min-width:82px;color:var(--c-accent-deep-62)}

/* ADD SmartDrift Pro 7.5.9 – seneste-besked-anker (stadig gældende) */
.aiLatestMessageAnchor{height:1px;width:100%;pointer-events:none;scroll-margin-bottom:10px}

/* ADD SmartDrift Pro 7.5.11 – tilbudskort uden for chat-scroll (stadig gældende) */
.aiQuotePreviewOutside:empty{display:none}

/* ============================================================================
   AI-CHAT MOBIL-SCROLL — KONSOLIDERET (erstatter 7.4.7 → 7.5.13)
   ----------------------------------------------------------------------------
   Historik: 9 successive versioner (7.4.7, 7.4.9, 7.5.0, 7.5.1, 7.5.4, 7.5.6,
   7.5.9, 7.5.11, 7.5.12) forsøgte hver især at løse "hvem ejer det lodrette
   scroll i AI-chat-modalen på mobil", med indbyrdes modstridende regler for
   .aiConversationViewport (skiftende height/flex/overflow) og gentagne
   kommentarer om at "denne version er den endelige". Version 7.5.13 var den
   sidste og mest komplette — den indeholder selv eksplicit oprydning af de
   forrige versioners "nested scroll"-regler. Denne blok er identisk med
   7.5.13's slutresultat; alle tidligere forsøg er fjernet permanent i stedet
   for at ligge som død, overskrevet kode.

   Arkitektur: Modalen er en fast viewport (92dvh). Header/banner/starter-
   actions er faste (flex:0 0 auto). .aiConversationViewport er DEN ENESTE
   lodrette scroll-ejer. .aiChatMessages/.aiChatThread scroller ikke længere
   selv (overflow:visible) — det forhindrer Android/Chrome i at gendanne en
   forældet scroll-position, når fokus/tastatur/visualViewport ændrer sig.
   ============================================================================ */
.aiConversationViewport{min-height:0}

@media(max-width:760px){
  .modal:has(.aiChatDirect),
  .modal:has(.aiChatDirect) *{box-sizing:border-box;min-width:0}

  .modal:has(.aiChatDirect){
    width:min(100%,760px);
    height:92dvh;
    max-height:92dvh;
    overflow:hidden;
    overflow-x:hidden;
    display:flex;
    flex-direction:column;
  }
  .modal:has(.aiChatDirect)>.modalHead,
  .modal:has(.aiChatDirect)>.aiContextBanner,
  .modal:has(.aiChatDirect)>.aiStarterActions,
  .modal:has(.aiChatDirect)>.aiAnswer{flex:0 0 auto;max-width:100%}

  /* Chatvinduet får en garanteret mindstehøjde, uanset hvor meget plads
     header/banner/starter-knapper tilsammen fylder ovenover. Uden dette kan
     flex:1 1 0 klemme samtalen til næsten 0px på små skærme. */
  .modal:has(.aiChatDirect)>.aiChatDirect{
    flex:1 1 0;
    width:100%;
    min-height:45dvh;
    max-height:none;
    overflow:hidden;
    overflow-x:hidden;
    display:flex;
    flex-direction:column;
  }

  /* Kompakte hurtig-hjælp-knapper på mobil: 2 pr. række i stedet for at
     stable 3-4 fuldbredde-knapper lodret og fortrænge samtalen nedenunder. */
  .modal:has(.aiChatDirect)>.aiStarterActions.simple{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
    margin:8px 0;
  }
  .modal:has(.aiChatDirect)>.aiStarterActions.simple button{
    padding:9px 8px;
    font-size:11px;
    line-height:1.3;
    text-align:left;
  }

  /* Kontekst-banneret ovenover chatten skal tage minimal plads på mobil. */
  .modal:has(.aiChatDirect)>.aiContextBanner.compact{
    padding:8px 10px;
    margin-bottom:8px;
  }
  .modal:has(.aiChatDirect)>.aiContextBanner.compact small{
    font-size:10px;
    line-height:1.3;
  }

  .aiChatDirect .aiChatHead{
    flex:0 0 auto;
    width:100%;
    overflow:visible;
  }
  .aiChatDirect .aiChatHead>div{display:flex;align-items:center;justify-content:flex-end;gap:5px;max-width:72%;flex-wrap:nowrap}
  .aiChatDirect .aiChatHead button{max-width:100%}

  /* Den ENESTE lodrette scroll-ejer. */
  .aiConversationViewport{
    flex:1 1 0;
    width:100%;
    min-height:0;
    height:auto;
    max-height:none;
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior-y:contain;
    overscroll-behavior-x:none;
    -webkit-overflow-scrolling:touch;
    scroll-behavior:auto;
    overflow-anchor:none;
    scrollbar-gutter:auto;
    padding:0 6px 6px;
  }

  /* .aiChatMessages/.aiChatThread scroller aldrig selv — kun viewporten ovenfor gør. */
  .aiChatDirect .aiChatMessages,
  .aiChatDirect .aiChatThread{
    width:100%;
    max-width:100%;
    min-height:0;
    height:auto;
    max-height:none;
    overflow:visible;
    overflow-x:hidden;
    overflow-y:visible;
    overscroll-behavior:auto;
    scroll-behavior:auto;
  }
  .aiChatDirect .aiChatThread{padding:5px 3px;gap:7px}
  .aiChatDirect .aiChatRow{width:100%;max-width:100%;overflow:visible}
  .aiChatDirect .aiChatBubble{
    max-width:94%;
    min-width:0;
    overflow:visible;
    overflow-wrap:anywhere;
    word-break:normal;
  }
  .aiMessageText,.aiMessageText *{max-width:100%;overflow-wrap:anywhere}
  .aiLatestMessageAnchor{display:block;width:1px;height:1px;min-height:1px;overflow-anchor:auto}
  .aiChatDirect .aiChatMessages,
  .aiChatDirect .aiChatRow,
  .aiChatDirect .aiChatBubble{overflow-anchor:none}

  /* Tilbudsstatus ligger uden for chatten, må aldrig skabe vandret scroll. */
  .aiQuotePreviewOutside{
    flex:0 0 auto;
    width:100%;
    max-width:100%;
    max-height:104px;
    overflow:hidden;
    overflow-x:hidden;
    overflow-y:hidden;
    padding:0 4px;
  }
  .aiQuotePreviewOutside:empty{display:none}
  .aiQuotePreviewOutside .aiQuoteDraftCompact{
    width:100%;
    max-width:100%;
    margin:4px 0;
    padding:7px 8px;
    overflow:hidden;
  }
  .aiQuoteDraftTop{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center}
  .aiQuoteDraftTop>b{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .aiQuoteDraftStatus{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .aiQuoteDraftActions{
    width:100%;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:6px;
    flex-wrap:nowrap;
  }
  .aiQuoteDraftActions .aiQuoteDraftDetails{min-width:0;max-width:100%;overflow:hidden}
  .aiQuoteDraftDetails[open]{grid-column:1/-1;max-height:52px;overflow-y:auto}
  .aiQuoteDraftApply{
    width:auto;
    max-width:116px;
    min-width:92px;
    min-height:30px;
    padding:5px 8px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .aiChatDirect .aiComposer{
    flex:0 0 auto;
    width:100%;
    max-width:100%;
    position:relative;
    bottom:auto;
    overflow:hidden;
    padding:7px 0 max(7px,env(safe-area-inset-bottom));
    background:var(--c-white-2-bg);
  }
  .aiChatDirect .aiComposer textarea{
    width:100%;
    max-width:100%;
    resize:none;
    overflow-x:hidden;
  }
  .aiComposerActions{width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .aiComposerActions button{width:100%;max-width:100%}
}


/* ADD SmartDrift Pro 7.5.50 */
.bfNotifyBtn{position:relative;border:0;background:transparent;font-size:21px;padding:8px 10px;cursor:pointer}.bfNotifyBtn b{position:absolute;right:1px;top:0;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--c-accent-deep-63);color:var(--c-white-1-text);font-size:10px;display:grid;place-items:center}.bfNotificationList{display:grid;gap:10px;padding:6px}.bfNotification{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;border:1px solid var(--c-gray-lightest-65);border-radius:16px;background:var(--c-white-2-bg);padding:14px}.bfNotification.unread{background:var(--c-success-tint-22);border-color:var(--c-success-23)}.bfNotification span{display:grid;gap:5px}.bfNotification small,.bfNotification em{color:var(--c-gray-mid-11);font-style:normal}.customerOfferPortal{max-width:980px;margin:auto}.portalOfferTop{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.portalApprovalBox{margin-top:18px;padding:16px;border-radius:16px;background:var(--c-gray-lightest-24);display:grid;gap:12px}.portalApprovalBox label{display:grid;gap:6px;font-weight:700}.portalApprovalBox input{min-height:48px;border:1px solid var(--c-gray-lighter-3);border-radius:12px;padding:10px;font:inherit}.offerPortalCard .note p{white-space:pre-wrap}.offerPortalCard .lineTable{overflow-x:auto}.offerPortalCard .lineHead,.offerPortalCard .lineRow{min-width:620px}.customerOfferPortal .employeePortalHead{align-items:flex-start}.customerOfferPortal .employeePortalHead button{white-space:nowrap}@media(max-width:700px){.portalOfferTop,.customerOfferPortal .employeePortalHead{display:grid}.offerPortalCard{padding:18px}.offerPortalCard .lineHead,.offerPortalCard .lineRow{min-width:540px}}@media print{header,aside,.mobileNav,.portalApprovalBox,#customerPortalMessageForm,.customerOfferPortal .employeePortalHead button{display:none!important}.customerOfferPortal{max-width:none}.employeePortalCard{break-inside:avoid;box-shadow:none;border:1px solid var(--c-gray-lighter-8)}}

/* === Nye komponentklasser (F2 — 30 manglende CSS-klasser identificeret i audit) === */
.printDocument{background:var(--c-white-2-bg);border-radius:16px;padding:0}
.packageHead{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:16px;margin-bottom:16px;border-bottom:2px solid var(--ink)}
.packageBrand{display:flex;flex-direction:column;gap:4px}
.packageHeadRight{text-align:right}
.packageType{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800;margin:0 0 4px}
.salesPipeline{overflow:auto}
.orderTabs{flex-wrap:wrap}
.integrationGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-top:10px}
.opsHub{display:grid;gap:14px}
.verifyPrice{display:flex;align-items:center;gap:8px;margin-top:6px}
.verifyPriceRow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.priceVerifyHint{font-size:10px;color:var(--muted);margin:4px 0 0}
.lineSellPriceText{font-size:11px;font-weight:700;color:var(--ink)}
.settingsHelp{font-size:11px;color:var(--muted);margin:4px 0 0;line-height:1.5}
.websiteLeadPage{display:grid;gap:14px}
.workReportPage{max-width:820px;margin:0 auto}
.customerPortalPreview{border:1px solid var(--line);border-radius:14px;padding:16px;background:var(--c-white-4)}
.employeeTaskPanel{background:var(--c-white-2-bg)}
.connectorChoice{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-top:10px}
.aiAttachBtn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:9px}
.checkLine{display:flex;align-items:center;gap:9px;padding:6px 0;font-size:12px}
.checkRow{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid var(--line);font-size:12px}
.moveLineUp,.moveLineDown{width:26px;height:26px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;background:var(--c-gray-lightest-76);border:1px solid var(--line);cursor:pointer;font-size:11px}
.controlChecks{display:grid;gap:8px;margin-top:12px}
.controlCheck{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--c-info-tint-16);border:1px solid var(--line);font-size:12px}
.controlQuote{font-style:italic;color:var(--muted);font-size:11px;margin:8px 0 0;padding:10px 12px;border-left:3px solid var(--line);background:var(--c-white-4)}
.controlPill{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:10px;font-weight:800;background:var(--c-gray-lightest-7);color:var(--c-gray-mid-10)}
.controlBlockers{display:grid;gap:6px;margin-top:10px;padding:12px;border-radius:12px;background:var(--c-accent-tint-28);border:1px solid var(--c-accent-tint-29)}
@media (max-width:640px){.packageHead{flex-direction:column;gap:10px}.packageHeadRight{text-align:left}.connectorChoice{grid-template-columns:1fr}}
@media (max-width:600px){.orgUserRow{flex-direction:column;align-items:flex-start;gap:8px}}
*{transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.themeToggle{border:1px solid var(--c-gray-lightest-3);background:var(--c-white-2-bg,var(--c-white-1));color:var(--c-gray-mid-1);width:34px;height:34px;border-radius:50%;font-size:15px;display:grid;place-items:center;cursor:pointer;margin-left:auto;flex:0 0 auto}.themeToggle:hover{border-color:var(--c-accent-deep-2,var(--c-accent-1))}

/* F2 – manglende CSS-klasser (platform-sider, AI-starter-varianter, pakkeintro) */
.head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px}
.head h1{font-size:22px;margin:4px 0}
.head p{font-size:11px;color:var(--c-gray-light-3);margin:0}
@media(max-width:640px){.head{flex-direction:column;align-items:flex-start;gap:10px}}
.aiStarterActions.simple{grid-template-columns:1fr;margin:10px 0}
.aiStarterActions.simple button{text-align:left}
.packageIntro{margin-bottom:14px}

/* U4 – ensret visuelt m\u00f8nster for alle "tom tilstand"-varianter (samme farve/st\u00f8rrelse/opacity), klassenavne bevaret */
.emptyText,.emptyState,.emptyReportText,.employeeEmpty,.emptyMini,.employeePhotoEmpty,.employeeReportEmpty,.emptyLeadBox,.aiChatEmpty{
  color:var(--c-gray-mid-1);
  font-size:11px;
  line-height:1.5;
  opacity:.85
}
.emptyText,.emptyMini,.employeePhotoEmpty,.employeeReportEmpty,.emptyLeadBox,.aiChatEmpty{padding:15px}
.emptyState,.employeeEmpty{padding:18px}
.emptyState{border:1px dashed var(--c-gray-lighter-3);border-radius:16px}
.emptyMini,.employeePhotoEmpty,.employeeReportEmpty{border-radius:14px}
.emptyLeadBox b{opacity:1}

/* --- HR/løn-udvidelse: kontrakter, goder og lønsedler ------------------- */
.payTypeToggle{display:flex;gap:14px;align-items:center}
.radioRow{display:flex!important;flex-direction:row!important;align-items:center;gap:6px;font-weight:600}
.radioRow input{width:auto!important}
.payslipRow{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 12px}
.payslipRow .textBtn{border:1px solid var(--line);border-radius:9px;padding:6px 10px}
.payslipInfoLine{opacity:.75;font-style:italic}

/* Batch 2 – rykker, aging, korrekte fakturasummer */
.invoiceAgingPanel{background:var(--c-info-tint-2);border:1px solid var(--c-gray-lightest-45);border-radius:16px;padding:16px;margin:14px 0}
.invoiceAgingHead{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px}
.invoiceAgingHead small{color:var(--c-gray-light-32)}
.invoiceAgingBuckets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}
.invoiceAgingBucket{background:var(--c-danger-3-bg);border-radius:12px;padding:10px;text-align:center}
.invoiceAgingBucket small{display:block;opacity:.8}
.invoiceAgingBucket b{display:block;font-size:15px;margin:2px 0}
.invoiceAgingBucket span{display:block;font-size:11px;opacity:.75}
.invoiceReminderBanner{background:var(--c-danger-3-bg)!important}
.platformActionBanner{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--c-danger-tint-1);color:var(--c-danger-1);border-bottom:1px solid var(--c-danger-tint-2);padding:10px 28px;font-size:11px;font-weight:600}
.platformActionBanner button{border:0;background:transparent;color:var(--c-danger-1);font-size:15px;cursor:pointer;line-height:1;padding:2px 4px}
@media(max-width:760px){.platformActionBanner{padding:9px 14px;font-size:10px}}