/*
 * Call Center V2 — shared design tokens.
 * The single source of colour, radius, shadow and type values for every V2
 * screen (login, app shell, restaurants/branches, …). Load it before the
 * screen's own stylesheet.
 */

:root {
    --cc-primary: #0f8a4c;
    --cc-primary-dark: #0a6b3a;
    --cc-primary-soft: #e8f5ee;
    --cc-accent: #3fd68a;
    --cc-text: #1f2a37;
    --cc-muted: #6b7684;
    --cc-border: #dfe4ea;
    --cc-bg: #0b4f31;
    --cc-surface: #ffffff;
    --cc-page: #f4f6f5;
    --cc-danger: #c0362c;
    --cc-danger-soft: #fdecea;
    --cc-warning-soft: #fff6e0;
    --cc-info-soft: #e8f1fd;

    /* Sidebar: keeps the admin panel's dark identity, green accent */
    --cc-side-bg: #0f2a24;
    --cc-side-text: #c9d6d1;
    --cc-side-muted: #7f958d;
    --cc-side-hover: rgba(255, 255, 255, .06);
    --cc-side-divider: rgba(255, 255, 255, .08);

    --cc-radius-sm: 8px;
    --cc-radius: 12px;
    --cc-radius-md: 16px;
    --cc-radius-lg: 24px;
    --cc-shadow-sm: 0 1px 2px rgba(16, 40, 30, .06), 0 1px 3px rgba(16, 40, 30, .04);
    --cc-shadow: 0 6px 20px rgba(16, 40, 30, .08);
    --cc-shadow-lg: 0 30px 70px rgba(10, 40, 25, .22), 0 2px 6px rgba(10, 40, 25, .06);
    /* Arabic glyphs use IBM Plex Sans Arabic on every V2 page (the "CC Plex
       Arabic" faces below cover the Arabic range only, so Latin text keeps
       the system font in English). */
    --cc-font: "CC Plex Arabic", "Segoe UI", system-ui, -apple-system, "Noto Sans Arabic", "Noto Sans", Tahoma, Arial, sans-serif;
}

/* Arabic interface: IBM Plex Sans Arabic for all text (Arabic + Latin faces). */
:root[dir="rtl"] {
    --cc-font: "IBM Plex Sans Arabic", "Segoe UI", system-ui, -apple-system, Tahoma, Arial, sans-serif;
}

/*
 * IBM Plex Sans Arabic (SIL Open Font License 1.1), self-hosted WOFF2 —
 * no request to an external font service. unicode-range makes the browser
 * download a file only when the page shows characters of that range, and
 * only the weights actually used. Files: public/assets/admin/fonts/ibm-plex-sans-arabic/
 */
@font-face {
    font-family: "IBM Plex Sans Arabic";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-arabic-400.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: "IBM Plex Sans Arabic";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-arabic-500.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;
}
@font-face {
    font-family: "IBM Plex Sans Arabic";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-arabic-600.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;
}
@font-face {
    font-family: "IBM Plex Sans Arabic";
    font-style: normal;
    font-weight: 700 900;
    font-display: swap;
    src: url("../fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-arabic-700.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;
}
@font-face {
    font-family: "IBM Plex Sans Arabic";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-latin-400.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: "IBM Plex Sans Arabic";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-latin-500.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: "IBM Plex Sans Arabic";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-latin-600.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: "IBM Plex Sans Arabic";
    font-style: normal;
    font-weight: 700 900;
    font-display: swap;
    src: url("../fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-latin-700.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;
}
/* English interface: Arabic characters only (same files, Arabic range only). */
@font-face {
    font-family: "CC Plex Arabic";
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-arabic-400.woff2") format("woff2");
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
@font-face {
    font-family: "CC Plex Arabic";
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-arabic-500.woff2") format("woff2");
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
@font-face {
    font-family: "CC Plex Arabic";
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-arabic-600.woff2") format("woff2");
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
@font-face {
    font-family: "CC Plex Arabic";
    font-weight: 700 900;
    font-display: swap;
    src: url("../fonts/ibm-plex-sans-arabic/ibm-plex-sans-arabic-arabic-700.woff2") format("woff2");
    unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}