/* ../../../../../../tmp/tmp-1321-0IJbxGZYSwBQ/themekit/themekit/public/css/dineos.bundle.css */
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/assets/themekit/fonts/self/cairo-200-arabic.woff2) format("woff2");
  unicode-range:
    U+0600-06FF,
    U+0750-077F,
    U+0870-088E,
    U+0890-0891,
    U+0897-08E1,
    U+08E3-08FF,
    U+200C-200E,
    U+2010-2011,
    U+204F,
    U+2E41,
    U+FB50-FDFF,
    U+FE70-FE74,
    U+FE76-FEFC,
    U+102E0-102FB,
    U+10E60-10E7E,
    U+10EC2-10EC4,
    U+10EFC-10EFF,
    U+1EE00-1EE03,
    U+1EE05-1EE1F,
    U+1EE21-1EE22,
    U+1EE24,
    U+1EE27,
    U+1EE29-1EE32,
    U+1EE34-1EE37,
    U+1EE39,
    U+1EE3B,
    U+1EE42,
    U+1EE47,
    U+1EE49,
    U+1EE4B,
    U+1EE4D-1EE4F,
    U+1EE51-1EE52,
    U+1EE54,
    U+1EE57,
    U+1EE59,
    U+1EE5B,
    U+1EE5D,
    U+1EE5F,
    U+1EE61-1EE62,
    U+1EE64,
    U+1EE67-1EE6A,
    U+1EE6C-1EE72,
    U+1EE74-1EE77,
    U+1EE79-1EE7C,
    U+1EE7E,
    U+1EE80-1EE89,
    U+1EE8B-1EE9B,
    U+1EEA1-1EEA3,
    U+1EEA5-1EEA9,
    U+1EEAB-1EEBB,
    U+1EEF0-1EEF1;
}
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/assets/themekit/fonts/self/cairo-200-latin-ext.woff2) format("woff2");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/assets/themekit/fonts/self/cairo-200-latin.woff2) format("woff2");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/themekit/fonts/self/cairo-300-arabic.woff2) format("woff2");
  unicode-range:
    U+0600-06FF,
    U+0750-077F,
    U+0870-088E,
    U+0890-0891,
    U+0897-08E1,
    U+08E3-08FF,
    U+200C-200E,
    U+2010-2011,
    U+204F,
    U+2E41,
    U+FB50-FDFF,
    U+FE70-FE74,
    U+FE76-FEFC,
    U+102E0-102FB,
    U+10E60-10E7E,
    U+10EC2-10EC4,
    U+10EFC-10EFF,
    U+1EE00-1EE03,
    U+1EE05-1EE1F,
    U+1EE21-1EE22,
    U+1EE24,
    U+1EE27,
    U+1EE29-1EE32,
    U+1EE34-1EE37,
    U+1EE39,
    U+1EE3B,
    U+1EE42,
    U+1EE47,
    U+1EE49,
    U+1EE4B,
    U+1EE4D-1EE4F,
    U+1EE51-1EE52,
    U+1EE54,
    U+1EE57,
    U+1EE59,
    U+1EE5B,
    U+1EE5D,
    U+1EE5F,
    U+1EE61-1EE62,
    U+1EE64,
    U+1EE67-1EE6A,
    U+1EE6C-1EE72,
    U+1EE74-1EE77,
    U+1EE79-1EE7C,
    U+1EE7E,
    U+1EE80-1EE89,
    U+1EE8B-1EE9B,
    U+1EEA1-1EEA3,
    U+1EEA5-1EEA9,
    U+1EEAB-1EEBB,
    U+1EEF0-1EEF1;
}
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/themekit/fonts/self/cairo-300-latin-ext.woff2) format("woff2");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/themekit/fonts/self/cairo-300-latin.woff2) format("woff2");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/themekit/fonts/self/cairo-400-arabic.woff2) format("woff2");
  unicode-range:
    U+0600-06FF,
    U+0750-077F,
    U+0870-088E,
    U+0890-0891,
    U+0897-08E1,
    U+08E3-08FF,
    U+200C-200E,
    U+2010-2011,
    U+204F,
    U+2E41,
    U+FB50-FDFF,
    U+FE70-FE74,
    U+FE76-FEFC,
    U+102E0-102FB,
    U+10E60-10E7E,
    U+10EC2-10EC4,
    U+10EFC-10EFF,
    U+1EE00-1EE03,
    U+1EE05-1EE1F,
    U+1EE21-1EE22,
    U+1EE24,
    U+1EE27,
    U+1EE29-1EE32,
    U+1EE34-1EE37,
    U+1EE39,
    U+1EE3B,
    U+1EE42,
    U+1EE47,
    U+1EE49,
    U+1EE4B,
    U+1EE4D-1EE4F,
    U+1EE51-1EE52,
    U+1EE54,
    U+1EE57,
    U+1EE59,
    U+1EE5B,
    U+1EE5D,
    U+1EE5F,
    U+1EE61-1EE62,
    U+1EE64,
    U+1EE67-1EE6A,
    U+1EE6C-1EE72,
    U+1EE74-1EE77,
    U+1EE79-1EE7C,
    U+1EE7E,
    U+1EE80-1EE89,
    U+1EE8B-1EE9B,
    U+1EEA1-1EEA3,
    U+1EEA5-1EEA9,
    U+1EEAB-1EEBB,
    U+1EEF0-1EEF1;
}
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/themekit/fonts/self/cairo-400-latin-ext.woff2) format("woff2");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/themekit/fonts/self/cairo-400-latin.woff2) format("woff2");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/themekit/fonts/self/cairo-500-arabic.woff2) format("woff2");
  unicode-range:
    U+0600-06FF,
    U+0750-077F,
    U+0870-088E,
    U+0890-0891,
    U+0897-08E1,
    U+08E3-08FF,
    U+200C-200E,
    U+2010-2011,
    U+204F,
    U+2E41,
    U+FB50-FDFF,
    U+FE70-FE74,
    U+FE76-FEFC,
    U+102E0-102FB,
    U+10E60-10E7E,
    U+10EC2-10EC4,
    U+10EFC-10EFF,
    U+1EE00-1EE03,
    U+1EE05-1EE1F,
    U+1EE21-1EE22,
    U+1EE24,
    U+1EE27,
    U+1EE29-1EE32,
    U+1EE34-1EE37,
    U+1EE39,
    U+1EE3B,
    U+1EE42,
    U+1EE47,
    U+1EE49,
    U+1EE4B,
    U+1EE4D-1EE4F,
    U+1EE51-1EE52,
    U+1EE54,
    U+1EE57,
    U+1EE59,
    U+1EE5B,
    U+1EE5D,
    U+1EE5F,
    U+1EE61-1EE62,
    U+1EE64,
    U+1EE67-1EE6A,
    U+1EE6C-1EE72,
    U+1EE74-1EE77,
    U+1EE79-1EE7C,
    U+1EE7E,
    U+1EE80-1EE89,
    U+1EE8B-1EE9B,
    U+1EEA1-1EEA3,
    U+1EEA5-1EEA9,
    U+1EEAB-1EEBB,
    U+1EEF0-1EEF1;
}
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/themekit/fonts/self/cairo-500-latin-ext.woff2) format("woff2");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/themekit/fonts/self/cairo-500-latin.woff2) format("woff2");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/themekit/fonts/self/cairo-600-arabic.woff2) format("woff2");
  unicode-range:
    U+0600-06FF,
    U+0750-077F,
    U+0870-088E,
    U+0890-0891,
    U+0897-08E1,
    U+08E3-08FF,
    U+200C-200E,
    U+2010-2011,
    U+204F,
    U+2E41,
    U+FB50-FDFF,
    U+FE70-FE74,
    U+FE76-FEFC,
    U+102E0-102FB,
    U+10E60-10E7E,
    U+10EC2-10EC4,
    U+10EFC-10EFF,
    U+1EE00-1EE03,
    U+1EE05-1EE1F,
    U+1EE21-1EE22,
    U+1EE24,
    U+1EE27,
    U+1EE29-1EE32,
    U+1EE34-1EE37,
    U+1EE39,
    U+1EE3B,
    U+1EE42,
    U+1EE47,
    U+1EE49,
    U+1EE4B,
    U+1EE4D-1EE4F,
    U+1EE51-1EE52,
    U+1EE54,
    U+1EE57,
    U+1EE59,
    U+1EE5B,
    U+1EE5D,
    U+1EE5F,
    U+1EE61-1EE62,
    U+1EE64,
    U+1EE67-1EE6A,
    U+1EE6C-1EE72,
    U+1EE74-1EE77,
    U+1EE79-1EE7C,
    U+1EE7E,
    U+1EE80-1EE89,
    U+1EE8B-1EE9B,
    U+1EEA1-1EEA3,
    U+1EEA5-1EEA9,
    U+1EEAB-1EEBB,
    U+1EEF0-1EEF1;
}
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/themekit/fonts/self/cairo-600-latin-ext.woff2) format("woff2");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/themekit/fonts/self/cairo-600-latin.woff2) format("woff2");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/themekit/fonts/self/cairo-700-arabic.woff2) format("woff2");
  unicode-range:
    U+0600-06FF,
    U+0750-077F,
    U+0870-088E,
    U+0890-0891,
    U+0897-08E1,
    U+08E3-08FF,
    U+200C-200E,
    U+2010-2011,
    U+204F,
    U+2E41,
    U+FB50-FDFF,
    U+FE70-FE74,
    U+FE76-FEFC,
    U+102E0-102FB,
    U+10E60-10E7E,
    U+10EC2-10EC4,
    U+10EFC-10EFF,
    U+1EE00-1EE03,
    U+1EE05-1EE1F,
    U+1EE21-1EE22,
    U+1EE24,
    U+1EE27,
    U+1EE29-1EE32,
    U+1EE34-1EE37,
    U+1EE39,
    U+1EE3B,
    U+1EE42,
    U+1EE47,
    U+1EE49,
    U+1EE4B,
    U+1EE4D-1EE4F,
    U+1EE51-1EE52,
    U+1EE54,
    U+1EE57,
    U+1EE59,
    U+1EE5B,
    U+1EE5D,
    U+1EE5F,
    U+1EE61-1EE62,
    U+1EE64,
    U+1EE67-1EE6A,
    U+1EE6C-1EE72,
    U+1EE74-1EE77,
    U+1EE79-1EE7C,
    U+1EE7E,
    U+1EE80-1EE89,
    U+1EE8B-1EE9B,
    U+1EEA1-1EEA3,
    U+1EEA5-1EEA9,
    U+1EEAB-1EEBB,
    U+1EEF0-1EEF1;
}
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/themekit/fonts/self/cairo-700-latin-ext.woff2) format("woff2");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/themekit/fonts/self/cairo-700-latin.woff2) format("woff2");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/themekit/fonts/self/cairo-800-arabic.woff2) format("woff2");
  unicode-range:
    U+0600-06FF,
    U+0750-077F,
    U+0870-088E,
    U+0890-0891,
    U+0897-08E1,
    U+08E3-08FF,
    U+200C-200E,
    U+2010-2011,
    U+204F,
    U+2E41,
    U+FB50-FDFF,
    U+FE70-FE74,
    U+FE76-FEFC,
    U+102E0-102FB,
    U+10E60-10E7E,
    U+10EC2-10EC4,
    U+10EFC-10EFF,
    U+1EE00-1EE03,
    U+1EE05-1EE1F,
    U+1EE21-1EE22,
    U+1EE24,
    U+1EE27,
    U+1EE29-1EE32,
    U+1EE34-1EE37,
    U+1EE39,
    U+1EE3B,
    U+1EE42,
    U+1EE47,
    U+1EE49,
    U+1EE4B,
    U+1EE4D-1EE4F,
    U+1EE51-1EE52,
    U+1EE54,
    U+1EE57,
    U+1EE59,
    U+1EE5B,
    U+1EE5D,
    U+1EE5F,
    U+1EE61-1EE62,
    U+1EE64,
    U+1EE67-1EE6A,
    U+1EE6C-1EE72,
    U+1EE74-1EE77,
    U+1EE79-1EE7C,
    U+1EE7E,
    U+1EE80-1EE89,
    U+1EE8B-1EE9B,
    U+1EEA1-1EEA3,
    U+1EEA5-1EEA9,
    U+1EEAB-1EEBB,
    U+1EEF0-1EEF1;
}
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/themekit/fonts/self/cairo-800-latin-ext.woff2) format("woff2");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/themekit/fonts/self/cairo-800-latin.woff2) format("woff2");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/themekit/fonts/self/jetbrains-mono-500-latin-ext.woff2) format("woff2");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/themekit/fonts/self/jetbrains-mono-500-latin.woff2) format("woff2");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/themekit/fonts/self/jetbrains-mono-700-latin-ext.woff2) format("woff2");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/themekit/fonts/self/jetbrains-mono-700-latin.woff2) format("woff2");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Tajawal";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/assets/themekit/fonts/self/Tajawal-Light.ttf) format("truetype");
}
@font-face {
  font-family: "Tajawal";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/themekit/fonts/self/Tajawal-Light.ttf) format("truetype");
}
@font-face {
  font-family: "Tajawal";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/themekit/fonts/self/Tajawal-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "Tajawal";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/themekit/fonts/self/Tajawal-Medium.ttf) format("truetype");
}
@font-face {
  font-family: "Tajawal";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/themekit/fonts/self/Tajawal-Bold.ttf) format("truetype");
}
html:root {
  --dineos-font-sans:
    "Cairo",
    system-ui,
    sans-serif;
  --dineos-font-mono:
    "JetBrains Mono",
    ui-monospace,
    SFMono-Regular,
    monospace;
  --dineos-ink: #1a1a1f;
  --dineos-ink-2: #2a2930;
  --dineos-muted: #8a8779;
  --dineos-muted-2: #b3afa0;
  --dineos-line: rgba(24, 23, 27, 0.07);
  --dineos-yellow: #f5d041;
  --dineos-yellow-glow: #ffd95a;
  --dineos-yellow-deep: #d9b223;
  --dineos-yellow-gradient: linear-gradient(135deg, #ffe27a, #f5d041);
  --dineos-green: #4cc38a;
  --dineos-green-deep: #2fa66d;
  --dineos-green-soft: #dff5e3;
  --dineos-red: #e85d6e;
  --dineos-red-deep: #d83a4f;
  --dineos-red-soft: #fde0e3;
  --dineos-blue: #5b8def;
  --dineos-blue-deep: #3f6dd6;
  --dineos-blue-soft: #e1ecff;
  --dineos-orange: #f59042;
  --dineos-orange-deep: #db6f1f;
  --dineos-purple: #a585f0;
  --dineos-purple-soft: #ece1ff;
  --dineos-pending-fg: #a17800;
  --dineos-pending-bg: #fff5d4;
  --dineos-r-card: 24px;
  --dineos-r-modal: 28px;
  --dineos-r-field: 16px;
  --dineos-r-option: 10px;
  --dineos-r-pill: 9999px;
  --dineos-shadow-yellow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 6px 16px -6px rgba(217, 178, 35, 0.55);
  --dineos-shadow-red: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 6px 16px -6px rgba(216, 58, 79, 0.55);
  --dineos-shadow-card:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 1px 2px rgba(0, 0, 0, 0.02),
    0 14px 40px -20px rgba(60, 50, 20, 0.22),
    0 4px 12px -6px rgba(60, 50, 20, 0.1);
  --dineos-shadow-chip: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 4px 12px -6px rgba(60, 50, 20, 0.15);
  --font-stack: var(--dineos-font-sans);
  --text-color: var(--dineos-ink);
  --text-muted: var(--dineos-muted);
  --text-light: var(--dineos-muted-2);
  --border-color: var(--dineos-line);
  --primary: var(--dineos-yellow);
  --primary-color: var(--dineos-ink);
  --btn-primary: var(--dineos-yellow);
  --brand-color: var(--dineos-yellow);
}
html[data-theme=dark],
html.dark {
  --dineos-ink: #f5f5ee;
  --dineos-ink-2: #e8e6dc;
  --dineos-muted: #7a7768;
  --dineos-muted-2: #5a5854;
  --dineos-line: rgba(255, 255, 255, 0.08);
  --dineos-green: #6fdca5;
  --dineos-red: #ff8a96;
  --dineos-blue: #9ebef9;
  --dineos-pending-fg: var(--dineos-yellow-glow);
  --dineos-shadow-card:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 1px 2px rgba(0, 0, 0, 0.2),
    0 14px 40px -20px rgba(0, 0, 0, 0.6),
    0 4px 12px -6px rgba(0, 0, 0, 0.4);
  --dineos-shadow-chip: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 4px 12px -6px rgba(0, 0, 0, 0.4);
}
html {
  font-family: var(--dineos-font-sans);
  -webkit-font-smoothing: antialiased;
}
body {
  font-family: var(--dineos-font-sans);
  color: var(--dineos-ink);
  min-height: 100vh;
  background:
    radial-gradient(ellipse 50% 45% at 85% 5%, rgba(255, 217, 90, 0.85) 0%, rgba(248, 220, 100, 0.45) 25%, transparent 55%),
    radial-gradient(ellipse 45% 55% at 8% 95%, rgba(248, 243, 222, 0.85) 0%, transparent 60%),
    radial-gradient(ellipse 60% 35% at 50% 50%, rgba(245, 235, 200, 0.4) 0%, transparent 70%),
    linear-gradient(-195deg, #f0e5be 0%, #ebe0bc 30%, #f5dca0 60%, #ead9a8 100%);
  background-attachment: fixed;
}
[data-theme=dark] body,
.dark body {
  color: var(--dineos-ink-2);
  background:
    radial-gradient(ellipse 55% 45% at 88% 5%, rgba(245, 208, 65, 0.26) 0%, rgba(56, 189, 248, 0.05) 30%, transparent 60%),
    radial-gradient(ellipse 50% 60% at 8% 95%, rgba(129, 140, 248, 0.12) 0%, transparent 60%),
    radial-gradient(ellipse 60% 40% at 50% 50%, rgba(38, 50, 71, 0.4) 0%, transparent 70%),
    linear-gradient(-195deg, #070b12 0%, #0a0f18 30%, #0c121d 60%, #080d15 100%);
  background-attachment: fixed;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.04 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
  opacity: 0.5;
  mix-blend-mode: multiply;
}
[data-theme=dark] body::before,
.dark body::before {
  opacity: 0.25;
  mix-blend-mode: screen;
  filter: brightness(2.5);
}
.ltr-numbers {
  direction: rtl;
  display: inline-block;
  font-variant-numeric: tabular-nums;
}
.btn {
  border-radius: var(--dineos-r-field);
  font-weight: 700;
  font-size: 14px;
  transition: all 0.15s ease;
}
.btn:hover {
  transform: translateY(-1px);
}
html .btn.btn-primary,
html .btn.btn-primary:not(:disabled):not(.disabled) {
  background: var(--dineos-yellow-gradient);
  background-color: var(--dineos-yellow);
  border: none;
  color: var(--dineos-ink);
  box-shadow: var(--dineos-shadow-yellow);
}
html .btn.btn-primary:hover,
html .btn.btn-primary:focus,
html .btn.btn-primary:not(:disabled):not(.disabled):active {
  background: var(--dineos-yellow-gradient);
  color: var(--dineos-ink);
  box-shadow: var(--dineos-shadow-yellow);
}
html .btn.btn-danger,
html .btn.btn-danger:not(:disabled):not(.disabled) {
  background: linear-gradient(-135deg, #f25e6f, #d83a4f);
  border: none;
  color: #fff;
  box-shadow: var(--dineos-shadow-red);
}
html .btn.btn-default,
html .btn.btn-secondary {
  background: rgba(0, 0, 0, 0.06);
  border: none;
  box-shadow: none;
  color: var(--dineos-ink-2);
  font-weight: 600;
}
.btn.btn-default:hover,
.btn.btn-secondary:hover {
  background: rgba(0, 0, 0, 0.1);
  color: var(--dineos-ink);
}
[data-theme=dark] .btn.btn-default,
[data-theme=dark] .btn.btn-secondary,
.dark .btn.btn-default,
.dark .btn.btn-secondary {
  background: rgba(255, 255, 255, 0.06);
  color: var(--dineos-ink-2);
}
.btn-xs,
.btn-sm.filter-button,
.filter-selector .btn,
.list-paging-area .btn,
.page-actions .btn-paging {
  border-radius: var(--dineos-r-pill);
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 600;
}
.indicator-pill,
.indicator-pill-round {
  border-radius: var(--dineos-r-pill);
  font-size: 11px;
  font-weight: 700;
  padding: 3px 10px;
}
.indicator-pill.green,
.indicator-pill.darkgrey.green {
  background: var(--dineos-green-soft);
  color: var(--dineos-green-deep);
}
.indicator-pill.red,
.indicator-pill.pink {
  background: var(--dineos-red-soft);
  color: var(--dineos-red);
}
.indicator-pill.orange,
.indicator-pill.yellow {
  background: var(--dineos-pending-bg);
  color: var(--dineos-pending-fg);
}
.indicator-pill.blue,
.indicator-pill.cyan {
  background: var(--dineos-blue-soft);
  color: var(--dineos-blue-deep);
}
.indicator-pill.gray,
.indicator-pill.grey,
.indicator-pill.darkgrey {
  background: rgba(0, 0, 0, 0.05);
  color: var(--dineos-ink-2);
}
[data-theme=dark] .indicator-pill.green,
.dark .indicator-pill.green {
  background: rgba(76, 195, 138, 0.15);
  color: #6fdca5;
}
[data-theme=dark] .indicator-pill.red,
.dark .indicator-pill.red {
  background: rgba(232, 93, 110, 0.15);
  color: #ff8a96;
}
[data-theme=dark] .indicator-pill.orange,
[data-theme=dark] .indicator-pill.yellow,
.dark .indicator-pill.orange,
.dark .indicator-pill.yellow {
  background: rgba(245, 208, 65, 0.15);
  color: var(--dineos-yellow-glow);
}
[data-theme=dark] .indicator-pill.blue,
.dark .indicator-pill.blue {
  background: rgba(91, 141, 239, 0.15);
  color: #9ebef9;
}
.dineos-glass,
.widget,
.page-card,
.login-content.page-card {
  background: linear-gradient(-180deg, rgba(255, 253, 245, 0.72) 0%, rgba(255, 250, 230, 0.6) 100%);
  -webkit-backdrop-filter: blur(28px) saturate(1.4);
  backdrop-filter: blur(28px) saturate(1.4);
  border-radius: var(--dineos-r-card);
  border: 1px solid rgba(255, 255, 255, 0.6);
  box-shadow: var(--dineos-shadow-card);
  position: relative;
  overflow: hidden;
}
.dineos-glass::before,
.widget::before,
.page-card::before {
  content: "";
  position: absolute;
  top: 0;
  right: 10%;
  left: 10%;
  height: 1px;
  background: linear-gradient(-90deg, transparent, rgba(255, 255, 255, 0.95), transparent);
  pointer-events: none;
}
[data-theme=dark] .dineos-glass,
[data-theme=dark] .widget,
[data-theme=dark] .page-card,
.dark .dineos-glass,
.dark .widget,
.dark .page-card {
  background: linear-gradient(-180deg, rgba(45, 42, 58, 0.55) 0%, rgba(28, 26, 38, 0.6) 100%);
  border-color: rgba(255, 255, 255, 0.07);
  box-shadow: var(--dineos-shadow-card);
}
[data-theme=dark] .dineos-glass::before,
[data-theme=dark] .widget::before,
[data-theme=dark] .page-card::before,
.dark .dineos-glass::before,
.dark .widget::before,
.dark .page-card::before {
  background: linear-gradient(-90deg, transparent, rgba(255, 255, 255, 0.18), transparent);
}
.dineos-chip {
  background: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(20px) saturate(1.3);
  backdrop-filter: blur(20px) saturate(1.3);
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: var(--dineos-r-pill);
  box-shadow: var(--dineos-shadow-chip);
}
[data-theme=dark] .dineos-chip,
.dark .dineos-chip {
  background: rgba(40, 38, 52, 0.5);
  border-color: rgba(255, 255, 255, 0.08);
}
.modal-content {
  border-radius: var(--dineos-r-modal);
  border: 1px solid rgba(255, 255, 255, 0.6);
  box-shadow: 0 14px 40px -16px rgba(60, 50, 20, 0.3);
}
.form-control,
.input-with-feedback,
.awesomplete > input,
select.form-control {
  border-radius: var(--dineos-r-field);
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.6);
  font-size: 14px;
  color: var(--dineos-ink);
}
.form-control:focus,
.input-with-feedback:focus,
.awesomplete > input:focus {
  box-shadow: 0 0 0 2px rgba(245, 208, 65, 0.4);
  border-color: rgba(255, 255, 255, 0.8);
  background: rgba(255, 255, 255, 0.65);
}
[data-theme=dark] .form-control,
.dark .form-control,
[data-theme=dark] select.form-control,
.dark select.form-control {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.08);
  color: var(--dineos-ink-2);
}
.dropdown-menu {
  background: rgba(255, 253, 245, 0.95);
  -webkit-backdrop-filter: blur(20px) saturate(1.4);
  backdrop-filter: blur(20px) saturate(1.4);
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: var(--dineos-r-field);
  padding: 6px;
  box-shadow: 0 14px 40px -16px rgba(60, 50, 20, 0.3);
}
.dropdown-menu .dropdown-item {
  border-radius: var(--dineos-r-option);
  padding: 8px 14px;
  font-size: 13px;
}
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item.selected {
  background: linear-gradient(-135deg, rgba(255, 226, 122, 0.4), rgba(245, 208, 65, 0.3));
  color: var(--dineos-ink);
}
[data-theme=dark] .dropdown-menu,
.dark .dropdown-menu {
  background: rgba(31, 29, 40, 0.97);
  border-color: rgba(255, 255, 255, 0.08);
}
[data-theme=dark] .dropdown-menu .dropdown-item:hover,
.dark .dropdown-menu .dropdown-item:hover {
  background: rgba(245, 208, 65, 0.18);
  color: var(--dineos-yellow-glow);
}
.like-disabled-input.bold,
[data-fieldtype=Currency] .control-value,
[data-fieldtype=Float] .control-value,
[data-fieldtype=Int] .control-value {
  font-variant-numeric: tabular-nums;
}
code,
kbd,
pre,
samp,
.font-mono {
  font-family: var(--dineos-font-mono);
}
html .for-login .page-card .page-card-body input[type=text],
html .for-login .page-card .page-card-body input[type=email],
html .for-login .page-card .page-card-body input[type=password],
html .for-forgot .page-card .page-card-body input[type=text],
html .for-forgot .page-card .page-card-body input[type=email],
html .for-forgot .page-card .page-card-body input[type=password],
html .for-login-with-email-link .page-card .page-card-body input[type=text],
html .for-login-with-email-link .page-card .page-card-body input[type=email],
html .for-login-with-email-link .page-card .page-card-body input[type=password],
html .for-signup .page-card .page-card-body input[type=text],
html .for-signup .page-card .page-card-body input[type=email],
html .for-signup .page-card .page-card-body input[type=password],
html .for-email-login .page-card .page-card-body input[type=text],
html .for-email-login .page-card .page-card-body input[type=email],
html .for-email-login .page-card .page-card-body input[type=password],
html .for-reset-password .page-card .page-card-body input[type=text],
html .for-reset-password .page-card .page-card-body input[type=email],
html .for-reset-password .page-card .page-card-body input[type=password] {
  height: auto;
  min-height: 46px;
  padding: 12px 16px;
  border-radius: var(--dineos-r-field);
  font-size: 14px;
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.6);
  color: var(--dineos-ink);
}
html .for-login .page-card .page-card-body .email-field input,
html .for-login .page-card .page-card-body .password-field input,
html .for-forgot .page-card .page-card-body .email-field input,
html .for-forgot .page-card .page-card-body .password-field input,
html .for-login-with-email-link .page-card .page-card-body .email-field input,
html .for-login-with-email-link .page-card .page-card-body .password-field input,
html .for-signup .page-card .page-card-body .email-field input,
html .for-signup .page-card .page-card-body .password-field input,
html .for-email-login .page-card .page-card-body .email-field input,
html .for-email-login .page-card .page-card-body .password-field input,
html .for-reset-password .page-card .page-card-body .email-field input,
html .for-reset-password .page-card .page-card-body .password-field input {
  padding-inline-start: 44px;
  padding-inline-end: 16px;
}
html .for-login .page-card .page-card-body .password-field input,
html .for-forgot .page-card .page-card-body .password-field input,
html .for-login-with-email-link .page-card .page-card-body .password-field input,
html .for-signup .page-card .page-card-body .password-field input,
html .for-email-login .page-card .page-card-body .password-field input,
html .for-reset-password .page-card .page-card-body .password-field input {
  padding-inline-end: 44px;
}
html .for-login .page-card .page-card-body .field-icon,
html .for-forgot .page-card .page-card-body .field-icon,
html .for-login-with-email-link .page-card .page-card-body .field-icon,
html .for-signup .page-card .page-card-body .field-icon,
html .for-email-login .page-card .page-card-body .field-icon,
html .for-reset-password .page-card .page-card-body .field-icon {
  inset-inline-start: 16px;
  inset-inline-end: auto;
}
html .for-login .page-card .page-card-body .password-field .toggle-password,
html .for-reset-password .page-card .page-card-body .password-field .toggle-password {
  inset-inline-end: 16px;
  inset-inline-start: auto;
}
html .for-login .page-card .page-card-body input[type=text]:focus,
html .for-login .page-card .page-card-body input[type=email]:focus,
html .for-login .page-card .page-card-body input[type=password]:focus,
html .for-email-login .page-card .page-card-body input[type=email]:focus,
html .for-forgot .page-card .page-card-body input[type=email]:focus {
  box-shadow: 0 0 0 2px rgba(245, 208, 65, 0.4);
  border-color: rgba(255, 255, 255, 0.8);
  background-color: rgba(255, 255, 255, 0.65);
}
html .for-login .page-card .page-card-actions .btn-login,
html .for-login .page-card .page-card-actions .btn-ldap-login,
html .for-email-login .page-card .page-card-actions .btn-login,
html .for-login-with-email-link .page-card .page-card-actions .btn-login,
html .for-forgot .page-card .page-card-actions .btn-login,
html .for-signup .page-card .page-card-actions .btn-login,
html .for-reset-password .page-card .page-card-actions .btn-login {
  background: var(--dineos-yellow-gradient);
  color: var(--dineos-ink);
  font-size: 14px;
  font-weight: 700;
  min-height: 46px;
  padding: 12px 16px;
  border-radius: var(--dineos-r-field);
  box-shadow: var(--dineos-shadow-yellow);
  border: none;
}
html .for-login .page-card .page-card-actions .btn-login-with-email-link,
html .for-login .page-card .page-card-actions .btn-signup,
html .for-login-with-email-link .page-card .page-card-actions .btn-login-with-email-link {
  background: rgba(0, 0, 0, 0.06);
  color: var(--dineos-ink-2);
  font-size: 14px;
  font-weight: 600;
  min-height: 46px;
  padding: 12px 16px;
  border-radius: var(--dineos-r-field);
  box-shadow: none;
  border: none;
}
html .for-login .page-card,
html .for-forgot .page-card,
html .for-login-with-email-link .page-card,
html .for-signup .page-card,
html .for-email-login .page-card,
html .for-reset-password .page-card {
  border-radius: var(--dineos-r-card);
  padding: 32px;
  background: linear-gradient(-180deg, rgba(255, 253, 245, 0.72) 0%, rgba(255, 250, 230, 0.6) 100%);
  background-color: transparent;
  -webkit-backdrop-filter: blur(28px) saturate(1.4);
  backdrop-filter: blur(28px) saturate(1.4);
  border: 1px solid rgba(255, 255, 255, 0.6);
  box-shadow: var(--dineos-shadow-card);
  position: relative;
  overflow: hidden;
}
html[data-theme=dark] .for-login .page-card,
html.dark .for-login .page-card,
html[data-theme=dark] .for-email-login .page-card,
html.dark .for-email-login .page-card {
  background: linear-gradient(-180deg, rgba(45, 42, 58, 0.55) 0%, rgba(28, 26, 38, 0.6) 100%);
  border-color: rgba(255, 255, 255, 0.07);
}
html .form-control,
html select.form-control,
html .input-with-feedback {
  min-height: 46px;
  padding: 12px 16px;
  border-radius: var(--dineos-r-field);
}
html .btn.btn-primary,
html .btn.btn-danger,
html .btn.btn-default,
html .btn.btn-secondary {
  min-height: 46px;
  padding: 12px 16px;
  border-radius: var(--dineos-r-field);
}
html .btn.btn-xs,
html .btn.btn-sm.filter-button,
html .filter-selector .btn,
html .list-paging-area .btn,
html .page-actions .btn-paging {
  min-height: 36px;
  padding: 6px 14px;
  border-radius: var(--dineos-r-pill);
}
html .main-section,
html .page-container,
html .layout-main-section.frappe-card,
html [data-page-route=Workspaces] .layout-main-section,
html .layout-side-section {
  background-color: transparent;
  background: transparent;
  box-shadow: none;
}
html .navbar {
  background: rgba(255, 253, 245, 0.68);
  -webkit-backdrop-filter: blur(24px) saturate(1.3);
  backdrop-filter: blur(24px) saturate(1.3);
  border-bottom: 1px solid var(--dineos-line);
}
html .page-head {
  background: rgba(255, 253, 245, 0.68);
  -webkit-backdrop-filter: blur(24px) saturate(1.3);
  backdrop-filter: blur(24px) saturate(1.3);
  border-bottom: 1px solid var(--dineos-line);
}
html[data-theme=dark] .navbar,
html.dark .navbar,
html[data-theme=dark] .page-head,
html.dark .page-head {
  background: rgba(28, 26, 38, 0.62);
  border-bottom-color: rgba(255, 255, 255, 0.08);
}
html .body-sidebar {
  background: rgba(255, 253, 245, 0.62);
  -webkit-backdrop-filter: blur(24px) saturate(1.3);
  backdrop-filter: blur(24px) saturate(1.3);
  border-inline-end: 1px solid var(--dineos-line);
  border-left: none;
}
html[data-theme=dark] .body-sidebar,
html.dark .body-sidebar {
  background: rgba(28, 26, 38, 0.6);
  border-inline-end-color: rgba(255, 255, 255, 0.08);
}
html .body-sidebar .sidebar-items {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
html .body-sidebar .standard-sidebar-item {
  min-height: 44px;
  border-radius: 12px;
  padding-inline: 12px;
  transition: background-color 0.15s ease, color 0.15s ease;
}
html .body-sidebar .standard-sidebar-item .item-anchor {
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 10px;
}
html .body-sidebar .sidebar-item-label {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  color: var(--dineos-ink-2);
}
html .body-sidebar .standard-sidebar-item:not(.active-sidebar):has(a:not(.section-break)):hover {
  background-color: rgba(245, 208, 65, 0.18);
  border-radius: 12px;
}
html .body-sidebar .standard-sidebar-item.selected,
html .body-sidebar .standard-sidebar-item.active-sidebar {
  background-color: rgba(245, 208, 65, 0.26);
  border-radius: 12px;
}
html .body-sidebar .standard-sidebar-item.selected .sidebar-item-label,
html .body-sidebar .standard-sidebar-item.active-sidebar .sidebar-item-label {
  color: var(--dineos-yellow-deep);
  font-weight: 700;
}
html .body-sidebar .sidebar-item-icon svg {
  width: 18px;
  height: 18px;
  stroke-width: 2;
}
html .body-sidebar .standard-sidebar-item.selected .sidebar-item-icon svg,
html .body-sidebar .standard-sidebar-item.active-sidebar .sidebar-item-icon svg {
  color: var(--dineos-yellow-deep);
  stroke: var(--dineos-yellow-deep);
}
html .body-sidebar .drop-icon svg use {
  display: none;
}
html .body-sidebar .drop-icon svg {
  width: 16px;
  height: 16px;
  background-color: var(--dineos-yellow-deep);
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>") center / contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>") center / contain no-repeat;
}
html .body-sidebar .drop-icon {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
html .body-sidebar .drop-icon:hover {
  background-color: rgba(245, 208, 65, 0.2);
}
html .body-sidebar .sidebar-header {
  min-height: 52px;
  border-radius: 12px;
}
html .body-sidebar .header-title {
  font-size: 15px;
  font-weight: 800;
}
html .body-sidebar .header-subtitle {
  font-size: 12px;
  color: var(--dineos-muted);
}
html .header-logo-container,
html .body-sidebar .sidebar-item-icon .icon-container {
  border-radius: 10px;
  background-color: var(--dineos-yellow-deep);
}
html .body-sidebar .icon-container,
html .header-logo .icon-container,
html .header-logo-container {
  background-color: var(--dineos-yellow-deep) !important;
  border-radius: 10px;
}
html .body-sidebar {
  min-height: 100vh;
}
html .body-sidebar-container,
html .body-sidebar-container.expanded {
  height: auto;
  min-height: 100vh;
}
html .body-sidebar .header-logo img,
html .body-sidebar .sidebar-item-icon img {
  filter: brightness(0) invert(72%) sepia(59%) saturate(646%) hue-rotate(3deg) brightness(92%) contrast(89%);
}
html #body,
html .content.page-container,
html .container.page-body,
html .layout-main-section-wrapper,
html .layout-main-section,
html .desk-page,
html .page-main-content,
html .layout-main {
  background: transparent;
  background-color: transparent;
}
html .body-sidebar-container.expanded .body-sidebar {
  top: 12px;
  bottom: 12px;
  inset-inline-start: 12px;
  inset-inline-end: auto;
  width: calc(var(--sidebar-width) - 24px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-inline-end: 1px solid rgba(255, 255, 255, 0.6);
  box-shadow: var(--dineos-shadow-card);
  overflow: hidden;
}
html[data-theme=dark] .body-sidebar-container.expanded .body-sidebar,
html.dark .body-sidebar-container.expanded .body-sidebar {
  border-color: rgba(255, 255, 255, 0.07);
  border-inline-end-color: rgba(255, 255, 255, 0.07);
}
html .navbar {
  position: sticky;
  top: 12px;
  z-index: 10;
  height: 52px;
  margin: 12px 12px 0 12px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  box-shadow: var(--dineos-shadow-card);
}
html .page-head {
  margin-block-start: 12px;
  margin-inline: 12px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  box-shadow: var(--dineos-shadow-card);
}
html[data-theme=dark] .navbar,
html.dark .navbar,
html[data-theme=dark] .page-head,
html.dark .page-head {
  border-color: rgba(255, 255, 255, 0.07);
  border-bottom-color: rgba(255, 255, 255, 0.07);
}
html .page-body,
html .container.page-body {
  padding-inline: 12px;
}
html:root {
  --sidebar-width: 248px;
}
html .body-sidebar-container.expanded .body-sidebar {
  position: fixed;
  top: 12px;
  bottom: 12px;
  inset-inline-start: 12px;
  inset-inline-end: auto;
  width: calc(var(--sidebar-width) - 24px);
  height: auto;
  min-height: 0;
}
html .body-sidebar-container,
html .body-sidebar-container.expanded {
  min-height: 0;
}
html .page-head {
  height: auto;
  min-height: 56px;
  margin-block: 12px;
  padding-inline: 16px;
  overflow: visible;
}
html .page-head .page-head-content {
  height: auto;
  min-height: 40px;
}
html .navbar {
  position: static;
  top: auto;
  height: auto;
  min-height: 52px;
}
html .dropdown-menu,
html .awesomplete > ul {
  background: linear-gradient(-180deg, rgba(255, 250, 224, 0.97) 0%, rgba(255, 245, 208, 0.95) 100%);
  -webkit-backdrop-filter: blur(20px) saturate(1.4);
  backdrop-filter: blur(20px) saturate(1.4);
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: var(--dineos-r-field);
  padding: 6px;
  box-shadow: 0 14px 40px -16px rgba(60, 50, 20, 0.3);
}
html .awesomplete > ul > li {
  border-radius: var(--dineos-r-option);
  padding: 8px 14px;
  font-size: 13px;
}
html .awesomplete > ul > li:hover,
html .awesomplete > ul > li[aria-selected=true] {
  background: linear-gradient(-135deg, rgba(255, 226, 122, 0.45), rgba(245, 208, 65, 0.35));
  color: var(--dineos-ink);
}
html[data-theme=dark] .dropdown-menu,
html.dark .dropdown-menu,
html[data-theme=dark] .awesomplete > ul,
html.dark .awesomplete > ul {
  background: linear-gradient(-180deg, rgba(46, 42, 28, 0.97) 0%, rgba(38, 34, 22, 0.96) 100%);
  border-color: rgba(255, 255, 255, 0.08);
}
html .page-form {
  background: transparent;
  background-color: transparent;
  padding: 8px 12px;
  gap: 8px;
  row-gap: 8px;
  align-items: center;
  border-radius: var(--dineos-r-field);
  overflow: visible;
}
html .page-form .form-group,
html .filter-area .form-group {
  margin: 0;
  padding: 0;
  min-width: 150px;
}
html .page-form .form-control,
html .page-form .input-with-feedback,
html .page-form select.form-control,
html .page-form .awesomplete > input,
html .filter-area .form-control,
html .filter-area .input-with-feedback,
html .filter-area .awesomplete > input,
html .filter-box .form-control {
  min-height: 36px;
  height: 36px;
  padding: 6px 12px;
  border-radius: 12px;
  font-size: 13px;
}
html .page-form .filter-section,
html .page-form .standard-filter-section {
  margin-top: 0;
  gap: 8px;
  align-items: center;
}
html .sort-selector .btn,
html .sort-selector .sort-order,
html .page-form .filter-selector .btn {
  min-height: 36px;
  height: 36px;
  padding: 6px 12px;
  border-radius: var(--dineos-r-pill);
}
html .page-form .input-group,
html .filter-area .input-group {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  height: 36px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 0.5);
  border-radius: 12px;
  overflow: hidden;
}
html .page-form .input-group:focus-within,
html .filter-area .input-group:focus-within {
  box-shadow: 0 0 0 2px rgba(245, 208, 65, 0.4);
  border-color: rgba(255, 255, 255, 0.85);
}
html .page-form .input-group .form-control,
html .page-form .input-group .input-with-feedback,
html .filter-area .input-group .form-control {
  flex: 1 1 auto;
  height: 34px;
  min-height: 34px;
  padding: 6px 12px;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
html .page-form .input-group .form-control:focus,
html .filter-area .input-group .form-control:focus {
  box-shadow: none;
  background: transparent;
}
html .page-form .input-group-btn,
html .filter-area .input-group-btn {
  display: flex;
  align-items: stretch;
}
html .page-form .input-group .btn.match-type-dropdown-btn,
html .filter-area .input-group .btn.match-type-dropdown-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  min-height: 34px;
  height: 34px;
  padding: 0;
  border: none;
  border-inline-start: 1px solid var(--dineos-line);
  border-radius: 0;
  background: rgba(0, 0, 0, 0.04);
  box-shadow: none;
}
html .page-form .input-group .btn.match-type-dropdown-btn:hover {
  background: rgba(245, 208, 65, 0.22);
}
html .page-form .btn:hover,
html .filter-area .btn:hover,
html .sort-selector .btn:hover {
  transform: none;
}
html .page-form .filter-selector,
html .page-form .sort-selector,
html .sort-selector {
  display: flex;
  align-items: center;
  gap: 6px;
}
html .page-form .filter-selector .btn-group,
html .sort-selector .btn-group {
  display: flex;
  align-items: center;
  gap: 6px;
}
html .page-form .filter-selector .btn,
html .page-form .filter-selector .remove-filter,
html .sort-selector .btn,
html .sort-selector .sort-order {
  height: 36px;
  min-height: 36px;
  padding: 6px 12px;
  border-radius: var(--dineos-r-pill);
  display: flex;
  align-items: center;
  justify-content: center;
}
html .page-form .standard-filter-section {
  padding-inline-end: 4px;
}
html[data-theme=dark] .page-form .input-group,
html.dark .page-form .input-group {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.08);
}
html .std-form-layout > .form-layout > .form-page,
html .form-page {
  background: linear-gradient(-180deg, rgba(255, 253, 245, 0.72) 0%, rgba(255, 250, 230, 0.6) 100%);
  background-color: transparent;
  -webkit-backdrop-filter: blur(28px) saturate(1.4);
  backdrop-filter: blur(28px) saturate(1.4);
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: var(--dineos-r-card);
  box-shadow: var(--dineos-shadow-card);
  padding-block: 8px 16px;
}
html[data-theme=dark] .std-form-layout > .form-layout > .form-page,
html.dark .std-form-layout > .form-layout > .form-page {
  background: linear-gradient(-180deg, rgba(45, 42, 58, 0.55) 0%, rgba(28, 26, 38, 0.6) 100%);
  border-color: rgba(255, 255, 255, 0.07);
}
html .form-page .form-control,
html .form-page select.form-control,
html .form-page .input-with-feedback,
html .form-page .like-disabled-input,
html .form-page .control-value {
  background: rgba(255, 255, 255, 0.66);
  border: 1px solid rgba(24, 23, 27, 0.1);
  box-shadow: inset 0 1px 2px rgba(60, 50, 20, 0.04);
}
html .form-page .form-control:focus,
html .form-page .input-with-feedback:focus,
html .form-page select.form-control:focus {
  background: rgba(255, 255, 255, 0.8);
  border-color: var(--dineos-yellow-deep);
  box-shadow: 0 0 0 2px rgba(245, 208, 65, 0.4);
}
html[data-theme=dark] .form-page .form-control,
html.dark .form-page .form-control {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: none;
}
html .form-page .form-section.card-section,
html .form-page .form-dashboard-section {
  border-bottom-color: var(--dineos-line);
}
html .form-page .form-section .section-head {
  font-weight: 800;
  color: var(--dineos-ink);
}
html .form-page .control-label {
  color: var(--dineos-muted);
  font-weight: 600;
}
html .widget.links-widget-box .widget-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 4px;
}
html .widget.links-widget-box .widget-body .link-item {
  display: flex;
  align-items: center;
  min-height: 42px;
  padding: 8px 14px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.55);
  border: 1px solid rgba(24, 23, 27, 0.08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
  color: var(--dineos-ink-2);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition:
    background 0.15s ease,
    transform 0.15s ease,
    border-color 0.15s ease;
}
html .widget.links-widget-box .widget-body .link-item .link-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 8px;
}
html .widget.links-widget-box .widget-body .link-item .link-text {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
}
html .widget.links-widget-box .widget-body .link-item svg {
  flex: 0 0 auto;
  margin: 0;
  color: var(--dineos-muted);
}
html .widget.links-widget-box .widget-body .link-item:hover {
  background: linear-gradient(-135deg, rgba(255, 226, 122, 0.45), rgba(245, 208, 65, 0.32));
  border-color: rgba(217, 178, 35, 0.45);
  transform: translateY(-1px);
  color: var(--dineos-ink);
  text-decoration: none;
}
html .widget.links-widget-box .widget-body .link-item:hover svg {
  color: var(--dineos-yellow-deep);
}
html[data-theme=dark] .widget.links-widget-box .widget-body .link-item,
html.dark .widget.links-widget-box .widget-body .link-item {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: none;
}
html .widget .widget-head .widget-title,
html .widget .widget-head .widget-title span {
  font-size: 15px;
  font-weight: 800;
  color: var(--dineos-ink);
}
html .widget .widget-head {
  padding-bottom: 4px;
}
html .body-sidebar .sidebar-header {
  min-height: 56px;
  align-items: center;
}
html .body-sidebar .header-title {
  font-size: 14px;
  font-weight: 800;
  line-height: 1.25;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
}
html .body-sidebar .title-container {
  min-width: 0;
  flex: 1 1 auto;
}
html:root {
  --fg-color: rgba(255, 253, 245, 0.72);
  --card-bg: rgba(255, 253, 245, 0.72);
  --subtle-fg: rgba(245, 208, 65, 0.1);
  --subtle-accent: rgba(245, 208, 65, 0.12);
  --control-bg: rgba(255, 255, 255, 0.6);
  --control-bg-on-gray: rgba(255, 255, 255, 0.7);
  --highlight-color: rgba(245, 208, 65, 0.16);
  --sidebar-select-color: rgba(245, 208, 65, 0.22);
  --sidebar-hover-color: rgba(245, 208, 65, 0.14);
  --sidebar-border-color: var(--dineos-line);
  --navbar-bg: rgba(255, 253, 245, 0.68);
  --border-color: var(--dineos-line);
  --btn-default-bg: rgba(255, 255, 255, 0.55);
  --btn-default-hover-bg: rgba(245, 208, 65, 0.22);
}
html .frappe-list {
  background: linear-gradient(-180deg, rgba(255, 253, 245, 0.72) 0%, rgba(255, 250, 230, 0.6) 100%);
  -webkit-backdrop-filter: blur(28px) saturate(1.4);
  backdrop-filter: blur(28px) saturate(1.4);
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: var(--dineos-r-card);
  box-shadow: var(--dineos-shadow-card);
  overflow: hidden;
}
html .frappe-list .list-row-head {
  background-color: rgba(245, 208, 65, 0.14);
  height: auto;
  min-height: 44px;
  border-bottom: 1px solid var(--dineos-line);
  border-radius: 0;
  font-weight: 700;
}
html .frappe-list .list-row .level-right,
html .frappe-list .list-row-head .level-right {
  background-color: transparent;
  border-right: none;
  border-inline-start: none;
  height: auto;
}
html .frappe-list .list-row-container:hover .level-right,
html .frappe-list .list-row-head:hover .level-right,
html .frappe-list .list-row-head .level-right:hover {
  background-color: transparent;
}
html .frappe-list .list-row {
  min-height: 46px;
  border-bottom: 1px solid var(--dineos-line);
}
html .frappe-list .list-row-container {
  border-radius: 0;
}
html .frappe-list .list-row-container:hover {
  background-color: rgba(245, 208, 65, 0.14);
}
html .frappe-list .list-row-container:last-child .list-row {
  border-bottom: none;
}
html .list-paging-area,
html .footnote-area {
  border-top: 1px solid var(--dineos-line);
  background: transparent;
  padding-block: 10px;
}
html .list-paging-area .btn-group,
html .footnote-area .btn-group {
  border: 1px solid var(--dineos-line);
  border-radius: var(--dineos-r-pill);
  overflow: hidden;
}
html .list-paging-area .btn-paging,
html .footnote-area .btn-paging {
  min-height: 32px;
  height: 32px;
  padding: 4px 12px;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
}
html .list-paging-area .btn-group .btn-paging.btn-info {
  background: var(--dineos-yellow-gradient);
  color: var(--dineos-ink);
  font-weight: 700;
}
html input.list-row-checkbox,
html input.list-header-checkbox {
  background-color: rgba(255, 255, 255, 0.8);
}
html[data-theme=dark] .frappe-list,
html.dark .frappe-list {
  background: linear-gradient(-180deg, rgba(45, 42, 58, 0.55) 0%, rgba(28, 26, 38, 0.6) 100%);
  border-color: rgba(255, 255, 255, 0.07);
}
html .std-form-layout .form-layout .form-page {
  background: linear-gradient(-180deg, rgba(255, 253, 245, 0.72) 0%, rgba(255, 250, 230, 0.6) 100%);
  background-color: transparent;
  border-radius: var(--dineos-r-card);
  border: 1px solid rgba(255, 255, 255, 0.6);
  box-shadow: var(--dineos-shadow-card);
}
html .form-tab-content,
html .form-tab-content.tab-content,
html .form-tab-content > .tab-pane {
  background: transparent;
  background-color: transparent;
}
html .form-tabs-list {
  background-color: rgba(245, 208, 65, 0.12);
  -webkit-backdrop-filter: blur(20px) saturate(1.3);
  backdrop-filter: blur(20px) saturate(1.3);
  border-bottom: 1px solid var(--dineos-line);
  border-radius: var(--dineos-r-card) var(--dineos-r-card) 0 0;
}
html .form-tabs-list .form-tabs .nav-item .nav-link {
  background-color: transparent;
  color: var(--dineos-muted);
  font-weight: 600;
  font-size: 13px;
  border-bottom: 2px solid transparent;
  padding: 12px 0;
}
html .form-tabs-list .form-tabs .nav-item .nav-link.active {
  color: var(--dineos-ink);
  font-weight: 800;
  border-bottom: 2px solid var(--dineos-yellow-deep);
  padding-bottom: 10px;
}
html .form-tabs-list .form-tabs .nav-item .nav-link:hover {
  color: var(--dineos-ink-2);
}
html .form-grid,
html .form-grid-container,
html .grid-body,
html .grid-heading-row,
html .grid-row,
html .grid-footer,
html .grid-empty {
  background: transparent;
  background-color: transparent;
}
html .form-grid,
html .form-grid-container {
  border: 1px solid var(--dineos-line);
  border-radius: var(--dineos-r-field);
  overflow: hidden;
}
html .form-grid .grid-heading-row {
  background-color: rgba(245, 208, 65, 0.14);
  border-bottom: 1px solid var(--dineos-line);
  font-weight: 700;
}
html .form-grid .grid-row {
  border-bottom: 1px solid var(--dineos-line);
}
html .form-grid .grid-row:last-child {
  border-bottom: none;
}
html .form-grid .grid-row:hover {
  background-color: rgba(245, 208, 65, 0.12);
}
html .grid-footer {
  border-top: 1px solid var(--dineos-line);
  padding-block: 8px;
}
html .grid-footer .btn,
html .grid-footer .grid-add-row,
html .grid-footer .grid-remove-rows {
  min-height: 34px;
  height: 34px;
  padding: 6px 14px;
  border-radius: var(--dineos-r-pill);
  font-size: 12px;
  font-weight: 600;
}
html[data-theme=dark] .std-form-layout .form-layout .form-page,
html.dark .std-form-layout .form-layout .form-page {
  background: linear-gradient(-180deg, rgba(45, 42, 58, 0.55) 0%, rgba(28, 26, 38, 0.6) 100%);
  border-color: rgba(255, 255, 255, 0.07);
}
html[data-theme=dark] .form-tabs-list,
html.dark .form-tabs-list {
  background-color: rgba(245, 208, 65, 0.08);
}
html:root {
  --modal-bg: rgba(255, 252, 240, 0.98);
}
html .navbar-modal-wrapper .modal-content,
html .search-dialog .modal-content {
  background: linear-gradient(-180deg, rgba(255, 252, 238, 0.98) 0%, rgba(255, 248, 224, 0.97) 100%);
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: var(--dineos-r-modal);
  box-shadow: 0 24px 60px -20px rgba(60, 50, 20, 0.4);
  overflow: hidden;
}
html .navbar-modal-wrapper .awesomebar-input-row {
  min-height: 52px;
  padding-inline: 14px;
  gap: 8px;
}
html .navbar-modal-wrapper .awesomebar-input-row input,
html .search-dialog .search-header .search-input {
  min-height: 46px;
  height: 46px;
  padding: 12px 8px;
  font-size: 15px;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  color: var(--dineos-ink);
}
html .navbar-modal-wrapper .awesomebar-search-icon {
  color: var(--dineos-yellow-deep);
}
html .navbar-modal-wrapper .modal-divider {
  background-color: var(--dineos-line);
  border-radius: 0;
}
html .navbar-modal-wrapper .awesomplete ul {
  background-color: transparent;
  border: none;
  box-shadow: none;
  padding: 6px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  max-height: min(60vh, 460px);
  overflow-y: auto;
}
html .navbar-modal-wrapper .awesomplete ul > li {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 8px 14px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 600;
  color: var(--dineos-ink-2);
  background: transparent;
  border: 1px solid transparent;
}
html .navbar-modal-wrapper .awesomplete ul > li:hover,
html .navbar-modal-wrapper .awesomplete ul > li[aria-selected=true] {
  background: linear-gradient(-135deg, rgba(255, 226, 122, 0.5), rgba(245, 208, 65, 0.36));
  border-color: rgba(217, 178, 35, 0.4);
  color: var(--dineos-ink);
}
html .navbar-modal-wrapper .awesomplete ul > li.awesomplete-group,
html .navbar-modal-wrapper .awesomplete ul > li[disabled] {
  font-size: 11px;
  font-weight: 700;
  color: var(--dineos-muted);
  background: transparent;
  border: none;
  min-height: 28px;
  padding-inline: 14px;
  pointer-events: none;
}
html .awesomebar-modal-footer,
html .cool-awesomebar-modal-footer {
  border-top: 1px solid var(--dineos-line);
  background: rgba(245, 208, 65, 0.1);
}
html .awesomebar-modal-footer .help-navigation .help-item,
html .awesomebar-modal-footer .help-navigation .help-item-escape,
html .search-dialog .global-search-shortcut-key,
html .keyboard-shortcut {
  background-color: rgba(255, 255, 255, 0.75);
  border: 1px solid var(--dineos-line);
  border-radius: 6px;
  padding: 2px 6px;
  font-family: var(--dineos-font-mono);
  font-size: 11px;
  color: var(--dineos-ink-2);
}
html .search-dialog .search-results .list-item-table.global-search-results-list > .global-search-list-header {
  background-color: rgba(245, 208, 65, 0.16);
  border-radius: var(--dineos-r-field);
  font-weight: 700;
}
html .search-dialog .search-results .list-item-table.global-search-results-list > .list-row-container {
  border-bottom: 1px solid var(--dineos-line);
  border-radius: 12px;
}
html .search-dialog .search-results .list-item-table.global-search-results-list > .list-row-container:hover {
  background-color: rgba(245, 208, 65, 0.16);
}
html .search-dialog .search-results .list-item-table.global-search-results-list mark,
html .search-dialog .search-results .results-summary mark {
  background-color: rgba(245, 208, 65, 0.55);
  color: var(--dineos-ink);
  border-radius: 4px;
  padding: 0 2px;
}
html .search-dialog .search-results .results-summary .result {
  border-radius: 12px;
  padding: 8px 12px;
}
html .search-dialog .search-results .results-summary .result:hover {
  background-color: rgba(245, 208, 65, 0.14);
}
html .search-dialog .search-results .results-summary .result-title {
  font-weight: 800;
  color: var(--dineos-ink);
}
html .search-dialog .search-results .search-sidebar .standard-sidebar-item {
  border-radius: 10px;
  min-height: 36px;
  padding: 8px 12px;
  font-weight: 600;
}
html .search-dialog .search-header .search-input {
  margin-inline-start: 25px;
  background: transparent;
}
html[data-theme=dark] .navbar-modal-wrapper .modal-content,
html.dark .navbar-modal-wrapper .modal-content,
html[data-theme=dark] .search-dialog .modal-content,
html.dark .search-dialog .modal-content {
  background: linear-gradient(-180deg, rgba(38, 34, 22, 0.98) 0%, rgba(30, 27, 18, 0.97) 100%);
  border-color: rgba(255, 255, 255, 0.08);
}
html .desktop-wrapper {
  max-width: 1180px;
  padding: 24px 20px 40px;
}
html .desktop-wrapper .navbar-container {
  background: rgba(255, 253, 245, 0.68);
  -webkit-backdrop-filter: blur(24px) saturate(1.3);
  backdrop-filter: blur(24px) saturate(1.3);
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 18px;
  box-shadow: var(--dineos-shadow-card);
  margin: 12px;
  padding-inline: 16px;
  width: auto;
}
html .desktop-navbar-modal-search,
html .desktop-search-wrapper .input-group {
  height: 40px;
  padding: 0 14px;
  border-radius: var(--dineos-r-pill);
  background-color: rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.7);
}
html .desktop-search-icon > svg {
  stroke: var(--dineos-yellow-deep);
}
html .desktop-wrapper .desktop-icons,
html .desktop-wrapper .icon-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
  grid-template-rows: auto;
  gap: 12px;
  justify-content: center;
}
html .desktop-icon {
  height: auto;
  min-height: 128px;
  width: auto;
  gap: 10px;
  padding: 16px 12px 14px;
  border-radius: 20px;
  border-style: solid;
  border-color: transparent;
  background: rgba(255, 255, 255, 0.42);
  transition:
    background 0.15s ease,
    transform 0.15s ease,
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}
html .desktop-icon:hover {
  background: linear-gradient(-135deg, rgba(255, 226, 122, 0.45), rgba(245, 208, 65, 0.3));
  border-color: rgba(217, 178, 35, 0.4);
  box-shadow: var(--dineos-shadow-chip);
  transform: translateY(-2px);
}
html .desktop-icon .app-icon,
html .desktop-icon .app-icon img,
html .desktop-icon .icon-container {
  border-radius: 14px;
  overflow: hidden;
}
html .desktop-icon .icon-caption {
  height: auto;
  min-height: 34px;
  text-wrap: balance;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--dineos-ink-2);
  justify-content: flex-start;
}
html .widget.shortcut-widget-box {
  min-height: 64px;
  padding: 12px 14px;
  border: 1px solid rgba(24, 23, 27, 0.08);
  border-radius: var(--dineos-r-field);
  cursor: pointer;
  transition:
    background 0.15s ease,
    transform 0.15s ease,
    border-color 0.15s ease;
}
html .widget.shortcut-widget-box:hover {
  background: linear-gradient(-135deg, rgba(255, 226, 122, 0.45), rgba(245, 208, 65, 0.3));
  border-color: rgba(217, 178, 35, 0.45);
  transform: translateY(-1px);
}
html .widget.shortcut-widget-box .widget-label .widget-title {
  font-size: 14px;
  font-weight: 700;
  color: var(--dineos-ink);
}
html .widget.shortcut-widget-box:hover .widget-label .widget-title {
  color: var(--dineos-ink);
}
html .widget.number-widget-box .widget-body .number,
html .widget.number-card-widget-box .widget-body .number {
  font-size: 32px;
  font-weight: 300;
  letter-spacing: -0.01em;
  direction: rtl;
  display: inline-block;
  font-variant-numeric: tabular-nums;
  color: var(--dineos-ink);
}
html .widget.number-widget-box .widget-head .widget-title,
html .widget.number-card-widget-box .widget-head .widget-title {
  font-size: 13px;
  font-weight: 600;
  color: var(--dineos-muted);
}
html .widget.onboarding-widget-box {
  background: linear-gradient(-180deg, rgba(255, 253, 245, 0.72) 0%, rgba(255, 250, 230, 0.6) 100%);
  border-bottom: 1px solid var(--dineos-line);
  border-radius: var(--dineos-r-card);
}
html[data-theme=dark] .desktop-icon,
html.dark .desktop-icon {
  background: rgba(255, 255, 255, 0.05);
}
html .desktop-wrapper .desktop-icons,
html .desktop-wrapper .icon-grid {
  grid-auto-rows: 1fr;
  align-items: stretch;
}
html .desktop-icon {
  height: 100%;
  justify-content: flex-start;
}
html .desktop-icon .icon-caption {
  height: 34px;
  min-height: 34px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: center;
}
html .desktop-icon .icon-container,
html .desktop-icon .app-icon {
  background-color: var(--dineos-ink) !important;
  border-radius: 14px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
html .desktop-icon .icon-container svg,
html .desktop-icon .app-icon svg,
html .desktop-icon .icon-container img,
html .desktop-icon .app-icon img {
  filter: brightness(0) invert(1);
}
html .desktop-icon .app-icon {
  background-color: transparent !important;
}
html .desktop-icon .app-icon svg,
html .desktop-icon .app-icon img,
html .desktop-icon .icon-container svg,
html .desktop-icon .icon-container img {
  filter: none;
}
html .desktop-icon .icon-container {
  background-color: var(--dineos-ink) !important;
}
html .desktop-icon .icon-container .desktop-alphabet {
  color: #fff !important;
}
html .desktop-container .icons {
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  grid-template-rows: auto;
  grid-auto-rows: 1fr;
  gap: 14px;
  justify-items: stretch;
  align-items: stretch;
}
html .desktop-container .icons .desktop-icon {
  width: 100%;
  height: 100%;
}
html .desktop-container .icons {
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
  grid-auto-rows: 1fr;
  gap: 14px;
  justify-items: stretch;
  align-items: stretch;
}
html .desktop-icon .icon-container,
html .desktop-icon .app-icon {
  background-color: transparent !important;
  background: transparent !important;
  width: 64px;
  height: 64px;
  border-radius: 0;
  box-shadow: none;
  flex: 0 0 auto;
}
html .desktop-icon .app-icon svg,
html .desktop-icon .app-icon img,
html .desktop-icon .icon-container svg,
html .desktop-icon .icon-container img {
  width: 64px;
  height: 64px;
  max-width: 64px;
  max-height: 64px;
  -o-object-fit: contain;
  object-fit: contain;
  filter: none;
}
html .desktop-icon .icon-container .desktop-alphabet {
  color: var(--dineos-ink) !important;
  font-weight: 800;
}
html .desktop-icon {
  min-height: 150px;
  gap: 12px;
}
html .new-timeline .activity-title,
html .new-timeline .timeline-actions {
  background-color: transparent;
  min-height: 52px;
}
html .new-timeline .activity-title .h6,
html .new-timeline .activity-title h6,
html .new-timeline .timeline-actions .h6 {
  font-size: 15px;
  font-weight: 800;
  color: var(--dineos-ink);
}
html .new-timeline .timeline-item .timeline-content.frappe-card {
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(24, 23, 27, 0.08);
  border-radius: var(--dineos-r-field);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
  color: var(--dineos-ink-2);
}
html .new-timeline .timeline-item .timeline-badge,
html .new-timeline .timeline-dot {
  background-color: rgba(255, 253, 245, 0.9);
  border: 1px solid var(--dineos-line);
}
html .new-timeline:before {
  border-right-color: var(--dineos-line);
}
html .comment-box .comment-input-container .frappe-control .ql-editor {
  background-color: rgba(255, 255, 255, 0.6) !important;
  border: 1px solid rgba(24, 23, 27, 0.08);
  border-radius: var(--dineos-r-field);
  min-height: 42px;
  padding: 10px 14px;
}
html .new-timeline .timeline-item .comment-edit-box {
  background-color: rgba(255, 255, 255, 0.6);
  border: 1px solid var(--dineos-line);
  border-radius: var(--dineos-r-field);
}
html .ql-container.ql-snow {
  background-color: transparent;
}
html[data-theme=dark] .new-timeline .timeline-item .timeline-content.frappe-card,
html.dark .new-timeline .timeline-item .timeline-content.frappe-card {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: none;
}
html img#brand-logo,
html img[src*=frappe-framework-logo],
html img[src*=frappe-hr-logo] {
  content: url(/assets/themekit/images/finos-favicon.svg);
}
html img#brand-logo {
  width: 32px;
  height: 32px;
  border-radius: 8px;
}
html img.app-icon[src$="/account_setup.svg"],
html img[src$="/account_setup.svg"] {
  content: url(/assets/themekit/images/icons/account_setup.svg);
}
html img.app-icon[src$="/accounts_setup.svg"],
html img[src$="/accounts_setup.svg"] {
  content: url(/assets/themekit/images/icons/accounts_setup.svg);
}
html img.app-icon[src$="/assets.svg"],
html img[src$="/assets.svg"] {
  content: url(/assets/themekit/images/icons/assets.svg);
}
html img.app-icon[src$="/banking.svg"],
html img[src$="/banking.svg"] {
  content: url(/assets/themekit/images/icons/banking.svg);
}
html img.app-icon[src$="/budget.svg"],
html img[src$="/budget.svg"] {
  content: url(/assets/themekit/images/icons/budget.svg);
}
html img.app-icon[src$="/buying.svg"],
html img[src$="/buying.svg"] {
  content: url(/assets/themekit/images/icons/buying.svg);
}
html img.app-icon[src$="/crm.svg"],
html img[src$="/crm.svg"] {
  content: url(/assets/themekit/images/icons/crm.svg);
}
html img.app-icon[src$="/erpnext_settings.svg"],
html img[src$="/erpnext_settings.svg"] {
  content: url(/assets/themekit/images/icons/erpnext_settings.svg);
}
html img.app-icon[src$="/expenses.svg"],
html img[src$="/expenses.svg"] {
  content: url(/assets/themekit/images/icons/expenses.svg);
}
html img.app-icon[src$="/financial_reports.svg"],
html img[src$="/financial_reports.svg"] {
  content: url(/assets/themekit/images/icons/financial_reports.svg);
}
html img.app-icon[src$="/hr_setup.svg"],
html img[src$="/hr_setup.svg"] {
  content: url(/assets/themekit/images/icons/hr_setup.svg);
}
html img.app-icon[src$="/invoicing.svg"],
html img[src$="/invoicing.svg"] {
  content: url(/assets/themekit/images/icons/invoicing.svg);
}
html img.app-icon[src$="/leaves.svg"],
html img[src$="/leaves.svg"] {
  content: url(/assets/themekit/images/icons/leaves.svg);
}
html img.app-icon[src$="/manufacturing.svg"],
html img[src$="/manufacturing.svg"] {
  content: url(/assets/themekit/images/icons/manufacturing.svg);
}
html img.app-icon[src$="/organization.svg"],
html img[src$="/organization.svg"] {
  content: url(/assets/themekit/images/icons/organization.svg);
}
html img.app-icon[src$="/payments.svg"],
html img[src$="/payments.svg"] {
  content: url(/assets/themekit/images/icons/payments.svg);
}
html img.app-icon[src$="/payroll.svg"],
html img[src$="/payroll.svg"] {
  content: url(/assets/themekit/images/icons/payroll.svg);
}
html img.app-icon[src$="/performance.svg"],
html img[src$="/performance.svg"] {
  content: url(/assets/themekit/images/icons/performance.svg);
}
html img.app-icon[src$="/projects.svg"],
html img[src$="/projects.svg"] {
  content: url(/assets/themekit/images/icons/projects.svg);
}
html img.app-icon[src$="/quality.svg"],
html img[src$="/quality.svg"] {
  content: url(/assets/themekit/images/icons/quality.svg);
}
html img.app-icon[src$="/recruitment.svg"],
html img[src$="/recruitment.svg"] {
  content: url(/assets/themekit/images/icons/recruitment.svg);
}
html img.app-icon[src$="/selling.svg"],
html img[src$="/selling.svg"] {
  content: url(/assets/themekit/images/icons/selling.svg);
}
html img.app-icon[src$="/share_management.svg"],
html img[src$="/share_management.svg"] {
  content: url(/assets/themekit/images/icons/share_management.svg);
}
html img.app-icon[src$="/shift_&_attendance.svg"],
html img[src$="/shift_&_attendance.svg"] {
  content: url(/assets/themekit/images/icons/shift_%26_attendance.svg);
}
html img.app-icon[src$="/stock.svg"],
html img[src$="/stock.svg"] {
  content: url(/assets/themekit/images/icons/stock.svg);
}
html img.app-icon[src$="/subcontracting.svg"],
html img[src$="/subcontracting.svg"] {
  content: url(/assets/themekit/images/icons/subcontracting.svg);
}
html img.app-icon[src$="/subscription.svg"],
html img[src$="/subscription.svg"] {
  content: url(/assets/themekit/images/icons/subscription.svg);
}
html img.app-icon[src$="/support.svg"],
html img[src$="/support.svg"] {
  content: url(/assets/themekit/images/icons/support.svg);
}
html img.app-icon[src$="/tax_&_benefits.svg"],
html img[src$="/tax_&_benefits.svg"] {
  content: url(/assets/themekit/images/icons/tax_%26_benefits.svg);
}
html img.app-icon[src$="/taxes.svg"],
html img[src$="/taxes.svg"] {
  content: url(/assets/themekit/images/icons/taxes.svg);
}
html img.app-icon[src$="/tenure.svg"],
html img[src$="/tenure.svg"] {
  content: url(/assets/themekit/images/icons/tenure.svg);
}
html .desktop-icon[data-id="Restaurant Finance"] .icon-container,
html .desktop-icon[data-id="Restaurant Executive"] .icon-container,
html .desktop-icon[data-id="Restaurant Employee"] .icon-container,
html .desktop-icon[data-id="Restaurant Direct Manager"] .icon-container,
html .desktop-icon[data-id="Restaurant HR"] .icon-container {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
html .desktop-icon[data-id="Restaurant Finance"] .icon-container .desktop-alphabet,
html .desktop-icon[data-id="Restaurant Executive"] .icon-container .desktop-alphabet,
html .desktop-icon[data-id="Restaurant Employee"] .icon-container .desktop-alphabet,
html .desktop-icon[data-id="Restaurant Direct Manager"] .icon-container .desktop-alphabet,
html .desktop-icon[data-id="Restaurant HR"] .icon-container .desktop-alphabet {
  visibility: hidden;
}
html .desktop-icon[data-id="Restaurant Finance"] .icon-container {
  background-image: url(/assets/themekit/images/icons/ws-finance.svg);
}
html .desktop-icon[data-id="Restaurant Executive"] .icon-container {
  background-image: url(/assets/themekit/images/icons/ws-executive.svg);
}
html .desktop-icon[data-id="Restaurant Employee"] .icon-container {
  background-image: url(/assets/themekit/images/icons/ws-employee.svg);
}
html .desktop-icon[data-id="Restaurant Direct Manager"] .icon-container {
  background-image: url(/assets/themekit/images/icons/ws-manager.svg);
}
html .desktop-icon[data-id="Restaurant HR"] .icon-container {
  background-image: url(/assets/themekit/images/icons/ws-hr.svg);
}
html .desktop-icon[data-id="Restaurant Finance"] .icon-container {
  background-image: url(/assets/themekit/images/icons/ws-finance.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}
html .desktop-icon[data-id="Restaurant Executive"] .icon-container {
  background-image: url(/assets/themekit/images/icons/ws-executive.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}
html .desktop-icon[data-id="Restaurant Employee"] .icon-container {
  background-image: url(/assets/themekit/images/icons/ws-employee.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}
html .desktop-icon[data-id="Restaurant Direct Manager"] .icon-container {
  background-image: url(/assets/themekit/images/icons/ws-manager.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}
html .desktop-icon[data-id="Restaurant HR"] .icon-container {
  background-image: url(/assets/themekit/images/icons/ws-hr.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}
html .desktop-icon {
  min-height: 124px;
  gap: 10px;
}
html .desktop-icon > .icon-container,
html .desktop-icon > .app-icon {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 14px;
  background: linear-gradient(-135deg, rgba(255, 226, 122, 0.95), rgba(245, 208, 65, 0.85)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
html .desktop-icon > .icon-container > img,
html .desktop-icon > .icon-container > svg,
html .desktop-icon > .app-icon > img,
html .desktop-icon > .app-icon > svg,
html .desktop-icon > .icon-container > .desktop-alphabet {
  width: 26px !important;
  height: 26px !important;
  max-width: 26px;
  max-height: 26px;
  filter: none;
}
html .desktop-icon[data-id="Restaurant Finance"] > .icon-container,
html .desktop-icon[data-id="Restaurant Executive"] > .icon-container,
html .desktop-icon[data-id="Restaurant Employee"] > .icon-container,
html .desktop-icon[data-id="Restaurant Direct Manager"] > .icon-container,
html .desktop-icon[data-id="Restaurant HR"] > .icon-container {
  background-repeat: no-repeat, no-repeat !important;
  background-position: center, center !important;
  background-size: 26px 26px, cover !important;
}
html .desktop-icon[data-id="Restaurant Finance"] > .icon-container {
  background-image: url(/assets/themekit/images/icons/ws-finance.svg), linear-gradient(-135deg, rgba(255, 226, 122, 0.95), rgba(245, 208, 65, 0.85)) !important;
}
html .desktop-icon[data-id="Restaurant Executive"] > .icon-container {
  background-image: url(/assets/themekit/images/icons/ws-executive.svg), linear-gradient(-135deg, rgba(255, 226, 122, 0.95), rgba(245, 208, 65, 0.85)) !important;
}
html .desktop-icon[data-id="Restaurant Employee"] > .icon-container {
  background-image: url(/assets/themekit/images/icons/ws-employee.svg), linear-gradient(-135deg, rgba(255, 226, 122, 0.95), rgba(245, 208, 65, 0.85)) !important;
}
html .desktop-icon[data-id="Restaurant Direct Manager"] > .icon-container {
  background-image: url(/assets/themekit/images/icons/ws-manager.svg), linear-gradient(-135deg, rgba(255, 226, 122, 0.95), rgba(245, 208, 65, 0.85)) !important;
}
html .desktop-icon[data-id="Restaurant HR"] > .icon-container {
  background-image: url(/assets/themekit/images/icons/ws-hr.svg), linear-gradient(-135deg, rgba(255, 226, 122, 0.95), rgba(245, 208, 65, 0.85)) !important;
}
html .desktop-icon > .icon-container.folder-icon {
  padding: 6px;
  overflow: hidden;
}
html .icon-container.folder-icon .icons-container,
html .icon-container.folder-icon .icons {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  grid-template-rows: repeat(2, 1fr) !important;
  grid-auto-rows: auto !important;
  gap: 3px !important;
  width: 100%;
  height: 100%;
  padding: 0;
  place-items: center;
}
html .icon-container.folder-icon .desktop-icon {
  min-height: 0;
  height: auto;
  width: auto;
  padding: 0;
  gap: 0;
  background: none !important;
  box-shadow: none;
  border: none;
  transform: none !important;
}
html .icon-container.folder-icon .desktop-icon > .icon-container {
  width: 15px !important;
  height: 15px !important;
  min-width: 15px;
  border-radius: 4px;
  background: none !important;
  box-shadow: none;
}
html .icon-container.folder-icon img,
html .icon-container.folder-icon svg {
  width: 15px !important;
  height: 15px !important;
  max-width: 15px;
  max-height: 15px;
}
html .icon-container.folder-icon .icon-caption {
  display: none !important;
}
html .user-onboarding .onb-panel {
  background: linear-gradient(-180deg, rgba(255, 252, 238, 0.98) 0%, rgba(255, 248, 224, 0.97) 100%);
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: var(--dineos-r-card);
  box-shadow: 0 20px 50px -18px rgba(60, 50, 20, 0.4);
  padding: 18px;
  inset-inline-end: 20px;
  bottom: 24px;
}
html .user-onboarding .onb-header-main .text-base {
  font-size: 14px;
  font-weight: 800;
  color: var(--dineos-ink);
}
html .user-onboarding .onb-header-actions button {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  border: none;
  background: transparent;
  color: var(--dineos-muted);
}
html .user-onboarding .onb-header-actions button:hover {
  background: rgba(245, 208, 65, 0.22);
  color: var(--dineos-ink);
}
html .user-onboarding .onb-title-icon {
  height: auto;
  margin-bottom: 10px;
}
html .user-onboarding .onb-title-icon img {
  width: 26px;
  height: 26px;
  padding: 0;
  box-sizing: content-box;
  background: linear-gradient(-135deg, rgba(255, 226, 122, 0.95), rgba(245, 208, 65, 0.85));
  border-radius: 12px;
  padding: 9px;
}
html .user-onboarding .onb-title .text-base {
  font-size: 14px;
  font-weight: 800;
  color: var(--dineos-ink);
}
html .user-onboarding .onb-title-steps {
  font-size: 12px;
  color: var(--dineos-muted);
}
html .user-onboarding .onb-progress-badge {
  background: rgba(245, 208, 65, 0.3);
  color: var(--dineos-pending-fg);
  border-radius: var(--dineos-r-pill);
  font-weight: 700;
  font-size: 12px;
}
html .user-onboarding .onb-skip {
  font-size: 12px;
  font-weight: 600;
  color: var(--dineos-muted);
  cursor: pointer;
}
html .user-onboarding .onb-skip:hover {
  color: var(--dineos-yellow-deep);
}
html .user-onboarding .onb-steps {
  gap: 6px;
}
html .user-onboarding .onb-step {
  width: 100%;
  min-height: 38px;
  padding: 8px 12px;
  border-radius: 12px;
  border: 1px solid rgba(24, 23, 27, 0.07);
  background: rgba(255, 255, 255, 0.55);
  font-size: 13px;
  font-weight: 600;
  color: var(--dineos-ink-2);
  transition: background 0.15s ease, border-color 0.15s ease;
}
html .user-onboarding .onb-step:hover {
  background: linear-gradient(-135deg, rgba(255, 226, 122, 0.45), rgba(245, 208, 65, 0.32));
  border-color: rgba(217, 178, 35, 0.45);
  color: var(--dineos-ink);
}
html[data-theme=dark] .user-onboarding .onb-panel,
html.dark .user-onboarding .onb-panel {
  background: linear-gradient(-180deg, rgba(38, 34, 22, 0.98) 0%, rgba(30, 27, 18, 0.97) 100%);
  border-color: rgba(255, 255, 255, 0.08);
}
html[data-theme=dark] .user-onboarding .onb-step,
html.dark .user-onboarding .onb-step {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.1);
}
html .input-group {
  border-radius: var(--dineos-r-field);
  overflow: visible;
}
html .page-form .input-group,
html .filter-area .input-group {
  overflow: visible;
}
html .input-group > .form-control,
html .input-group > .input-with-feedback,
html .input-group > .btn,
html .input-group > select,
html .input-group .input-group-btn > .btn,
html .input-group .input-group-prepend > .btn,
html .input-group .input-group-append > .btn,
html .input-group .input-group-prepend > .input-group-text,
html .input-group .input-group-append > .input-group-text {
  border-radius: 0;
}
html .input-group > :first-child,
html .input-group > :first-child > .btn,
html .input-group > :first-child > .input-group-text {
  border-start-start-radius: var(--dineos-r-field);
  border-end-start-radius: var(--dineos-r-field);
}
html .input-group > :last-child,
html .input-group > :last-child > .btn,
html .input-group > :last-child > .input-group-text {
  border-start-end-radius: var(--dineos-r-field);
  border-end-end-radius: var(--dineos-r-field);
}
html input[type=checkbox] {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  max-height: 16px;
  flex: 0 0 auto;
  align-self: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
html .checkbox .input-area,
html .frappe-control[data-fieldtype=Check] .checkbox,
html .frappe-control[data-fieldtype=Check] label {
  display: flex;
  align-items: center;
  gap: 8px;
}
html .frappe-control[data-fieldtype=Check] .label-area {
  line-height: 1.35;
}
html:root {
  --checkbox-size: 16px;
  --checkbox-focus-shadow: 0 0 0 2px rgba(245, 208, 65, 0.45);
}
html input[type=checkbox] {
  border: 1px solid rgba(24, 23, 27, 0.18);
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
}
html input[type=checkbox]:hover {
  border-color: var(--dineos-yellow-deep);
}
html input[type=checkbox]:checked {
  background-color: var(--dineos-yellow);
  border-color: var(--dineos-yellow-deep);
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 8 7' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1 4L2.667 5.8 7 1.2' stroke='%231a1a1f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-size: 10px 9px;
  background-position: center;
  background-repeat: no-repeat;
}
html input[type=checkbox]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px rgba(245, 208, 65, 0.45);
}
html input[type=radio] {
  width: var(--checkbox-size) !important;
  height: var(--checkbox-size);
  cursor: pointer;
}
html input[type=radio]::before {
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  border: 1px solid rgba(24, 23, 27, 0.22);
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
}
html input[type=radio]:hover::before {
  border-color: var(--dineos-yellow-deep);
}
html input[type=radio]:checked::before {
  background-color: var(--dineos-yellow-deep);
  border-color: var(--dineos-yellow-deep);
  border-radius: 50%;
  box-shadow: inset 0 0 0 3px #fffdf5;
}
html input[type=radio]:focus-visible::before {
  box-shadow: inset 0 0 0 3px #fffdf5, 0 0 0 2px rgba(245, 208, 65, 0.45);
}
html[data-theme=dark] input[type=checkbox],
html.dark input[type=checkbox] {
  background-color: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
}
html[data-theme=dark] input[type=radio]::before,
html.dark input[type=radio]::before {
  background-color: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
}
html[data-theme=dark] input[type=radio]:checked::before,
html.dark input[type=radio]:checked::before {
  box-shadow: inset 0 0 0 3px #1a1a1f;
}
html .datatable {
  --dt-light-bg: rgba(245, 208, 65, 0.16);
  --dt-selection-highlight-color: rgba(245, 208, 65, 0.2);
  background: transparent;
}
html .datatable .dt-header {
  background: transparent;
}
html .datatable .dt-header .dt-row-header {
  background-color: rgba(245, 208, 65, 0.16);
}
html .datatable .dt-header .dt-cell--header .dt-cell__content {
  background-color: transparent;
  color: var(--dineos-ink);
  font-weight: 700;
}
html .datatable .dt-cell {
  border-bottom: 1px solid var(--dineos-line);
  border-inline-end: 1px solid var(--dineos-line);
}
html .datatable .dt-row:hover .dt-cell {
  background-color: rgba(245, 208, 65, 0.12);
}
html .datatable .dt-cell--focus .dt-cell__content {
  border-color: var(--dineos-yellow-deep);
}
html .datatable .dt-cell__content {
  font-variant-numeric: tabular-nums;
}
html .datatable .dt-scrollable {
  background: transparent;
}
html .datatable .dt-row-filter .dt-cell__content {
  padding: 4px 5px;
}
html .datatable .dt-row-filter .dt-filter.dt-input {
  box-sizing: border-box;
  width: 100%;
  padding: 0 8px;
  border: 1px solid var(--dineos-line);
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.85);
  font-size: 12px;
}
html .datatable .dt-row-filter .dt-filter.dt-input:focus {
  outline: none;
  border-color: var(--dineos-yellow-deep);
  box-shadow: 0 0 0 2px rgba(245, 208, 65, 0.35);
}
html .datatable .dt-toast,
html .datatable .dt-dropdown__list {
  background: linear-gradient(-180deg, rgba(255, 250, 224, 0.97) 0%, rgba(255, 245, 208, 0.95) 100%);
  border: 1px solid var(--dineos-line);
  border-radius: var(--dineos-r-field);
}
html .datatable .dt-dropdown__list-item:hover {
  background-color: rgba(245, 208, 65, 0.18);
}
html[data-theme=dark] .datatable .dt-row-filter .dt-filter.dt-input,
html.dark .datatable .dt-row-filter .dt-filter.dt-input {
  background-color: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.14);
}
html #page-query-report .page-head,
html .report-wrapper .page-head {
  margin-block: 6px;
  min-height: 48px;
}
html #page-query-report .page-form {
  padding: 4px 12px;
  row-gap: 6px;
}
html .datatable .dt-scrollable {
  height: calc(100vh - 330px) !important;
  padding-bottom: 4px;
}
html .datatable .dt-scrollable::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
html .datatable .dt-scrollable::-webkit-scrollbar-thumb {
  background: rgba(24, 23, 27, 0.22);
  border-radius: 6px;
}
html .datatable .dt-scrollable::-webkit-scrollbar-track {
  background: transparent;
}
html .page-head {
  position: relative;
  z-index: 20;
}
html .page-form,
html .filter-area {
  position: relative;
  z-index: 1;
}
html .dropdown-menu {
  z-index: 1055;
  background: linear-gradient(-180deg, rgb(255, 251, 232) 0%, rgb(255, 246, 214) 100%);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
html .awesomplete > ul {
  z-index: 1055;
  background: linear-gradient(-180deg, rgb(255, 251, 232) 0%, rgb(255, 246, 214) 100%);
}
html[data-theme=dark] .dropdown-menu,
html.dark .dropdown-menu,
html[data-theme=dark] .awesomplete > ul,
html.dark .awesomplete > ul {
  background: linear-gradient(-180deg, rgb(43, 39, 26) 0%, rgb(35, 31, 20) 100%);
}
html[data-theme=dark] .form-page .form-control,
html[data-theme=dark] .form-page select.form-control,
html[data-theme=dark] .form-page .input-with-feedback,
html[data-theme=dark] .form-page .like-disabled-input,
html[data-theme=dark] .form-page .control-value,
html.dark .form-page .form-control,
html.dark .form-page select.form-control,
html.dark .form-page .input-with-feedback,
html.dark .form-page .like-disabled-input,
html.dark .form-page .control-value {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: none;
  color: var(--dineos-ink-2);
}
html[data-theme=dark] input:disabled,
html.dark input:disabled,
html[data-theme=dark] .like-disabled-input,
html.dark .like-disabled-input {
  background-color: rgba(255, 255, 255, 0.05);
  color: var(--dineos-muted);
}
html:root {
  --dineos-sticky-under-navbar: 72px;
}
html .form-tabs-list {
  position: sticky;
  top: var(--dineos-sticky-under-navbar);
  z-index: 9;
  background-color: rgba(255, 250, 232, 0.94);
}
html[data-theme=dark] .form-tabs-list,
html.dark .form-tabs-list {
  background-color: rgba(43, 39, 26, 0.94);
}
html .body-sidebar .sidebar-item-icon .icon-container img,
html .header-logo .icon-container img,
html .header-logo-container img {
  filter: brightness(0) opacity(0.82);
}
html .body-sidebar .sidebar-item-icon .icon-container svg,
html .header-logo .icon-container svg {
  color: var(--dineos-ink);
  stroke: var(--dineos-ink);
  fill: none;
}
html .body-sidebar .standard-sidebar-item.selected .sidebar-item-icon .icon-container svg,
html .body-sidebar .standard-sidebar-item.active-sidebar .sidebar-item-icon .icon-container svg {
  color: var(--dineos-ink);
  stroke: var(--dineos-ink);
}
html .body-sidebar-container:not(.expanded) .body-sidebar .sidebar-item-icon,
html .body-sidebar-container:not(.expanded) .body-sidebar .icon-container {
  min-width: 28px;
  min-height: 28px;
}
html .body-sidebar-container:not(.expanded) .body-sidebar .sidebar-item-icon svg {
  width: 20px;
  height: 20px;
}
html .form-page .control-input .link-btn,
html .form-page .control-input-wrapper .link-btn,
html .form-page .frappe-control:not(.grid-static-col) .link-btn {
  background: transparent;
  background-color: transparent;
  border-radius: var(--dineos-r-field);
  box-shadow: none;
}
html .form-grid .link-btn,
html .grid-body .link-btn,
html .grid-static-col .link-btn,
html .datatable .link-btn,
html .grid-row .link-btn {
  background-color: rgb(255, 253, 245);
  border-radius: 8px;
  box-shadow: none;
}
html[data-theme=dark] .form-grid .link-btn,
html.dark .form-grid .link-btn,
html[data-theme=dark] .grid-body .link-btn,
html.dark .grid-body .link-btn,
html[data-theme=dark] .datatable .link-btn,
html.dark .datatable .link-btn {
  background-color: rgb(43, 39, 26);
}
html .link-btn a.btn-open,
html .link-btn .btn-clear {
  color: var(--dineos-muted);
}
html .link-btn a.btn-open:hover {
  color: var(--dineos-yellow-deep);
  background: transparent;
}
html[data-theme=dark] .control-input .link-btn,
html.dark .control-input .link-btn,
html[data-theme=dark] .form-page .link-btn,
html.dark .form-page .link-btn {
  background: transparent;
  background-color: transparent;
}
html:root {
  --dineos-panel: linear-gradient(180deg, rgb(255, 251, 232) 0%, rgb(255, 246, 214) 100%);
  --dineos-panel-solid: rgb(255, 251, 232);
  --dineos-panel-border: 1px solid rgba(255, 255, 255, 0.6);
  --popover-bg: rgb(255, 251, 232);
}
html[data-theme=dark],
html.dark {
  --dineos-panel: linear-gradient(180deg, rgb(43, 39, 26) 0%, rgb(35, 31, 20) 100%);
  --dineos-panel-solid: rgb(43, 39, 26);
  --dineos-panel-border: 1px solid rgba(255, 255, 255, 0.08);
  --popover-bg: rgb(43, 39, 26);
}
html .datepicker,
html .datepicker.active,
html .popover,
html .icon-picker-popover,
html .color-picker-popover,
html .phone-picker-popover,
html .tribute-container,
html .autocomplete-list {
  background: var(--dineos-panel);
  border: var(--dineos-panel-border);
  border-radius: var(--dineos-r-field);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: 0 14px 40px -16px rgba(60, 50, 20, 0.3);
}
html .datepicker--nav,
html .datepicker--content,
html .datepicker--cells,
html .datepicker--time {
  background: transparent;
}
html .datepicker--cell.-current- {
  color: var(--dineos-yellow-deep);
  font-weight: 700;
}
html .datepicker--cell.-selected-,
html .datepicker--cell.-selected-.-current- {
  background: var(--dineos-yellow-gradient);
  color: var(--dineos-ink);
}
html .datepicker--cell:hover {
  background: rgba(245, 208, 65, 0.22);
}
html .popover .arrow::after,
html .popover .popover-arrow::after {
  border-top-color: var(--dineos-panel-solid);
  border-bottom-color: var(--dineos-panel-solid);
}
html .popover .popover-header {
  background: transparent;
  border-bottom: 1px solid var(--dineos-line);
}
html .modal .awesomplete ul,
html .modal .awesomplete [role=listbox] {
  background: var(--dineos-panel);
  border: var(--dineos-panel-border);
}
html .multiselect-list .multiselect-check {
  background: transparent;
}
html:root {
  --dineos-rail-width: 64px;
}
@media (min-width: 576px) {
  html .body-sidebar-container:not(.expanded) .body-sidebar {
    position: sticky;
    top: 12px;
    width: var(--dineos-rail-width);
    height: calc(100vh - 24px);
    margin-block: 12px;
    margin-inline-start: 12px;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-inline-end: 1px solid rgba(255, 255, 255, 0.6);
    box-shadow: var(--dineos-shadow-card);
    overflow: hidden;
  }
  html[data-theme=dark] .body-sidebar-container:not(.expanded) .body-sidebar,
  html.dark .body-sidebar-container:not(.expanded) .body-sidebar {
    border-color: rgba(255, 255, 255, 0.07);
    border-inline-end-color: rgba(255, 255, 255, 0.07);
  }
  html .body-sidebar-container:not(.expanded) .body-sidebar .standard-sidebar-item,
  html .body-sidebar-container:not(.expanded) .body-sidebar .item-anchor {
    justify-content: center;
    padding-inline: 0;
    gap: 0;
  }
  html .body-sidebar-container:not(.expanded) .body-sidebar .sidebar-item-label {
    display: none;
  }
}
html .body-sidebar-container:not(.expanded) .body-sidebar-top {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
html .body-sidebar-container:not(.expanded) .body-sidebar-top::-webkit-scrollbar {
  width: 0;
  height: 0;
}
@media (min-width: 576px) {
  html .body-sidebar-container:not(.expanded) .body-sidebar .nested-container {
    display: none;
  }
  html .body-sidebar-container:not(.expanded) .body-sidebar .drop-icon,
  html .body-sidebar-container:not(.expanded) .body-sidebar .sidebar-item-control,
  html .body-sidebar-container:not(.expanded) .body-sidebar .sidebar-item-suffix {
    display: none;
  }
  html .body-sidebar-container:not(.expanded) .body-sidebar .indent + .nested-container {
    margin-inline-start: 0;
  }
}
html .tooltip .tooltip-inner {
  background-color: var(--dineos-ink);
  color: #fffdf5;
  font-family: var(--dineos-font-sans);
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.4;
  padding: 7px 11px;
  border-radius: 10px;
  max-width: 260px;
  box-shadow: 0 10px 28px -12px rgba(26, 26, 31, 0.55);
}
html .tooltip.show {
  opacity: 1;
}
html .tooltip .arrow::before,
html .tooltip .tooltip-arrow::before {
  border-top-color: var(--dineos-ink);
  border-bottom-color: var(--dineos-ink);
  border-inline-start-color: var(--dineos-ink);
  border-inline-end-color: var(--dineos-ink);
}
html[data-theme=dark] .tooltip .tooltip-inner,
html.dark .tooltip .tooltip-inner {
  background-color: #f5f5ee;
  color: #1a1a1f;
}
html[data-theme=dark] .tooltip .arrow::before,
html.dark .tooltip .arrow::before,
html[data-theme=dark] .tooltip .tooltip-arrow::before,
html.dark .tooltip .tooltip-arrow::before {
  border-top-color: #f5f5ee;
  border-bottom-color: #f5f5ee;
  border-inline-start-color: #f5f5ee;
  border-inline-end-color: #f5f5ee;
}
html .frappe-list .list-row-container {
  background-color: rgb(255, 253, 245);
}
html .frappe-list .list-row-container:hover {
  background-color: rgb(254, 247, 220);
}
html .frappe-list .list-row-head {
  background-color: rgb(254, 247, 220);
}
html .frappe-list .list-row,
html .frappe-list .list-row .level-right,
html .frappe-list .list-row-head .level-right,
html .frappe-list .list-row-container:hover .level-right,
html .frappe-list .list-row-head:hover .level-right {
  background-color: inherit;
}
html .frappe-list .list-row .level-right,
html .frappe-list .list-row-head .level-right {
  position: sticky;
  inset-inline-end: 0;
  z-index: 1;
}
html[data-theme=dark] .frappe-list .list-row-container,
html.dark .frappe-list .list-row-container {
  background-color: rgb(35, 31, 20);
}
html[data-theme=dark] .frappe-list .list-row-container:hover,
html.dark .frappe-list .list-row-container:hover,
html[data-theme=dark] .frappe-list .list-row-head,
html.dark .frappe-list .list-row-head {
  background-color: rgb(48, 43, 26);
}
html .frappe-control[data-fieldtype=Select] .control-input .select-icon,
html .frappe-control[data-fieldtype=Select].form-group .select-icon,
html .form-grid .frappe-control[data-fieldtype=Select].form-group .select-icon,
html .grid-body .frappe-control[data-fieldtype=Select].form-group .select-icon {
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
}
html:root {
  --sidebar-width: 264px;
}
html .page-form .select-icon,
html .filter-area .select-icon {
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.indicator.green::before,
.indicator.darkgrey.green::before {
  background-color: var(--dineos-green-deep);
}
.indicator.red::before,
.indicator.pink::before {
  background-color: var(--dineos-red);
}
.indicator.orange::before,
.indicator.yellow::before {
  background-color: var(--dineos-pending-fg);
}
.indicator.blue::before,
.indicator.cyan::before {
  background-color: var(--dineos-blue-deep);
}
.indicator.gray::before,
.indicator.grey::before,
.indicator.darkgrey::before {
  background-color: var(--dineos-ink-2);
}
[data-theme=dark] .indicator.green::before,
.dark .indicator.green::before {
  background-color: #6fdca5;
}
[data-theme=dark] .indicator.red::before,
.dark .indicator.red::before {
  background-color: #ff8a96;
}
[data-theme=dark] .indicator.orange::before,
[data-theme=dark] .indicator.yellow::before,
.dark .indicator.orange::before,
.dark .indicator.yellow::before {
  background-color: var(--dineos-yellow-glow);
}
[data-theme=dark] .indicator.blue::before,
.dark .indicator.blue::before {
  background-color: #9ebef9;
}
html .multiselect-list {
  background: transparent;
  border: none;
  border-radius: 0;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  box-shadow: none;
}
html .page-head-content {
  flex-wrap: wrap;
  row-gap: 8px;
}
html .page-head-content {
  flex-wrap: wrap !important;
}
html:root {
  --dineos-sticky-under-navbar: 20px;
}
html .desktop-modal .modal-body .icons-container {
  padding-top: 4px;
}
html .datatable .dt-header {
  background: rgb(255, 253, 245);
}
html[data-theme=dark] .datatable .dt-header,
html.dark .datatable .dt-header {
  background: rgb(35, 31, 20);
}
html .form-page .control-input .link-btn,
html .form-page .control-input-wrapper .link-btn,
html .form-page .frappe-control:not(.grid-static-col) .link-btn {
  top: 50%;
  bottom: auto;
  height: auto;
  transform: translateY(-50%);
}
html input[type=checkbox]:checked:focus-visible {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 8 7' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1 4L2.667 5.8 7 1.2' stroke='%231a1a1f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important;
  background-size: 10px 9px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
html input[type=checkbox]:checked:focus {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 8 7' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1 4L2.667 5.8 7 1.2' stroke='%231a1a1f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important;
  background-size: 10px 9px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
html .desk-alert.blue .alert-title-container .icon {
  filter: hue-rotate(18deg) saturate(1.5) brightness(0.78);
}
html .desk-alert.info .alert-title-container .icon {
  filter: hue-rotate(18deg) saturate(1.5) brightness(0.78);
}
html .desk-alert.blue .alert-title-container .icon,
html .desk-alert.info .alert-title-container .icon {
  filter: grayscale(1) brightness(0);
}
html .page-head {
  position: sticky;
  top: 12px;
}
html:root {
  --dineos-sticky-under-navbar: 88px;
}
html .form-tabs-list {
  background-color: rgb(255, 253, 245);
}
html.dark .form-tabs-list {
  background-color: rgb(35, 31, 20);
}
html .main-section {
  padding-block-start: 12px;
}
html .page-head {
  margin-block-start: 0;
  top: 0;
}
html:root {
  --dineos-sticky-under-navbar: 88px;
}
@supports (animation-timeline: scroll()) {
  @keyframes dineos-page-head-close-gap {
    from {
      transform: translateY(0);
      border-radius: 18px;
    }
    to {
      transform: translateY(-12px);
      border-radius: 0 0 18px 18px;
    }
  }
  @keyframes dineos-tabs-close-gap {
    from {
      transform: translateY(0);
      border-radius: var(--dineos-r-card) var(--dineos-r-card) 0 0;
    }
    to {
      transform: translateY(-36px);
      border-radius: 0;
    }
  }
  html .page-head {
    animation: dineos-page-head-close-gap linear both;
    animation-timeline: scroll(nearest block);
    animation-range: 0 12px;
  }
  html .form-tabs-list {
    animation: dineos-tabs-close-gap linear both;
    animation-timeline: scroll(nearest block);
    animation-range: 0 36px;
  }
}
html .form-tabs-list {
  margin-block-start: -8px;
  background-color: rgb(250, 245, 225);
}
html.dark .form-tabs-list {
  background-color: rgb(28, 28, 43);
}
html #page-query-report .page-head,
html .report-wrapper .page-head {
  position: relative;
  z-index: 20;
}
html .filter-button.btn-primary-light {
  color: var(--dineos-yellow-deep);
  background-color: rgba(245, 208, 65, 0.26);
  border-color: var(--dineos-line);
}
html .filter-button.btn-primary-light:hover {
  color: var(--dineos-yellow-deep);
  background-color: rgba(245, 208, 65, 0.36);
  border-color: var(--dineos-line);
}
html .filter-button.btn-primary-light:focus,
html .filter-button.btn-primary-light.focus {
  color: var(--dineos-yellow-deep);
  background-color: rgba(245, 208, 65, 0.36);
  border-color: var(--dineos-line);
}
html .filter-button.btn-primary-light:not(:disabled):not(.disabled):active,
html .filter-button.btn-primary-light:not(:disabled):not(.disabled).active {
  color: var(--dineos-yellow-deep);
  background-color: rgba(245, 208, 65, 0.26);
  border-color: var(--dineos-line);
}
html .filter-button.btn-primary-light.disabled,
html .filter-button.btn-primary-light:disabled {
  color: var(--dineos-yellow-deep);
  background-color: rgba(245, 208, 65, 0.26);
  border-color: var(--dineos-line);
}
html .datatable .dt-header {
  width: -moz-max-content;
  width: max-content;
}
/*# sourceMappingURL=dineos.bundle.YCEWRYHE.css.map */