/* Consolidated Khatm stylesheet. Generated from the prior page bundles; do not edit source order without visual QA. */

/* Typography shared by every page. */
/* Self-hosted Khatm typography; sourced from Google Fonts. */
/* arabic */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/Qw3CZRtWPQCuHme67tEYUIx3Kh0PHR9N6Ys43PW5fslBEg0.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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/Qw3CZRtWPQCuHme67tEYUIx3Kh0PHR9N6Ysw3PW5fslBEg0.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/Qw3CZRtWPQCuHme67tEYUIx3Kh0PHR9N6Ysz3PW5fslBEg0.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;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/Qw3CZRtWPQCuHme67tEYUIx3Kh0PHR9N6Ys93PW5fslB.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;
}
/* arabic */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/Qw3NZRtWPQCuHme67tEYUIx3Kh0PHR9N6YPO_-CRXMRrKATtYV0.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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/Qw3NZRtWPQCuHme67tEYUIx3Kh0PHR9N6YPO_-CZXMRrKATtYV0.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/Qw3NZRtWPQCuHme67tEYUIx3Kh0PHR9N6YPO_-CaXMRrKATtYV0.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;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/Qw3NZRtWPQCuHme67tEYUIx3Kh0PHR9N6YPO_-CUXMRrKATt.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;
}
/* arabic */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/Qw3NZRtWPQCuHme67tEYUIx3Kh0PHR9N6YPi-OCRXMRrKATtYV0.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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/Qw3NZRtWPQCuHme67tEYUIx3Kh0PHR9N6YPi-OCZXMRrKATtYV0.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/Qw3NZRtWPQCuHme67tEYUIx3Kh0PHR9N6YPi-OCaXMRrKATtYV0.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;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/Qw3NZRtWPQCuHme67tEYUIx3Kh0PHR9N6YPi-OCUXMRrKATt.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;
}
/* arabic */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/Qw3NZRtWPQCuHme67tEYUIx3Kh0PHR9N6YOG-eCRXMRrKATtYV0.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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/Qw3NZRtWPQCuHme67tEYUIx3Kh0PHR9N6YOG-eCZXMRrKATtYV0.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/Qw3NZRtWPQCuHme67tEYUIx3Kh0PHR9N6YOG-eCaXMRrKATtYV0.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;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/Qw3NZRtWPQCuHme67tEYUIx3Kh0PHR9N6YOG-eCUXMRrKATt.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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx3cwgknk-6nFg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxTcwgknk-6nFg.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxPcwgknk-6nFg.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx_cwgknk-6nFg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx7cwgknk-6nFg.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;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxDcwgknk-4.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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx3cwgknk-6nFg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxTcwgknk-6nFg.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxPcwgknk-6nFg.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx_cwgknk-6nFg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx7cwgknk-6nFg.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;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxDcwgknk-4.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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx3cwgknk-6nFg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxTcwgknk-6nFg.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxPcwgknk-6nFg.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx_cwgknk-6nFg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPx7cwgknk-6nFg.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;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxDcwgknk-4.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;
}
/* arabic */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/Iura6YBj_oCad4k1nzSBC5xLhLFw4Q.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;
}
/* latin */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/Iura6YBj_oCad4k1nzGBC5xLhLE.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;
}
/* arabic */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/Iurf6YBj_oCad4k1l8KiHrRpiZtK6GwN9w.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;
}
/* latin */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/Iurf6YBj_oCad4k1l8KiHrFpiZtK6Gw.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;
}
/* arabic */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/Iurf6YBj_oCad4k1l4qkHrRpiZtK6GwN9w.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;
}
/* latin */
@font-face {
  font-family: 'Tajawal';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/Iurf6YBj_oCad4k1l4qkHrFpiZtK6Gw.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;
}


/* app: app.css, login-nav.css, post-login-welcome.css, public-experience.css */
html[data-style="app"]{
    /* المسافات — شبكة 8px (نصف خطوة 4px للرقائق فقط) */
    --sp-h:4px; --sp-1:8px; --sp-2:16px; --sp-3:24px; --sp-4:32px;
    --sp-5:40px; --sp-6:48px; --sp-7:64px; --sp-8:80px;

    /* الأقطار */
    --radius-sm:10px; --radius:14px; --radius-lg:20px; --radius-pill:999px;

    --control-h:48px;

    /* الأسطح — أبيض بارد بدل الكريمي */
    --paper:#F5F6F5; --paper-2:#ECEFED; --surface:#FFFFFF;

    /* الهوية — الأخضر المؤسسي (محفوظ) بدرجة أعمق وأنقى */
    --deep:#0D3B2C; --deep-2:#11492F; --deep-3:#155540;
    --deep-tint:#E7EFEA; --on-deep:#F2F7F4;

    /* النحاسي — عنصر التوقيع، يُستخدم بشح شديد */
    --gold:#96762B; --gold-strong:#7C6120; --gold-light:#C9A961; --gold-tint:#F5EFE0;

    --ink:#121A15; --ink-dim:#5A6862;
    --border:rgba(18,26,21,.09); --border-strong:rgba(18,26,21,.16);

    --danger:#B3261E; --danger-tint:#FBEBE9;
    --success:#14683D; --success-tint:#E4F1E9;

    /* سلم الارتفاع — ظلال ناعمة ثلاثية بدل الحدود */
    --e1:0 1px 2px rgba(18,26,21,.05), 0 1px 3px rgba(18,26,21,.05);
    --e2:0 2px 6px rgba(18,26,21,.05), 0 12px 28px rgba(18,26,21,.08);
    --e3:0 8px 20px rgba(18,26,21,.09), 0 28px 64px rgba(18,26,21,.16);

    /* حركة موحّدة */
    --t-fast:.16s cubic-bezier(.3,0,.2,1);
    --t-med:.24s cubic-bezier(.3,0,.2,1);
  }
  html[data-style="app"] *{ box-sizing:border-box; }
  html[data-style="app"]{ -webkit-text-size-adjust:100%; }
  html[data-style="app"],html[data-style="app"] body{ margin:0; padding:0; background:var(--paper); color:var(--ink); font-family:'IBM Plex Sans Arabic','Tajawal',sans-serif; }
  html[data-style="app"] body{ font-size:16px; line-height:1.7; text-rendering:optimizeLegibility; }
  html[data-style="app"] .auth-bootstrap{
    position:fixed;
    inset:0;
    z-index:10000;
    display:grid;
    place-items:center;
    padding:var(--sp-3);
    background:var(--paper);
    opacity:1;
    visibility:visible;
    transition:opacity var(--t-fast), visibility var(--t-fast);
  }
  html[data-style="app"] .auth-bootstrap.is-complete{ opacity:0; visibility:hidden; pointer-events:none; }
  html[data-style="app"] .auth-bootstrap-card{
    width:min(100%, 320px);
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:var(--sp-2);
    color:var(--ink-dim);
    text-align:center;
  }
  html[data-style="app"] .auth-bootstrap-card img{
    width:128px;
    height:72px;
    padding:8px 12px;
    object-fit:contain;
    border-radius:var(--radius-sm);
    background:var(--surface);
    box-shadow:var(--e1);
  }
  html[data-style="app"] .auth-bootstrap-card p{ font-size:14px; font-weight:600; }
  html[data-style="app"] .auth-bootstrap-spinner{
    width:32px;
    height:32px;
    border:3px solid var(--deep-tint);
    border-top-color:var(--deep);
    border-radius:50%;
    animation:authBootstrapSpin .75s linear infinite;
  }
  @keyframes authBootstrapSpin{ to{ transform:rotate(360deg); } }
  html[data-style="app"] h1,html[data-style="app"] h2,html[data-style="app"] h3{ margin:0; font-family:inherit; font-weight:700; letter-spacing:-.01em; color:var(--ink); }
  html[data-style="app"] p{ margin:0; }
  html[data-style="app"][dir="ltr"] h1, html[data-style="app"][dir="ltr"] h2, html[data-style="app"][dir="ltr"] h3{ font-family:inherit; }
  html[data-style="app"] .mono{ font-family:'JetBrains Mono',monospace; direction:ltr; unicode-bidi:isolate; display:inline-block; font-variant-numeric:tabular-nums; }

  html[data-style="app"] :focus-visible{ outline:2px solid var(--deep); outline-offset:2px; border-radius:var(--radius-sm); }
  html[data-style="app"] ::selection{ background:var(--deep-tint); }
  html[data-style="app"] .sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
  html[data-style="app"] .skip-link{ position:absolute; top:-100px; right:var(--sp-2); background:var(--deep); color:#fff; padding:var(--sp-1) var(--sp-2); border-radius:var(--radius-sm); z-index:100; transition:top var(--t-fast); }
  html[data-style="app"] .skip-link:focus{ top:var(--sp-1); }

  @media (prefers-reduced-motion: reduce){
    html[data-style="app"] *,html[data-style="app"] *::before,html[data-style="app"] *::after{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important; }
  }

  html[data-style="app"] .util-bar{ background:var(--deep); color:rgba(242,247,244,.75); font-size:12px; padding:var(--sp-1) var(--sp-2); text-align:center; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; column-gap:var(--sp-1); }
  html[data-style="app"] .util-bar b{ color:var(--gold-light); font-weight:600; }

  html[data-style="app"] /* الترويسة — عميقة مسطّحة، وتحتها «خط الختم» النحاسي: توقيع الهوية */
  header.site{ background:var(--deep); position:sticky; top:0; z-index:30; box-shadow:var(--e2); }
  html[data-style="app"] header.site::after{ content:""; display:block; height:2px; background:linear-gradient(90deg, transparent 4%, var(--gold-light) 30%, #E4CD8F 50%, var(--gold-light) 70%, transparent 96%); opacity:.85; }
  html[data-style="app"] .site-inner{ max-width:1120px; margin:0 auto; padding:var(--sp-1) var(--sp-2); display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:var(--sp-2); min-height:64px; }
  html[data-style="app"] .logo{ display:flex; align-items:center; justify-self:start; gap:var(--sp-1); font-weight:700; font-size:20px; color:var(--on-deep); }
  html[data-style="app"] .logo .mark{ width:64px; height:34px; border-radius:0; display:flex; align-items:center; justify-content:center; flex-shrink:0; background:transparent; padding:0; }
  html[data-style="app"] .logo .brand-wordmark{ width:104px; height:46px; padding:0; }
  html[data-style="app"] .logo .mark img{ width:100%; height:100%; object-fit:contain; display:block; filter:brightness(0) invert(1); }
  html[data-style="app"] .nav-right{ display:flex; align-items:center; justify-self:end; gap:var(--sp-1); }
  html[data-style="app"] nav.main-nav{ display:flex; justify-self:center; gap:2px; align-items:center; }
  html[data-style="app"] nav.main-nav button{ background:none; border:none; cursor:pointer; padding:10px var(--sp-2); border-radius:var(--radius-pill); font-size:13.5px; font-weight:500; color:rgba(242,247,244,.78); font-family:inherit; transition:background var(--t-fast), color var(--t-fast); min-height:40px; }
  html[data-style="app"] nav.main-nav button:hover{ color:#fff; background:rgba(255,255,255,.10); }
  html[data-style="app"] nav.main-nav button.active{ color:var(--deep); background:var(--on-deep); font-weight:700; }
  html[data-style="app"] .lang-toggle{ background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.22); color:var(--on-deep); cursor:pointer; padding:0 var(--sp-2); border-radius:var(--radius-pill); font-size:12.5px; font-weight:600; font-family:inherit; min-height:36px; transition:background var(--t-fast), border-color var(--t-fast); }
  html[data-style="app"] .lang-toggle:hover{ background:rgba(255,255,255,.16); border-color:rgba(255,255,255,.4); }
  html[data-style="app"] .notification-toggle{ position:relative; display:inline-grid; place-items:center; width:40px; min-height:40px; padding:0; border:1px solid rgba(255,255,255,.22); border-radius:var(--radius-pill); background:rgba(255,255,255,.06); color:var(--on-deep); cursor:pointer; font-family:inherit; transition:background var(--t-fast), border-color var(--t-fast); }
  html[data-style="app"] .notification-toggle:hover{ background:rgba(255,255,255,.16); border-color:rgba(255,255,255,.4); }
  html[data-style="app"] .notification-toggle svg{ width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  html[data-style="app"] .global-search-toggle{
    min-height:40px; display:inline-flex; align-items:center; gap:8px; padding:0 12px;
    border:1px solid rgba(255,255,255,.22); border-radius:var(--radius-pill);
    background:rgba(255,255,255,.08); color:var(--on-deep); cursor:pointer;
    font:600 12.5px/1 inherit; transition:background var(--t-fast),border-color var(--t-fast),transform var(--t-fast);
  }
  html[data-style="app"] .global-search-toggle[hidden]{ display:none !important; }
  html[data-style="app"] .global-search-toggle:hover{ background:rgba(255,255,255,.16); border-color:rgba(255,255,255,.42); }
  html[data-style="app"] .global-search-toggle:active{ transform:scale(.98); }
  html[data-style="app"] .global-search-toggle svg{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; }
  html[data-style="app"] .global-search-toggle kbd{ min-width:34px; padding:4px 7px; border:1px solid rgba(255,255,255,.2); border-radius:7px; background:rgba(255,255,255,.1); color:rgba(255,255,255,.78); font:600 10px/1 'JetBrains Mono',monospace; direction:ltr; }

  html[data-style="app"] body.global-search-open{ overflow:hidden; }
  html[data-style="app"] .global-search-overlay{ position:fixed; inset:0; z-index:240; display:grid; grid-template-columns:minmax(0,1fr); place-items:center; padding:24px; overflow:hidden; }
  html[data-style="app"] .global-search-overlay[hidden]{ display:none; }
  html[data-style="app"] .global-search-backdrop{ position:absolute; inset:0; width:100%; height:100%; padding:0; border:0; background:rgba(4,18,13,.56); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); opacity:0; cursor:default; transition:opacity var(--t-med); }
  html[data-style="app"] .global-search-dialog{ position:relative; z-index:1; width:min(760px,100%); min-width:0; max-width:100%; max-height:calc(100dvh - 48px); opacity:0; transform:translateY(-12px) scale(.96); filter:blur(10px); transition:opacity var(--t-med),transform .32s cubic-bezier(.2,.8,.2,1),filter var(--t-med); }
  html[data-style="app"] .global-search-overlay.is-open .global-search-backdrop{ opacity:1; }
  html[data-style="app"] .global-search-overlay.is-open .global-search-dialog{ opacity:1; transform:none; filter:none; }
  html[data-style="app"] .global-search-surface{ width:100%; min-width:0; max-width:100%; overflow:hidden; border:1px solid rgba(255,255,255,.72); border-radius:30px; background:rgba(249,251,250,.96); box-shadow:0 28px 80px rgba(3,20,14,.28),var(--e3); color:var(--ink); }
  html[data-style="app"] .global-search-input-row{ min-height:72px; display:flex; align-items:center; gap:14px; padding:0 18px 0 22px; border-bottom:1px solid transparent; }
  html[data-style="app"][dir="rtl"] .global-search-input-row{ padding:0 22px 0 18px; }
  html[data-style="app"] .global-search-input-icon{ flex:0 0 auto; width:25px; height:25px; fill:none; stroke:var(--deep); stroke-width:1.7; stroke-linecap:round; }
  html[data-style="app"] #global-search-input{ flex:1; min-width:0; min-height:64px; padding:0; border:0; outline:0; background:transparent; color:var(--ink); font:600 clamp(18px,2.2vw,24px)/1.4 inherit; caret-color:var(--deep); }
  html[data-style="app"] #global-search-input::placeholder{ color:#7B8982; font-weight:500; opacity:1; }
  html[data-style="app"] #global-search-input::-webkit-search-cancel-button{ display:none; }
  html[data-style="app"] .global-search-close{ flex:0 0 auto; width:42px; height:42px; display:grid; place-items:center; padding:0; border:1px solid var(--border); border-radius:var(--radius-pill); background:var(--surface); color:var(--ink-dim); cursor:pointer; transition:color var(--t-fast),background var(--t-fast),border-color var(--t-fast); }
  html[data-style="app"] .global-search-close:hover{ color:var(--deep); background:var(--deep-tint); border-color:rgba(13,59,44,.2); }
  html[data-style="app"] .global-search-close svg{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; }
  html[data-style="app"] .global-search-section-label{ color:var(--ink-dim); font-size:11px; font-weight:700; letter-spacing:.02em; }
  html[data-style="app"] .global-search-shortcuts{ padding:2px 18px 16px; }
  html[data-style="app"] .global-search-shortcut-list{ width:100%; min-width:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-top:8px; }
  html[data-style="app"] .global-search-shortcut{ min-width:0; min-height:78px; display:flex; align-items:center; gap:10px; padding:10px 12px; border:1px solid transparent; border-radius:18px; background:transparent; color:var(--ink); text-align:start; cursor:pointer; opacity:.72; transform:translateY(5px); animation:globalSearchShortcutIn .3s cubic-bezier(.2,.8,.2,1) forwards; animation-delay:calc(var(--gs-index,0) * 35ms); transition:opacity var(--t-fast),background var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast); }
  html[data-style="app"] .global-search-shortcut:hover,html[data-style="app"] .global-search-shortcut:focus-visible{ opacity:1; background:var(--surface); border-color:var(--border); box-shadow:var(--e2); transform:translateY(-2px); }
  html[data-style="app"] .global-search-shortcut-icon,html[data-style="app"] .global-search-result-icon{ flex:0 0 auto; display:grid; place-items:center; border-radius:var(--radius-pill); background:var(--deep-tint); color:var(--deep); }
  html[data-style="app"] .global-search-shortcut-icon{ width:44px; height:44px; }
  html[data-style="app"] .global-search-shortcut-icon svg,html[data-style="app"] .global-search-result-icon svg{ width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
  html[data-style="app"] .global-search-shortcut-label{ min-width:0; overflow:hidden; font:700 12px/1.45 inherit; text-overflow:ellipsis; white-space:nowrap; }
  @keyframes globalSearchShortcutIn{ to{ opacity:.72; transform:none; } }

  html[data-style="app"] .global-search-results-wrap{ min-width:0; border-top:1px solid var(--border); background:var(--paper); }
  html[data-style="app"] .global-search-results-head{ min-height:38px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 18px 4px; }
  html[data-style="app"] .global-search-count{ color:var(--ink-dim); font:600 10.5px/1 'JetBrains Mono',monospace; }
  html[data-style="app"] .global-search-results{ max-height:min(400px,42dvh); overflow-y:auto; overscroll-behavior:contain; padding:6px 10px 10px; scrollbar-width:thin; scrollbar-color:var(--border-strong) transparent; }
  html[data-style="app"] .global-search-result{ width:100%; min-height:62px; display:grid; grid-template-columns:42px minmax(0,1fr) 28px; align-items:center; gap:12px; padding:8px 10px; border:1px solid transparent; border-radius:14px; background:transparent; color:var(--ink); font-family:inherit; text-align:start; cursor:pointer; transition:background var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast); }
  html[data-style="app"] .global-search-result:hover,html[data-style="app"] .global-search-result.is-active{ background:var(--surface); border-color:var(--border); box-shadow:var(--e1); }
  html[data-style="app"] .global-search-result.is-active .global-search-result-icon{ background:var(--deep); color:var(--on-deep); }
  html[data-style="app"] .global-search-result-icon{ width:38px; height:38px; }
  html[data-style="app"] .global-search-result-copy{ min-width:0; }
  html[data-style="app"] .global-search-result-copy strong,html[data-style="app"] .global-search-result-copy span{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  html[data-style="app"] .global-search-result-copy strong{ font-size:13.5px; line-height:1.5; }
  html[data-style="app"] .global-search-result-copy span{ margin-top:1px; color:var(--ink-dim); font-size:11.5px; line-height:1.5; }
  html[data-style="app"] .global-search-result-arrow{ width:19px; height:19px; fill:none; stroke:var(--ink-dim); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; opacity:0; transform:translateX(-4px); transition:opacity var(--t-fast),transform var(--t-fast); }
  html[data-style="app"][dir="ltr"] .global-search-result-arrow{ transform:translateX(4px) rotate(180deg); }
  html[data-style="app"] .global-search-result:hover .global-search-result-arrow,html[data-style="app"] .global-search-result.is-active .global-search-result-arrow{ opacity:1; transform:none; }
  html[data-style="app"][dir="ltr"] .global-search-result:hover .global-search-result-arrow,html[data-style="app"][dir="ltr"] .global-search-result.is-active .global-search-result-arrow{ transform:rotate(180deg); }
  html[data-style="app"] .global-search-empty{ min-height:170px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:24px; color:var(--ink-dim); text-align:center; }
  html[data-style="app"] .global-search-empty[hidden]{ display:none; }
  html[data-style="app"] .global-search-empty svg{ width:30px; height:30px; margin-bottom:10px; fill:none; stroke:var(--gold-strong); stroke-width:1.6; stroke-linecap:round; }
  html[data-style="app"] .global-search-empty strong{ color:var(--ink); font-size:14px; }
  html[data-style="app"] .global-search-empty span{ margin-top:3px; font-size:12px; }
  html[data-style="app"] .global-search-footer{ min-height:42px; display:flex; align-items:center; gap:18px; padding:8px 18px; border-top:1px solid var(--border); background:var(--surface); color:var(--ink-dim); font-size:10.5px; }
  html[data-style="app"] .global-search-footer span{ display:flex; align-items:center; gap:4px; }
  html[data-style="app"] .global-search-footer kbd{ min-width:22px; padding:4px 6px; border:1px solid var(--border-strong); border-bottom-width:2px; border-radius:6px; background:var(--paper); color:var(--ink); font:600 10px/1 'JetBrains Mono',monospace; text-align:center; direction:ltr; }
  html[data-style="app"] .global-search-footer i{ font-style:normal; }
  html[data-style="app"] .dashboard-settings-utility{ position:relative; }
  html[data-style="app"] .dashboard-settings-utility[hidden]{ display:none !important; }
  html[data-style="app"] .dashboard-settings-menu{ position:absolute; z-index:121; inset-block-start:calc(100% + 10px); inset-inline-end:0; width:190px; padding:6px; display:grid; gap:2px; border:1px solid var(--border-strong); border-radius:var(--radius-sm); background:var(--surface); box-shadow:var(--e3); }
  html[data-style="app"] .dashboard-settings-menu[hidden]{ display:none; }
  html[data-style="app"] .dashboard-settings-link{ width:100%; min-height:40px; padding:8px 10px; border:0; border-radius:calc(var(--radius-sm) - 3px); background:transparent; color:var(--ink); font:600 13px/1.4 inherit; text-align:start; cursor:pointer; transition:background var(--t-fast), color var(--t-fast); }
  html[data-style="app"] .dashboard-settings-link:hover{ background:var(--deep-tint); color:var(--deep); }
  html[data-style="app"] .dashboard-settings-link:focus-visible{ outline-color:var(--deep); outline-offset:1px; }
  html[data-style="app"] .notification-badge{ position:absolute; inset-block-start:-5px; inset-inline-end:-5px; min-width:18px; height:18px; padding:0 4px; display:grid; place-items:center; border:2px solid var(--deep); border-radius:var(--radius-pill); background:var(--gold-light); color:var(--deep); font-family:'JetBrains Mono',monospace; font-size:10px; font-weight:800; line-height:1; }
  html[data-style="app"] .notifications-popover{ position:fixed; z-index:120; inset-block-start:76px; inset-inline-end:var(--sp-2); width:min(392px, calc(100vw - 32px)); max-height:min(620px, calc(100vh - 96px)); overflow:auto; background:var(--surface); border:1px solid var(--border-strong); border-radius:var(--radius-lg); box-shadow:var(--e3); padding:var(--sp-2); }
  html[data-style="app"] .notifications-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:var(--sp-2); padding-bottom:var(--sp-2); border-bottom:1px solid var(--border); }
  html[data-style="app"] .notifications-head h2{ font-size:18px; }
  html[data-style="app"] .notifications-head p{ margin-top:2px; color:var(--ink-dim); font-size:12px; }
  html[data-style="app"] .notifications-list{ display:grid; gap:var(--sp-1); padding-block:var(--sp-2); }
  html[data-style="app"] .notification-item{ width:100%; display:grid; grid-template-columns:10px minmax(0,1fr); gap:var(--sp-1); padding:var(--sp-2); border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--surface); text-align:start; color:var(--ink); font:inherit; }
  html[data-style="app"] button.notification-item{ cursor:pointer; transition:background var(--t-fast), border-color var(--t-fast), box-shadow var(--t-fast); }
  html[data-style="app"] button.notification-item:hover{ background:var(--paper); border-color:var(--border-strong); box-shadow:var(--e1); }
  html[data-style="app"] .notification-item.is-unread{ background:var(--deep-tint); border-color:rgba(13,59,44,.20); }
  html[data-style="app"] .notification-dot{ width:8px; height:8px; margin-top:7px; border-radius:var(--radius-pill); background:var(--deep); }
  html[data-style="app"] .notification-item.notice-warning .notification-dot{ background:var(--gold-strong); }
  html[data-style="app"] .notification-item.notice-danger .notification-dot{ background:var(--danger); }
  html[data-style="app"] .notification-item.is-read .notification-dot{ background:var(--border-strong); }
  html[data-style="app"] .notification-title{ display:block; font-size:13px; font-weight:700; line-height:1.55; }
  html[data-style="app"] .notification-body{ display:block; margin-top:2px; color:var(--ink-dim); font-size:12px; line-height:1.65; }
  html[data-style="app"] .notification-meta{ display:block; margin-top:4px; color:var(--ink-dim); font-size:10.5px; }
  html[data-style="app"] .notifications-empty{ padding:var(--sp-4) var(--sp-2); color:var(--ink-dim); font-size:13px; text-align:center; }
  html[data-style="app"] .notifications-foot{ padding-top:var(--sp-1); border-top:1px solid var(--border); text-align:center; }

  html[data-style="app"] /* الأزرار — ملء هادئ، ضغطة محسوسة scale، بدون صراخ */
  .btn{ display:inline-flex; align-items:center; justify-content:center; gap:var(--sp-1); border-radius:var(--radius-sm); font-weight:600; font-size:14.5px; cursor:pointer; padding:0 var(--sp-3); min-height:var(--control-h); border:1px solid transparent; transition:background var(--t-fast), border-color var(--t-fast), box-shadow var(--t-fast), transform var(--t-fast); font-family:inherit; -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
  html[data-style="app"] .btn:active:not(:disabled){ transform:scale(.98); }
  html[data-style="app"] .btn:disabled{ opacity:.42; cursor:not-allowed; }
  html[data-style="app"] .btn-primary{ background:var(--deep); color:var(--on-deep); box-shadow:var(--e1); }
  html[data-style="app"] .btn-primary:hover:not(:disabled){ background:var(--deep-3); box-shadow:var(--e2); }
  html[data-style="app"] .btn-gold{ background:var(--gold-strong); color:#FFFBF0; box-shadow:var(--e1); }
  html[data-style="app"] .btn-gold:hover:not(:disabled){ background:var(--gold); box-shadow:var(--e2); }
  html[data-style="app"] .btn-outline{ background:var(--surface); color:var(--ink); border-color:var(--border-strong); }
  html[data-style="app"] .btn-outline:hover:not(:disabled){ background:var(--paper-2); border-color:rgba(18,26,21,.28); }
  html[data-style="app"] .btn-danger{ background:var(--danger-tint); color:var(--danger); border-color:rgba(179,38,30,.25); }
  html[data-style="app"] .btn-danger:hover:not(:disabled){ background:#F6DCD9; }
  html[data-style="app"] .btn-block{ width:100%; }
  html[data-style="app"] .btn-sm{ min-height:36px; padding:0 var(--sp-2); font-size:12.5px; border-radius:var(--radius-sm); }

  html[data-style="app"] main{ max-width:1120px; margin:0 auto; padding:var(--sp-5) var(--sp-2) var(--sp-8); }
  html[data-style="app"] .view{ display:none; } html[data-style="app"] .view.active{ display:block; animation:fadeIn .28s cubic-bezier(.3,0,.2,1); }

  html[data-style="app"] .seal-big{ width:228px; height:120px; margin:0 auto var(--sp-3); display:flex; align-items:center; justify-content:center; }
  html[data-style="app"] .brand-logo-img{ width:100%; height:100%; object-fit:contain; display:block; }

  html[data-style="app"] /* ── شاشة الدخول — بطاقة مرتفعة على خلفية هادئة ── */
  body.home-view{ background:var(--paper); position:relative; }
  html[data-style="app"] body.home-view::before{ content:""; position:fixed; inset:0; z-index:0; background:url('login-bg.jpg') center/cover no-repeat; opacity:.05; pointer-events:none; }
  html[data-style="app"] body.home-view::after{ content:""; position:fixed; inset:0; z-index:0; background:
    radial-gradient(circle at 50% -10%, rgba(13,59,44,.06), transparent 42%),
    linear-gradient(180deg, rgba(245,246,245,.6), rgba(245,246,245,.9)); pointer-events:none; }
  html[data-style="app"] body.home-view .skip-link, html[data-style="app"] body.home-view .util-bar, html[data-style="app"] body.home-view main, html[data-style="app"] body.home-view footer.site{ position:relative; z-index:1; }
  html[data-style="app"] body.home-view header.site{ display:block; position:relative; }
  html[data-style="app"] body.home-view main{ min-height:calc(100vh - 36px); display:flex; align-items:center; justify-content:center; padding:var(--sp-5) var(--sp-3); }
  html[data-style="app"] .login-wrap{ max-width:1240px; margin:0 auto; width:100%; display:grid; grid-template-columns:minmax(480px, 1fr) minmax(440px, .9fr); gap:0; align-items:stretch; position:relative; direction:ltr; background:var(--surface); border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--e3); }
  html[data-style="app"] .login-top{ position:absolute; top:var(--sp-3); inset-inline-start:var(--sp-3); z-index:4; display:flex; justify-content:center; }
  html[data-style="app"] .login-top .lang-toggle{ min-height:40px; padding:0 var(--sp-2); background:rgba(255,255,255,.9); border-color:var(--border-strong); color:var(--deep); backdrop-filter:blur(8px); }
  html[data-style="app"] .login-top .lang-toggle:hover{ background:var(--deep); color:#fff; border-color:var(--deep); }
  html[data-style="app"] .login-identity{ direction:rtl; min-height:600px; background:linear-gradient(165deg, var(--deep) 0%, var(--deep-2) 55%, var(--deep-3) 100%); padding:var(--sp-7) var(--sp-6); display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; position:relative; overflow:hidden; }
  html[data-style="app"] .login-identity::before{ content:""; position:absolute; inset:0; background:url('login-bg.jpg') center/cover no-repeat; opacity:.10; mix-blend-mode:luminosity; pointer-events:none; }
  html[data-style="app"] .login-identity::after{ content:""; position:absolute; inset-inline:0; bottom:0; height:2px; background:linear-gradient(90deg, transparent, var(--gold-light), transparent); opacity:.7; pointer-events:none; }
  html[data-style="app"] .brand-center{ text-align:center; margin-bottom:0; position:relative; z-index:1; }
  html[data-style="app"] .brand-title{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
  html[data-style="app"] .login-identity .seal-big{ width:300px; height:164px; background:transparent; border-radius:0; padding:0; margin-bottom:var(--sp-3); box-shadow:none; }
  html[data-style="app"] .login-identity .brand-logo-img{ filter:brightness(0) invert(1); }
  html[data-style="app"] .brand-sub{ max-width:400px; margin:var(--sp-3) auto 0; font-size:17px; font-weight:400; color:rgba(242,247,244,.85); line-height:1.9; }
  html[data-style="app"] .login-card{ direction:rtl; background:var(--surface); padding:var(--sp-6); display:flex; flex-direction:column; justify-content:center; position:relative; min-height:600px; }
  html[data-style="app"] .login-card-head{ margin-bottom:var(--sp-4); text-align:start; }
  html[data-style="app"] .login-card-head h2{ color:var(--ink); font-size:28px; line-height:1.3; letter-spacing:-.02em; }
  html[data-style="app"] .login-card-head p{ color:var(--ink-dim); font-size:14px; font-weight:400; margin-top:var(--sp-1); }
  html[data-style="app"] .citizen-login-entry{ display:inline-flex; align-items:center; gap:6px; margin-top:var(--sp-2); color:var(--deep); font-size:13px; font-weight:700; text-underline-offset:4px; }
  html[data-style="app"] .radio-group{ display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-1); margin-bottom:var(--sp-3); }
  html[data-style="app"] .radio-opt{ display:flex; align-items:center; justify-content:center; gap:var(--sp-1); font-size:14px; font-weight:600; color:var(--ink-dim); cursor:pointer; padding:0 var(--sp-2); border:1px solid var(--border-strong); border-radius:var(--radius-sm); background:var(--surface); min-height:48px; transition:border-color var(--t-fast), background var(--t-fast), color var(--t-fast); }
  html[data-style="app"] .radio-opt:hover{ border-color:var(--deep); }
  html[data-style="app"] .radio-opt input{ accent-color:var(--deep); }
  html[data-style="app"] .radio-opt.selected{ border-color:var(--deep); color:var(--deep); background:var(--deep-tint); box-shadow:inset 0 0 0 1px var(--deep); }
  html[data-style="app"] .radio-opt.selected input{ accent-color:var(--deep); }
  html[data-style="app"] .login-inst-field{ margin:0 0 var(--sp-2); }
  html[data-style="app"] .login-card .field-label-row{ justify-content:flex-start; margin-bottom:6px; }
  html[data-style="app"] .login-card .field label{ font-size:13px; color:var(--ink); font-weight:600; }
  html[data-style="app"] .inst-logo-preview{ display:flex; align-items:center; justify-content:center; margin-bottom:var(--sp-3); min-height:80px; background:var(--paper); border:1px solid var(--border); border-radius:var(--radius-sm); }
  html[data-style="app"] .inst-logo-preview img{ max-height:64px; max-width:128px; object-fit:contain; }
  html[data-style="app"] .login-panel{ padding:0; border:0; background:transparent; }
  html[data-style="app"] .login-panel::after{ content:none; }
  html[data-style="app"] .login-panel .field{ margin-bottom:var(--sp-2); }
  html[data-style="app"] .login-panel input, html[data-style="app"] .login-panel select, html[data-style="app"] .login-inst-field select{ min-height:48px; background:var(--surface); border-radius:var(--radius-sm); font-size:15px; }
  html[data-style="app"] .login-panel input::placeholder{ color:#9AA49E; }
  html[data-style="app"] .remember-row{ display:flex; align-items:center; justify-content:flex-start; gap:var(--sp-1); margin:var(--sp-1) 0 var(--sp-3); color:var(--ink); font-size:13.5px; font-weight:500; cursor:pointer; }
  html[data-style="app"] .remember-row input{ width:18px; height:18px; accent-color:var(--deep); flex:0 0 auto; }
  html[data-style="app"] .login-panel .btn-primary{ min-height:52px; font-size:15.5px; border-radius:var(--radius-sm); }
  html[data-style="app"] .auth-steps{ display:flex; align-items:center; justify-content:flex-start; gap:10px; margin:0 0 var(--sp-4); color:var(--ink-dim); font-size:12px; font-weight:700; }
  html[data-style="app"] .auth-step-dot{ width:28px; height:28px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--border-strong); background:var(--surface); color:var(--ink-dim); }
  html[data-style="app"] .auth-step-dot.active{ background:var(--deep); border-color:var(--deep); color:#fff; }
  html[data-style="app"] .auth-step-dot[aria-current="step"]{ box-shadow:0 0 0 4px rgba(11,46,34,.10); }
  html[data-style="app"] .auth-step-line{ width:40px; height:2px; background:var(--border); }
  html[data-style="app"] .auth-step-panel[hidden]{ display:none !important; }
  html[data-style="app"] .otp-intro{ color:var(--ink-dim); font-size:14px; line-height:1.8; margin:0 0 var(--sp-3); }
  html[data-style="app"] .otp-email{ display:block; direction:ltr; color:var(--deep); font-weight:700; }
  html[data-style="app"] .otp-input{ direction:ltr; text-align:center; letter-spacing:10px; font:700 26px/1 'JetBrains Mono',monospace; }
  html[data-style="app"] .otp-actions{ display:flex; align-items:center; justify-content:space-between; gap:var(--sp-2); margin-top:var(--sp-2); }
  html[data-style="app"] .otp-actions .link-btn{ min-height:44px; font-size:12.5px; }
  html[data-style="app"] .login-security-note{ display:flex; align-items:flex-start; gap:var(--sp-1); padding:12px; margin-bottom:var(--sp-2); border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--paper); color:var(--ink-dim); font-size:12.5px; line-height:1.7; }
  html[data-style="app"] .sanad-btn{ margin-top:var(--sp-1); width:100%; min-height:48px; border:1px solid var(--border-strong); border-radius:var(--radius-sm); background:var(--surface); color:var(--ink-dim); font-family:inherit; font-weight:600; cursor:not-allowed; opacity:.75; }
  html[data-style="app"] .sanad-btn::before{ content:"◇"; margin-inline-end:var(--sp-1); color:var(--gold); }
  html[data-style="app"] .verify-link-wrap{ text-align:center; margin-top:var(--sp-4); padding-top:var(--sp-3); border-top:1px solid var(--border); }
  html[data-style="app"] .link-btn{ background:none; border:none; color:var(--deep); font-size:14px; font-weight:600; cursor:pointer; text-decoration:underline; text-underline-offset:4px; font-family:inherit; padding:var(--sp-1); }

  html[data-style="app"] /* اللوحات — سطح أبيض بظل خفيف، بلا زخارف داخلية */
  .panel{ background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); padding:var(--sp-4); position:relative; box-shadow:var(--e1); }
  html[data-style="app"] .panel::after{ content:none; }
  html[data-style="app"] .panel-plain{ background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); padding:var(--sp-4); box-shadow:var(--e1); }
  html[data-style="app"] .panel-head{ margin-bottom:var(--sp-3); }
  html[data-style="app"] .panel-head h2{ font-size:20px; font-weight:700; margin-bottom:var(--sp-h); color:var(--ink); }
  html[data-style="app"] .panel-head p{ font-size:13.5px; color:var(--ink-dim); line-height:1.75; }

  html[data-style="app"] .form-section{ border-top:1px solid var(--border); padding-top:var(--sp-3); margin-top:var(--sp-3); }
  html[data-style="app"] .form-section:first-of-type{ border-top:none; padding-top:0; margin-top:0; }
  html[data-style="app"] .form-section-title{ font-size:11.5px; font-weight:700; color:var(--ink-dim); letter-spacing:.08em; margin-bottom:var(--sp-2); text-transform:uppercase; }
  html[data-style="app"] .form-section-hint{ font-size:12.5px; color:var(--ink-dim); margin:-4px 0 var(--sp-2); line-height:1.8; }
  html[data-style="app"] .extra-fields-grid{ display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-2); }
  html[data-style="app"] .extra-fields-grid .field{ margin-bottom:0; }
  html[data-style="app"] .extra-fields-grid .field.wide{ grid-column:1 / -1; }
  html[data-style="app"] .extra-pill-row{ display:flex; flex-wrap:wrap; gap:var(--sp-1); margin-top:var(--sp-2); }
  html[data-style="app"] .extra-pill{ display:inline-flex; align-items:center; gap:var(--sp-h); border:1px solid var(--border); background:var(--paper); color:var(--ink-dim); border-radius:var(--radius-pill); padding:var(--sp-h) 12px; font-size:11.5px; font-weight:600; }
  html[data-style="app"] .extra-pill b{ color:var(--ink); font-weight:700; }

  html[data-style="app"] .field{ margin-bottom:var(--sp-2); }
  html[data-style="app"] .field-label-row{ display:flex; justify-content:space-between; align-items:baseline; margin-bottom:6px; gap:var(--sp-1); }
  html[data-style="app"] .field label{ display:block; font-size:13px; font-weight:600; color:var(--ink); }
  html[data-style="app"] .char-count{ font-size:11px; color:var(--ink-dim); font-family:'JetBrains Mono',monospace; direction:ltr; }
  html[data-style="app"] .char-count.over{ color:var(--danger); font-weight:700; }
  html[data-style="app"] input[type=text], html[data-style="app"] input[type=email], html[data-style="app"] input[type=password], html[data-style="app"] select, html[data-style="app"] textarea{ width:100%; background:var(--surface); border:1px solid var(--border-strong); color:var(--ink); padding:0 var(--sp-2); min-height:var(--control-h); border-radius:var(--radius-sm); font-size:15px; outline:none; font-family:inherit; transition:border-color var(--t-fast), box-shadow var(--t-fast); }
  html[data-style="app"] textarea{ padding:var(--sp-2); min-height:120px; resize:vertical; line-height:1.6; }
  html[data-style="app"] input:focus-visible, html[data-style="app"] select:focus-visible, html[data-style="app"] textarea:focus-visible{ border-color:var(--deep); box-shadow:0 0 0 3px var(--deep-tint); outline:none; }
  html[data-style="app"] input[aria-invalid="true"], html[data-style="app"] textarea[aria-invalid="true"]{ border-color:var(--danger); background:#FFFBFA; box-shadow:0 0 0 3px var(--danger-tint); }
  html[data-style="app"] .field-error{ font-size:12px; color:var(--danger); font-weight:600; margin-top:var(--sp-h); min-height:16px; }
  html[data-style="app"] .field-row{ display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-2); }

  html[data-style="app"] .dropzone{ border:1.5px dashed var(--border-strong); border-radius:var(--radius); padding:var(--sp-4) var(--sp-2); text-align:center; cursor:pointer; margin-bottom:var(--sp-2); background:var(--paper); transition:border-color var(--t-fast), background var(--t-fast), transform var(--t-fast); }
  html[data-style="app"] .dropzone:hover, html[data-style="app"] .dropzone.drag, html[data-style="app"] .dropzone:focus-visible{ border-color:var(--deep); background:var(--deep-tint); }
  html[data-style="app"] .dropzone:active{ transform:scale(.995); }
  html[data-style="app"] .dz-main{ font-size:14px; font-weight:600; color:var(--ink); }
  html[data-style="app"] .dz-sub{ font-size:12.5px; color:var(--ink-dim); margin-top:var(--sp-h); }
  html[data-style="app"] .dz-file{ font-size:12.5px; color:var(--deep); margin-top:var(--sp-1); font-weight:600; word-break:break-all; }
  html[data-style="app"] input[type=file]{ display:none; }

  html[data-style="app"] .badge{ font-size:11.5px; padding:3px 12px; border-radius:var(--radius-pill); font-weight:600; display:inline-block; }
  html[data-style="app"] .badge.active{ background:var(--success-tint); color:var(--success); }
  html[data-style="app"] .badge.revoked{ background:var(--danger-tint); color:var(--danger); }

  html[data-style="app"] .result-card{ margin-top:var(--sp-3); border-radius:var(--radius); padding:var(--sp-4); text-align:center; animation:fadeIn .3s cubic-bezier(.3,0,.2,1); border:1px solid; }
  @keyframes fadeIn{ from{opacity:0; transform:translateY(8px);} to{opacity:1; transform:translateY(0);} }
  html[data-style="app"] .result-card.ok{ background:var(--success-tint); border-color:rgba(20,104,61,.22); }
  html[data-style="app"] .result-card.bad{ background:var(--danger-tint); border-color:rgba(179,38,30,.22); }
  html[data-style="app"] .result-card.warn{ background:var(--gold-tint); border-color:rgba(150,118,43,.3); }
  html[data-style="app"] .result-icon{ width:56px; height:56px; border-radius:var(--radius-pill); margin:0 auto var(--sp-2); display:flex; align-items:center; justify-content:center; font-size:24px; font-weight:700; color:#fff; box-shadow:var(--e1); }
  html[data-style="app"] .result-icon.ok{ background:var(--success); } html[data-style="app"] .result-icon.bad{ background:var(--danger); } html[data-style="app"] .result-icon.warn{ background:var(--gold-strong); }
  html[data-style="app"] .result-title{ font-size:19px; font-weight:700; margin-bottom:var(--sp-1); }
  html[data-style="app"] .result-card.ok .result-title{ color:var(--success); }
  html[data-style="app"] .result-card.bad .result-title{ color:var(--danger); }
  html[data-style="app"] .result-card.warn .result-title{ color:var(--gold-strong); }
  html[data-style="app"] .result-sub{ font-size:13.5px; color:var(--ink-dim); margin-bottom:var(--sp-2); line-height:1.8; }
  html[data-style="app"] .meta-grid{ text-align:start; display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-2) var(--sp-3); background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-sm); padding:var(--sp-2); margin-top:var(--sp-2); font-size:13.5px; }
  html[data-style="app"] .meta-grid .k{ color:var(--ink-dim); } html[data-style="app"] .meta-grid .v{ font-weight:600; }

  html[data-style="app"] .qr-result{ text-align:center; margin-top:var(--sp-3); padding:var(--sp-4); background:var(--paper); border:1px solid var(--border); border-radius:var(--radius); }
  html[data-style="app"] .qr-result canvas{ border-radius:var(--radius-sm); border:8px solid #fff; box-shadow:var(--e1); }
  html[data-style="app"] .qr-code-text{ font-family:'JetBrains Mono',monospace; direction:ltr; font-size:20px; letter-spacing:3px; color:var(--deep); margin:var(--sp-2) 0 var(--sp-h); font-weight:700; }
  html[data-style="app"] .qr-hint{ font-size:12.5px; color:var(--ink-dim); margin-bottom:var(--sp-2); }
  html[data-style="app"] .qr-link{ display:inline-block; direction:ltr; max-width:100%; color:var(--deep); font-size:11.5px; line-height:1.5; word-break:break-all; margin:0 auto var(--sp-1); text-decoration:underline; text-underline-offset:3px; }
  html[data-style="app"] .qr-actions{ display:flex; gap:var(--sp-1); justify-content:center; flex-wrap:wrap; margin-top:var(--sp-2); }

  html[data-style="app"] .drawer-backdrop{ position:fixed; inset:0; z-index:80; background:rgba(13,25,20,.44); backdrop-filter:blur(2px); opacity:0; pointer-events:none; transition:opacity var(--t-med); }
  html[data-style="app"] .drawer-backdrop.open{ opacity:1; pointer-events:auto; }
  html[data-style="app"] .record-drawer{ position:fixed; top:0; bottom:0; right:0; z-index:90; width:min(440px, 94vw); background:var(--surface); box-shadow:var(--e3); transform:translateX(110%); transition:transform var(--t-med); overflow:auto; padding:var(--sp-3); border-start-start-radius:var(--radius-lg); border-end-start-radius:var(--radius-lg); }
  html[data-style="app"] .record-drawer.wide{ width:min(720px, 94vw); }
  html[data-style="app"] .record-drawer.open{ transform:translateX(0); }
  html[data-style="app"] .drawer-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:var(--sp-2); padding-bottom:var(--sp-2); border-bottom:1px solid var(--border); margin-bottom:var(--sp-2); }
  html[data-style="app"] .drawer-head h3{ color:var(--ink); font-size:21px; }
  html[data-style="app"] .drawer-close{ width:40px; height:40px; border-radius:var(--radius-pill); border:1px solid var(--border-strong); background:var(--surface); color:var(--ink); cursor:pointer; font-size:22px; line-height:1; transition:background var(--t-fast); }
  html[data-style="app"] .drawer-close:hover{ background:var(--paper-2); }
  html[data-style="app"] .drawer-qr{ text-align:center; background:var(--paper); border:1px solid var(--border); border-radius:var(--radius); padding:var(--sp-2); margin-top:var(--sp-2); }
  html[data-style="app"] .drawer-qr canvas{ background:#fff; border:8px solid #fff; border-radius:var(--radius-sm); max-width:100%; box-shadow:var(--e1); }
  html[data-style="app"] .drawer-log{ margin-top:var(--sp-2); }
  html[data-style="app"] .inspect-detail-grid{ grid-template-columns:160px minmax(0,1fr); align-items:start; }
  html[data-style="app"] .inspect-detail-grid .v{ min-width:0; line-height:1.8; }
  html[data-style="app"] .inspect-hash{ display:block; direction:ltr; text-align:left; white-space:normal; overflow-wrap:anywhere; word-break:break-all; max-width:100%; padding:10px; border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--paper); font-size:11.5px; line-height:1.7; }
  html[data-style="app"] .inspect-detail-card{ padding:var(--sp-2); }

  html[data-style="app"] .method-tabs{ display:flex; gap:var(--sp-1); margin-bottom:var(--sp-3); flex-wrap:wrap; background:var(--paper-2); padding:var(--sp-h); border-radius:var(--radius-sm); }
  html[data-style="app"] .method-tabs button{ flex:1; min-width:120px; background:transparent; border:none; color:var(--ink-dim); padding:var(--sp-1); min-height:44px; border-radius:calc(var(--radius-sm) - 3px); font-size:13.5px; cursor:pointer; font-weight:500; font-family:inherit; transition:background var(--t-fast), color var(--t-fast), box-shadow var(--t-fast); }
  html[data-style="app"] .method-tabs button.active{ color:var(--deep); background:var(--surface); font-weight:700; box-shadow:var(--e1); }
  html[data-style="app"] .method-panel{ display:none; } html[data-style="app"] .method-panel.active{ display:block; }
  html[data-style="app"] .verify-head{ max-width:880px; margin:0 auto var(--sp-3); text-align:center; }
  html[data-style="app"] .verify-panel{ max-width:880px; margin:0 auto; padding:var(--sp-5); }
  html[data-style="app"] .public-result .meta-grid{ grid-template-columns:1fr 1fr; }
  html[data-style="app"] .legal-note{ margin-top:var(--sp-2); padding:var(--sp-2); background:var(--gold-tint); border:1px solid rgba(150,118,43,.22); border-radius:var(--radius-sm); color:var(--ink-dim); font-size:12.5px; line-height:1.8; }
  html[data-style="app"] .signature-chip{ display:inline-flex; align-items:center; justify-content:center; gap:var(--sp-h); direction:inherit; unicode-bidi:plaintext; font:inherit; font-size:12px; font-weight:700; color:var(--ink-dim); background:var(--surface-2); border:1px solid var(--border); border-radius:var(--radius-pill); padding:var(--sp-h) 10px; }
  html[data-style="app"] .signature-chip.valid{ color:var(--success); background:var(--success-bg); border-color:rgba(23,122,75,.22); }
  html[data-style="app"] .signature-chip.invalid{ color:var(--danger); background:var(--danger-bg); border-color:rgba(194,47,40,.22); }
  html[data-style="app"] .verify-panel .dropzone{ padding:var(--sp-4) var(--sp-3); }
  html[data-style="app"] .verify-panel .result-card{ padding:var(--sp-5); }
  html[data-style="app"] video{ width:100%; border-radius:var(--radius); border:1px solid var(--border); margin-bottom:var(--sp-2); background:#000; }
  html[data-style="app"] .cam-status{ font-size:12.5px; color:var(--ink-dim); text-align:center; margin-top:var(--sp-1); min-height:20px; }
  html[data-style="app"] .field-note{ font-size:12px; color:var(--ink-dim); text-align:center; margin-top:var(--sp-1); line-height:1.7; }
  html[data-style="app"] .code-input-row{ display:flex; gap:var(--sp-2); }
  html[data-style="app"] .code-input-row input{ flex:1; text-align:center; font-family:'JetBrains Mono',monospace; letter-spacing:3px; font-size:16px; direction:ltr; }

  html[data-style="app"] .secondary-check{ margin-top:var(--sp-3); padding-top:var(--sp-3); border-top:1px solid var(--border); }
  html[data-style="app"] .check-label{ display:block; font-size:13px; font-weight:600; color:var(--ink-dim); text-align:center; margin-bottom:var(--sp-2); }
  html[data-style="app"] .check-summary{ display:grid; grid-template-columns:repeat(3,1fr); gap:var(--sp-1); margin-top:var(--sp-3); text-align:center; }
  html[data-style="app"] .check-summary-item{ background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-sm); padding:var(--sp-2); min-height:92px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--sp-h); box-shadow:var(--e1); }
  html[data-style="app"] .check-summary-icon{ width:28px; height:28px; border-radius:var(--radius-pill); display:flex; align-items:center; justify-content:center; background:var(--success); color:#fff; font-weight:700; }
  html[data-style="app"] .check-summary-title{ font-size:13px; font-weight:700; color:var(--ink); }
  html[data-style="app"] .check-summary-sub{ font-size:11.5px; color:var(--ink-dim); line-height:1.5; }
  html[data-style="app"] .file-warn{ margin-top:var(--sp-2); font-size:13px; padding:var(--sp-2); border-radius:var(--radius-sm); font-weight:600; }
  html[data-style="app"] .file-warn.ok{ background:var(--success-tint); color:var(--success); }
  html[data-style="app"] .file-warn.bad{ background:var(--danger-tint); color:var(--danger); }
  html[data-style="app"] .file-warn.warn{ background:var(--gold-tint); color:var(--gold-strong); }
  html[data-style="app"] .hash-box{ background:var(--paper); border:1px solid var(--border); border-radius:var(--radius-sm); padding:var(--sp-2); font-family:'JetBrains Mono',monospace; direction:ltr; text-align:left; font-size:11.5px; word-break:break-all; margin-top:var(--sp-2); }

  html[data-style="app"] /* ── الفحص الذكي — شارة الختم النحاسية هنا مقصودة (لحظة توثيق) ── */
  .ai-check{ margin-top:var(--sp-3); padding-top:var(--sp-3); border-top:1px solid var(--border); }
  html[data-style="app"] .ai-badge{ display:inline-flex; align-items:center; gap:var(--sp-1); font-size:11.5px; font-weight:700; color:var(--gold-strong); background:var(--gold-tint); padding:var(--sp-h) 12px; border-radius:var(--radius-pill); margin-bottom:var(--sp-2); border:1px solid rgba(150,118,43,.2); }
  html[data-style="app"] .ai-note{ font-size:12px; color:var(--ink-dim); text-align:center; margin-top:var(--sp-2); line-height:1.8; background:var(--paper); padding:var(--sp-1); border-radius:var(--radius-sm); }
  html[data-style="app"] .inspect-grid{ display:grid; grid-template-columns:minmax(360px,.9fr) minmax(420px,1.15fr); gap:var(--sp-3); align-items:start; }
  html[data-style="app"] .inspect-controls{ display:grid; gap:var(--sp-2); }
  html[data-style="app"] .inspect-reference-filters{ display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-1); margin-bottom:var(--sp-1); }
  html[data-style="app"] .inspect-live-log{ max-height:260px; overflow:auto; border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--paper); padding:var(--sp-h); }
  html[data-style="app"] .inspect-log-row{ display:flex; align-items:flex-start; gap:var(--sp-1); padding:10px; border-bottom:1px solid var(--border); font-size:12.5px; color:var(--ink-dim); }
  html[data-style="app"] .inspect-log-row:last-child{ border-bottom:none; }
  html[data-style="app"] .inspect-dot{ width:22px; height:22px; border-radius:var(--radius-pill); display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; background:var(--surface); color:var(--deep); border:1px solid var(--border-strong); font-size:12px; font-weight:700; }
  html[data-style="app"] .inspect-log-row.bad .inspect-dot{ background:var(--danger); color:#fff; border-color:var(--danger); }
  html[data-style="app"] .inspect-log-row.warn .inspect-dot{ background:var(--gold-strong); color:#fff; border-color:var(--gold-strong); }
  html[data-style="app"] .inspect-log-row.ok .inspect-dot{ background:var(--success); color:#fff; border-color:var(--success); }
  html[data-style="app"] .inspect-viewer{ position:relative; min-height:420px; border-radius:var(--radius); background:#10140F; overflow:hidden; display:flex; align-items:center; justify-content:center; box-shadow:inset 0 0 0 1px rgba(255,255,255,.06), var(--e2); }
  html[data-style="app"] .inspect-canvas-wrap{ position:relative; max-width:100%; max-height:76vh; transform-origin:center; transition:transform var(--t-fast); }
  html[data-style="app"] .inspect-image{ display:block; max-width:100%; max-height:76vh; object-fit:contain; }
  html[data-style="app"] .inspect-overlay{ position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
  html[data-style="app"] .inspect-hit{ pointer-events:auto; cursor:pointer; }
  html[data-style="app"] .inspect-box{ fill:rgba(150,118,43,.14); stroke:var(--gold-strong); stroke-width:.004; vector-effect:non-scaling-stroke; transition:opacity var(--t-fast), stroke-width var(--t-fast); }
  html[data-style="app"] .inspect-box.red{ fill:rgba(179,38,30,.16); stroke:var(--danger); stroke-width:.006; animation:inspectShake .38s ease; }
  html[data-style="app"] .inspect-box.yellow{ fill:rgba(201,169,97,.16); stroke:var(--gold-strong); stroke-dasharray:.018 .01; }
  html[data-style="app"] .inspect-box.green{ fill:rgba(20,104,61,.10); stroke:rgba(20,104,61,.46); stroke-width:.003; }
  html[data-style="app"] .inspect-num{ fill:var(--danger); stroke:#fff; stroke-width:.003; vector-effect:non-scaling-stroke; }
  html[data-style="app"] .inspect-num-text{ fill:#fff; font:700 .026px 'IBM Plex Sans Arabic',sans-serif; text-anchor:middle; dominant-baseline:central; pointer-events:none; }
  html[data-style="app"] .inspect-scanline{ position:absolute; inset-inline:0; height:2px; background:linear-gradient(90deg, transparent, rgba(201,169,97,.95), transparent); box-shadow:0 0 24px rgba(201,169,97,.8); opacity:0; pointer-events:none; }
  html[data-style="app"] .inspect-viewer.scanning .inspect-scanline{ opacity:1; animation:inspectScan 1.45s ease-in-out infinite alternate; }
  html[data-style="app"] .inspect-viewer.scanning::after{ content:""; position:absolute; inset:0; background-image:radial-gradient(rgba(201,169,97,.18) 1px, transparent 1px); background-size:18px 18px; opacity:.22; animation:inspectPulse 1s ease-in-out infinite alternate; pointer-events:none; }
  html[data-style="app"] .inspect-empty{ color:rgba(255,255,255,.5); text-align:center; padding:var(--sp-4); font-weight:600; }
  html[data-style="app"] .inspect-result-banner{ border-radius:var(--radius); padding:var(--sp-2); margin-bottom:var(--sp-2); display:flex; align-items:center; justify-content:space-between; gap:var(--sp-2); border:1px solid var(--border); background:var(--paper); }
  html[data-style="app"] .inspect-result-banner.clean{ background:var(--success-tint); border-color:rgba(20,104,61,.24); color:var(--success); }
  html[data-style="app"] .inspect-result-banner.suspicious{ background:var(--gold-tint); border-color:rgba(150,118,43,.32); color:var(--gold-strong); }
  html[data-style="app"] .inspect-result-banner.forged{ background:var(--danger-tint); border-color:rgba(179,38,30,.24); color:var(--danger); }
  html[data-style="app"] .inspect-score{ font-family:'JetBrains Mono',monospace; direction:ltr; font-weight:700; font-size:22px; font-variant-numeric:tabular-nums; }
  html[data-style="app"] .finding-list{ display:grid; gap:var(--sp-1); margin-top:var(--sp-2); }
  html[data-style="app"] .finding-card{ border:1px solid var(--border); border-radius:var(--radius-sm); padding:var(--sp-2); background:var(--surface); transition:border-color var(--t-fast), transform var(--t-fast), box-shadow var(--t-fast); }
  html[data-style="app"] .finding-card.active{ border-color:var(--deep); transform:translateY(-1px); box-shadow:var(--e2); }
  html[data-style="app"] .finding-card.red{ border-color:rgba(179,38,30,.3); background:#FFF9F8; }
  html[data-style="app"] .finding-card.yellow{ border-color:rgba(150,118,43,.35); background:#FFFDF6; }
  html[data-style="app"] .finding-title{ display:flex; justify-content:space-between; align-items:center; gap:var(--sp-1); font-weight:700; color:var(--ink); }
  html[data-style="app"] .finding-desc{ color:var(--ink-dim); font-size:12.5px; line-height:1.8; margin-top:var(--sp-h); }
  html[data-style="app"] .confidence-bar{ height:6px; background:var(--paper-2); border-radius:var(--radius-pill); overflow:hidden; margin-top:var(--sp-1); }
  html[data-style="app"] .confidence-bar span{ display:block; height:100%; background:var(--deep); border-radius:var(--radius-pill); }
  html[data-style="app"] .inspect-toolbar{ display:flex; gap:var(--sp-1); flex-wrap:wrap; margin-top:var(--sp-2); }
  @keyframes inspectScan{ from{ transform:translateY(20px); } to{ transform:translateY(calc(100% + 380px)); } }
  @keyframes inspectPulse{ from{ opacity:.12; } to{ opacity:.28; } }
  @keyframes inspectShake{ 0%,100%{ transform:translateX(0); } 25%{ transform:translateX(-2px); } 75%{ transform:translateX(2px); } }
  html[data-style="app"] .doc-preview{ max-width:100%; border-radius:var(--radius); border:1px solid var(--border); margin-top:var(--sp-2); display:block; }
  html[data-style="app"] .ocr-block{ margin-top:var(--sp-2); display:grid; gap:var(--sp-1); }
  html[data-style="app"] .ocr-row{ border:1px solid var(--border); border-radius:var(--radius-sm); padding:var(--sp-1) var(--sp-2); background:var(--surface); display:flex; justify-content:space-between; gap:var(--sp-2); align-items:center; font-size:12.5px; font-weight:600; }
  html[data-style="app"] .ocr-row.ok{ border-color:rgba(20,104,61,.24); color:var(--success); background:var(--success-tint); }
  html[data-style="app"] .ocr-row.warn{ border-color:rgba(150,118,43,.3); color:var(--gold-strong); background:var(--gold-tint); }
  html[data-style="app"] .ocr-row.bad{ border-color:rgba(179,38,30,.24); color:var(--danger); background:var(--danger-tint); }

  html[data-style="app"] .spinner{ display:inline-block; width:14px; height:14px; border:2px solid rgba(255,255,255,.4); border-top-color:#fff; border-radius:var(--radius-pill); animation:spin .7s linear infinite; vertical-align:middle; }
  html[data-style="app"] .spinner.dark{ border-color:rgba(13,59,44,.25); border-top-color:var(--deep); }
  @keyframes spin{ to{transform:rotate(360deg);} }

  html[data-style="app"] .skel{ height:64px; border-radius:var(--radius-sm); background:linear-gradient(90deg, var(--paper-2) 25%, #E2E6E3 50%, var(--paper-2) 75%); background-size:200% 100%; animation:shimmer 1.4s infinite linear; margin-bottom:var(--sp-1); }
  @keyframes shimmer{ from{background-position:200% 0;} to{background-position:-200% 0;} }

  html[data-style="app"] .breadcrumbs{ font-size:12.5px; color:var(--ink-dim); margin-bottom:var(--sp-2); display:flex; gap:var(--sp-1); align-items:center; flex-wrap:wrap; }
  html[data-style="app"] .breadcrumbs .sep{ color:var(--border-strong); }
  html[data-style="app"] .breadcrumbs .current{ font-weight:600; color:var(--ink); }

  html[data-style="app"] .dash-header{ display:flex; justify-content:space-between; align-items:center; margin-bottom:var(--sp-3); flex-wrap:wrap; gap:var(--sp-2); padding-bottom:var(--sp-2); border-bottom:1px solid var(--border); }
  html[data-style="app"] .who{ display:flex; align-items:center; gap:var(--sp-2); }
  html[data-style="app"] .who-profile-trigger{ padding:0; border:0; background:transparent; color:inherit; font-family:inherit; text-align:start; cursor:pointer; border-radius:var(--radius-sm); }
  html[data-style="app"] .who-profile-trigger:hover .who-name{ color:var(--deep); }
  html[data-style="app"] .who-profile-trigger:focus-visible{ outline:3px solid rgba(11,78,57,.22); outline-offset:5px; }
  html[data-style="app"] .who-avatar{ width:52px; height:52px; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:17px; flex-shrink:0; overflow:hidden; border-radius:var(--radius-sm); background:var(--paper); border:1px solid var(--border); }
  html[data-style="app"] .who-avatar img{ max-width:100%; max-height:100%; object-fit:contain; }
  html[data-style="app"] .who-name{ font-weight:700; font-size:15.5px; color:var(--ink); }
  html[data-style="app"] .who-type{ font-size:12.5px; color:var(--ink-dim); display:flex; align-items:center; gap:var(--sp-1); flex-wrap:wrap; }
  html[data-style="app"] .role-badge{ padding:3px 12px; border-radius:var(--radius-pill); font-weight:600; font-size:11px; }
  html[data-style="app"] .role-badge.superadmin{ background:var(--deep); color:var(--gold-light); }
  html[data-style="app"] .role-badge.admin{ background:var(--deep-tint); color:var(--deep); }
  html[data-style="app"] .role-badge.verifier{ background:#EAF3FF; color:#245B91; }
  html[data-style="app"] .role-badge.viewer{ background:var(--paper-2); color:var(--ink-dim); }
  html[data-style="app"] .settings-grid{ display:grid; grid-template-columns:minmax(280px, 560px) minmax(320px, 1fr); gap:var(--sp-3); align-items:start; }
  html[data-style="app"] .credential-box{ background:var(--paper); border:1px solid var(--border); border-radius:var(--radius-sm); padding:var(--sp-2); margin-bottom:var(--sp-2); }
  html[data-style="app"] .credential-row{ display:flex; justify-content:space-between; gap:var(--sp-2); padding:6px 0; border-bottom:1px solid var(--border); font-size:12.5px; }
  html[data-style="app"] .credential-row:last-child{ border-bottom:none; }
  html[data-style="app"] .credential-row span:first-child{ color:var(--ink-dim); font-weight:600; }
  html[data-style="app"] .credential-row span:last-child{ direction:ltr; unicode-bidi:isolate; text-align:left; font-family:'JetBrains Mono',monospace; font-weight:600; color:var(--deep); word-break:break-all; }
  html[data-style="app"] .admin-list{ display:flex; flex-direction:column; gap:var(--sp-2); }
  html[data-style="app"] .admin-card{ border:1px solid var(--border); border-radius:var(--radius); padding:var(--sp-2); background:var(--surface); display:grid; grid-template-columns:1fr; gap:var(--sp-2); align-items:start; box-shadow:var(--e1); transition:box-shadow var(--t-fast), border-color var(--t-fast); }
  html[data-style="app"] .admin-card:hover{ border-color:var(--border-strong); box-shadow:var(--e2); }
  html[data-style="app"] .admin-card-main{ cursor:pointer; min-width:0; }
  html[data-style="app"] .admin-title-row{ display:flex; align-items:flex-start; justify-content:space-between; gap:var(--sp-1); margin-bottom:var(--sp-1); }
  html[data-style="app"] .admin-name{ font-weight:700; color:var(--ink); font-size:16.5px; line-height:1.45; max-width:100%; }
  html[data-style="app"] .admin-details{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:var(--sp-1); }
  html[data-style="app"] .admin-detail{ background:var(--paper); border:1px solid var(--border); border-radius:var(--radius-sm); padding:var(--sp-1); min-width:0; }
  html[data-style="app"] .admin-detail-label{ display:block; color:var(--ink-dim); font-size:11px; font-weight:600; margin-bottom:2px; }
  html[data-style="app"] .admin-detail-value{ display:block; color:var(--ink); font-size:12.5px; line-height:1.55; overflow-wrap:anywhere; }
  html[data-style="app"] .admin-detail-value.mono{ direction:ltr; unicode-bidi:isolate; text-align:left; font-family:'JetBrains Mono',monospace; }
  html[data-style="app"] .admin-actions{ display:flex; gap:var(--sp-1); align-items:center; flex-wrap:wrap; justify-content:flex-start; padding-top:var(--sp-1); border-top:1px solid var(--border); }
  html[data-style="app"] .admin-actions select{ min-height:36px; width:auto; min-width:132px; font-size:12px; padding-inline:var(--sp-1); }

  html[data-style="app"] .subtabs{ display:flex; gap:var(--sp-h); margin-bottom:var(--sp-3); border-bottom:1px solid var(--border); flex-wrap:wrap; }
  html[data-style="app"] .subtabs button{ background:none; border:none; cursor:pointer; padding:var(--sp-2); font-size:14px; font-weight:500; color:var(--ink-dim); border-bottom:2px solid transparent; font-family:inherit; min-height:44px; transition:color var(--t-fast), border-color var(--t-fast); margin-bottom:-1px; }
  html[data-style="app"] .subtabs button:hover{ color:var(--ink); }
  html[data-style="app"] .subtabs button.active{ color:var(--deep); border-bottom-color:var(--deep); font-weight:700; }
  html[data-style="app"] .subpanel{ display:none; } html[data-style="app"] .subpanel.active{ display:block; }

  html[data-style="app"] .dash-grid{ display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-3); align-items:start; }

  html[data-style="app"] .filter-bar{ display:grid; grid-template-columns:2fr 1fr 1fr; gap:var(--sp-1); margin-bottom:var(--sp-2); }
  html[data-style="app"] .filter-bar input, html[data-style="app"] .filter-bar select{ min-height:40px; font-size:13.5px; }

  html[data-style="app"] .registry-list{ display:flex; flex-direction:column; gap:var(--sp-1); margin-top:var(--sp-1); }
  html[data-style="app"] .registry-item{ border:1px solid var(--border); border-radius:var(--radius-sm); padding:var(--sp-2); display:flex; justify-content:space-between; align-items:center; gap:var(--sp-2); flex-wrap:wrap; background:var(--surface); transition:border-color var(--t-fast), box-shadow var(--t-fast); }
  html[data-style="app"] .registry-item:hover{ border-color:var(--border-strong); box-shadow:var(--e1); }
  html[data-style="app"] .registry-item.revoked{ opacity:.6; }
  html[data-style="app"] .ri-title{ font-weight:600; font-size:14px; margin-bottom:2px; }
  html[data-style="app"] .ri-meta{ font-size:12px; color:var(--ink-dim); }
  html[data-style="app"] .ri-code{ font-family:'JetBrains Mono',monospace; direction:ltr; unicode-bidi:isolate; display:inline-block; color:var(--deep); font-weight:600; }
  html[data-style="app"] .ri-actions{ display:flex; gap:var(--sp-h); flex-wrap:wrap; }

  html[data-style="app"] .pager{ display:flex; justify-content:center; align-items:center; gap:var(--sp-2); margin-top:var(--sp-2); font-size:12.5px; color:var(--ink-dim); }

  html[data-style="app"] .empty-state{ text-align:center; padding:var(--sp-6) var(--sp-2); color:var(--ink-dim); font-size:13.5px; line-height:1.9; }

  html[data-style="app"] .stat-cards{ display:grid; grid-template-columns:repeat(4,1fr); gap:var(--sp-2); margin-bottom:var(--sp-3); }
  html[data-style="app"] .stat-card{ background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); padding:var(--sp-3) var(--sp-2); text-align:center; box-shadow:var(--e1); }
  html[data-style="app"] .stat-card .num{ font-size:28px; font-weight:700; color:var(--deep); font-variant-numeric:tabular-nums; letter-spacing:-.02em; }
  html[data-style="app"] .stat-card .lbl{ font-size:12.5px; color:var(--ink-dim); margin-top:var(--sp-h); }
  html[data-style="app"] .task-list,html[data-style="app"] .platform-task-list{ display:grid; gap:10px; }
  html[data-style="app"] .task-item{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px; border:1px solid var(--border); border-radius:12px; background:var(--surface-2); }
  html[data-style="app"] .task-item strong{ display:block; color:var(--ink); font-size:14px; }
  html[data-style="app"] .task-item p{ margin:3px 0 0; color:var(--ink-dim); font-size:12px; }
  html[data-style="app"] .task-count{ flex:0 0 auto; min-width:34px; padding:5px 9px; border-radius:999px; background:var(--deep); color:#fff; text-align:center; font-size:13px; font-weight:800; font-variant-numeric:tabular-nums; }
  html[data-style="app"] .task-item .btn{ flex:0 0 auto; }
  html[data-style="app"] .report-summary{ display:grid; grid-template-columns:repeat(4,1fr); gap:var(--sp-2); margin:var(--sp-3) 0; }
  html[data-style="app"] .report-summary-item{ padding:14px; border:1px solid var(--border); border-radius:12px; background:var(--surface-2); }
  html[data-style="app"] .report-summary-item strong{ display:block; color:var(--deep); font-size:24px; font-variant-numeric:tabular-nums; }
  html[data-style="app"] .report-summary-item span{ color:var(--ink-dim); font-size:12px; }
  html[data-style="app"] .report-actions{ display:flex; justify-content:flex-end; gap:10px; flex-wrap:wrap; }
  html[data-style="app"] .public-result{ max-width:760px; margin:0 auto; }
  html[data-style="app"] .public-summary{ display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-2); margin-top:var(--sp-2); }
  html[data-style="app"] .fraud-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:var(--sp-2); margin-bottom:var(--sp-3); }
  html[data-style="app"] .fraud-card{ background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); padding:var(--sp-3); box-shadow:var(--e1); }
  html[data-style="app"] .fraud-card .num{ font-size:32px; font-weight:700; color:var(--deep); font-variant-numeric:tabular-nums; letter-spacing:-.02em; }
  html[data-style="app"] .fraud-card.warn .num{ color:var(--gold-strong); }
  html[data-style="app"] .fraud-card.bad .num{ color:var(--danger); }
  html[data-style="app"] .fraud-card .lbl{ font-size:12.5px; color:var(--ink-dim); }

  html[data-style="app"] .chart-wrap{ margin-top:var(--sp-2); }
  html[data-style="app"] .chart-bars{ display:flex; align-items:flex-end; gap:var(--sp-1); height:160px; padding:var(--sp-2); background:var(--paper); border-radius:var(--radius-sm); border:1px solid var(--border); }
  html[data-style="app"] .chart-col{ flex:1; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; height:100%; gap:var(--sp-h); }
  html[data-style="app"] .chart-bar{ width:100%; background:var(--deep); border-radius:4px 4px 0 0; min-height:2px; transition:height .3s cubic-bezier(.3,0,.2,1); }
  html[data-style="app"] .chart-bar.rev{ background:var(--danger); }
  html[data-style="app"] .chart-val{ font-size:11px; font-weight:600; color:var(--deep); font-family:'JetBrains Mono',monospace; }
  html[data-style="app"] .chart-lbl{ font-size:10px; color:var(--ink-dim); font-family:'JetBrains Mono',monospace; direction:ltr; }
  html[data-style="app"] .chart-legend{ display:flex; gap:var(--sp-2); justify-content:center; margin-top:var(--sp-1); font-size:11.5px; color:var(--ink-dim); }
  html[data-style="app"] .legend-dot{ display:inline-block; width:10px; height:10px; border-radius:3px; margin-inline-end:var(--sp-h); }

  html[data-style="app"] .table-scroll{ overflow-x:auto; border-radius:var(--radius-sm); }
  html[data-style="app"] .log-table{ width:100%; border-collapse:collapse; font-size:13px; min-width:520px; }
  html[data-style="app"] .log-table th{ text-align:start; padding:var(--sp-2); background:var(--paper); font-weight:600; color:var(--ink-dim); font-size:11.5px; border-bottom:1px solid var(--border-strong); white-space:nowrap; letter-spacing:.03em; }
  html[data-style="app"] .log-table td{ padding:var(--sp-2); border-bottom:1px solid var(--border); }
  html[data-style="app"] .log-table tbody tr{ transition:background var(--t-fast); }
  html[data-style="app"] .log-table tbody tr:hover{ background:var(--paper); }
  html[data-style="app"] .log-action{ font-size:11px; padding:3px 10px; border-radius:var(--radius-pill); font-weight:600; white-space:nowrap; }
  html[data-style="app"] .log-action.issue{ background:var(--success-tint); color:var(--success); }
  html[data-style="app"] .log-action.revoke{ background:var(--danger-tint); color:var(--danger); }
  html[data-style="app"] .log-action.reactivate{ background:var(--gold-tint); color:var(--gold-strong); }
  html[data-style="app"] .log-action.ok{ background:var(--success-tint); color:var(--success); }
  html[data-style="app"] .log-action.warn{ background:var(--gold-tint); color:var(--gold-strong); }
  html[data-style="app"] .log-action.bad{ background:var(--danger-tint); color:var(--danger); }

  html[data-style="app"] .toggle-row{ display:flex; justify-content:space-between; align-items:center; padding:var(--sp-2) 0; border-bottom:1px solid var(--border); gap:var(--sp-2); }
  html[data-style="app"] .toggle-row:last-child{ border-bottom:none; }
  html[data-style="app"] .t-label{ font-size:14px; font-weight:600; }
  html[data-style="app"] .t-sub{ font-size:12.5px; color:var(--ink-dim); margin-top:2px; }
  html[data-style="app"] .switch{ position:relative; width:48px; height:28px; flex-shrink:0; }
  html[data-style="app"] .switch input{ position:absolute; opacity:0; width:100%; height:100%; margin:0; cursor:pointer; }
  html[data-style="app"] .slider{ position:absolute; inset:0; background:rgba(18,26,21,.22); border-radius:var(--radius-pill); transition:background var(--t-fast); pointer-events:none; }
  html[data-style="app"] .slider::before{ content:""; position:absolute; width:22px; height:22px; inset-inline-start:3px; top:3px; background:#fff; border-radius:var(--radius-pill); transition:transform var(--t-fast); box-shadow:var(--e1); }
  html[data-style="app"] .switch input:checked + .slider{ background:var(--deep); }
  html[data-style="app"][dir="rtl"] .switch input:checked + .slider::before{ transform:translateX(-20px); }
  html[data-style="app"][dir="ltr"] .switch input:checked + .slider::before{ transform:translateX(20px); }
  html[data-style="app"] .switch input:focus-visible + .slider{ outline:2px solid var(--deep); outline-offset:2px; }

  html[data-style="app"] .readonly-note{ font-size:12px; color:var(--ink-dim); margin-top:var(--sp-h); }
  html[data-style="app"] input:disabled{ background:var(--paper-2); color:var(--ink-dim); cursor:not-allowed; opacity:.7; }

  html[data-style="app"] #toast-container{ position:fixed; bottom:var(--sp-3); inset-inline-start:var(--sp-3); z-index:200; display:flex; flex-direction:column; gap:var(--sp-1); max-width:340px; }
  html[data-style="app"] .toast{ padding:var(--sp-2); border-radius:var(--radius-sm); font-size:13.5px; font-weight:600; color:#fff; box-shadow:var(--e3); animation:toastIn .25s cubic-bezier(.3,0,.2,1); display:flex; align-items:center; gap:var(--sp-1); }
  @keyframes toastIn{ from{opacity:0; transform:translateY(12px) scale(.98);} to{opacity:1; transform:translateY(0) scale(1);} }
  html[data-style="app"] .toast.ok{ background:var(--success); } html[data-style="app"] .toast.bad{ background:var(--danger); } html[data-style="app"] .toast.info{ background:var(--deep); }

  html[data-style="app"] /* نافذة القرارات والنتائج — مكوّن واحد متّسق للحركات الحساسة */
  .action-modal[hidden]{ display:none; }
  html[data-style="app"] .action-modal{ position:fixed; inset:0; z-index:1000; display:grid; place-items:center; padding:24px; }
  html[data-style="app"] .action-modal-backdrop{ position:absolute; inset:0; background:rgba(6,24,18,.62); backdrop-filter:blur(7px); animation:actionFade .18s ease-out; }
  html[data-style="app"] .action-dialog{ position:relative; width:min(420px,100%); max-height:calc(100dvh - 32px); overflow:auto; padding:32px; border:1px solid rgba(11,78,57,.12); border-radius:20px; background:var(--surface); box-shadow:0 24px 70px rgba(4,30,21,.26); text-align:center; animation:actionRise .24s cubic-bezier(.2,.8,.2,1); }
  html[data-style="app"] .action-motion{ width:88px; height:88px; margin:0 auto 20px; display:grid; place-items:center; border-radius:22px; background:var(--success-tint); overflow:hidden; }
  html[data-style="app"] .action-modal.is-danger .action-motion{ background:var(--danger-tint); color:var(--danger); }
  html[data-style="app"] .action-modal.is-warning .action-motion{ background:var(--gold-tint); color:var(--gold-strong); }
  html[data-style="app"] .action-modal.is-success .action-motion{ color:var(--success); }
  html[data-style="app"] .action-modal.is-info .action-motion{ background:#EAF3EF; color:var(--deep); }
  html[data-style="app"] .action-motion svg{ width:48px; height:48px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  html[data-style="app"] .action-motion-fallback{ width:48px; height:48px; border:2px solid var(--success); border-radius:50%; display:grid; place-items:center; color:var(--success); font-size:25px; font-weight:700; }
  html[data-style="app"] .action-modal.is-danger .action-motion-fallback{ border-color:var(--danger); color:var(--danger); }
  html[data-style="app"] .action-modal.is-warning .action-motion-fallback{ border-color:var(--gold-strong); color:var(--gold-strong); }
  html[data-style="app"] .action-modal.is-info .action-motion-fallback{ border-color:var(--deep); color:var(--deep); }
  html[data-style="app"] .action-dialog h2{ margin:0; color:var(--ink); font-size:23px; line-height:1.4; letter-spacing:-.02em; }
  html[data-style="app"] .action-dialog p{ max-width:340px; margin:10px auto 0; color:var(--ink-dim); font-size:14px; line-height:1.75; }
  html[data-style="app"] .action-detail{ display:inline-flex; align-items:center; justify-content:center; max-width:100%; margin-top:16px; padding:8px 13px; border:1px solid var(--border-strong); border-radius:var(--radius-pill); background:var(--paper); color:var(--deep); font-family:'JetBrains Mono',monospace; font-size:12.5px; font-weight:700; direction:ltr; overflow-wrap:anywhere; }
  html[data-style="app"] .action-detail[hidden],html[data-style="app"] .action-dialog-input[hidden],html[data-style="app"] .action-dialog-actions .btn[hidden]{ display:none !important; }
  html[data-style="app"] .action-dialog-input{ margin-top:20px; text-align:start; }
  html[data-style="app"] .action-dialog-input label{ display:block; margin-bottom:8px; color:var(--ink); font-size:13px; font-weight:700; }
  html[data-style="app"] .action-dialog-input textarea{ width:100%; min-height:104px; resize:vertical; padding:12px 14px; border:1px solid var(--border-strong); border-radius:12px; background:#fff; color:var(--ink); font:inherit; font-size:14px; line-height:1.65; transition:border-color var(--t-fast),box-shadow var(--t-fast); }
  html[data-style="app"] .action-dialog-input textarea:focus{ outline:none; border-color:var(--deep); box-shadow:0 0 0 3px rgba(11,78,57,.1); }
  html[data-style="app"] .action-dialog-input textarea[aria-invalid="true"]{ border-color:var(--danger); box-shadow:0 0 0 3px rgba(194,39,32,.09); }
  html[data-style="app"] .action-dialog-input-meta{ display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:20px; margin-top:6px; color:var(--ink-dim); font-size:11.5px; }
  html[data-style="app"] .action-dialog-input-error{ color:var(--danger); font-weight:600; }
  html[data-style="app"] .action-dialog-actions{ display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); grid-template-areas:"secondary primary"; gap:10px; margin-top:24px; }
  html[data-style="app"] .action-dialog-actions .btn{ width:100%; min-height:48px; border-radius:12px; }
  html[data-style="app"] #action-dialog-secondary{ grid-area:secondary; background:var(--paper); }
  html[data-style="app"] #action-dialog-primary{ grid-area:primary; }
  html[data-style="app"] .action-modal.is-danger #action-dialog-primary{ background:var(--danger); border-color:var(--danger); color:#fff; }
  html[data-style="app"] .action-modal.is-danger #action-dialog-primary:hover:not(:disabled){ background:#962019; }
  html[data-style="app"] .action-modal.is-warning #action-dialog-primary{ background:var(--gold-strong); border-color:var(--gold-strong); color:#fff; }
  html[data-style="app"] .action-dialog-actions .btn:only-child{ grid-column:1/-1; }
  html[data-style="app"] body.modal-open{ overflow:hidden; }
  @keyframes actionFade{ from{opacity:0} to{opacity:1} }
  @keyframes actionRise{ from{opacity:0;transform:translateY(18px) scale(.97)} to{opacity:1;transform:translateY(0) scale(1)} }
  @media (max-width:520px){
    html[data-style="app"] .action-modal{ padding:12px; align-items:end; }
    html[data-style="app"] .action-dialog{ width:100%; padding:28px 20px 20px; border-radius:20px 20px 14px 14px; }
    html[data-style="app"] .action-motion{ width:80px; height:80px; margin-bottom:18px; }
    html[data-style="app"] .action-dialog h2{ font-size:21px; }
    html[data-style="app"] .action-dialog-actions{ grid-template-columns:1fr; grid-template-areas:"primary" "secondary"; }
  }
  @media (prefers-reduced-motion:reduce){ html[data-style="app"] .action-modal-backdrop,html[data-style="app"] .action-dialog{ animation:none; } }

  html[data-style="app"] /* انتظار العمليات الطويلة — يظهر بتأخير حتى لا يزعج المستخدم في الإجراءات السريعة */
  .operation-loader[hidden]{ display:none; }
  html[data-style="app"] .operation-loader{
    position:fixed; inset:0; z-index:1100; display:grid; place-items:center;
    padding:24px;
  }
  html[data-style="app"] .operation-loader-backdrop{
    position:absolute; inset:0; background:rgba(6,24,18,.48);
    backdrop-filter:blur(5px); animation:actionFade .18s ease-out;
  }
  html[data-style="app"] .operation-loader-card{
    position:relative; width:min(360px,100%); padding:30px 26px 26px;
    border:1px solid rgba(11,78,57,.14); border-radius:20px;
    background:var(--surface); box-shadow:0 24px 70px rgba(4,30,21,.24);
    text-align:center; animation:actionRise .22s cubic-bezier(.2,.8,.2,1);
  }
  html[data-style="app"] .operation-loader-spinner{
    position:relative; width:72px; height:72px; margin:0 auto 18px;
    display:grid; place-items:center; border-radius:22px;
    background:var(--deep-tint); color:var(--deep);
  }
  html[data-style="app"] .operation-loader-spinner::before{
    content:""; position:absolute; inset:8px; border:3px solid rgba(11,78,57,.15);
    border-top-color:var(--deep); border-radius:50%; animation:spin .8s linear infinite;
  }
  html[data-style="app"] .operation-loader-spinner svg{
    width:27px; height:27px; fill:none; stroke:currentColor; stroke-width:2;
    stroke-linecap:round; stroke-linejoin:round;
  }
  html[data-style="app"] .operation-loader-card h2{ margin:0; color:var(--ink); font-size:20px; line-height:1.45; }
  html[data-style="app"] .operation-loader-card p{ margin:8px auto 0; color:var(--ink-dim); font-size:13.5px; line-height:1.75; }
  html[data-style="app"] body.operation-loading{ overflow:hidden; }
  @media (max-width:520px){
    html[data-style="app"] .operation-loader{ padding:16px; }
    html[data-style="app"] .operation-loader-card{ width:min(340px,100%); padding:26px 20px 22px; border-radius:18px; }
    html[data-style="app"] .operation-loader-spinner{ width:66px; height:66px; border-radius:20px; }
  }
  @media (prefers-reduced-motion:reduce){
    html[data-style="app"] .operation-loader-backdrop,html[data-style="app"] .operation-loader-card{ animation:none; }
    html[data-style="app"] .operation-loader-spinner::before{ animation:none; border-color:var(--deep); opacity:.35; }
  }

  html[data-style="app"] /* ── فحص الشهادات القديمة — الخطوات الثلاث ── */
  .legacy-stepper{ display:flex; align-items:center; gap:var(--sp-1); margin-bottom:var(--sp-3); }
  html[data-style="app"] .legacy-step{ display:flex; align-items:center; gap:var(--sp-1); color:var(--ink-dim); font-size:13px; font-weight:600; }
  html[data-style="app"] .legacy-step-num{ width:34px; height:34px; border-radius:var(--radius-pill); display:flex; align-items:center; justify-content:center; background:var(--paper-2); border:1px solid var(--border-strong); color:var(--ink-dim); font-weight:700; transition:background var(--t-fast), color var(--t-fast), border-color var(--t-fast); }
  html[data-style="app"] .legacy-step.active .legacy-step-num{ background:var(--deep); border-color:var(--deep); color:var(--on-deep); }
  html[data-style="app"] .legacy-step.active{ color:var(--deep); }
  html[data-style="app"] .legacy-step.done .legacy-step-num{ background:var(--success-tint); border-color:var(--success); color:var(--success); }
  html[data-style="app"] .legacy-step.done{ color:var(--success); }
  html[data-style="app"] .legacy-step-line{ flex:1; height:2px; background:var(--border-strong); border-radius:var(--radius-pill); min-width:24px; }
  html[data-style="app"] .legacy-stage{ display:none; animation:fadeIn .28s cubic-bezier(.3,0,.2,1); }
  html[data-style="app"] .legacy-stage.active{ display:block; }
  html[data-style="app"] .legacy-status{ font-size:11.5px; padding:3px 12px; border-radius:var(--radius-pill); font-weight:600; display:inline-block; white-space:nowrap; }
  html[data-style="app"] .legacy-status.under_review{ background:var(--gold-tint); color:var(--gold-strong); }
  html[data-style="app"] .legacy-status.unassigned{ background:#F1F3F2; color:#53635C; }
  html[data-style="app"] .legacy-status.assigned{ background:#EAF3FF; color:#245B91; }
  html[data-style="app"] .legacy-status.in_review{ background:var(--gold-tint); color:var(--gold-strong); }
  html[data-style="app"] .legacy-status.needs_information{ background:#FFF0DD; color:#945B11; }
  html[data-style="app"] .legacy-status.confirmed{ background:var(--success-tint); color:var(--success); }
  html[data-style="app"] .legacy-status.rejected{ background:var(--danger-tint); color:var(--danger); }
  html[data-style="app"] .verification-kpis{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--sp-1); margin:var(--sp-2) 0; }
  html[data-style="app"] .verification-kpi{ border:1px solid var(--border); background:var(--surface); border-radius:var(--radius-sm); padding:var(--sp-2); }
  html[data-style="app"] .verification-kpi strong{ display:block; color:var(--deep); font-size:24px; line-height:1.15; font-variant-numeric:tabular-nums; }
  html[data-style="app"] .verification-kpi span{ display:block; color:var(--ink-dim); font-size:11.5px; margin-top:5px; }
  html[data-style="app"] .verification-detail{ margin-top:var(--sp-2); border:1px solid var(--border-strong); border-radius:var(--radius); background:var(--surface); overflow:hidden; box-shadow:var(--e2); }
  html[data-style="app"] .verification-detail[hidden]{ display:none; }
  html[data-style="app"] .verification-detail-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:var(--sp-2); padding:var(--sp-2); border-bottom:1px solid var(--border); background:var(--paper); }
  html[data-style="app"] .verification-detail-body{ display:grid; grid-template-columns:minmax(260px,1fr) minmax(280px,1fr); gap:var(--sp-2); padding:var(--sp-2); }
  html[data-style="app"] .verification-image{ width:100%; max-height:520px; object-fit:contain; border-radius:var(--radius-sm); border:1px solid var(--border); background:#111; }
  html[data-style="app"] .verification-facts{ display:grid; gap:var(--sp-1); }
  html[data-style="app"] .verification-fact{ padding:var(--sp-1); border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--paper); }
  html[data-style="app"] .verification-fact span{ display:block; font-size:11px; color:var(--ink-dim); margin-bottom:3px; }
  html[data-style="app"] .verification-fact strong{ font-size:13px; overflow-wrap:anywhere; }
  html[data-style="app"] .verification-timeline{ border-inline-start:2px solid var(--border-strong); padding-inline-start:var(--sp-2); display:grid; gap:var(--sp-1); margin-top:var(--sp-2); }
  html[data-style="app"] .verification-event{ position:relative; font-size:12px; color:var(--ink-dim); }
  html[data-style="app"] .verification-event::before{ content:""; position:absolute; inset-inline-start:calc(-1 * var(--sp-2) - 5px); top:5px; width:8px; height:8px; border-radius:50%; background:var(--deep); }
  html[data-style="app"] .verification-actions{ display:flex; gap:var(--sp-1); flex-wrap:wrap; margin-top:var(--sp-2); }
  @media (max-width:860px){
    html[data-style="app"] .legacy-stepper{ flex-direction:column; align-items:stretch; }
    html[data-style="app"] .legacy-step-line{ display:none; }
    html[data-style="app"] .verification-kpis{ grid-template-columns:repeat(2,minmax(0,1fr)); }
    html[data-style="app"] .verification-detail-body{ grid-template-columns:1fr; }
  }

  html[data-style="app"] .bulk-workspace{ max-width:1180px; margin:0 auto; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--e1); overflow:hidden; }
  html[data-style="app"] .bulk-page-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:var(--sp-3); padding:var(--sp-4); margin:0; border-bottom:1px solid var(--border); background:linear-gradient(180deg,var(--surface),var(--paper)); }
  html[data-style="app"] .bulk-page-head h2{ margin:0 0 var(--sp-h); }
  html[data-style="app"] .bulk-page-head p{ margin:0; max-width:700px; }
  html[data-style="app"] .bulk-limit-badge{ flex:0 0 auto; display:inline-flex; align-items:center; min-height:34px; padding:0 14px; border-radius:var(--radius-pill); background:var(--deep-tint); color:var(--deep); border:1px solid rgba(15,77,58,.12); font-size:12px; font-weight:700; }
  html[data-style="app"] .bulk-history{ padding:var(--sp-3) var(--sp-4); border-bottom:1px solid var(--border); background:var(--paper); }
  html[data-style="app"] .bulk-history .bulk-section-head{ margin-bottom:var(--sp-2); }
  html[data-style="app"] .bulk-history-list{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--sp-1); }
  html[data-style="app"] .bulk-history-item{ display:block; width:100%; padding:var(--sp-2); border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--surface); color:var(--ink); text-align:start; cursor:pointer; transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease; }
  html[data-style="app"] .bulk-history-item:hover{ border-color:rgba(15,77,58,.35); box-shadow:var(--e1); transform:translateY(-1px); }
  html[data-style="app"] .bulk-history-item strong,html[data-style="app"] .bulk-history-item small,html[data-style="app"] .bulk-history-item span{ display:block; }
  html[data-style="app"] .bulk-history-item strong{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }
  html[data-style="app"] .bulk-history-item small{ margin-top:5px; color:var(--ink-dim); font-size:11px; }
  html[data-style="app"] .bulk-history-item span{ margin-top:7px; color:var(--deep); font-size:11px; font-weight:700; }
  html[data-style="app"] .bulk-stepper{ display:flex; align-items:center; padding:var(--sp-2) var(--sp-4); border-bottom:1px solid var(--border); background:var(--surface); overflow-x:auto; scrollbar-width:none; }
  html[data-style="app"] .bulk-stepper::-webkit-scrollbar{ display:none; }
  html[data-style="app"] .bulk-step{ display:flex; align-items:center; gap:8px; flex:0 0 auto; color:var(--ink-dim); font-size:12px; white-space:nowrap; }
  html[data-style="app"] .bulk-step span{ width:30px; height:30px; display:grid; place-items:center; border:1px solid var(--border-strong); border-radius:50%; background:var(--surface); color:var(--ink-dim); font-weight:700; font-variant-numeric:tabular-nums; }
  html[data-style="app"] .bulk-step b{ font-weight:650; }
  html[data-style="app"] .bulk-step.active{ color:var(--deep); }
  html[data-style="app"] .bulk-step.active span{ background:var(--deep); border-color:var(--deep); color:var(--on-deep); box-shadow:0 0 0 4px var(--deep-tint); }
  html[data-style="app"] .bulk-step.done{ color:var(--success); }
  html[data-style="app"] .bulk-step.done span{ background:var(--success-tint); border-color:rgba(20,104,61,.28); color:var(--success); }
  html[data-style="app"] .bulk-step-line{ flex:1 1 72px; min-width:32px; height:1px; margin:0 var(--sp-1); background:var(--border-strong); }
  html[data-style="app"] .bulk-stage{ padding:var(--sp-4); animation:fadeIn .25s ease; }
  html[data-style="app"] .bulk-stage[hidden]{ display:none; }
  html[data-style="app"] .bulk-stage.active{ display:block; }
  html[data-style="app"] .bulk-section-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:var(--sp-2); margin-bottom:var(--sp-3); }
  html[data-style="app"] .bulk-section-head h3, html[data-style="app"] .bulk-upload-heading h3{ margin:0 0 5px; color:var(--ink); font-size:18px; }
  html[data-style="app"] .bulk-section-head p, html[data-style="app"] .bulk-upload-heading p{ margin:0; color:var(--ink-dim); font-size:13px; line-height:1.7; }
  html[data-style="app"] .bulk-form-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 var(--sp-2); }
  html[data-style="app"] .bulk-upload-card{ margin-top:var(--sp-2); padding:var(--sp-3); border:1px solid var(--border); border-radius:var(--radius); background:var(--paper); }
  html[data-style="app"] .bulk-upload-heading{ display:flex; align-items:flex-start; justify-content:space-between; gap:var(--sp-2); margin-bottom:var(--sp-2); }
  html[data-style="app"] .bulk-dropzone{ margin:0; padding:var(--sp-5) var(--sp-2); background:var(--surface); }
  html[data-style="app"] .bulk-upload-icon{ display:grid; place-items:center; width:44px; height:44px; margin:0 auto var(--sp-1); border-radius:var(--radius-sm); background:var(--deep-tint); color:var(--deep); font-size:25px; font-weight:500; }
  html[data-style="app"] .bulk-advanced{ margin-top:var(--sp-2); border-top:1px solid var(--border); padding-top:var(--sp-2); }
  html[data-style="app"] .bulk-advanced summary{ cursor:pointer; color:var(--deep); font-size:13px; font-weight:650; list-style:none; display:flex; align-items:center; justify-content:space-between; gap:var(--sp-1); }
  html[data-style="app"] .bulk-advanced summary::-webkit-details-marker{ display:none; }
  html[data-style="app"] .bulk-advanced summary::after{ content:"+"; width:28px; height:28px; display:grid; place-items:center; border:1px solid var(--border); border-radius:50%; background:var(--surface); }
  html[data-style="app"] .bulk-advanced[open] summary::after{ content:"−"; }
  html[data-style="app"] .bulk-advanced .field{ margin:var(--sp-2) 0 0; }
  html[data-style="app"] .bulk-format-note{ display:flex; align-items:flex-start; gap:var(--sp-1); margin-top:var(--sp-2); padding:var(--sp-2); border-radius:var(--radius-sm); background:#F4F7F5; color:var(--ink-dim); font-size:12.5px; line-height:1.7; }
  html[data-style="app"] .bulk-format-note strong{ flex:0 0 auto; color:var(--deep); }
  html[data-style="app"] .bulk-actions{ display:flex; justify-content:space-between; align-items:center; gap:var(--sp-1); margin-top:var(--sp-3); flex-wrap:wrap; }
  html[data-style="app"] .bulk-actions-end{ justify-content:flex-end; }
  html[data-style="app"] .bulk-actions .btn{ min-width:170px; }
  html[data-style="app"] .bulk-filter{ width:auto; min-width:180px; min-height:42px; font-size:13px; }
  html[data-style="app"] .bulk-stats{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--sp-1); margin-bottom:var(--sp-2); }
  html[data-style="app"] .bulk-stat{ padding:var(--sp-2); border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--paper); }
  html[data-style="app"] .bulk-stat span{ display:block; color:var(--ink-dim); font-size:11.5px; margin-bottom:5px; }
  html[data-style="app"] .bulk-stat strong{ display:block; color:var(--ink); font-size:25px; line-height:1; font-variant-numeric:tabular-nums; }
  html[data-style="app"] .bulk-stat.ready{ background:var(--success-tint); border-color:rgba(20,104,61,.16); }
  html[data-style="app"] .bulk-stat.ready strong{ color:var(--success); }
  html[data-style="app"] .bulk-stat.error{ background:var(--danger-tint); border-color:rgba(179,38,30,.14); }
  html[data-style="app"] .bulk-stat.error strong{ color:var(--danger); }
  html[data-style="app"] .bulk-stat.duplicate{ background:var(--gold-tint); border-color:rgba(150,118,43,.18); }
  html[data-style="app"] .bulk-stat.duplicate strong{ color:var(--gold-strong); }
  html[data-style="app"] .bulk-table-wrap{ max-height:490px; overflow:auto; border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--surface); }
  html[data-style="app"] .bulk-preview-table{ width:100%; border-collapse:collapse; min-width:760px; font-size:12.5px; }
  html[data-style="app"] .bulk-preview-table th{ position:sticky; top:0; z-index:1; padding:12px var(--sp-1); background:var(--paper); border-bottom:1px solid var(--border-strong); color:var(--ink-dim); text-align:start; font-size:11.5px; white-space:nowrap; }
  html[data-style="app"] .bulk-preview-table td{ padding:12px var(--sp-1); border-bottom:1px solid var(--border); vertical-align:top; color:var(--ink); }
  html[data-style="app"] .bulk-preview-table tr:last-child td{ border-bottom:0; }
  html[data-style="app"] .bulk-preview-table tr.row-error{ background:#FFFCFB; }
  html[data-style="app"] .bulk-preview-table tr.row-duplicate{ background:#FFFEF9; }
  html[data-style="app"] .bulk-row-number{ color:var(--ink-dim); font-family:'JetBrains Mono',monospace; direction:ltr; }
  html[data-style="app"] .bulk-type-label{ display:inline-flex; align-items:center; padding:3px 9px; border-radius:var(--radius-pill); background:var(--paper); border:1px solid var(--border); color:var(--ink-dim); white-space:nowrap; }
  html[data-style="app"] .bulk-status{ display:inline-flex; align-items:center; gap:5px; padding:4px 10px; border-radius:var(--radius-pill); font-size:11px; font-weight:700; white-space:nowrap; }
  html[data-style="app"] .bulk-status.ready{ background:var(--success-tint); color:var(--success); }
  html[data-style="app"] .bulk-status.error{ background:var(--danger-tint); color:var(--danger); }
  html[data-style="app"] .bulk-status.duplicate{ background:var(--gold-tint); color:var(--gold-strong); }
  html[data-style="app"] .bulk-status-detail{ display:block; margin-top:5px; color:var(--ink-dim); font-size:11px; line-height:1.5; max-width:270px; }
  html[data-style="app"] .bulk-confirm-card{ max-width:760px; margin:0 auto; padding:var(--sp-4); border:1px solid var(--border); border-radius:var(--radius); background:linear-gradient(180deg,var(--paper),var(--surface)); text-align:center; }
  html[data-style="app"] .bulk-confirm-icon{ display:grid; place-items:center; width:54px; height:54px; margin:0 auto var(--sp-2); border-radius:50%; background:var(--deep-tint); color:var(--deep); font-size:23px; font-weight:800; }
  html[data-style="app"] .bulk-confirm-card h3{ margin:0 0 var(--sp-1); font-size:21px; color:var(--ink); }
  html[data-style="app"] .bulk-confirm-card > p{ margin:0 auto var(--sp-3); max-width:590px; color:var(--ink-dim); line-height:1.8; font-size:13.5px; }
  html[data-style="app"] .bulk-confirm-summary{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--sp-1); text-align:start; }
  html[data-style="app"] .bulk-confirm-item{ padding:var(--sp-2); border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--surface); }
  html[data-style="app"] .bulk-confirm-item span{ display:block; color:var(--ink-dim); font-size:11.5px; margin-bottom:4px; }
  html[data-style="app"] .bulk-confirm-item strong{ display:block; color:var(--ink); font-size:15px; overflow-wrap:anywhere; }
  html[data-style="app"] .bulk-confirm-check{ display:flex; align-items:flex-start; gap:10px; margin-top:var(--sp-3); padding:var(--sp-2); border:1px solid var(--border-strong); border-radius:var(--radius-sm); background:var(--surface); text-align:start; cursor:pointer; color:var(--ink); font-size:13px; font-weight:600; line-height:1.6; }
  html[data-style="app"] .bulk-confirm-check input{ width:20px; height:20px; flex:0 0 auto; margin-top:1px; accent-color:var(--deep); }
  html[data-style="app"] .bulk-progress-card{ padding:var(--sp-3); border:1px solid var(--border); border-radius:var(--radius); background:var(--paper); }
  html[data-style="app"] .bulk-progress-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:var(--sp-2); }
  html[data-style="app"] .bulk-progress-head h3{ margin:0 0 5px; font-size:18px; }
  html[data-style="app"] .bulk-progress-head p{ margin:0; color:var(--ink-dim); font-size:12.5px; }
  html[data-style="app"] .bulk-progress-head > strong{ color:var(--deep); font-size:25px; font-variant-numeric:tabular-nums; direction:ltr; }
  html[data-style="app"] .bulk-progress-track{ height:10px; margin:var(--sp-3) 0 var(--sp-2); overflow:hidden; border-radius:var(--radius-pill); background:var(--border); }
  html[data-style="app"] .bulk-progress-track span{ display:block; width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--deep),#21815F); transition:width .2s ease; }
  html[data-style="app"] .bulk-progress-counts{ display:flex; gap:var(--sp-3); flex-wrap:wrap; color:var(--ink-dim); font-size:12px; }
  html[data-style="app"] .bulk-progress-counts b{ color:var(--ink); font-size:14px; font-variant-numeric:tabular-nums; }
  html[data-style="app"] .bulk-final{ margin-top:var(--sp-2); padding:var(--sp-3); border:1px solid rgba(20,104,61,.2); border-radius:var(--radius); background:var(--success-tint); }
  html[data-style="app"] .bulk-final-head{ display:flex; align-items:center; gap:var(--sp-2); }
  html[data-style="app"] .bulk-final-icon{ display:grid; place-items:center; width:48px; height:48px; flex:0 0 auto; border-radius:50%; color:#fff; background:var(--success); font-size:20px; font-weight:800; }
  html[data-style="app"] .bulk-final h3{ margin:0 0 4px; color:var(--success); font-size:18px; }
  html[data-style="app"] .bulk-final p{ margin:0; color:var(--ink-dim); font-size:13px; }
  html[data-style="app"] .bulk-final-actions{ display:flex; gap:var(--sp-1); flex-wrap:wrap; margin-top:var(--sp-2); }
  html[data-style="app"] .bulk-results{ margin-top:var(--sp-2); max-height:360px; overflow-y:auto; border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--surface); }
  html[data-style="app"] .bulk-results:empty{ display:none; }
  html[data-style="app"] .bulk-row{ display:flex; justify-content:space-between; align-items:flex-start; gap:var(--sp-1); padding:12px var(--sp-2); border-bottom:1px solid var(--border); font-size:12.5px; }
  html[data-style="app"] .bulk-row:last-child{ border-bottom:0; }
  html[data-style="app"] .bulk-row-main strong{ display:block; color:var(--ink); margin-bottom:3px; }
  html[data-style="app"] .bulk-row-main span{ display:block; color:var(--ink-dim); font-size:11.5px; }
  html[data-style="app"] .bulk-row .ok-tag{ color:var(--success); font-weight:650; }
html[data-style="app"] .bulk-row .bad-tag{ color:var(--danger); font-weight:650; }
html[data-style="app"] .pending-tag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:0;
  padding:2px 11px;
  border:1px solid #ead49a;
  border-radius:999px;
  background:#fff7dc;
  color:#7a5910;
  font-size:11px;
  line-height:1.4;
  font-weight:600;
  white-space:nowrap;
}
  html[data-style="app"] .bulk-empty-filter{ padding:var(--sp-4); text-align:center; color:var(--ink-dim); }
  @media (max-width:860px){
    html[data-style="app"] .bulk-page-head, html[data-style="app"] .bulk-section-head, html[data-style="app"] .bulk-upload-heading{ flex-direction:column; }
    html[data-style="app"] .bulk-history{ padding:var(--sp-3) var(--sp-2); }
    html[data-style="app"] .bulk-history-list{ grid-template-columns:1fr; }
    html[data-style="app"] .bulk-form-grid{ grid-template-columns:1fr; }
    html[data-style="app"] .bulk-stats{ grid-template-columns:repeat(2,minmax(0,1fr)); }
    html[data-style="app"] .bulk-step b{ display:none; }
    html[data-style="app"] .bulk-step-line{ min-width:18px; margin:0 6px; }
    html[data-style="app"] .bulk-stage, html[data-style="app"] .bulk-page-head{ padding:var(--sp-3) var(--sp-2); }
    html[data-style="app"] .bulk-stepper{ padding:var(--sp-2); justify-content:center; }
    html[data-style="app"] .bulk-filter{ width:100%; }
  }
  @media (max-width:520px){
    html[data-style="app"] .bulk-stats, html[data-style="app"] .bulk-confirm-summary{ grid-template-columns:1fr; }
    html[data-style="app"] .bulk-actions, html[data-style="app"] .bulk-final-actions{ align-items:stretch; flex-direction:column; }
    html[data-style="app"] .bulk-actions .btn, html[data-style="app"] .bulk-final-actions .btn{ width:100%; }
    html[data-style="app"] .bulk-upload-card, html[data-style="app"] .bulk-confirm-card, html[data-style="app"] .bulk-progress-card, html[data-style="app"] .bulk-final{ padding:var(--sp-2); }
    html[data-style="app"] .bulk-final-head{ align-items:flex-start; }
    html[data-style="app"] .report-summary{ grid-template-columns:1fr; }
    html[data-style="app"] .task-item{ align-items:flex-start; flex-direction:column; }
  }

  html[data-style="app"] footer.site{ border-top:1px solid var(--border); margin-top:var(--sp-8); padding:var(--sp-4) var(--sp-2); text-align:center; color:var(--ink-dim); font-size:12.5px; }
  html[data-style="app"] footer.site a{ color:var(--deep); text-decoration:none; font-weight:600; }
  html[data-style="app"] footer.site a:hover{ text-decoration:underline; text-underline-offset:3px; }
  html[data-style="app"] footer.site .footer-credit{ margin-top:var(--sp-2); color:var(--deep); font-weight:700; letter-spacing:.01em; }

  @media (max-width:860px){
    html[data-style="app"] .site-inner{ display:flex; justify-content:space-between; flex-wrap:wrap; }
    html[data-style="app"] nav.main-nav{ order:3; width:100%; justify-content:center; overflow-x:auto; }
    html[data-style="app"] .nav-right{ margin-inline-start:auto; }
    html[data-style="app"] .global-search-toggle span,html[data-style="app"] .global-search-toggle kbd{ display:none; }
    html[data-style="app"] .global-search-toggle{ width:40px; justify-content:center; padding:0; }
    html[data-style="app"] body.home-view main{ padding:var(--sp-3) var(--sp-2) var(--sp-6); align-items:flex-start; }
    html[data-style="app"] .login-wrap{ grid-template-columns:1fr; max-width:560px; }
    html[data-style="app"] .login-top{ position:absolute; top:var(--sp-3); inset-inline-start:var(--sp-3); }
    html[data-style="app"] .login-identity{ min-height:320px; padding:var(--sp-6) var(--sp-3) var(--sp-4); }
    html[data-style="app"] .login-identity .seal-big{ width:220px; height:120px; }
    html[data-style="app"] .brand-sub{ font-size:15px; }
    html[data-style="app"] .login-card{ padding:var(--sp-4) var(--sp-3); }
    html[data-style="app"] .login-card-head h2{ font-size:24px; }
    html[data-style="app"] .radio-group{ grid-template-columns:1fr; }
    html[data-style="app"] .dash-grid{ grid-template-columns:1fr; }
    html[data-style="app"] .field-row{ grid-template-columns:1fr; }
    html[data-style="app"] .settings-grid{ grid-template-columns:1fr; }
    html[data-style="app"] .admin-details{ grid-template-columns:1fr; }
    html[data-style="app"] .inspect-grid{ grid-template-columns:1fr; }
    html[data-style="app"] .inspect-reference-filters{ grid-template-columns:1fr; }
    html[data-style="app"] .inspect-viewer{ min-height:320px; }
    html[data-style="app"] .stat-cards{ grid-template-columns:1fr 1fr; }
    html[data-style="app"] .report-summary{ grid-template-columns:1fr 1fr; }
    html[data-style="app"] .filter-bar{ grid-template-columns:1fr; }
    html[data-style="app"] nav.main-nav button{ padding:var(--sp-1); font-size:13px; }
    html[data-style="app"] .meta-grid{ grid-template-columns:1fr; }
    html[data-style="app"] .inspect-detail-grid{ grid-template-columns:1fr; }
    html[data-style="app"] .check-summary{ grid-template-columns:1fr; }
    html[data-style="app"] main{ padding:var(--sp-3) var(--sp-2) var(--sp-7); }
    html[data-style="app"] .registry-item{ align-items:flex-start; }
    html[data-style="app"] .verify-head, html[data-style="app"] .verify-panel{ max-width:100%; }
    html[data-style="app"] .verify-panel{ padding:var(--sp-3); }
    html[data-style="app"] .public-result .meta-grid{ grid-template-columns:1fr; }
  }
  @media (max-width:600px){
    html[data-style="app"] .global-search-overlay{ place-items:start center; padding:12px; padding-top:max(12px,env(safe-area-inset-top)); }
    html[data-style="app"] .global-search-dialog{ width:100%; max-height:calc(100dvh - 24px); }
    html[data-style="app"] .global-search-surface{ border-radius:22px; }
    html[data-style="app"] .global-search-input-row{ min-height:64px; gap:10px; padding-inline:14px; }
    html[data-style="app"] #global-search-input{ min-height:56px; font-size:17px; }
    html[data-style="app"] .global-search-input-icon{ width:22px; height:22px; }
    html[data-style="app"] .global-search-shortcuts{ padding:0 12px 12px; }
    html[data-style="app"] .global-search-shortcut-list{ max-width:100%; display:flex; gap:7px; overflow-x:auto; padding:5px 1px; scroll-snap-type:x proximity; scrollbar-width:none; }
    html[data-style="app"] .global-search-shortcut-list::-webkit-scrollbar{ display:none; }
    html[data-style="app"] .global-search-shortcut{ flex:0 0 128px; min-height:68px; padding:8px 10px; scroll-snap-align:start; }
    html[data-style="app"] .global-search-shortcut-icon{ width:40px; height:40px; }
    html[data-style="app"] .global-search-results{ max-height:calc(100dvh - 308px); padding-inline:7px; }
    html[data-style="app"] .global-search-result{ min-height:64px; grid-template-columns:40px minmax(0,1fr) 20px; gap:9px; padding-inline:8px; }
    html[data-style="app"] .global-search-result-copy span{ white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
    html[data-style="app"] .global-search-footer{ justify-content:center; }
    html[data-style="app"] .global-search-footer span:first-child,html[data-style="app"] .global-search-footer span:nth-child(2){ display:none; }
  }
  @media (max-width:400px){
    html[data-style="app"]{ --control-h:44px; }
    html[data-style="app"] .site-inner{ padding:var(--sp-1); }
    html[data-style="app"] .panel, html[data-style="app"] .panel-plain{ padding:var(--sp-2); }
    html[data-style="app"] .login-card{ padding:var(--sp-3) var(--sp-2); }
    html[data-style="app"] .login-panel{ padding:0; }
    html[data-style="app"] .login-identity{ min-height:280px; padding:var(--sp-6) var(--sp-2) var(--sp-3); }
    html[data-style="app"] .login-identity .seal-big{ width:180px; height:100px; }
    html[data-style="app"] .login-card-head h2{ font-size:22px; }
    html[data-style="app"] .seal-big{ width:196px; height:104px; }
    html[data-style="app"] .method-tabs button{ min-width:100%; }
    html[data-style="app"] #toast-container{ inset-inline:var(--sp-1); max-width:none; }
    html[data-style="app"] .notifications-popover{ inset-inline:var(--sp-1); width:auto; }
  }

  html[data-style="app"] /* ═══════════════════════════════════════════════════════════════
     لوحة مالك المنصة — SaaS control plane مستقل عن بوابة الجهات
     ═══════════════════════════════════════════════════════════════ */
  body.platform-view{ background:#F3F6F5; }
  html[data-style="app"] body.platform-view .util-bar, html[data-style="app"] body.platform-view header.site, html[data-style="app"] body.platform-view footer.site{ display:none; }
  html[data-style="app"] body.platform-view main{ max-width:none; margin:0; padding:0; }
  html[data-style="app"] .platform-shell{ min-height:100vh; display:grid; grid-template-columns:272px minmax(0,1fr); direction:rtl; background:#F3F6F5; }
  html[data-style="app"] .platform-sidebar{ background:#0A2119; color:#DCE9E3; padding:24px 16px; display:flex; flex-direction:column; position:sticky; top:0; height:100vh; overflow:auto; z-index:45; }
  html[data-style="app"] .platform-brand{ display:flex; align-items:center; gap:12px; padding:4px 8px 24px; border-bottom:1px solid rgba(255,255,255,.1); }
  html[data-style="app"] #platform-add-institution-btn{ display:none!important; }
  html[data-style="app"] .platform-nav-group{ display:grid; gap:4px; }
  html[data-style="app"] .platform-nav-submenu{ display:none; padding-inline-start:14px; }
  html[data-style="app"] .platform-nav-group.is-open .platform-nav-submenu{ display:block; }
  html[data-style="app"] .platform-nav-child{ min-height:38px; font-size:13px; color:#B8CAC2; }
  html[data-style="app"] .platform-nav-group [data-platform-group-toggle]::after{ content:'⌄'; margin-inline-start:auto; color:#8FA79D; transition:transform .2s var(--ease); }
  html[data-style="app"] .platform-nav-group.is-open [data-platform-group-toggle]::after{ transform:rotate(180deg); }
  html[data-style="app"] .platform-brand-mark{ width:44px; height:44px; border-radius:0; background:transparent; display:grid; place-items:center; padding:0; }
  html[data-style="app"] .platform-brand-mark img{ width:100%; height:100%; object-fit:contain; filter:brightness(0) invert(1); }
  html[data-style="app"] .platform-brand strong{ display:block; color:#fff; font-size:17px; line-height:1.4; }
  html[data-style="app"] .platform-brand span{ display:block; color:#8FA79D; font-size:11.5px; }
  html[data-style="app"] .platform-nav-label{ color:#789187; font-size:10.5px; font-weight:700; letter-spacing:.08em; margin:24px 12px 8px; }
  html[data-style="app"] .platform-nav{ display:grid; gap:5px; }
  html[data-style="app"] .platform-nav-btn{ width:100%; display:flex; align-items:center; gap:12px; border:0; border-radius:10px; padding:11px 12px; background:transparent; color:#AFC1B9; font-family:inherit; font-size:13.5px; font-weight:600; text-align:start; cursor:pointer; min-height:44px; transition:background var(--t-fast),color var(--t-fast); }
  html[data-style="app"] .platform-nav-btn svg{ width:19px; height:19px; stroke:currentColor; fill:none; stroke-width:1.8; flex:0 0 auto; }
  html[data-style="app"] .platform-nav-btn:hover{ background:rgba(255,255,255,.07); color:#fff; }
  html[data-style="app"] .platform-nav-btn.active{ background:#E8F0EC; color:#0C4935; }
  html[data-style="app"] .platform-notification-toggle{ width:auto; min-height:38px; padding-inline:12px; grid-auto-flow:column; gap:7px; border-color:#D4E0DA; background:#fff; color:#274438; }
  html[data-style="app"] .platform-notification-toggle:hover{ background:#F2F6F4; border-color:#AFC1B9; }
  html[data-style="app"] .platform-notification-toggle .notification-badge{ border-color:#fff; background:#B8882B; color:#fff; }
  html[data-style="app"] .platform-notification-label{ font-size:12.5px; font-weight:700; }
  html[data-style="app"] .platform-owner-card{ margin-top:auto; border-top:1px solid rgba(255,255,255,.1); padding:18px 8px 0; }
  html[data-style="app"] .platform-owner{ display:flex; align-items:center; gap:10px; margin-bottom:12px; }
  html[data-style="app"] .platform-profile-trigger{ width:100%; padding:4px; border:0; background:transparent; color:inherit; font-family:inherit; text-align:start; cursor:pointer; border-radius:10px; }
  html[data-style="app"] .platform-profile-trigger:hover{ background:rgba(255,255,255,.07); }
  html[data-style="app"] .platform-profile-trigger:focus-visible{ outline:2px solid #D9B865; outline-offset:2px; }
  html[data-style="app"] .platform-owner-avatar{ width:38px; height:38px; border-radius:10px; display:grid; place-items:center; background:#1B503E; color:#fff; font-weight:700; }
  html[data-style="app"] .platform-owner-avatar img{ width:100%; height:100%; object-fit:cover; border-radius:inherit; }
  html[data-style="app"] .platform-owner-name{ color:#fff; font-size:12.5px; font-weight:700; max-width:150px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  html[data-style="app"] .platform-owner-role{ color:#8FA79D; font-size:10.5px; }
  html[data-style="app"] .platform-logout{ width:100%; min-height:38px; border:1px solid rgba(255,255,255,.14); background:transparent; color:#DCE9E3; border-radius:9px; font-family:inherit; cursor:pointer; }
  html[data-style="app"] .platform-workspace{ min-width:0; }
  html[data-style="app"] .platform-topbar{ height:72px; padding:0 32px; display:flex; align-items:center; justify-content:space-between; gap:20px; background:rgba(255,255,255,.92); border-bottom:1px solid #E3E9E6; position:sticky; top:0; z-index:35; backdrop-filter:blur(12px); }
  html[data-style="app"] .platform-title-wrap{ min-width:0; }
  html[data-style="app"] .platform-eyebrow{ color:#6B7B74; font-size:11px; font-weight:600; }
  html[data-style="app"] .platform-page-title{ font-size:20px; line-height:1.4; color:#10211A; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  html[data-style="app"] .platform-top-actions{ display:flex; align-items:center; gap:8px; }
  html[data-style="app"] .platform-context-action[hidden],html[data-style="app"] #platform-add-institution-btn[hidden]{ display:none !important; }
  html[data-style="app"] .platform-primary{ border:0; border-radius:9px; background:#0C4935; color:#fff; min-height:40px; padding:0 16px; font-family:inherit; font-weight:700; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; text-align:center; line-height:1.4; gap:7px; }
  html[data-style="app"] .platform-primary:hover{ background:#0F5A41; }
  html[data-style="app"] .platform-secondary{ border:1px solid #D9E1DD; border-radius:9px; background:#fff; color:#263830; min-height:40px; padding:0 14px; font-family:inherit; font-weight:600; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; text-align:center; line-height:1.4; }
  html[data-style="app"] .platform-primary:disabled,html[data-style="app"] .platform-secondary:disabled{ cursor:wait; opacity:.55; }
  html[data-style="app"] .platform-context-action[aria-current="page"]:disabled{ cursor:default; opacity:1; border-color:#0C4935; background:#EAF3EF; color:#0C4935; }
  html[data-style="app"] .platform-mobile-menu{ display:none; width:40px; height:40px; border:1px solid #D9E1DD; background:#fff; border-radius:9px; cursor:pointer; }
  html[data-style="app"] .platform-content{ padding:28px 32px 56px; max-width:1480px; margin:0 auto; }
  html[data-style="app"] .platform-panel{ display:none; }
  html[data-style="app"] .platform-panel.active{ display:block; animation:fadeIn .2s ease; }
  html[data-style="app"] .platform-section-intro{
    display:flex; align-items:flex-start; justify-content:space-between; gap:24px;
    margin-bottom:20px; padding:22px 24px; border:1px solid #DDE6E2; border-radius:14px;
    background:linear-gradient(135deg,#FFFFFF 0%,#F6FAF8 100%); box-shadow:0 1px 2px rgba(10,33,25,.03);
  }
  html[data-style="app"] .platform-section-intro h2{ margin:3px 0 5px; color:#10211A; font-size:19px; }
  html[data-style="app"] .platform-section-intro p{ max-width:780px; margin:0; color:#6D7D76; font-size:12px; line-height:1.8; }
  html[data-style="app"] .platform-section-eyebrow{ color:#9A721D; font-size:10.5px; font-weight:800; letter-spacing:.035em; }
  html[data-style="app"] .platform-readonly-badge{
    display:inline-flex; align-items:center; justify-content:center; min-height:30px; padding:5px 11px;
    border:1px solid #D8E6DF; border-radius:999px; background:#EDF6F1; color:#176142;
    font-size:10.5px; font-weight:800; white-space:nowrap;
  }
  html[data-style="app"] .platform-kpis{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-bottom:20px; }
  html[data-style="app"] .platform-kpi{ background:#fff; border:1px solid #E0E7E3; border-radius:14px; padding:20px; min-height:132px; box-shadow:0 1px 2px rgba(10,33,25,.03); }
  html[data-style="app"] .platform-kpi-head{ display:flex; justify-content:space-between; align-items:center; gap:12px; color:#66776F; font-size:12px; font-weight:600; }
  html[data-style="app"] .platform-kpi-icon{ width:36px; height:36px; border-radius:10px; display:grid; place-items:center; background:#EDF4F0; color:#0C4935; }
  html[data-style="app"] .platform-kpi-icon svg{ width:18px; height:18px; display:block; stroke:currentColor; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  html[data-style="app"] .platform-kpi-value{ margin-top:14px; color:#10211A; font-size:30px; line-height:1; font-weight:700; font-variant-numeric:tabular-nums; }
  html[data-style="app"] .platform-kpi-note{ margin-top:10px; color:#7A8982; font-size:11.5px; }
  html[data-style="app"] .platform-grid-2{ display:grid; grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr); gap:20px; }
  html[data-style="app"] .platform-card{ background:#fff; border:1px solid #E0E7E3; border-radius:14px; box-shadow:0 1px 2px rgba(10,33,25,.03); overflow:hidden; }
  html[data-style="app"] .platform-card-head{ padding:18px 20px; border-bottom:1px solid #E8EDEA; display:flex; align-items:center; justify-content:space-between; gap:16px; }
  html[data-style="app"] .platform-card-head h2{ font-size:15px; color:#10211A; }
  html[data-style="app"] .platform-card-head p{ color:#74837C; font-size:11.5px; margin-top:2px; }
  html[data-style="app"] .platform-card-body{ padding:20px; }
  html[data-style="app"] .platform-task-card{ margin-bottom:20px; }
  html[data-style="app"] .platform-operations-card{ margin-bottom:20px; }
  html[data-style="app"] .platform-operations-list{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  html[data-style="app"] .platform-operation-item{ display:flex; align-items:flex-start; gap:11px; min-height:82px; padding:14px; border:1px solid #E3EAE6; border-radius:12px; background:#FBFCFB; }
  html[data-style="app"] .platform-operation-item.is-warning{ border-color:#E9D7A4; background:#FFFCF4; }
  html[data-style="app"] .platform-operation-item.is-critical{ border-color:#F0C9C4; background:#FFF8F7; }
  html[data-style="app"] .platform-operation-icon{ width:32px; height:32px; display:grid; place-items:center; flex:0 0 auto; border-radius:10px; background:#EAF4EE; color:#14683D; }
  html[data-style="app"] .platform-operation-item.is-warning .platform-operation-icon{ background:#FAF0D5; color:#8A6714; }
  html[data-style="app"] .platform-operation-item.is-critical .platform-operation-icon{ background:#FBE8E5; color:#A23830; }
  html[data-style="app"] .platform-operation-icon svg{ width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
  html[data-style="app"] .platform-operation-copy{ min-width:0; flex:1; }
  html[data-style="app"] .platform-operation-copy strong{ display:block; color:#183126; font-size:12.5px; }
  html[data-style="app"] .platform-operation-copy p{ margin-top:4px; color:#718078; font-size:11px; line-height:1.55; }
  html[data-style="app"] .platform-operation-action{ margin-top:7px; padding:0; border:0; background:transparent; color:#0D5C40; font:700 11px/1 Tajawal,Arial,sans-serif; cursor:pointer; }
  html[data-style="app"] .platform-operation-item.is-warning .platform-operation-action{ color:#806015; }
  html[data-style="app"] .platform-operation-item.is-critical .platform-operation-action{ color:#A23830; }
  html[data-style="app"] .platform-application-setup-note{ margin:0 0 16px; padding:13px 15px; border:1px solid #C9E2D4; border-radius:12px; background:#F1F8F4; color:#175C40; font-size:12px; line-height:1.7; }
  html[data-style="app"] .platform-task-item{ display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px 0; border-bottom:1px solid #EDF1EF; }
  html[data-style="app"] .platform-task-item:last-child{ border-bottom:0; padding-bottom:0; }
  html[data-style="app"] .platform-task-item:first-child{ padding-top:0; }
  html[data-style="app"] .platform-task-item strong{ display:block; color:#13271F; font-size:13px; }
  html[data-style="app"] .platform-task-item p{ color:#74837C; font-size:11.5px; margin-top:3px; }
  html[data-style="app"] .platform-task-count{ color:#0C4935; background:#EAF4EE; border-radius:999px; padding:5px 9px; font-weight:800; font-size:12px; font-variant-numeric:tabular-nums; }
  html[data-style="app"] .platform-research-form-card{ margin-bottom:18px; }
  html[data-style="app"] .platform-research-form-card .platform-card-body{ padding:24px; }
  html[data-style="app"] .platform-research-form-card .platform-form{ max-width:none; }
  html[data-style="app"] .platform-research-form-card .platform-form-grid{ gap:18px 20px; }
  html[data-style="app"] .template-research-upload-field{ margin-top:2px; padding-top:18px; border-top:1px solid #E8EDEA; }
  html[data-style="app"] .template-research-upload-label{ margin-bottom:9px; }
  html[data-style="app"] .template-research-dropzone{
    min-height:112px; display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:13px;
    padding:16px 18px; border:1.5px dashed #B7CCC1; border-radius:12px; background:#F8FBF9;
    color:#173B2D; cursor:pointer; transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease;
  }
  html[data-style="app"] .template-research-dropzone:hover,html[data-style="app"] .template-research-dropzone.is-dragging{ border-color:#0C5A40; background:#F0F8F3; box-shadow:0 0 0 4px rgba(12,90,64,.09); }
  html[data-style="app"] .template-research-dropzone:active{ transform:scale(.998); }
  html[data-style="app"] .template-research-upload-icon{ width:42px; height:42px; display:grid; place-items:center; border-radius:11px; background:#E5F2EA; color:#0C5A40; }
  html[data-style="app"] .template-research-upload-icon svg{ width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  html[data-style="app"] .template-research-upload-copy{ min-width:0; display:grid; gap:3px; }
  html[data-style="app"] .template-research-upload-copy strong{ color:#16352A; font-size:13px; }
  html[data-style="app"] .template-research-upload-copy span{ color:#718079; font-size:11.5px; line-height:1.6; }
  html[data-style="app"] .template-research-upload-action{ min-height:36px; display:inline-flex; align-items:center; justify-content:center; padding:0 12px; border:1px solid #B9CEC3; border-radius:8px; background:#fff; color:#14553C; font-size:11.5px; font-weight:800; white-space:nowrap; }
  html[data-style="app"] .template-research-file-status{ min-height:20px; margin-top:8px; color:#708078; font-size:11px; line-height:1.65; }
  html[data-style="app"] .template-research-file-status.has-file{ color:#176142; font-weight:700; }
  html[data-style="app"] .template-research-file-status.is-invalid{ color:#A2362B; font-weight:700; }
  html[data-style="app"] .platform-research-card{ margin-bottom:16px; }
  html[data-style="app"] .platform-research-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding:18px 20px; border-bottom:1px solid #E8EDEA; }
  html[data-style="app"] .platform-research-head h3{ margin:0; color:#10211A; font-size:15px; }
  html[data-style="app"] .platform-research-meta{ margin-top:5px; color:#718079; font-size:11px; }
  html[data-style="app"] .platform-research-docs{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:16px 20px; }
  html[data-style="app"] .platform-research-doc{ border:1px solid #E0E7E3; border-radius:10px; padding:13px; background:#FAFCFB; }
  html[data-style="app"] .platform-research-doc strong{ display:block; color:#16352A; font-size:13px; }
  html[data-style="app"] .platform-research-doc p{ margin:6px 0 9px; color:#6D7D76; font-size:11px; line-height:1.65; }
  html[data-style="app"] .platform-research-fields{ display:flex; flex-wrap:wrap; gap:5px; }
  html[data-style="app"] .platform-research-fields span{ padding:3px 7px; border-radius:999px; background:#EAF4EE; color:#246044; font-size:10px; font-weight:700; }
  html[data-style="app"] .platform-research-sources{ padding:0 20px 17px; color:#61736B; font-size:11px; }
  html[data-style="app"] .platform-research-sources a{ display:block; margin-top:6px; color:#14683D; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; direction:ltr; text-align:start; }
  html[data-style="app"] .platform-toolbar{ display:grid; grid-template-columns:minmax(240px,1fr) 180px 180px auto; gap:10px; margin-bottom:16px; }
  html[data-style="app"] .platform-toolbar input,html[data-style="app"] .platform-toolbar select{ min-height:42px; background:#fff; font-size:13px; }
  html[data-style="app"] .platform-ai-usage-toolbar{ grid-template-columns:180px minmax(240px,1fr) auto auto; }
  html[data-style="app"] .platform-ai-billing-grid{ margin-top:20px; align-items:start; }
  html[data-style="app"] .platform-ai-usage-table{ min-width:880px; }
  html[data-style="app"] .platform-ai-usage-table th,
  html[data-style="app"] .platform-ai-usage-table td{ text-align:center; }
  html[data-style="app"] .platform-ai-usage-table th:first-child,
  html[data-style="app"] .platform-ai-usage-table td:first-child{ text-align:start; }
  html[data-style="app"] .platform-ai-usage-table .platform-status{ margin-inline:auto; }
  html[data-style="app"] .platform-ai-invoice-download:disabled{
    cursor:not-allowed; opacity:.5; box-shadow:none;
  }
  html[data-style="app"] .platform-money{ direction:ltr; unicode-bidi:isolate; font-variant-numeric:tabular-nums; white-space:nowrap; }
  html[data-style="app"] .platform-kpis>.platform-loading{ grid-column:1/-1; }
  html[data-style="app"] .platform-table-wrap{ overflow:auto; }
  html[data-style="app"] .platform-table{ width:100%; border-collapse:collapse; min-width:720px; }
  html[data-style="app"] .platform-table th{ color:#687971; background:#F7F9F8; font-size:11px; font-weight:700; text-align:start; padding:11px 14px; border-bottom:1px solid #E4EAE7; white-space:nowrap; }
  html[data-style="app"] .platform-table td{ color:#263830; font-size:12.5px; padding:13px 14px; border-bottom:1px solid #EDF1EF; vertical-align:middle; }
  html[data-style="app"] .platform-table tr:last-child td{ border-bottom:0; }
  html[data-style="app"] .platform-table tbody tr{ transition:background var(--t-fast); }
  html[data-style="app"] .platform-table tbody tr:hover{ background:#F8FAF9; }
  html[data-style="app"] .platform-inst-cell{ display:flex; align-items:center; gap:10px; min-width:220px; }
  html[data-style="app"] .platform-inst-logo{ width:38px; height:38px; border:1px solid #E0E7E3; border-radius:10px; background:#fff; object-fit:contain; padding:4px; flex:0 0 auto; }
  html[data-style="app"] .platform-inst-name{ font-weight:700; color:#13271F; }
  html[data-style="app"] .platform-inst-id{ color:#819089; font:10.5px/1.5 'JetBrains Mono',monospace; direction:ltr; text-align:start; }
  html[data-style="app"] .platform-status{ display:inline-flex; align-items:center; gap:6px; border-radius:999px; padding:4px 9px; font-size:10.5px; font-weight:700; white-space:nowrap; }
  html[data-style="app"] .platform-status::before{ content:""; width:6px; height:6px; border-radius:50%; background:currentColor; }
  html[data-style="app"] .platform-status.active{ color:#14683D; background:#E8F4ED; }
  html[data-style="app"] .platform-status.inactive{ color:#9A302A; background:#FBEDEA; }
  html[data-style="app"] .platform-status.pending{ color:#856617; background:#F8F1DD; }
  html[data-style="app"] .platform-status.trial{ color:#215F8B; background:#EAF3FA; }
  html[data-style="app"] .platform-status.expiring{ color:#9A6312; background:#FFF2D9; }
  html[data-style="app"] .platform-status.grace{ color:#8A5414; background:#F8EBDD; }
  html[data-style="app"] .platform-status.expired,html[data-style="app"] .platform-status.suspended,html[data-style="app"] .platform-status.unconfigured{ color:#9A302A; background:#FBEDEA; }
  html[data-style="app"] .platform-status.approval-draft{ color:#596861; background:#EEF2F0; }
  html[data-style="app"] .platform-status.approval-pending,html[data-style="app"] .platform-status.approval-processing{ color:#8A6317; background:#FFF3D8; }
  html[data-style="app"] .platform-status.approval-returned{ color:#315F8B; background:#EAF2FA; }
  html[data-style="app"] .platform-status.approval-rejected{ color:#9A302A; background:#FBEDEA; }
  html[data-style="app"] .platform-status.approval-issued{ color:#14683D; background:#E8F4ED; }
  html[data-style="app"] .platform-payment{ display:inline-flex; align-items:center; border-radius:999px; padding:4px 9px; font-size:10.5px; font-weight:700; white-space:nowrap; }
  html[data-style="app"] .platform-payment.paid{ color:#14683D; background:#E8F4ED; }
  html[data-style="app"] .platform-payment.pending,html[data-style="app"] .platform-payment.waived{ color:#5C6470; background:#EEF1F3; }
  html[data-style="app"] .platform-payment.overdue{ color:#9A302A; background:#FBEDEA; }
  html[data-style="app"] .platform-row-action{ min-height:34px; border:1px solid #D9E1DD; border-radius:8px; background:#fff; color:#244136; font-family:inherit; padding:0 11px; cursor:pointer; font-weight:600; font-size:11.5px; }
  html[data-style="app"] .platform-row-action:hover{ border-color:#AFC0B8; background:#F8FAF9; }
  html[data-style="app"] .platform-cell-sub{ display:inline-block; margin-top:3px; color:#7B8983; font-size:10.5px; }
  html[data-style="app"] .platform-approval-table tbody tr.is-selected{ background:#F0F7F3; box-shadow:inset 3px 0 #0C5A40; }
  html[data-style="app"] .platform-approval-detail{
    margin-top:18px; padding:22px; border:1px solid #DCE5E1; border-radius:14px;
    background:#fff; box-shadow:0 8px 26px rgba(10,33,25,.06); scroll-margin-top:92px;
  }
  html[data-style="app"] .platform-approval-detail[hidden]{ display:none; }
  html[data-style="app"] .platform-approval-detail-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding-bottom:18px; border-bottom:1px solid #E7ECE9; }
  html[data-style="app"] .platform-approval-detail-head h2{ margin:5px 0 3px; color:#10211A; font-size:18px; }
  html[data-style="app"] .platform-approval-detail-head p{ margin:0; color:#74837C; font-size:11.5px; }
  html[data-style="app"] .platform-approval-detail-actions{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
  html[data-style="app"] .platform-approval-meta{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:18px 0; }
  html[data-style="app"] .platform-approval-meta>div{ min-width:0; min-height:78px; padding:13px 14px; border:1px solid #E2E9E5; border-radius:11px; background:#F8FAF9; }
  html[data-style="app"] .platform-approval-meta span{ display:block; margin-bottom:6px; color:#74837C; font-size:10.5px; }
  html[data-style="app"] .platform-approval-meta strong{ display:block; color:#1C3229; font-size:12.5px; overflow-wrap:anywhere; }
  html[data-style="app"] .platform-approval-review-note{ margin:0 0 14px; padding:14px 16px; border:1px solid #E7D5A9; border-radius:11px; background:#FFF9EA; }
  html[data-style="app"] .platform-approval-review-note span{ display:block; color:#83631B; font-size:10.5px; font-weight:800; }
  html[data-style="app"] .platform-approval-review-note p{ margin:5px 0 0; color:#523F16; font-size:12px; line-height:1.7; }
  html[data-style="app"] .platform-approval-readonly-note{ display:flex; align-items:flex-start; gap:11px; padding:13px 15px; border-radius:11px; background:#EEF4F1; color:#174936; }
  html[data-style="app"] .platform-approval-readonly-note svg{ width:18px; height:18px; flex:0 0 auto; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
  html[data-style="app"] .platform-approval-readonly-note strong{ display:block; font-size:11.5px; }
  html[data-style="app"] .platform-approval-readonly-note span{ display:block; margin-top:2px; color:#5D7168; font-size:10.5px; line-height:1.7; }
  html[data-style="app"] .platform-approval-timeline{ margin-top:18px; border:1px solid #E2E9E5; border-radius:12px; overflow:hidden; }
  html[data-style="app"] .platform-approval-timeline ol{ list-style:none; margin:0; padding:18px 20px 6px; }
  html[data-style="app"] .platform-approval-timeline li{ position:relative; display:grid; grid-template-columns:16px minmax(0,1fr); gap:11px; padding-bottom:18px; }
  html[data-style="app"] .platform-approval-timeline li:not(:last-child)::after{ content:""; position:absolute; inset-inline-start:6px; top:14px; bottom:0; width:2px; background:#DDE7E2; }
  html[data-style="app"] .platform-timeline-dot{ position:relative; z-index:1; width:13px; height:13px; margin-top:3px; border:3px solid #D7E8DF; border-radius:50%; background:#0C5A40; }
  html[data-style="app"] .platform-timeline-content{ min-width:0; }
  html[data-style="app"] .platform-timeline-title{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
  html[data-style="app"] .platform-timeline-title strong{ color:#1B3027; font-size:12px; }
  html[data-style="app"] .platform-timeline-title time{ color:#839089; font-size:10px; white-space:nowrap; }
  html[data-style="app"] .platform-timeline-meta{ margin-top:3px; color:#718079; font-size:10.5px; }
  html[data-style="app"] .platform-timeline-content p{ margin:7px 0 0; padding:8px 10px; border-radius:8px; background:#F7F9F8; color:#43564D; font-size:11px; line-height:1.7; }
  html[data-style="app"] .platform-activity-list{ display:grid; }
  html[data-style="app"] .platform-activity-item{ display:grid; grid-template-columns:34px minmax(0,1fr) auto; align-items:start; gap:11px; padding:13px 0; border-bottom:1px solid #EDF1EF; }
  html[data-style="app"] .platform-activity-item:last-child{ border-bottom:0; }
  html[data-style="app"] .platform-activity-icon{ width:32px; height:32px; border-radius:9px; background:#EEF4F1; color:#0C4935; display:grid; place-items:center; }
  html[data-style="app"] .platform-activity-icon svg{ width:16px; height:16px; display:block; stroke:currentColor; fill:none; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
  html[data-style="app"] .platform-activity-title{ font-size:12.5px; font-weight:700; color:#1A2E26; }
  html[data-style="app"] .platform-activity-meta{ font-size:10.5px; color:#7B8983; margin-top:2px; }
  html[data-style="app"] .platform-activity-time{ color:#88958F; font-size:10px; white-space:nowrap; }
  html[data-style="app"] .platform-empty{ padding:42px 20px; text-align:center; color:#77867F; font-size:12.5px; }
  html[data-style="app"] .platform-form{ max-width:980px; }
  html[data-style="app"] /* التسجيل عملية إدارية واسعة؛ استخدم كامل مساحة منطقة العمل بدل قيد النماذج المختصرة. */
  #platform-panel-new-institution .platform-form{ width:100%; max-width:none; margin-inline:0; }
  html[data-style="app"] .platform-form-section{ background:#fff; border:1px solid #E0E7E3; border-radius:14px; padding:22px; margin-bottom:16px; }
  html[data-style="app"] .platform-form-section h2{ font-size:15px; }
  html[data-style="app"] .platform-form-section>p{ color:#74837C; font-size:11.5px; margin:3px 0 18px; }
  html[data-style="app"] .platform-form-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
  html[data-style="app"] .platform-form-grid .wide{ grid-column:1/-1; }
  html[data-style="app"] .platform-form .field{ margin:0; }
  html[data-style="app"] .platform-form .field label{ font-size:12px; }
  html[data-style="app"] .platform-shell input:not([type="file"]),
  html[data-style="app"] .platform-shell select,
  html[data-style="app"] .platform-shell textarea{
    display:block; width:100%; min-width:0; min-height:44px; margin:0;
    padding:0 14px; border:1px solid #CFD9D4; border-radius:10px;
    background:#fff; color:#182A22; font:500 13px/1.5 'IBM Plex Sans Arabic','Tajawal',sans-serif;
    box-shadow:0 1px 1px rgba(10,33,25,.02); outline:none;
    transition:border-color var(--t-fast),box-shadow var(--t-fast),background var(--t-fast);
    appearance:none; -webkit-appearance:none;
  }
  html[data-style="app"] .platform-shell select{
    padding-inline-end:40px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%235F7168' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");
    background-position:left 14px center;
    background-size:18px 18px; background-repeat:no-repeat;
  }
  html[data-style="app"][dir="ltr"] .platform-shell select{ background-position:right 14px center; }
  html[data-style="app"] .platform-shell textarea{ min-height:104px; padding:12px 14px; resize:vertical; }
  html[data-style="app"] .platform-shell input:not([type="file"]):hover,html[data-style="app"] .platform-shell select:hover,html[data-style="app"] .platform-shell textarea:hover{ border-color:#AFC0B8; }
  html[data-style="app"] .platform-shell input:not([type="file"]):focus,html[data-style="app"] .platform-shell select:focus,html[data-style="app"] .platform-shell textarea:focus{ border-color:#0C5A40; box-shadow:0 0 0 3px rgba(12,90,64,.10); background:#fff; }
  html[data-style="app"] .platform-shell input::placeholder,html[data-style="app"] .platform-shell textarea::placeholder{ color:#98A49E; font-weight:400; }
  html[data-style="app"] .platform-form input,html[data-style="app"] .platform-form select,html[data-style="app"] .platform-form textarea{ min-height:46px; font-size:13px; }
  html[data-style="app"] .platform-form textarea{ min-height:104px; }
  html[data-style="app"] .platform-input-suffix{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:stretch; }
  html[data-style="app"] .platform-input-suffix input{ border-radius:10px 0 0 10px !important; }
  html[data-style="app"] [dir="rtl"] .platform-input-suffix input{ border-radius:0 10px 10px 0 !important; }
  html[data-style="app"] .platform-input-suffix span{ min-width:58px; display:grid; place-items:center; padding:0 11px; border:1px solid #CFD9D4; border-inline-start:0; border-radius:0 10px 10px 0; background:#F5F8F6; color:#617169; font-size:11px; font-weight:700; }
  html[data-style="app"] [dir="rtl"] .platform-input-suffix span{ border-inline-start:0; border-inline-end:0; border-radius:10px 0 0 10px; }
  html[data-style="app"] .platform-logo-upload{ display:flex; align-items:center; gap:16px; border:1px dashed #C8D4CE; border-radius:12px; padding:16px; background:#F8FAF9; cursor:pointer; }
  html[data-style="app"] .platform-logo-preview{ width:78px; height:78px; object-fit:contain; border:1px solid #E0E7E3; border-radius:12px; background:#fff; padding:8px; }
  html[data-style="app"] .platform-logo-copy strong{ display:block; font-size:12.5px; }
  html[data-style="app"] .platform-logo-copy span{ display:block; color:#7A8982; font-size:10.5px; margin-top:3px; }
  html[data-style="app"] .platform-code-row{ display:grid; grid-template-columns:minmax(280px,520px) auto; gap:10px; align-items:center; max-width:720px; }
  html[data-style="app"] .platform-code-row>.platform-secondary,html[data-style="app"] .platform-code-row>.platform-primary{ min-height:48px; align-self:center; white-space:nowrap; }
  html[data-style="app"] .platform-code-box{ border:1px solid #C9D6D0; background:#F8FAF9; border-radius:10px; padding:0; min-width:0; overflow:hidden; }
  html[data-style="app"] .platform-code-box input.mono{ width:100%; min-height:48px; padding:0 16px; border:0; border-radius:0; background:transparent; box-shadow:none; font:700 15px/1.4 'JetBrains Mono',monospace; letter-spacing:.035em; color:#0C4935; }
  html[data-style="app"] .platform-code-box input.mono:focus{ box-shadow:none; }
  html[data-style="app"] .platform-detail-hero{ background:#fff; border:1px solid #E0E7E3; border-radius:14px; padding:22px; margin-bottom:18px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
  html[data-style="app"] .platform-detail-identity{ display:flex; align-items:center; gap:16px; min-width:0; }
  html[data-style="app"] .platform-detail-logo{ width:72px; height:72px; object-fit:contain; border:1px solid #E0E7E3; border-radius:14px; padding:8px; background:#fff; }
  html[data-style="app"] .platform-detail-title{ font-size:20px; }
  html[data-style="app"] .platform-detail-sub{ color:#718079; font-size:11.5px; }
  html[data-style="app"] .platform-detail-badges{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin-top:8px; }
  html[data-style="app"] .platform-detail-actions{ display:flex; gap:8px; flex-wrap:wrap; }
  html[data-style="app"] .platform-detail-workspace{ display:grid; grid-template-columns:minmax(0,1.35fr) minmax(350px,.65fr); gap:18px; align-items:start; }
  html[data-style="app"] .platform-detail-main,html[data-style="app"] .platform-detail-rail{ display:grid; gap:18px; align-content:start; min-width:0; }
  html[data-style="app"] .platform-detail-workspace .platform-card{ margin:0; min-width:0; }
  html[data-style="app"] .platform-detail-workspace .platform-primary,html[data-style="app"] .platform-detail-workspace .platform-secondary{ min-height:44px; }
  html[data-style="app"] .platform-context-hero{ margin-bottom:22px; }
  html[data-style="app"] .platform-context-hero .platform-eyebrow{ margin-bottom:3px; color:#0C6A4C; }
  html[data-style="app"] .platform-focused-page{ width:100%; margin-inline:0; }
  html[data-style="app"] .platform-focused-page>.platform-card{ margin:0; }
  html[data-style="app"] .platform-users-workspace{ display:grid; grid-template-columns:minmax(0,1.25fr) minmax(350px,.75fr); gap:18px; align-items:start; }
  html[data-style="app"] .platform-users-workspace .platform-card{ margin:0; min-width:0; }
  html[data-style="app"] .platform-detail-anchor{ scroll-margin-top:92px; outline:none; }
  html[data-style="app"] .platform-detail-anchor:focus{ box-shadow:0 0 0 4px rgba(12,73,53,.12),0 10px 28px rgba(7,56,40,.06); }
  html[data-style="app"] .platform-subscription-editor{ border-color:#C9DDD4; box-shadow:0 10px 28px rgba(7,56,40,.05); }
  html[data-style="app"] .platform-theme-card{ border-color:#CADDD4; box-shadow:0 10px 28px rgba(7,56,40,.05); }
  html[data-style="app"] .platform-theme-options{
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px;
    margin:0 0 18px; padding:0; border:0;
  }
  html[data-style="app"] .platform-theme-option{
    position:relative; display:grid; grid-template-columns:40px minmax(0,1fr);
    align-items:center; gap:11px; min-height:78px; padding:13px 14px;
    border:1px solid #D9E3DE; border-radius:12px; background:#fff;
    color:#21362D; cursor:pointer; transition:border-color var(--t-fast),box-shadow var(--t-fast),background var(--t-fast);
  }
  html[data-style="app"] .platform-theme-option:hover{ border-color:#ABC2B7; background:#FBFCFC; }
  html[data-style="app"] .platform-theme-option:has(input:checked){
    border-color:#1A6B4D; background:#F0F7F3; box-shadow:0 0 0 3px rgba(12,90,64,.08);
  }
  html[data-style="app"] .platform-theme-option:has(input:focus-visible){ outline:3px solid rgba(12,90,64,.20); outline-offset:2px; }
  html[data-style="app"] .platform-theme-option input{
    position:absolute; width:1px !important; height:1px !important; min-height:0 !important;
    margin:0 !important; padding:0 !important; opacity:0; pointer-events:none;
  }
  html[data-style="app"] .platform-theme-option-mark{
    width:40px; height:40px; display:grid; place-items:center; border-radius:10px;
    background:#EEF4F1; color:#14543D;
  }
  html[data-style="app"] .platform-theme-option-mark svg{
    width:19px; height:19px; display:block; fill:none; stroke:currentColor;
    stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;
  }
  html[data-style="app"] .platform-theme-option strong{ display:block; color:#173128; font-size:12.5px; }
  html[data-style="app"] .platform-theme-option small{ display:block; margin-top:3px; color:#708078; font-size:10.5px; line-height:1.6; }
  html[data-style="app"] .platform-theme-custom{
    margin-bottom:16px; padding:16px; border:1px solid #E0E8E4;
    border-radius:12px; background:#F8FAF9;
  }
  html[data-style="app"] .platform-theme-custom[hidden]{ display:none; }
  html[data-style="app"] .platform-theme-toolbar{
    display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:14px;
  }
  html[data-style="app"] .platform-theme-toolbar strong{ display:block; color:#1A3027; font-size:12.5px; }
  html[data-style="app"] .platform-theme-toolbar p{ margin:2px 0 0; color:#74837C; font-size:10.5px; }
  html[data-style="app"] .platform-theme-toolbar .platform-secondary{
    display:inline-flex; align-items:center; justify-content:center; gap:7px; flex:0 0 auto;
  }
  html[data-style="app"] .platform-theme-toolbar svg{
    width:17px; height:17px; display:block; fill:none; stroke:currentColor;
    stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;
  }
  html[data-style="app"] .platform-theme-colors{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  html[data-style="app"] .platform-theme-colors>label{ min-width:0; color:#394D44; font-size:11px; font-weight:700; }
  html[data-style="app"] .platform-theme-colors>label>span:first-child{ display:block; margin-bottom:6px; }
  html[data-style="app"] .platform-color-control{
    display:grid; grid-template-columns:52px minmax(0,1fr); align-items:center; min-height:48px;
    overflow:hidden; border:1px solid #CFD9D4; border-radius:10px; background:#fff;
  }
  html[data-style="app"] .platform-shell .platform-color-control input[type="color"]{
    display:block; width:52px; height:48px; min-height:48px; margin:0; padding:6px;
    border:0; border-inline-end:1px solid #E0E7E3; border-radius:0; background:#fff;
    box-shadow:none; cursor:pointer; appearance:auto; -webkit-appearance:auto;
  }
  html[data-style="app"] .platform-color-control output{
    display:block; padding:0 13px; color:#26473B; font:700 12px/1.4 'JetBrains Mono',monospace;
    letter-spacing:.035em; text-align:start;
  }
  html[data-style="app"] .platform-theme-contrast{
    display:flex; align-items:center; gap:10px; margin-top:12px; padding:11px 12px;
    border:1px solid #CFE0D8; border-radius:10px; background:#EEF7F3; color:#17613F;
  }
  html[data-style="app"] .platform-theme-contrast.excellent{ border-color:#DCCB9B; background:#FFF9E8; color:#735617; }
  html[data-style="app"] .platform-theme-contrast svg{
    width:19px; height:19px; flex:0 0 auto; fill:none; stroke:currentColor;
    stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round;
  }
  html[data-style="app"] .platform-theme-contrast strong{ display:block; font-size:11.5px; }
  html[data-style="app"] .platform-theme-contrast small{ display:block; margin-top:2px; color:#62766C; font-size:10px; }
  html[data-style="app"] .platform-theme-preview{
    overflow:hidden; border:1px solid #D9E3DE; border-radius:13px; background:#F7F9F8;
    box-shadow:0 7px 20px rgba(10,33,25,.05);
  }
  html[data-style="app"] .platform-theme-preview-bar{
    min-height:60px; display:grid; grid-template-columns:38px minmax(0,1fr) auto;
    align-items:center; gap:10px; padding:10px 14px; background:var(--deep); color:var(--on-deep);
  }
  html[data-style="app"] .platform-theme-preview-bar img{
    width:38px; height:38px; object-fit:contain; padding:4px; border-radius:9px;
    background:#fff; border:1px solid rgba(255,255,255,.42);
  }
  html[data-style="app"] .platform-theme-preview-bar span{ overflow:hidden; font-size:12px; font-weight:800; text-overflow:ellipsis; white-space:nowrap; }
  html[data-style="app"] .platform-theme-preview-bar i{ width:42px; height:4px; border-radius:999px; background:var(--gold); }
  html[data-style="app"] .platform-theme-preview-body{
    display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px;
    background:linear-gradient(135deg,var(--deep-tint),#fff 64%);
  }
  html[data-style="app"] .platform-theme-preview-body small{ display:block; color:#64766D; font-size:10px; }
  html[data-style="app"] .platform-theme-preview-body strong{ display:block; margin-top:3px; color:#162A21; font-size:14px; }
  html[data-style="app"] .platform-theme-preview-body span{ display:block; margin-top:4px; color:#74837C; font-size:10.5px; }
  html[data-style="app"] .platform-theme-preview-body button{
    min-height:38px; padding:0 16px; border:0; border-radius:9px;
    background:var(--deep); color:var(--on-deep); font:700 11px 'IBM Plex Sans Arabic','Tajawal',sans-serif;
    pointer-events:none;
  }
  html[data-style="app"] .platform-theme-note{ margin:12px 0 0; color:#65766E; font-size:10.5px; line-height:1.8; }
  html[data-style="app"] .platform-profile-fields{ grid-template-columns:1fr; }
  html[data-style="app"] .platform-card-count{ min-width:30px; height:30px; padding:0 9px; display:inline-grid; place-items:center; border-radius:999px; background:#EEF4F1; color:#14543D; font-size:11px; font-weight:800; }
  html[data-style="app"] .platform-inline-actions{ display:flex; gap:8px; margin-top:14px; flex-wrap:wrap; }
  html[data-style="app"] .platform-inline-actions>*{ flex:1 1 150px; }
  html[data-style="app"] .platform-access-card .platform-code-row{ grid-template-columns:minmax(0,1fr) auto; }
  html[data-style="app"] .platform-create-user-card .platform-form-grid{ grid-template-columns:1fr; }
  html[data-style="app"] .platform-subscription-summary{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:18px; }
  html[data-style="app"] .platform-subscription-summary>div{ min-height:72px; padding:13px 14px; border:1px solid #E1E9E5; border-radius:11px; background:#F8FAF9; }
  html[data-style="app"] .platform-subscription-summary span{ display:block; color:#718079; font-size:10.5px; margin-bottom:5px; }
  html[data-style="app"] .platform-subscription-summary strong{ color:#173128; font-size:13px; }
  html[data-style="app"] .platform-form-actions{ display:flex; justify-content:flex-end; gap:9px; margin-top:18px; flex-wrap:wrap; }
  html[data-style="app"] .support-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--sp-3);align-items:start;min-width:0}
  html[data-style="app"] .support-layout>*{min-width:0}
  html[data-style="app"] .support-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2)}
  html[data-style="app"] #sub-support .field label,html[data-style="app"] #sub-api .field>label{display:block;margin-bottom:8px;color:var(--ink);font-size:13px;font-weight:700}
  html[data-style="app"] #sub-support .field input:not([type="checkbox"]),html[data-style="app"] #sub-support .field select,html[data-style="app"] #sub-support .field textarea,html[data-style="app"] #sub-api .field input:not([type="checkbox"]),html[data-style="app"] #sub-api .field select,html[data-style="app"] #sub-api .field textarea{
    display:block;width:100%;min-width:0;min-height:52px;margin:0;padding:0 16px;
    border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);
    font:500 15px/1.5 inherit;box-shadow:var(--e1);outline:0;transition:border-color var(--t-fast),box-shadow var(--t-fast),background var(--t-fast)
  }
  html[data-style="app"] #sub-support .field textarea,html[data-style="app"] #sub-api .field textarea{min-height:120px;padding:13px 16px;resize:vertical}
  html[data-style="app"] #sub-support .field input[type="date"],html[data-style="app"] #sub-api .field input[type="date"]{padding-inline:14px;appearance:auto;-webkit-appearance:auto}
  html[data-style="app"] #sub-support .field input:not([type="checkbox"]):hover,html[data-style="app"] #sub-support .field select:hover,html[data-style="app"] #sub-support .field textarea:hover,html[data-style="app"] #sub-api .field input:not([type="checkbox"]):hover,html[data-style="app"] #sub-api .field select:hover,html[data-style="app"] #sub-api .field textarea:hover{border-color:var(--deep)}
  html[data-style="app"] #sub-support .field input:not([type="checkbox"]):focus-visible,html[data-style="app"] #sub-support .field select:focus-visible,html[data-style="app"] #sub-support .field textarea:focus-visible,html[data-style="app"] #sub-api .field input:not([type="checkbox"]):focus-visible,html[data-style="app"] #sub-api .field select:focus-visible,html[data-style="app"] #sub-api .field textarea:focus-visible{border-color:var(--deep);box-shadow:0 0 0 3px var(--deep-tint),var(--e1)}
  html[data-style="app"] #sub-support .field input::placeholder,html[data-style="app"] #sub-support .field textarea::placeholder,html[data-style="app"] #sub-api .field input::placeholder{color:var(--ink-dim);font-weight:400;opacity:.8}
  html[data-style="app"] .support-ticket-list{display:grid;gap:10px}
  html[data-style="app"] .support-ticket-item{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 15px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:inherit;text-align:start;cursor:pointer;transition:border-color var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast)}
  html[data-style="app"] .support-ticket-item:hover,html[data-style="app"] .support-ticket-item:focus-visible{border-color:var(--deep);box-shadow:0 6px 18px rgba(8,66,47,.08);outline:0;transform:translateY(-1px)}
  html[data-style="app"] .support-ticket-item strong{display:block;font-size:.92rem}html[data-style="app"] .support-ticket-item small{display:block;margin-top:4px;color:var(--ink-dim);font-size:.74rem}
  html[data-style="app"] .support-status{display:inline-flex;align-items:center;white-space:nowrap;padding:4px 8px;border-radius:999px;background:var(--paper-2);color:var(--ink-dim);font-size:.7rem;font-weight:800}
  html[data-style="app"] .support-ticket-detail{margin-top:14px;padding-top:16px;border-top:1px solid var(--border)}
  html[data-style="app"] .support-thread{display:grid;gap:10px;max-height:400px;overflow:auto;padding-inline-end:4px}
  html[data-style="app"] .support-message{padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:var(--paper);line-height:1.65;font-size:.86rem;white-space:pre-wrap}
  html[data-style="app"] .support-message.is-platform{background:#EEF7F3;border-color:#CFE3D9}html[data-style="app"] .support-message.is-internal{background:#FBF4E7;border-color:#E9D29B}html[data-style="app"] .support-message small{display:block;margin-top:6px;color:var(--ink-dim);font-size:.7rem}
  html[data-style="app"] .support-reply{margin-top:14px;display:grid;gap:12px}html[data-style="app"] .support-reply textarea{min-height:110px}
  html[data-style="app"] .support-reply-controls{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(230px,.75fr);gap:12px;align-items:stretch}
  html[data-style="app"] .support-internal-option{display:flex;align-items:flex-start;gap:12px;min-width:0;padding:14px 16px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--paper-2);color:var(--ink);cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast),box-shadow var(--t-fast)}
  html[data-style="app"] .support-internal-option:hover{border-color:var(--deep);background:var(--deep-tint)}
  html[data-style="app"] .platform-shell .support-internal-option input[type="checkbox"]{display:block!important;flex:0 0 22px;width:22px!important;min-width:22px!important;height:22px!important;min-height:22px!important;margin:1px 0 0!important;padding:0!important;border:1.5px solid var(--border-strong)!important;border-radius:7px!important;background:#fff!important;box-shadow:none!important;appearance:none!important;-webkit-appearance:none!important;cursor:pointer}
  html[data-style="app"] .platform-shell .support-internal-option input[type="checkbox"]:checked{border-color:var(--deep)!important;background-color:var(--deep)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E")!important;background-position:center!important;background-repeat:no-repeat!important;background-size:16px!important}
  html[data-style="app"] .platform-shell .support-internal-option input[type="checkbox"]:focus-visible{outline:3px solid rgba(12,90,64,.18)!important;outline-offset:3px!important}
  html[data-style="app"] .support-internal-option span{display:grid;gap:3px;min-width:0}html[data-style="app"] .support-internal-option strong{font-size:13px}html[data-style="app"] .support-internal-option small{color:var(--ink-dim);font-size:11px;line-height:1.7}
  html[data-style="app"] .support-status-field{display:grid;gap:7px;padding:10px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);transition:opacity var(--t-fast),background var(--t-fast)}
  html[data-style="app"] .support-status-field>span{color:var(--ink);font-size:12px;font-weight:700}html[data-style="app"] .support-status-field select{min-height:44px!important;box-shadow:none!important}html[data-style="app"] .support-status-field.is-disabled{opacity:.5;background:var(--paper-2)}
  html[data-style="app"] .api-key-card{max-width:900px}html[data-style="app"] .api-scope{display:flex;align-items:center;gap:9px;font-weight:600}html[data-style="app"] .api-scope input{width:18px;height:18px;accent-color:var(--deep)}
  html[data-style="app"] .api-key-secret{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;margin:16px 0;padding:13px;border:1px solid #CFE2D8;border-radius:var(--radius-sm);background:#F1F8F4}html[data-style="app"] .api-key-secret code,html[data-style="app"] .support-api-note code{direction:ltr;unicode-bidi:plaintext;overflow-wrap:anywhere;font:700 .78rem/1.5 'JetBrains Mono',monospace;color:var(--deep)}
  html[data-style="app"] .support-api-note{display:grid;gap:5px;margin:18px 0;padding:14px;border-inline-start:3px solid var(--gold);background:var(--paper);font-size:.78rem;color:var(--ink-dim)}html[data-style="app"] .support-api-note strong{color:var(--ink)}
  html[data-style="app"] .platform-info-list{ display:grid; gap:13px; }
  html[data-style="app"] .platform-info-row{ display:flex; justify-content:space-between; gap:16px; padding-bottom:11px; border-bottom:1px solid #EDF1EF; font-size:12px; }
  html[data-style="app"] .platform-info-row:last-child{ border-bottom:0; padding-bottom:0; }
  html[data-style="app"] .platform-info-row span{ color:#74837C; }
  html[data-style="app"] .platform-info-row strong{ color:#21362D; text-align:end; word-break:break-word; }
  html[data-style="app"] .platform-danger{ color:#A63831; border-color:#E7C4C1; background:#FFF9F8; }
  html[data-style="app"] .platform-citizen-toolbar{ grid-template-columns:minmax(260px,1fr) repeat(2,minmax(170px,220px)) auto; }
  html[data-style="app"] .platform-citizen-detail[hidden]{ display:none; }
  html[data-style="app"] .platform-citizen-detail{ margin-top:20px; padding:22px; border:1px solid #DCE6E1; border-radius:14px; background:#fff; box-shadow:0 8px 28px rgba(10,33,25,.06); }
  html[data-style="app"] .platform-citizen-detail-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding-bottom:18px; border-bottom:1px solid #E7ECE9; }
  html[data-style="app"] .platform-citizen-detail-head h2{ margin:4px 0; color:#10211A; font-size:21px; }
  html[data-style="app"] .platform-citizen-detail-head p{ color:#66776F; font-size:12.5px; }
  html[data-style="app"] .platform-citizen-privacy{ display:flex; align-items:flex-start; gap:12px; margin:18px 0; padding:14px 16px; border:1px solid #CFE3D9; border-radius:12px; background:#F0F8F4; color:#174D39; }
  html[data-style="app"] .platform-citizen-privacy svg{ width:20px; height:20px; flex:0 0 auto; fill:none; stroke:currentColor; stroke-width:1.8; }
  html[data-style="app"] .platform-citizen-privacy strong,html[data-style="app"] .platform-citizen-privacy span{ display:block; }
  html[data-style="app"] .platform-citizen-privacy span{ margin-top:3px; color:#587067; font-size:11.5px; line-height:1.7; }
  html[data-style="app"] .platform-citizen-actions{ display:flex; flex-wrap:wrap; gap:10px; margin-bottom:18px; }
  html[data-style="app"] .platform-citizen-actions .platform-danger{ min-height:40px; padding:0 14px; border-style:solid; border-width:1px; border-radius:9px; font:700 12px/1.4 Tajawal,Arial,sans-serif; cursor:pointer; }
  html[data-style="app"] .platform-citizen-review{ display:grid; gap:12px; margin:18px 0; padding:16px; border:1px solid #E7D8AD; border-radius:12px; background:#FFFCF4; }
  html[data-style="app"] .platform-citizen-review label{ color:#263830; font-size:12px; font-weight:700; }
  html[data-style="app"] .platform-citizen-review textarea{ width:100%; min-height:92px; margin-top:7px; padding:12px; border:1px solid #CFDAD5; border-radius:10px; background:#fff; color:#10211A; font:500 13px/1.7 Tajawal,Arial,sans-serif; resize:vertical; }
  html[data-style="app"] .platform-identity-evidence{ padding:14px; border:1px solid #D9E5DF; border-radius:12px; background:#fff; }
  html[data-style="app"] .platform-identity-evidence-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
  html[data-style="app"] .platform-identity-evidence-grid figure{ margin:0; min-width:0; }
  html[data-style="app"] .platform-identity-evidence-grid img{ display:block; width:100%; aspect-ratio:4/3; object-fit:contain; border:1px solid #DCE6E1; border-radius:10px; background:#F3F6F4; }
  html[data-style="app"] .platform-identity-evidence-grid figcaption{ padding-top:7px; color:#52675E; font-size:11px; font-weight:700; }
  html[data-style="app"] .platform-citizen-audit{ grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:18px; }
  html[data-style="app"] .platform-citizen-log{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:3px 12px; padding:11px 0; border-bottom:1px solid #E8EDEA; }
  html[data-style="app"] .platform-citizen-log:last-child{ border-bottom:0; }
  html[data-style="app"] .platform-citizen-log strong{ color:#183126; font-size:12.5px; }
  html[data-style="app"] .platform-citizen-log span{ color:#5E7068; font-size:11.5px; text-align:end; }
  html[data-style="app"] .platform-citizen-log small{ grid-column:1/-1; color:#7A8982; font-size:10.5px; overflow-wrap:anywhere; }
  html[data-style="app"] .platform-loading{ min-height:160px; display:grid; place-items:center; color:#728179; font-size:12.5px; }
  html[data-style="app"] .platform-backdrop{ display:none; position:fixed; inset:0; background:rgba(4,16,12,.45); z-index:40; }
  @media (max-width:1180px){
    html[data-style="app"] .platform-kpis{ grid-template-columns:repeat(2,minmax(0,1fr)); }
    html[data-style="app"] .platform-operations-list{ grid-template-columns:1fr; }
    html[data-style="app"] .platform-grid-2{ grid-template-columns:1fr; }
    html[data-style="app"] .platform-subscription-summary{ grid-template-columns:repeat(2,minmax(0,1fr)); }
    html[data-style="app"] .platform-approval-meta{ grid-template-columns:repeat(2,minmax(0,1fr)); }
    html[data-style="app"] .platform-citizen-toolbar{ grid-template-columns:minmax(220px,1fr) repeat(2,minmax(150px,1fr)); }
    html[data-style="app"] .platform-citizen-toolbar .platform-secondary{ grid-column:1/-1; justify-self:start; }
  }
  @media (max-width:720px){html[data-style="app"] .platform-identity-evidence-grid{ grid-template-columns:1fr; }}
  @media (max-width:980px){
    html[data-style="app"] .platform-detail-workspace,html[data-style="app"] .platform-users-workspace{ grid-template-columns:1fr; }
    html[data-style="app"] .platform-detail-rail{ grid-row:1; }
    html[data-style="app"] .platform-profile-fields,html[data-style="app"] .platform-create-user-card .platform-form-grid{ grid-template-columns:1fr 1fr; }
  }
  @media (max-width:960px){
    html[data-style="app"] .platform-shell{ grid-template-columns:1fr; }
    html[data-style="app"] .platform-sidebar{ position:fixed; inset-block:0; inset-inline-start:0; width:272px; transform:translateX(110%); transition:transform var(--t-med); }
    html[data-style="app"][dir="ltr"] .platform-sidebar{ transform:translateX(-110%); }
    html[data-style="app"] .platform-shell.mobile-open .platform-sidebar{ transform:translateX(0); }
    html[data-style="app"] .platform-shell.mobile-open .platform-backdrop{ display:block; }
    html[data-style="app"] .platform-mobile-menu{ display:block; }
    html[data-style="app"] .platform-topbar{ padding:0 18px; }
    html[data-style="app"] .platform-content{ padding:20px 18px 44px; }
    html[data-style="app"] .platform-toolbar{ grid-template-columns:1fr 1fr; }
    html[data-style="app"] .platform-toolbar input{ grid-column:1/-1; }
    html[data-style="app"] .platform-ai-usage-toolbar{ grid-template-columns:1fr 1fr; }
    html[data-style="app"] .platform-ai-usage-toolbar input{ grid-column:auto; }
    html[data-style="app"] .platform-ai-usage-toolbar .platform-secondary,
    html[data-style="app"] .platform-ai-usage-toolbar .platform-ai-invoice-download{ grid-column:auto; }
    html[data-style="app"] .support-layout{grid-template-columns:1fr}
  }
  @media (max-width:620px){
    html[data-style="app"] .platform-kpis{ grid-template-columns:1fr; }
    html[data-style="app"] .platform-toolbar,html[data-style="app"] .platform-form-grid,html[data-style="app"] .platform-code-row,html[data-style="app"] .support-layout,html[data-style="app"] .support-form-grid,html[data-style="app"] .support-reply-controls{ grid-template-columns:1fr; }
    html[data-style="app"] .platform-ai-usage-toolbar,
    html[data-style="app"] .platform-ai-usage-toolbar input,
    html[data-style="app"] .platform-ai-usage-toolbar .platform-secondary,
    html[data-style="app"] .platform-ai-usage-toolbar .platform-ai-invoice-download{ grid-column:auto; }
    html[data-style="app"] .platform-section-intro,html[data-style="app"] .platform-approval-detail-head{ flex-direction:column; }
    html[data-style="app"] .platform-approval-detail-actions{ width:100%; }
    html[data-style="app"] .platform-approval-detail-actions .platform-secondary{ flex:1; }
    html[data-style="app"] .platform-approval-meta{ grid-template-columns:1fr; }
    html[data-style="app"] .platform-timeline-title{ flex-direction:column; gap:2px; }
    html[data-style="app"] .platform-detail-hero{ align-items:flex-start; flex-direction:column; }
    html[data-style="app"] .platform-detail-actions{ width:100%; }
    html[data-style="app"] .platform-detail-actions button{ flex:1; }
    html[data-style="app"] .platform-topbar{ height:64px; }
    html[data-style="app"] .platform-notification-toggle{ width:38px; padding:0; }
    html[data-style="app"] .platform-notification-label{ display:none; }
    html[data-style="app"] .platform-top-actions.institution-context{ gap:6px; }
    html[data-style="app"] .platform-top-actions.institution-context #platform-refresh-btn{ display:none; }
    html[data-style="app"] .platform-top-actions.institution-context .platform-context-action{ min-height:38px; padding-inline:10px; font-size:11px; }
    html[data-style="app"] .platform-primary .platform-btn-label{ display:none; }
    html[data-style="app"] .platform-content{ padding:16px 12px 36px; }
    html[data-style="app"] .platform-card-head,html[data-style="app"] .platform-card-body,html[data-style="app"] .platform-form-section{ padding:16px; }
    html[data-style="app"] .platform-research-form-card .platform-card-body{ padding:16px; }
    html[data-style="app"] .template-research-dropzone{ grid-template-columns:40px minmax(0,1fr); min-height:106px; padding:14px; }
    html[data-style="app"] .template-research-upload-action{ grid-column:2; justify-self:start; }
    html[data-style="app"] .platform-subscription-summary{ grid-template-columns:1fr; }
    html[data-style="app"] .platform-research-docs{ grid-template-columns:1fr; padding:14px 16px; }
    html[data-style="app"] .platform-form-actions>*{ flex:1; }
    html[data-style="app"] .platform-profile-fields,html[data-style="app"] .platform-create-user-card .platform-form-grid{ grid-template-columns:1fr; }
    html[data-style="app"] .platform-theme-options,html[data-style="app"] .platform-theme-colors{ grid-template-columns:1fr; }
    html[data-style="app"] .platform-theme-toolbar,html[data-style="app"] .platform-theme-preview-body{ align-items:stretch; flex-direction:column; }
    html[data-style="app"] .platform-theme-toolbar .platform-secondary,html[data-style="app"] .platform-theme-preview-body button{ width:100%; }
    html[data-style="app"] .platform-citizen-toolbar,html[data-style="app"] .platform-citizen-audit{ grid-template-columns:1fr; }
    html[data-style="app"] .platform-citizen-toolbar .platform-secondary{ width:100%; }
    html[data-style="app"] .platform-citizen-detail{ padding:16px; }
    html[data-style="app"] .platform-citizen-detail-head{ flex-direction:column; }
  }

  html[data-style="app"] .who-name-row{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
  html[data-style="app"] .subscription-chip{
    display:inline-flex; align-items:center; min-height:24px; padding:3px 9px;
    border:1px solid #CDE1D7; border-radius:var(--radius-pill);
    background:#EAF6F0; color:#17643F; font-size:10.5px; font-weight:750;
    line-height:1.4; white-space:nowrap;
  }
  html[data-style="app"] .subscription-chip[hidden]{ display:none; }
  html[data-style="app"] .subscription-chip.expiring,html[data-style="app"] .subscription-chip.grace{ background:#FFF6DE; border-color:#EBD7A3; color:#835A14; }
  html[data-style="app"] .subscription-chip.expired,html[data-style="app"] .subscription-chip.suspended,html[data-style="app"] .subscription-chip.unconfigured,html[data-style="app"] .subscription-chip.pending{
    background:#FCEBE8; border-color:#E9C7C2; color:#9B352D;
  }
html[data-style="app"] /* Document approval workflow */
.issue-workflow-actions{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:12px;margin-top:20px}
html[data-style="app"] .issue-workflow-actions .btn{min-height:48px}
html[data-style="app"] .workflow-created{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px;margin-top:16px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:var(--paper)}
html[data-style="app"] .approval-shell{display:grid;gap:20px;padding:clamp(18px,3vw,32px);border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:var(--e1)}
html[data-style="app"] .approval-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
html[data-style="app"] .approval-heading h2{margin:5px 0 6px;font-size:clamp(1.45rem,2vw,2rem)}
html[data-style="app"] .approval-heading p{margin:0;color:var(--ink-dim);max-width:760px}
html[data-style="app"] .approval-eyebrow{display:inline-flex;color:var(--gold-strong);font-size:.82rem;font-weight:800;letter-spacing:.04em}
html[data-style="app"] .approval-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
html[data-style="app"] .approval-stat{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--border);border-radius:16px;background:var(--paper)}
html[data-style="app"] .approval-stat span{color:var(--ink-dim);font-size:.9rem;font-weight:700}html[data-style="app"] .approval-stat strong{font-size:1.35rem;color:var(--deep)}
html[data-style="app"] .approval-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,280px);gap:var(--sp-2);align-items:center}
html[data-style="app"] .approval-toolbar input[type="search"],html[data-style="app"] .approval-toolbar select{
  width:100%;min-width:0;min-height:52px;margin:0;padding:0 var(--sp-2);
  border:1px solid var(--border-strong);border-radius:var(--radius-sm);
  background-color:var(--surface);color:var(--ink);font-family:inherit;
  font-size:15px;font-weight:500;line-height:1.5;outline:none;box-shadow:var(--e1);
  transition:border-color var(--t-fast),box-shadow var(--t-fast),background-color var(--t-fast)
}
html[data-style="app"] .approval-toolbar input[type="search"]{-webkit-appearance:none;appearance:none}
html[data-style="app"] .approval-toolbar input[type="search"]::-webkit-search-decoration,
html[data-style="app"] .approval-toolbar input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}
html[data-style="app"] .approval-toolbar input[type="search"]::placeholder{color:var(--ink-dim);font-weight:400;opacity:.85}
html[data-style="app"] .approval-toolbar input[type="search"]:hover,html[data-style="app"] .approval-toolbar select:hover{border-color:var(--deep)}
html[data-style="app"] .approval-toolbar input[type="search"]:focus-visible,html[data-style="app"] .approval-toolbar select:focus-visible{
  border-color:var(--deep);box-shadow:0 0 0 3px var(--deep-tint),var(--e1)
}
html[data-style="app"] .approval-layout{
  display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);
  gap:var(--sp-3);align-items:start;padding:var(--sp-2);
  border:1px solid var(--border);border-radius:20px;background:var(--paper)
}
html[data-style="app"] .approval-list{display:grid;gap:12px;max-height:720px;overflow:auto;padding:2px 4px 12px;scrollbar-gutter:stable}
html[data-style="app"] .approval-card{width:100%;display:grid;gap:7px;padding:16px;text-align:start;border:1px solid var(--border-strong);border-radius:16px;background:var(--surface);color:var(--ink);cursor:pointer;box-shadow:var(--e1);transition:border-color .18s ease,background-color .18s ease,transform .18s ease,box-shadow .18s ease}
html[data-style="app"] .approval-card:hover{border-color:var(--deep);box-shadow:var(--e2);transform:translateY(-1px)}
html[data-style="app"] .approval-card.active{border-color:var(--deep);background:var(--deep-tint);box-shadow:0 0 0 2px rgba(13,59,44,.08),var(--e1)}
html[data-style="app"] .approval-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}html[data-style="app"] .approval-card-top strong,html[data-style="app"] .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
html[data-style="app"] .approval-card-title{font-weight:800}html[data-style="app"] .approval-card-meta{color:var(--ink-dim);font-size:.84rem}
html[data-style="app"] .approval-status{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:4px 9px;border-radius:999px;font-size:.76rem;font-weight:800;white-space:nowrap;background:#eef2f0;color:var(--ink-dim)}
html[data-style="app"] .approval-status.status-pending_review,html[data-style="app"] .approval-status.status-approving{background:#fff4d9;color:#7c5d14}
html[data-style="app"] .approval-status.status-issued{background:#e4f5eb;color:#176b43}html[data-style="app"] .approval-status.status-returned{background:#e9f0fb;color:#315c91}
html[data-style="app"] .approval-status.status-rejected,html[data-style="app"] .approval-status.status-cancelled{background:#fbe8e6;color:#a52e27}
html[data-style="app"] .approval-detail{min-height:320px;padding:22px;border:1px solid var(--border-strong);border-radius:18px;background:var(--surface);box-shadow:var(--e1)}
html[data-style="app"] .approval-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}
html[data-style="app"] .approval-detail-head span:first-child{color:var(--ink-dim);font-size:.82rem}html[data-style="app"] .approval-detail-head h3{margin:4px 0 0;font-size:1.15rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
html[data-style="app"] .approval-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}html[data-style="app"] .approval-meta>div{padding:12px 14px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}
html[data-style="app"] .approval-meta .wide{grid-column:1/-1}html[data-style="app"] .approval-meta dt{margin-bottom:5px;color:var(--ink-dim);font-size:.78rem;font-weight:700}html[data-style="app"] .approval-meta dd{margin:0;font-weight:750;overflow-wrap:anywhere}
html[data-style="app"] .maker-checker-note{padding:12px 14px;border-radius:13px;background:#fff4d9;color:#715313;font-weight:750}
html[data-style="app"] .approval-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}html[data-style="app"] .approval-actions:empty{display:none}
html[data-style="app"] .approval-timeline{margin-top:22px}html[data-style="app"] .approval-timeline h4{margin:0 0 14px}html[data-style="app"] .approval-timeline ol{list-style:none;display:grid;gap:0;margin:0;padding:0}
html[data-style="app"] .approval-timeline li{position:relative;display:grid;grid-template-columns:18px 1fr;gap:10px;padding:0 0 18px}html[data-style="app"] .approval-timeline li:not(:last-child)::after{content:"";position:absolute;inset-inline-start:6px;top:14px;bottom:0;width:2px;background:var(--border)}
html[data-style="app"] .timeline-dot{position:relative;z-index:1;width:13px;height:13px;margin-top:3px;border:3px solid #d8e8e0;border-radius:50%;background:var(--deep)}
html[data-style="app"] .approval-timeline li div{display:grid;gap:3px}html[data-style="app"] .approval-timeline li span{color:var(--ink-dim);font-size:.82rem}html[data-style="app"] .approval-timeline li p{margin:4px 0 0}
html[data-style="app"] .approval-empty{display:grid;place-items:center;min-height:140px;padding:24px;text-align:center;color:var(--ink-dim)}
@media(max-width:900px){html[data-style="app"] .approval-layout{grid-template-columns:1fr;padding:12px}html[data-style="app"] .approval-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;padding:2px}html[data-style="app"] .approval-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){html[data-style="app"] .issue-workflow-actions,html[data-style="app"] .approval-toolbar,html[data-style="app"] .approval-list,html[data-style="app"] .approval-meta{grid-template-columns:1fr}html[data-style="app"] .workflow-created{grid-template-columns:1fr}html[data-style="app"] .approval-heading{align-items:stretch;flex-direction:column}html[data-style="app"] .approval-stats{grid-template-columns:1fr 1fr}html[data-style="app"] .approval-layout{gap:var(--sp-2);padding:10px}html[data-style="app"] .approval-detail{padding:16px}}

html[data-style="app"] /* Personal profile — shared by institution and platform accounts */
.profile-modal[hidden]{display:none}html[data-style="app"] .profile-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:24px}html[data-style="app"] .profile-modal-backdrop{position:absolute;inset:0;background:rgba(6,24,18,.64);backdrop-filter:blur(8px)}html[data-style="app"] .profile-dialog{position:relative;width:min(720px,100%);max-height:calc(100dvh - 40px);overflow:auto;padding:28px;border:1px solid #D7E3DD;border-radius:24px;background:var(--surface);box-shadow:0 28px 90px rgba(4,30,21,.32);animation:actionRise .22s cubic-bezier(.2,.8,.2,1)}
html[data-style="app"] .profile-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}html[data-style="app"] .profile-dialog-head h2{margin:3px 0 0;font-size:clamp(1.35rem,2.7vw,1.75rem);color:var(--ink)}html[data-style="app"] .profile-eyebrow{display:block;color:var(--gold-strong);font-size:.76rem;font-weight:800;letter-spacing:.03em}html[data-style="app"] .profile-summary{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid #DDE8E2;border-radius:18px;background:linear-gradient(135deg,#F6FAF8,#EDF4F0)}html[data-style="app"] .profile-avatar-large,html[data-style="app"] .profile-avatar-preview{overflow:hidden;display:grid;place-items:center;flex:0 0 auto;background:#fff;border:1px solid #D8E3DD;color:var(--deep);font-weight:800}html[data-style="app"] .profile-avatar-large{width:72px;height:72px;border-radius:20px}html[data-style="app"] .profile-avatar-large img,html[data-style="app"] .profile-avatar-preview img{width:100%;height:100%;object-fit:cover}html[data-style="app"] .profile-summary-copy{display:grid;gap:3px;min-width:0}html[data-style="app"] .profile-summary-copy strong{color:var(--ink);font-size:1.08rem}html[data-style="app"] .profile-summary-copy span{overflow:hidden;color:var(--ink-dim);font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}html[data-style="app"] .profile-summary-copy #profile-summary-role{color:var(--deep);font-weight:750}
html[data-style="app"] .profile-tabs{display:flex;gap:6px;margin:24px 0 18px;padding-bottom:10px;border-bottom:1px solid var(--border)}html[data-style="app"] .profile-tab{min-height:38px;padding:0 13px;border:0;border-radius:10px;background:transparent;color:var(--ink-dim);font:700 13px/1.2 inherit;cursor:pointer}html[data-style="app"] .profile-tab:hover{background:var(--paper);color:var(--ink)}html[data-style="app"] .profile-tab.active{background:var(--deep);color:#fff}html[data-style="app"] .profile-tab:focus-visible{outline:3px solid rgba(11,78,57,.22);outline-offset:2px}html[data-style="app"] .profile-panel{display:none}html[data-style="app"] .profile-panel.active{display:block}html[data-style="app"] .profile-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}html[data-style="app"] .profile-stat{min-height:112px;padding:16px;border:1px solid var(--border);border-radius:15px;background:var(--paper)}html[data-style="app"] .profile-stat strong{display:block;color:var(--deep);font-size:1.65rem;line-height:1.1;font-variant-numeric:tabular-nums}html[data-style="app"] .profile-stat span{display:block;margin-top:10px;color:var(--ink-dim);font-size:.78rem;font-weight:700;line-height:1.45}html[data-style="app"] .profile-security-note{display:flex;gap:12px;margin-top:18px;padding:14px 16px;border:1px solid #CFE4D9;border-radius:14px;background:#EFF8F3}html[data-style="app"] .profile-security-note>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#2F876A;color:#fff;font-weight:900}html[data-style="app"] .profile-security-note strong{font-size:.9rem;color:var(--deep)}html[data-style="app"] .profile-security-note p{margin:3px 0 0;color:var(--ink-dim);font-size:.8rem;line-height:1.65}
html[data-style="app"] .profile-section-title h3,html[data-style="app"] .profile-password-card h3{margin:0;color:var(--ink);font-size:1rem}html[data-style="app"] .profile-section-title p,html[data-style="app"] .profile-avatar-editor p,html[data-style="app"] .profile-password-card p{margin:5px 0 0;color:var(--ink-dim);font-size:.82rem;line-height:1.65}html[data-style="app"] .profile-avatar-editor{display:flex;align-items:center;gap:14px;margin:18px 0;padding:15px;border:1px solid var(--border);border-radius:15px;background:var(--paper)}html[data-style="app"] .profile-avatar-preview{width:58px;height:58px;border-radius:16px}html[data-style="app"] .profile-avatar-actions{display:flex;align-items:center;gap:12px;margin-top:10px}html[data-style="app"] .profile-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}html[data-style="app"] .profile-email-field{grid-column:1/-1}html[data-style="app"] .profile-form-grid .field>span{display:block;margin-top:6px;color:var(--ink-dim);font-size:.72rem;line-height:1.5}html[data-style="app"] .profile-form-grid input[readonly]{background:#F2F5F3;color:#64746C}html[data-style="app"] .profile-password-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:28px;padding:18px;border-top:3px solid var(--gold);border-radius:16px;background:#FBF8F0}html[data-style="app"] .profile-password-card .profile-eyebrow{margin-bottom:4px}html[data-style="app"] .profile-password-flow{margin-top:14px;padding:18px;border:1px solid #DCE6E1;border-radius:16px;background:#F7FAF8}html[data-style="app"] .profile-password-flow .profile-form-grid{margin-top:0}html[data-style="app"] .profile-password-flow .btn{min-height:46px}html[data-style="app"] .muted{color:var(--ink-dim);font-size:.75rem;font-weight:500}
@media(max-width:620px){html[data-style="app"] .profile-modal{align-items:end;padding:10px}html[data-style="app"] .profile-dialog{max-height:calc(100dvh - 10px);padding:22px 16px;border-radius:22px 22px 12px 12px}html[data-style="app"] .profile-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-style="app"] .profile-form-grid{grid-template-columns:1fr}html[data-style="app"] .profile-email-field{grid-column:auto}html[data-style="app"] .profile-password-card{align-items:stretch;flex-direction:column}html[data-style="app"] .profile-password-card .btn{width:100%}html[data-style="app"] .profile-summary{padding:14px}html[data-style="app"] .profile-avatar-actions{align-items:flex-start;flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){html[data-style="app"] .profile-dialog{animation:none}}

html[data-style="app"] /* Full account page — uses the dashboard surface and form language, html[data-style="app"] not a modal. */
body.profile-page-view{background:var(--paper)}
html[data-style="app"] .profile-view{max-width:1180px;margin:0 auto;padding:var(--sp-5) var(--sp-3) var(--sp-7)}
html[data-style="app"] .profile-page{width:100%;padding:clamp(24px,4vw,48px);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--e1)}
html[data-style="app"] .profile-page .profile-dialog-head{padding-bottom:var(--sp-3);border-bottom:1px solid var(--border)}
html[data-style="app"] .profile-back{min-height:42px;white-space:nowrap}html[data-style="app"] .profile-back span{display:inline-block;margin-inline-end:6px}
html[data-style="app"] .profile-page .profile-summary{margin-top:var(--sp-3);border-radius:var(--radius-sm)}
html[data-style="app"] .profile-page .profile-tabs{margin-top:var(--sp-4)}
html[data-style="app"] .profile-page .profile-form-grid .field{min-width:0}
html[data-style="app"] .profile-page .field label{display:block;margin-bottom:8px;color:var(--ink);font-size:13px;font-weight:700}
html[data-style="app"] .profile-page .field input{display:block;width:100%;min-height:48px;padding:0 14px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-family:inherit;font-size:15px;font-weight:500;line-height:1.5;box-shadow:var(--e1);outline:0;transition:border-color var(--t-fast),box-shadow var(--t-fast),background var(--t-fast)}
html[data-style="app"] .profile-page .field input:hover{border-color:var(--deep)}
html[data-style="app"] .profile-page .field input:focus{border-color:var(--deep);box-shadow:0 0 0 3px var(--deep-tint),var(--e1)}
html[data-style="app"] .profile-page .field input[readonly]{border-color:var(--border);box-shadow:none}
html[data-style="app"] .profile-page [dir="ltr"],html[data-style="app"] .profile-page input[type="email"],html[data-style="app"] .profile-page input[inputmode="numeric"]{font-variant-numeric:tabular-nums;unicode-bidi:plaintext}
html[data-style="app"] .profile-page .profile-stat strong,html[data-style="app"] .profile-page .profile-summary-email,html[data-style="app"] .profile-page #profile-summary-email,html[data-style="app"] .profile-page #profile-password-code,html[data-style="app"] .profile-page #profile-email{font-variant-numeric:tabular-nums}
@media(max-width:620px){html[data-style="app"] .profile-view{padding:var(--sp-3) var(--sp-1) var(--sp-6)}html[data-style="app"] .profile-page{padding:var(--sp-2);border-radius:var(--radius-sm)}html[data-style="app"] .profile-page .profile-dialog-head{align-items:flex-start;flex-direction:column-reverse}html[data-style="app"] .profile-back{width:100%;justify-content:center}html[data-style="app"] .profile-page .profile-summary{align-items:flex-start}html[data-style="app"] .profile-page .profile-summary-copy span{white-space:normal;overflow-wrap:anywhere}}

html[data-style="app"] .public-home-link{display:inline-flex;align-items:center;min-height:40px;padding:8px var(--sp-2);border-radius:var(--radius-pill);color:rgba(242,247,244,.78);font-size:13.5px;font-weight:600;text-decoration:none;transition:background var(--t-fast),color var(--t-fast)}
html[data-style="app"] .public-home-link:hover{background:rgba(255,255,255,.1);color:#fff}
html[data-style="app"] body.home-view .util-bar{display:none}
html[data-style="app"] body.home-view header.site{display:block;position:relative}
html[data-style="app"] body.home-view header.site::after{opacity:.65}
html[data-style="app"] body.home-view .site-inner{max-width:1240px}
html[data-style="app"] /* The public landing page belongs in the authenticated footer, html[data-style="app"] not the dashboard header. */
body.dashboard-view .public-home-link{display:none}
html[data-style="app"] body.home-view .dashboard-public-home{display:none}
@media(max-width:520px){html[data-style="app"] .public-home-link{padding-inline:10px;font-size:12px}}

html[data-style="app"] .post-login-welcome[hidden]{display:none!important;pointer-events:none}html[data-style="app"] .post-login-welcome{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:var(--sp-3);background:rgba(7,43,30,.96);opacity:0;transition:opacity .22s ease}html[data-style="app"] .post-login-welcome.is-visible{opacity:1}html[data-style="app"] .post-login-welcome-card{width:min(100%,400px);text-align:center;color:#fff;transform:translateY(10px) scale(.98);transition:transform .3s cubic-bezier(.22,.61,.36,1)}html[data-style="app"] .post-login-welcome.is-visible .post-login-welcome-card{transform:none}html[data-style="app"] .post-login-logo{width:112px;height:112px;margin:0 auto var(--sp-2);display:grid;place-items:center;padding:14px;border:1px solid rgba(255,255,255,.24);border-radius:var(--radius-lg);background:#fff;box-shadow:0 20px 48px rgba(0,0,0,.2)}html[data-style="app"] .post-login-logo img{width:100%;height:100%;object-fit:contain}html[data-style="app"] .post-login-check{width:28px;height:28px;margin:0 auto var(--sp-1);display:grid;place-items:center;border-radius:50%;background:#55b879;color:#083421;font-weight:900}html[data-style="app"] .post-login-kicker{margin:0;color:var(--gold-light);font-size:12px;font-weight:700}html[data-style="app"] .post-login-welcome h2{margin:var(--sp-1) 0 2px;color:#fff;font-size:26px}html[data-style="app"] .post-login-role{margin:0;color:rgba(242,247,244,.75);font-size:14px}html[data-style="app"] .post-login-progress{width:154px;height:2px;margin:var(--sp-3) auto 0;overflow:hidden;background:rgba(255,255,255,.2)}html[data-style="app"] .post-login-progress i{display:block;width:45%;height:100%;background:var(--gold-light);animation:postLoginProgress .9s cubic-bezier(.22,.61,.36,1) forwards}@keyframes postLoginProgress{from{transform:translateX(120%)}to{transform:translateX(-130%)}}@media(prefers-reduced-motion:reduce){html[data-style="app"] .post-login-welcome,html[data-style="app"] .post-login-welcome-card{transition:none}html[data-style="app"] .post-login-progress i{animation:none;width:100%;transform:none}}

html[data-style="app"]{
  --kx-deep:var(--deep,#0d3b2c);
  --kx-deep-strong:#082c20;
  --kx-teal:#3d8d7e;
  --kx-gold:var(--gold-light,#c9a961);
  --kx-paper:var(--paper,#f5f6f5);
  --kx-surface:var(--surface,#fff);
  --kx-ink:var(--ink,#121a15);
  --kx-muted:var(--ink-dim,#5a6862);
  --kx-border:var(--border,rgba(18,26,21,.12));
  --kx-shadow:0 18px 54px rgba(8,44,32,.2);
}

html[data-style="app"] .kx-assistant-launch{
  position:fixed;
  z-index:320;
  inset-inline-start:20px;
  bottom:max(20px,env(safe-area-inset-bottom));
  width:60px;
  height:60px;
  padding:5px;
  border:2px solid rgba(255,255,255,.9);
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 32px rgba(8,44,32,.27);
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease;
  touch-action:manipulation;
}
html[data-style="app"] .kx-assistant-launch[hidden]{ display:none!important; }
html[data-style="app"] .kx-assistant-launch:hover{ transform:translateY(-2px); box-shadow:0 16px 36px rgba(8,44,32,.32); }
html[data-style="app"] .kx-assistant-launch:active{ transform:translateY(0); }
html[data-style="app"] .kx-assistant-launch img{ width:100%; height:100%; display:block; border-radius:15px; }
html[data-style="app"] .kx-assistant-launch::after{
  content:"";
  position:absolute;
  top:4px;
  inset-inline-end:4px;
  width:10px;
  height:10px;
  border:2px solid #fff;
  border-radius:50%;
  background:#2f9f67;
}

html[data-style="app"] .kx-assistant-panel{
  position:fixed;
  z-index:310;
  inset-inline-start:20px;
  bottom:max(92px,calc(env(safe-area-inset-bottom) + 82px));
  width:min(390px,calc(100vw - 32px));
  max-height:min(650px,calc(100dvh - 116px));
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(13,59,44,.13);
  border-radius:22px;
  background:var(--kx-surface);
  color:var(--kx-ink);
  box-shadow:var(--kx-shadow);
  opacity:0;
  transform:translateY(10px) scale(.98);
  pointer-events:none;
  transform-origin:bottom left;
  transition:opacity .2s ease,transform .2s ease;
}
html[data-style="app"] .kx-assistant-panel[hidden]{ display:none!important; }
html[data-style="app"] [dir="rtl"] .kx-assistant-panel{ transform-origin:bottom right; }
html[data-style="app"] .kx-assistant-panel[data-open="true"]{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}
html[data-style="app"] .kx-assistant-head{
  padding:16px;
  display:flex;
  align-items:center;
  gap:12px;
  color:#fff;
  background:linear-gradient(135deg,var(--kx-deep-strong),var(--kx-deep));
}
html[data-style="app"] .kx-assistant-avatar{
  width:46px;
  height:46px;
  flex:0 0 auto;
  border:2px solid rgba(255,255,255,.75);
  border-radius:15px;
}
html[data-style="app"] .kx-assistant-heading{ min-width:0; flex:1; }
html[data-style="app"] .kx-assistant-heading h2{ margin:0; color:#fff; font-size:16px; line-height:1.4; }
html[data-style="app"] .kx-assistant-heading p{ margin:2px 0 0; color:rgba(255,255,255,.75); font-size:11.5px; line-height:1.5; }
html[data-style="app"] .kx-assistant-close{
  width:44px;
  height:44px;
  border:0;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.09);
  color:#fff;
  cursor:pointer;
}
html[data-style="app"] .kx-assistant-close:hover{ background:rgba(255,255,255,.16); }
html[data-style="app"] .kx-assistant-close svg{ width:20px; height:20px; }

html[data-style="app"] .kx-assistant-messages{
  min-height:160px;
  padding:16px;
  display:flex;
  flex-direction:column;
  gap:10px;
  overflow:auto;
  overscroll-behavior:contain;
  background:#f7f9f8;
}
html[data-style="app"] .kx-message{
  max-width:88%;
  padding:10px 12px;
  border-radius:14px;
  font-size:13px;
  line-height:1.7;
  white-space:pre-wrap;
}
html[data-style="app"] .kx-message[data-kind="assistant"]{
  align-self:flex-start;
  border:1px solid rgba(13,59,44,.1);
  border-start-start-radius:5px;
  background:#fff;
  color:var(--kx-ink);
}
html[data-style="app"] .kx-message[data-loading="true"]{
  color:var(--kx-muted);
}
html[data-style="app"] .kx-message[data-loading="true"]::after{
  content:"";
  width:14px;
  height:14px;
  margin-inline-start:8px;
  display:inline-block;
  vertical-align:-2px;
  border:2px solid rgba(13,59,44,.18);
  border-top-color:var(--kx-deep);
  border-radius:50%;
  animation:kx-spin .8s linear infinite;
}
@keyframes kx-spin{ to{ transform:rotate(360deg); } }
html[data-style="app"] .kx-message[data-kind="user"]{
  align-self:flex-end;
  border-end-end-radius:5px;
  background:var(--kx-deep);
  color:#fff;
}
html[data-style="app"] .kx-message a{
  margin-top:7px;
  display:inline-flex;
  color:var(--kx-deep);
  font-weight:700;
  text-underline-offset:3px;
}

html[data-style="app"] .kx-assistant-quick{
  padding:12px 14px 8px;
  display:flex;
  gap:7px;
  overflow-x:auto;
  scrollbar-width:thin;
  background:#fff;
}
html[data-style="app"] .kx-quick-question{
  min-height:38px;
  padding:8px 11px;
  flex:0 0 auto;
  border:1px solid rgba(13,59,44,.14);
  border-radius:999px;
  background:#fff;
  color:var(--kx-deep);
  font:inherit;
  font-size:11.5px;
  font-weight:600;
  cursor:pointer;
  white-space:nowrap;
}
html[data-style="app"] .kx-quick-question:hover{ background:#edf5f1; }
html[data-style="app"] .kx-assistant-form{
  padding:10px 14px 12px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 46px;
  gap:8px;
  background:#fff;
}
html[data-style="app"] .kx-assistant-input{
  width:100%;
  min-width:0;
  height:46px;
  padding:0 13px;
  border:1px solid rgba(13,59,44,.17);
  border-radius:12px;
  background:#fff;
  color:var(--kx-ink);
  font:inherit;
  font-size:14px;
}
html[data-style="app"] .kx-assistant-input:focus{ outline:2px solid rgba(61,141,126,.35); border-color:var(--kx-teal); }
html[data-style="app"] .kx-assistant-input:disabled{ background:#f2f5f3; color:var(--kx-muted); cursor:wait; }
html[data-style="app"] .kx-assistant-send{
  width:46px;
  height:46px;
  border:0;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:var(--kx-deep);
  color:#fff;
  cursor:pointer;
}
html[data-style="app"] .kx-assistant-send:hover{ background:var(--kx-deep-strong); }
html[data-style="app"] .kx-assistant-send:disabled{ background:#7d948b; cursor:wait; }
html[data-style="app"] .kx-assistant-send svg{ width:20px; height:20px; }
html[data-style="app"] .kx-assistant-privacy{
  margin:0;
  padding:0 14px 12px;
  color:var(--kx-muted);
  background:#fff;
  font-size:10.5px;
  line-height:1.6;
}
html[data-style="app"] .kx-visually-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

@media (max-width:640px){
  html[data-style="app"] .kx-assistant-launch{ inset-inline-start:14px; bottom:max(14px,env(safe-area-inset-bottom)); }
  html[data-style="app"] .kx-assistant-panel{
    inset-inline-start:16px;
    bottom:max(86px,calc(env(safe-area-inset-bottom) + 78px));
    width:calc(100vw - 32px);
    max-height:calc(100dvh - 108px);
  }
}

@media (prefers-reduced-motion:reduce){
  html[data-style="app"] .kx-assistant-launch,
  html[data-style="app"] .kx-assistant-panel{ transition:none!important; }
  html[data-style="app"] .kx-message[data-loading="true"]::after{ animation:none; }
}

/* Citizen wallet: document-linking and manual verification form */
html[data-style="citizen"] #claim-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px 16px}
html[data-style="citizen"] #claim-form>p,html[data-style="citizen"] #claim-form .claim-manual-choice{grid-column:1/-1;margin:0}
html[data-style="citizen"] #claim-form .claim-manual-choice{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
html[data-style="citizen"] #claim-form .claim-manual-choice small{color:var(--muted);font-size:13px}
html[data-style="citizen"] #verification-request-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;padding:22px}
html[data-style="citizen"] #verification-request-form .verification-request-header{grid-column:1/-1;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}
html[data-style="citizen"] #verification-request-form .verification-request-header h3{margin:0;color:var(--deep);font-size:21px;line-height:1.35}
html[data-style="citizen"] #verification-request-form .verification-request-header p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.7}
html[data-style="citizen"] #verification-request-form .verification-request-header .button{min-height:42px;padding-inline:16px;white-space:nowrap}
html[data-style="citizen"] #verification-request-form .verification-file-field{grid-column:1/-1}
html[data-style="citizen"] #verification-request-form .verification-file-field>small{display:block;margin-top:8px;color:var(--muted);font-size:13px}
html[data-style="citizen"] #verification-request-form>.button.primary,html[data-style="citizen"] #verification-request-form>p{grid-column:1/-1}
html[data-style="citizen"] #verification-request-form>p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}
html[data-style="citizen"] .file-upload-control{min-height:70px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--border);border-radius:var(--r);background:#fff;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease}
html[data-style="citizen"] .file-upload-control:hover,html[data-style="citizen"] .file-upload-control:focus-within{border-color:var(--deep);box-shadow:0 0 0 3px rgba(13,59,44,.12)}
html[data-style="citizen"] .file-upload-control input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}
html[data-style="citizen"] .file-upload-copy{min-width:0;display:grid;gap:2px}
html[data-style="citizen"] .file-upload-copy strong{overflow:hidden;color:var(--ink);font-size:14px;text-overflow:ellipsis;white-space:nowrap}
html[data-style="citizen"] .file-upload-copy small{color:var(--muted);font-size:12px}
html[data-style="citizen"] .file-upload-action{flex:none;padding:8px 12px;border-radius:10px;background:var(--tint);color:var(--deep);font-size:13px;font-weight:800}
@media(max-width:600px){html[data-style="citizen"] #claim-form,html[data-style="citizen"] #verification-request-form{grid-template-columns:1fr;padding:18px}html[data-style="citizen"] #claim-form .button{width:100%}html[data-style="citizen"] #verification-request-form .verification-request-header{align-items:stretch;flex-direction:column}html[data-style="citizen"] #verification-request-form .verification-request-header .button{width:100%}html[data-style="citizen"] #verification-request-form .verification-file-field,html[data-style="citizen"] #verification-request-form>.button.primary,html[data-style="citizen"] #verification-request-form>p{grid-column:auto}html[data-style="citizen"] .file-upload-control{min-height:76px}}


/* verify: verify.css, public-experience.css */
html[data-style="verify"]{
  --paper:#f4f6f5;
  --surface:#fff;
  --surface-soft:#f8faf9;
  --deep:#0d3b2c;
  --deep-strong:#082c20;
  --deep-soft:#e9f2ee;
  --gold:#96762b;
  --gold-light:#c9a961;
  --ink:#121a15;
  --ink-dim:#5a6862;
  --border:rgba(18,26,21,.11);
  --border-strong:rgba(18,26,21,.19);
  --success:#176b40;
  --success-soft:#e8f4ed;
  --danger:#b3261e;
  --danger-soft:#fceceb;
  --warning:#7a5a14;
  --warning-soft:#f8f1df;
  --info:#235d72;
  --info-soft:#e9f2f5;
  --shadow-sm:0 1px 3px rgba(13,59,44,.06);
  --shadow-md:0 16px 44px rgba(13,59,44,.10);
  --radius-sm:12px;
  --radius:18px;
  --radius-lg:26px;
}

html[data-style="verify"] *{ box-sizing:border-box; }
html[data-style="verify"]{ min-width:320px; scroll-behavior:smooth; }
html[data-style="verify"] body{
  margin:0;
  min-height:100vh;
  min-height:100dvh;
  display:flex;
  flex-direction:column;
  background:
    radial-gradient(circle at 50% -160px,rgba(61,141,126,.12),transparent 420px),
    var(--paper);
  color:var(--ink);
  font-family:"IBM Plex Sans Arabic","Tajawal",system-ui,sans-serif;
  font-size:16px;
  line-height:1.7;
}
html[data-style="verify"] button,html[data-style="verify"] input{ font:inherit; }
html[data-style="verify"] button,html[data-style="verify"] a{ -webkit-tap-highlight-color:transparent; }
html[data-style="verify"] h1,html[data-style="verify"] h2,html[data-style="verify"] h3,html[data-style="verify"] p{ margin-block-start:0; }
html[data-style="verify"] h1,html[data-style="verify"] h2,html[data-style="verify"] h3{ color:var(--ink); line-height:1.35; letter-spacing:-.02em; }
html[data-style="verify"] .mono{
  direction:ltr;
  unicode-bidi:isolate;
  font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,monospace;
  letter-spacing:.02em;
}
html[data-style="verify"] .sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
html[data-style="verify"] [hidden]{ display:none!important; }
html[data-style="verify"] :focus-visible{
  outline:3px solid rgba(61,141,126,.42);
  outline-offset:3px;
}

html[data-style="verify"] .util-bar{
  min-height:36px;
  padding:7px 20px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  flex-wrap:wrap;
  background:var(--deep-strong);
  color:rgba(255,255,255,.78);
  font-size:12px;
  text-align:center;
}
html[data-style="verify"] .util-bar b{ color:var(--gold-light); font-weight:700; }
html[data-style="verify"] header.site{
  position:relative;
  background:var(--deep);
  box-shadow:0 6px 24px rgba(8,44,32,.12);
}
html[data-style="verify"] header.site::after{
  content:"";
  position:absolute;
  inset-inline:0;
  bottom:0;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--gold-light),transparent);
}
html[data-style="verify"] .site-inner{
  width:min(1080px,calc(100% - 32px));
  min-height:70px;
  margin-inline:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
html[data-style="verify"] .logo .mark{
  width:104px;
  height:48px;
  display:block;
}
html[data-style="verify"] .logo img{ width:100%; height:100%; display:block; object-fit:contain; filter:brightness(0) invert(1); }
html[data-style="verify"] .site-actions{display:flex;align-items:center;gap:12px}
html[data-style="verify"] header.site nav{ display:flex; align-items:center; gap:4px; }
html[data-style="verify"] header.site a{
  min-height:44px;
  padding:9px 14px;
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  color:rgba(255,255,255,.84);
  font-size:13px;
  font-weight:700;
  text-decoration:none;
}
html[data-style="verify"] header.site a:hover{ background:rgba(255,255,255,.1); color:#fff; }
html[data-style="verify"] .site-language{
  min-height:44px;
  padding:9px 14px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:999px;
  background:transparent;
  color:#fff;
  font:700 13px/1 'IBM Plex Sans Arabic','Tajawal',sans-serif;
  cursor:pointer;
}
html[data-style="verify"] .site-language:hover{background:rgba(255,255,255,.1)}
html[data-style="verify"] .site-language:focus-visible{outline:3px solid var(--gold-light);outline-offset:3px}

html[data-style="verify"] main{
  width:min(1080px,calc(100% - 32px));
  flex:1 0 auto;
  min-height:58vh;
  margin-inline:auto;
  padding:44px 0 80px;
}
html[data-style="verify"] .page-head{
  max-width:670px;
  margin:0 auto 32px;
  text-align:center;
}
html[data-style="verify"] .page-head h1{ margin-bottom:8px; font-size:clamp(28px,4vw,40px); }
html[data-style="verify"] .page-head p{ margin:0; color:var(--ink-dim); }
html[data-style="verify"] .verification-tabs{
  width:min(520px,100%);
  margin:24px auto 0;
  padding:5px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px;
  border:1px solid var(--border);
  border-radius:999px;
  background:rgba(255,255,255,.72);
  box-shadow:var(--shadow-sm);
}
html[data-style="verify"] .verification-tabs a{
  min-height:46px;
  padding:9px 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  color:var(--ink-dim);
  font-size:14px;
  font-weight:800;
  text-decoration:none;
  transition:background .16s ease,color .16s ease,box-shadow .16s ease;
}
html[data-style="verify"] .verification-tabs a:hover{ color:var(--deep); background:var(--deep-soft); }
html[data-style="verify"] .verification-tabs a.active{ color:#fff; background:var(--deep); box-shadow:0 4px 12px rgba(13,59,44,.16); }

html[data-style="verify"] .lookup{ max-width:780px; margin-inline:auto; }
html[data-style="verify"] .panel{
  padding:28px;
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:var(--surface);
  box-shadow:var(--shadow-sm);
}
html[data-style="verify"] .lookup .panel{ text-align:center; }
html[data-style="verify"] .verification-methods{ padding-top:20px; }
html[data-style="verify"] .method-tabs{
  margin-bottom:24px;
  padding:5px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:5px;
  border-radius:var(--radius-sm);
  background:#eef1ef;
}
html[data-style="verify"] .method-btn{
  min-height:48px;
  padding:9px 12px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:var(--ink-dim);
  cursor:pointer;
  font:inherit;
  font-weight:800;
}
html[data-style="verify"] .method-btn:hover{ color:var(--deep); background:rgba(255,255,255,.58); }
html[data-style="verify"] .method-btn.active{ color:var(--deep); background:#fff; box-shadow:var(--shadow-sm); }
html[data-style="verify"] .method-panel{ min-height:190px; }
html[data-style="verify"] .method-panel:not(.active){ display:none; }
html[data-style="verify"] .method-action{ width:100%; margin-top:14px; }
html[data-style="verify"] .qr-dropzone{ min-height:132px; display:grid; align-content:center; }
html[data-style="verify"] .dz-file{ margin-top:7px; color:var(--deep); font-size:12px; font-weight:700; overflow-wrap:anywhere; }
html[data-style="verify"] #qr-video{ width:100%; max-height:390px; margin-bottom:14px; border-radius:var(--radius-sm); background:#071710; object-fit:cover; }
html[data-style="verify"] .camera-note{ margin:16px 0 0; color:var(--ink-dim); font-size:13px; }
html[data-style="verify"] .camera-status{ min-height:28px; margin-top:8px; color:var(--deep); font-size:13px; font-weight:700; }
html[data-style="verify"] .panel h2{ margin-bottom:6px; font-size:22px; }
html[data-style="verify"] .panel h3{ margin:8px 0 6px; font-size:20px; }
html[data-style="verify"] .hint{ margin:0 0 18px; color:var(--ink-dim); font-size:14px; }
html[data-style="verify"] .row,html[data-style="verify"] .field-action{ display:flex; gap:10px; }
html[data-style="verify"] input{
  width:100%;
  min-width:0;
  min-height:50px;
  padding:10px 15px;
  border:1px solid var(--border-strong);
  border-radius:var(--radius-sm);
  background:#fff;
  color:var(--ink);
  outline:0;
}
html[data-style="verify"] input:hover{ border-color:rgba(13,59,44,.38); }
html[data-style="verify"] input:focus{
  border-color:#3d8d7e;
  box-shadow:0 0 0 4px rgba(61,141,126,.14);
}
html[data-style="verify"] .lookup input{
  direction:ltr;
  text-align:center;
  font-family:"JetBrains Mono",ui-monospace,monospace;
  font-weight:700;
  letter-spacing:.05em;
}
html[data-style="verify"] label{
  margin-bottom:7px;
  display:block;
  color:var(--ink);
  font-size:14px;
  font-weight:700;
}

html[data-style="verify"] .btn{
  min-height:48px;
  padding:10px 20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid transparent;
  border-radius:var(--radius-sm);
  cursor:pointer;
  font-weight:700;
  text-align:center;
  text-decoration:none;
  transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease;
}
html[data-style="verify"] .btn:hover{ transform:translateY(-1px); }
html[data-style="verify"] .btn:active{ transform:translateY(0); }
html[data-style="verify"] .btn:disabled{ opacity:.58; cursor:wait; transform:none; }
html[data-style="verify"] .btn-primary{ background:var(--deep); color:#fff; box-shadow:var(--shadow-sm); }
html[data-style="verify"] .btn-primary:hover{ background:var(--deep-strong); box-shadow:0 8px 18px rgba(13,59,44,.15); }
html[data-style="verify"] .btn-outline{ border-color:var(--border-strong); background:#fff; color:var(--ink); }
html[data-style="verify"] .btn-outline:hover{ border-color:rgba(13,59,44,.32); background:var(--deep-soft); }
html[data-style="verify"] .btn-quiet{ background:transparent; color:var(--ink-dim); }
html[data-style="verify"] .btn-quiet:hover{ background:rgba(13,59,44,.06); color:var(--deep); }

html[data-style="verify"] .loading,html[data-style="verify"] .error-box{
  max-width:700px;
  min-height:116px;
  margin-inline:auto;
  padding:28px;
  align-items:center;
  justify-content:center;
  gap:14px;
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:#fff;
  box-shadow:var(--shadow-sm);
  text-align:center;
}
html[data-style="verify"] .loading:not([hidden]){ display:flex; color:var(--ink-dim); }
html[data-style="verify"] .loading-spinner{
  width:24px;
  height:24px;
  flex:0 0 auto;
  border:3px solid rgba(13,59,44,.15);
  border-top-color:var(--deep);
  border-radius:50%;
  animation:verify-spin .8s linear infinite;
}
@keyframes verify-spin{ to{ transform:rotate(360deg); } }
html[data-style="verify"] .error-box:not([hidden]){
  display:grid;
  justify-items:center;
  background:var(--danger-soft);
  border-color:rgba(179,38,30,.15);
}
html[data-style="verify"] .error-box strong{ color:var(--danger); font-size:20px; }
html[data-style="verify"] .error-box span{ max-width:540px; color:#70413c; }

html[data-style="verify"] .result-shell{
  overflow:hidden;
  border:1px solid var(--border);
  border-top:4px solid var(--info);
  border-radius:var(--radius-lg);
  background:#fff;
  box-shadow:var(--shadow-md);
}
html[data-style="verify"] .result-shell.success{ border-top-color:var(--success); }
html[data-style="verify"] .result-shell.danger{ border-top-color:var(--danger); }
html[data-style="verify"] .result-shell.warning{ border-top-color:var(--warning); }
html[data-style="verify"] .verdict{
  padding:30px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) minmax(210px,auto);
  align-items:center;
  gap:20px;
  background:linear-gradient(135deg,var(--info-soft),#fff 64%);
}
html[data-style="verify"] .success .verdict{ background:linear-gradient(135deg,var(--success-soft),#fff 64%); }
html[data-style="verify"] .danger .verdict{ background:linear-gradient(135deg,var(--danger-soft),#fff 64%); }
html[data-style="verify"] .warning .verdict{ background:linear-gradient(135deg,var(--warning-soft),#fff 64%); }
html[data-style="verify"] .verdict-symbol{
  width:66px;
  height:66px;
  display:grid;
  place-items:center;
  border-radius:20px;
  background:var(--info);
  color:#fff;
  font-size:30px;
  font-weight:800;
}
html[data-style="verify"] .success .verdict-symbol{ background:var(--success); }
html[data-style="verify"] .danger .verdict-symbol{ background:var(--danger); }
html[data-style="verify"] .warning .verdict-symbol{ background:var(--warning); }
html[data-style="verify"] .status-pill{
  min-height:28px;
  padding:3px 11px;
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  background:rgba(35,93,114,.11);
  color:var(--info);
  font-size:12px;
  font-weight:800;
}
html[data-style="verify"] .success .status-pill{ color:var(--success); background:rgba(23,107,64,.1); }
html[data-style="verify"] .danger .status-pill{ color:var(--danger); background:rgba(179,38,30,.09); }
html[data-style="verify"] .warning .status-pill{ color:var(--warning); background:rgba(122,90,20,.1); }
html[data-style="verify"] .verdict-copy h2{ margin:7px 0 5px; font-size:clamp(24px,3vw,32px); }
html[data-style="verify"] .verdict-copy p{ max-width:600px; margin:0; color:var(--ink-dim); }
html[data-style="verify"] .reference-box{
  min-width:210px;
  padding:16px;
  display:grid;
  gap:3px;
  border:1px solid var(--border);
  border-radius:var(--radius-sm);
  background:rgba(255,255,255,.78);
  text-align:start;
}
html[data-style="verify"] .reference-box span,html[data-style="verify"] .reference-box small{ color:var(--ink-dim); font-size:11px; }
html[data-style="verify"] .reference-box strong{ color:var(--deep); font-size:13px; overflow-wrap:anywhere; }

html[data-style="verify"] .trust-section,html[data-style="verify"] .record-section{ padding:30px; border-top:1px solid var(--border); }
html[data-style="verify"] .section-heading{
  margin-bottom:18px;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
}
html[data-style="verify"] .section-heading h2{ margin-top:4px; font-size:23px; }
html[data-style="verify"] .section-heading p{ max-width:440px; margin:0; color:var(--ink-dim); font-size:13px; }
html[data-style="verify"] .eyebrow{
  display:block;
  color:var(--gold);
  font-size:12px;
  font-weight:800;
}
html[data-style="verify"] .trust-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
html[data-style="verify"] .trust-card{
  min-width:0;
  padding:18px;
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:var(--surface-soft);
}
html[data-style="verify"] .trust-card.pass{ background:var(--success-soft); border-color:rgba(23,107,64,.14); }
html[data-style="verify"] .trust-card.fail{ background:var(--danger-soft); border-color:rgba(179,38,30,.14); }
html[data-style="verify"] .trust-card.warn{ background:var(--warning-soft); border-color:rgba(122,90,20,.14); }
html[data-style="verify"] .trust-top{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
html[data-style="verify"] .trust-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#edf0ee;
  color:var(--ink-dim);
  font-weight:900;
}
html[data-style="verify"] .pass .trust-icon{ color:var(--success); background:#fff; }
html[data-style="verify"] .fail .trust-icon{ color:var(--danger); background:#fff; }
html[data-style="verify"] .warn .trust-icon{ color:var(--warning); background:#fff; }
html[data-style="verify"] .trust-state{ color:var(--ink-dim); font-size:11px; font-weight:800; }
html[data-style="verify"] .pass .trust-state{ color:var(--success); }
html[data-style="verify"] .fail .trust-state{ color:var(--danger); }
html[data-style="verify"] .warn .trust-state{ color:var(--warning); }
html[data-style="verify"] .trust-card h3{ margin:13px 0 5px; font-size:17px; }
html[data-style="verify"] .trust-card p{ margin:0; color:var(--ink-dim); font-size:13px; }

html[data-style="verify"] .issuer-card{
  margin-bottom:22px;
  padding:16px;
  display:flex;
  align-items:center;
  gap:15px;
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:var(--surface-soft);
}
html[data-style="verify"] .issuer-logo{
  width:66px;
  height:66px;
  flex:0 0 auto;
  padding:8px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:16px;
  background:#fff;
}
html[data-style="verify"] .issuer-logo img{ width:100%; height:100%; display:block; object-fit:contain; }
html[data-style="verify"] .issuer-logo.placeholder{ background:var(--deep-soft); color:var(--deep); font-size:24px; font-weight:800; }
html[data-style="verify"] .issuer-card h2{ margin:3px 0; font-size:21px; }
html[data-style="verify"] .issuer-card p{ margin:0; color:var(--ink-dim); font-size:12px; }
html[data-style="verify"] .record-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 200px;
  align-items:start;
  gap:28px;
}
html[data-style="verify"] dl.details{
  margin:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
html[data-style="verify"] dl.details>div{
  min-width:0;
  padding:14px 16px;
  border:1px solid var(--border);
  border-radius:var(--radius-sm);
  background:#fff;
}
html[data-style="verify"] dl.details dt{ margin-bottom:4px; color:var(--ink-dim); font-size:11.5px; font-weight:700; }
html[data-style="verify"] dl.details dd{ margin:0; font-size:15px; font-weight:700; overflow-wrap:anywhere; }
html[data-style="verify"] .qr-box{
  padding:15px;
  display:grid;
  justify-items:center;
  gap:9px;
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:var(--surface-soft);
  text-align:center;
}
html[data-style="verify"] .qr-box canvas{
  width:168px;
  height:168px;
  max-width:100%;
  display:block;
  padding:6px;
  border-radius:10px;
  background:#fff;
}
html[data-style="verify"] .qr-box span{ color:var(--ink-dim); font-size:11px; }
html[data-style="verify"] .privacy-note{
  margin:18px 0 0;
  padding:12px 15px;
  border-radius:var(--radius-sm);
  background:var(--deep-soft);
  color:#315a4b;
  font-size:12px;
}
html[data-style="verify"] .result-note{
  padding:18px 30px;
  border-top:1px solid var(--border);
  background:var(--surface-soft);
  color:var(--ink-dim);
  font-size:12px;
}
html[data-style="verify"] .result-note strong{ color:var(--ink); }
html[data-style="verify"] .print-only{ display:none; }

html[data-style="verify"] .advanced-panel{
  margin-top:24px;
  padding:28px;
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  background:#fff;
  box-shadow:var(--shadow-sm);
}
html[data-style="verify"] .advanced-head{ margin-bottom:20px; }
html[data-style="verify"] .advanced-head h2{ margin:4px 0 5px; font-size:25px; }
html[data-style="verify"] .advanced-head p{ margin:0; color:var(--ink-dim); font-size:14px; }
html[data-style="verify"] .advanced-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
html[data-style="verify"] .advanced-grid .panel{ padding:22px; box-shadow:none; background:var(--surface-soft); }
html[data-style="verify"] .panel-icon{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:var(--deep-soft);
  color:var(--deep);
  font-size:18px;
  font-weight:900;
}
html[data-style="verify"] .field-action{ align-items:stretch; }
html[data-style="verify"] .field-action .btn{ flex:0 0 auto; }
html[data-style="verify"] .dropzone{
  min-height:126px;
  padding:20px;
  display:grid;
  place-content:center;
  border:2px dashed var(--border-strong);
  border-radius:var(--radius);
  background:#fff;
  cursor:pointer;
  text-align:center;
  transition:background .16s ease,border-color .16s ease;
}
html[data-style="verify"] .dropzone:hover,html[data-style="verify"] .dropzone.drag{ border-color:#3d8d7e; background:var(--deep-soft); }
html[data-style="verify"] .dz-main{ color:var(--ink); font-weight:800; }
html[data-style="verify"] .dz-sub{ margin-top:3px; color:var(--ink-dim); font-size:12px; }
html[data-style="verify"] .inline-result,html[data-style="verify"] #hash-result{ margin-top:12px; }
html[data-style="verify"] .result-banner{
  padding:12px 14px;
  display:grid;
  gap:2px;
  border:1px solid var(--border);
  border-radius:var(--radius-sm);
  background:#fff;
}
html[data-style="verify"] .result-banner strong{ font-size:13px; }
html[data-style="verify"] .result-banner span{ color:var(--ink-dim); font-size:11.5px; }
html[data-style="verify"] .result-banner.success{ background:var(--success-soft); border-color:rgba(23,107,64,.15); color:var(--success); }
html[data-style="verify"] .result-banner.danger{ background:var(--danger-soft); border-color:rgba(179,38,30,.15); color:var(--danger); }
html[data-style="verify"] .result-banner.neutral{ color:var(--ink-dim); }

html[data-style="verify"] .actions{
  margin-top:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  flex-wrap:wrap;
}
html[data-style="verify"] .toast{
  position:fixed;
  z-index:500;
  inset-inline-start:50%;
  bottom:max(22px,env(safe-area-inset-bottom));
  max-width:calc(100% - 32px);
  padding:11px 18px;
  transform:translateX(-50%);
  border-radius:999px;
  background:var(--deep-strong);
  color:#fff;
  box-shadow:var(--shadow-md);
  font-size:13px;
  font-weight:700;
}

html[data-style="verify"] footer.site{
  padding:28px 16px;
  background:var(--deep-strong);
  color:rgba(255,255,255,.62);
  font-size:12px;
  text-align:center;
}
html[data-style="verify"] footer.site a{
  min-height:36px;
  padding:6px 5px;
  display:inline-flex;
  align-items:center;
  color:var(--gold-light);
  font-weight:700;
  text-decoration:none;
}
html[data-style="verify"] .footer-credit{ color:#fff; font-weight:800; }

@media (max-width:820px){
  html[data-style="verify"] .verdict{ grid-template-columns:auto minmax(0,1fr); }
  html[data-style="verify"] .reference-box{ grid-column:1/-1; min-width:0; }
  html[data-style="verify"] .trust-grid{ grid-template-columns:1fr; }
  html[data-style="verify"] .record-layout{ grid-template-columns:minmax(0,1fr) 176px; gap:16px; }
  html[data-style="verify"] .advanced-grid{ grid-template-columns:1fr; }
}

@media (max-width:640px){
  html[data-style="verify"] .util-bar{ font-size:10.5px; }
  html[data-style="verify"] .site-inner{ width:min(100% - 24px,1080px); min-height:62px; }
  html[data-style="verify"] .logo .mark{ width:88px; height:42px; }
  html[data-style="verify"] header.site a{ min-height:42px; padding:8px 9px; font-size:11.5px; }
  html[data-style="verify"] .site-actions{gap:5px}
  html[data-style="verify"] .site-language{min-height:42px;padding:8px 10px;font-size:11.5px}
  html[data-style="verify"] main{ width:min(100% - 24px,1080px); padding:28px 0 56px; }
  html[data-style="verify"] .page-head{ margin-bottom:22px; }
  html[data-style="verify"] .page-head h1{ font-size:28px; }
  html[data-style="verify"] .page-head p{ font-size:13px; }
  html[data-style="verify"] .verification-tabs{ margin-top:18px; }
  html[data-style="verify"] .verification-tabs a{ min-height:42px; padding-inline:9px; font-size:12px; }
  html[data-style="verify"] .method-tabs{ grid-template-columns:1fr; border-radius:var(--radius-sm); }
  html[data-style="verify"] .method-btn{ min-height:44px; }
  html[data-style="verify"] .row,html[data-style="verify"] .field-action{ flex-direction:column; }
  html[data-style="verify"] .row .btn,html[data-style="verify"] .field-action .btn{ width:100%; }
  html[data-style="verify"] .panel{ padding:20px; }
  html[data-style="verify"] .verdict{ padding:22px; grid-template-columns:1fr; text-align:center; justify-items:center; }
  html[data-style="verify"] .verdict-symbol{ width:58px; height:58px; border-radius:18px; }
  html[data-style="verify"] .verdict-copy p{ font-size:13px; }
  html[data-style="verify"] .reference-box{ width:100%; text-align:center; }
  html[data-style="verify"] .trust-section,html[data-style="verify"] .record-section{ padding:22px; }
  html[data-style="verify"] .section-heading{ align-items:start; flex-direction:column; gap:5px; }
  html[data-style="verify"] .record-layout{ grid-template-columns:1fr; }
  html[data-style="verify"] .qr-box{ width:100%; max-width:230px; margin-inline:auto; order:-1; }
  html[data-style="verify"] dl.details{ grid-template-columns:1fr; }
  html[data-style="verify"] .issuer-card{ align-items:flex-start; }
  html[data-style="verify"] .issuer-logo{ width:56px; height:56px; border-radius:14px; }
  html[data-style="verify"] .advanced-panel{ padding:20px; }
  html[data-style="verify"] .advanced-head h2{ font-size:22px; }
  html[data-style="verify"] .actions{ display:grid; grid-template-columns:1fr 1fr; }
  html[data-style="verify"] .actions .btn{ width:100%; padding-inline:12px; }
  html[data-style="verify"] .actions .btn-primary{ grid-column:1/-1; }
  html[data-style="verify"] .actions .btn-quiet{ grid-column:1/-1; }
}

@media (max-width:420px){
  html[data-style="verify"] header.site nav a:nth-child(2){ display:none; }
  html[data-style="verify"] .actions{ grid-template-columns:1fr; }
  html[data-style="verify"] .actions .btn{ grid-column:1; }
  html[data-style="verify"] .trust-section,html[data-style="verify"] .record-section,html[data-style="verify"] .verdict,html[data-style="verify"] .advanced-panel{ padding-inline:17px; }
}

@media (prefers-reduced-motion:reduce){
  html[data-style="verify"]{ scroll-behavior:auto; }
  html[data-style="verify"] *,html[data-style="verify"] *::before,html[data-style="verify"] *::after{ animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
}

@media (forced-colors:active){
  html[data-style="verify"] .verdict-symbol,html[data-style="verify"] .status-pill,html[data-style="verify"] .trust-icon,html[data-style="verify"] .panel-icon{ forced-color-adjust:none; }
  html[data-style="verify"] .btn{ border:1px solid ButtonText; }
}

@media print{
  html[data-style="verify"] .util-bar,html[data-style="verify"] header.site,html[data-style="verify"] footer.site,html[data-style="verify"] .advanced-panel,html[data-style="verify"] .actions,html[data-style="verify"] .lookup,html[data-style="verify"] .loading,html[data-style="verify"] .error-box,html[data-style="verify"] .toast,html[data-style="verify"] .kx-assistant-launch,html[data-style="verify"] .kx-assistant-panel{ display:none!important; }
  html[data-style="verify"] body{ background:#fff; }
  html[data-style="verify"] main{ width:100%; max-width:none; padding:0; }
  html[data-style="verify"] .page-head{ margin-bottom:14px; }
  html[data-style="verify"] .result-shell{ border:1px solid #777; box-shadow:none; }
  html[data-style="verify"] .verdict,html[data-style="verify"] .trust-section,html[data-style="verify"] .record-section{ padding:18px; }
  html[data-style="verify"] .trust-card,html[data-style="verify"] dl.details>div,html[data-style="verify"] .issuer-card,html[data-style="verify"] .reference-box,html[data-style="verify"] .qr-box{ break-inside:avoid; }
  html[data-style="verify"] .print-only{ display:block; padding:0 18px 14px; color:#555; font-size:10px; }
}

html[data-style="verify"]{
  --kx-deep:var(--deep,#0d3b2c);
  --kx-deep-strong:#082c20;
  --kx-teal:#3d8d7e;
  --kx-gold:var(--gold-light,#c9a961);
  --kx-paper:var(--paper,#f5f6f5);
  --kx-surface:var(--surface,#fff);
  --kx-ink:var(--ink,#121a15);
  --kx-muted:var(--ink-dim,#5a6862);
  --kx-border:var(--border,rgba(18,26,21,.12));
  --kx-shadow:0 18px 54px rgba(8,44,32,.2);
}

html[data-style="verify"] .kx-assistant-launch{
  position:fixed;
  z-index:320;
  inset-inline-start:20px;
  bottom:max(20px,env(safe-area-inset-bottom));
  width:60px;
  height:60px;
  padding:5px;
  border:2px solid rgba(255,255,255,.9);
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 32px rgba(8,44,32,.27);
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease;
  touch-action:manipulation;
}
html[data-style="verify"] .kx-assistant-launch[hidden]{ display:none!important; }
html[data-style="verify"] .kx-assistant-launch:hover{ transform:translateY(-2px); box-shadow:0 16px 36px rgba(8,44,32,.32); }
html[data-style="verify"] .kx-assistant-launch:active{ transform:translateY(0); }
html[data-style="verify"] .kx-assistant-launch img{ width:100%; height:100%; display:block; border-radius:15px; }
html[data-style="verify"] .kx-assistant-launch::after{
  content:"";
  position:absolute;
  top:4px;
  inset-inline-end:4px;
  width:10px;
  height:10px;
  border:2px solid #fff;
  border-radius:50%;
  background:#2f9f67;
}

html[data-style="verify"] .kx-assistant-panel{
  position:fixed;
  z-index:310;
  inset-inline-start:20px;
  bottom:max(92px,calc(env(safe-area-inset-bottom) + 82px));
  width:min(390px,calc(100vw - 32px));
  max-height:min(650px,calc(100dvh - 116px));
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(13,59,44,.13);
  border-radius:22px;
  background:var(--kx-surface);
  color:var(--kx-ink);
  box-shadow:var(--kx-shadow);
  opacity:0;
  transform:translateY(10px) scale(.98);
  pointer-events:none;
  transform-origin:bottom left;
  transition:opacity .2s ease,transform .2s ease;
}
html[data-style="verify"] .kx-assistant-panel[hidden]{ display:none!important; }
html[data-style="verify"] [dir="rtl"] .kx-assistant-panel{ transform-origin:bottom right; }
html[data-style="verify"] .kx-assistant-panel[data-open="true"]{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}
html[data-style="verify"] .kx-assistant-head{
  padding:16px;
  display:flex;
  align-items:center;
  gap:12px;
  color:#fff;
  background:linear-gradient(135deg,var(--kx-deep-strong),var(--kx-deep));
}
html[data-style="verify"] .kx-assistant-avatar{
  width:46px;
  height:46px;
  flex:0 0 auto;
  border:2px solid rgba(255,255,255,.75);
  border-radius:15px;
}
html[data-style="verify"] .kx-assistant-heading{ min-width:0; flex:1; }
html[data-style="verify"] .kx-assistant-heading h2{ margin:0; color:#fff; font-size:16px; line-height:1.4; }
html[data-style="verify"] .kx-assistant-heading p{ margin:2px 0 0; color:rgba(255,255,255,.75); font-size:11.5px; line-height:1.5; }
html[data-style="verify"] .kx-assistant-close{
  width:44px;
  height:44px;
  border:0;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.09);
  color:#fff;
  cursor:pointer;
}
html[data-style="verify"] .kx-assistant-close:hover{ background:rgba(255,255,255,.16); }
html[data-style="verify"] .kx-assistant-close svg{ width:20px; height:20px; }

html[data-style="verify"] .kx-assistant-messages{
  min-height:160px;
  padding:16px;
  display:flex;
  flex-direction:column;
  gap:10px;
  overflow:auto;
  overscroll-behavior:contain;
  background:#f7f9f8;
}
html[data-style="verify"] .kx-message{
  max-width:88%;
  padding:10px 12px;
  border-radius:14px;
  font-size:13px;
  line-height:1.7;
  white-space:pre-wrap;
}
html[data-style="verify"] .kx-message[data-kind="assistant"]{
  align-self:flex-start;
  border:1px solid rgba(13,59,44,.1);
  border-start-start-radius:5px;
  background:#fff;
  color:var(--kx-ink);
}
html[data-style="verify"] .kx-message[data-loading="true"]{
  color:var(--kx-muted);
}
html[data-style="verify"] .kx-message[data-loading="true"]::after{
  content:"";
  width:14px;
  height:14px;
  margin-inline-start:8px;
  display:inline-block;
  vertical-align:-2px;
  border:2px solid rgba(13,59,44,.18);
  border-top-color:var(--kx-deep);
  border-radius:50%;
  animation:kx-spin .8s linear infinite;
}
@keyframes kx-spin{ to{ transform:rotate(360deg); } }
html[data-style="verify"] .kx-message[data-kind="user"]{
  align-self:flex-end;
  border-end-end-radius:5px;
  background:var(--kx-deep);
  color:#fff;
}
html[data-style="verify"] .kx-message a{
  margin-top:7px;
  display:inline-flex;
  color:var(--kx-deep);
  font-weight:700;
  text-underline-offset:3px;
}

html[data-style="verify"] .kx-assistant-quick{
  padding:12px 14px 8px;
  display:flex;
  gap:7px;
  overflow-x:auto;
  scrollbar-width:thin;
  background:#fff;
}
html[data-style="verify"] .kx-quick-question{
  min-height:38px;
  padding:8px 11px;
  flex:0 0 auto;
  border:1px solid rgba(13,59,44,.14);
  border-radius:999px;
  background:#fff;
  color:var(--kx-deep);
  font:inherit;
  font-size:11.5px;
  font-weight:600;
  cursor:pointer;
  white-space:nowrap;
}
html[data-style="verify"] .kx-quick-question:hover{ background:#edf5f1; }
html[data-style="verify"] .kx-assistant-form{
  padding:10px 14px 12px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 46px;
  gap:8px;
  background:#fff;
}
html[data-style="verify"] .kx-assistant-input{
  width:100%;
  min-width:0;
  height:46px;
  padding:0 13px;
  border:1px solid rgba(13,59,44,.17);
  border-radius:12px;
  background:#fff;
  color:var(--kx-ink);
  font:inherit;
  font-size:14px;
}
html[data-style="verify"] .kx-assistant-input:focus{ outline:2px solid rgba(61,141,126,.35); border-color:var(--kx-teal); }
html[data-style="verify"] .kx-assistant-input:disabled{ background:#f2f5f3; color:var(--kx-muted); cursor:wait; }
html[data-style="verify"] .kx-assistant-send{
  width:46px;
  height:46px;
  border:0;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:var(--kx-deep);
  color:#fff;
  cursor:pointer;
}
html[data-style="verify"] .kx-assistant-send:hover{ background:var(--kx-deep-strong); }
html[data-style="verify"] .kx-assistant-send:disabled{ background:#7d948b; cursor:wait; }
html[data-style="verify"] .kx-assistant-send svg{ width:20px; height:20px; }
html[data-style="verify"] .kx-assistant-privacy{
  margin:0;
  padding:0 14px 12px;
  color:var(--kx-muted);
  background:#fff;
  font-size:10.5px;
  line-height:1.6;
}
html[data-style="verify"] .kx-visually-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

@media (max-width:640px){
  html[data-style="verify"] .kx-assistant-launch{ inset-inline-start:14px; bottom:max(14px,env(safe-area-inset-bottom)); }
  html[data-style="verify"] .kx-assistant-panel{
    inset-inline-start:16px;
    bottom:max(86px,calc(env(safe-area-inset-bottom) + 78px));
    width:calc(100vw - 32px);
    max-height:calc(100dvh - 108px);
  }
}

@media (prefers-reduced-motion:reduce){
  html[data-style="verify"] .kx-assistant-launch,
  html[data-style="verify"] .kx-assistant-panel{ transition:none!important; }
  html[data-style="verify"] .kx-message[data-loading="true"]::after{ animation:none; }
}


/* citizen: citizen.css */
html[data-style="citizen"]{--deep:#0d3b2c;--deep-2:#155540;--tint:#e7efe9;--gold:#96762b;--paper:#f5f6f5;--surface:#fff;--ink:#121a15;--muted:#5a6862;--border:rgba(18,26,21,.12);--danger:#b3261e;--success:#14683d;--r:14px;--rl:22px;--shadow:0 12px 34px rgba(18,26,21,.09)}
html[data-style="citizen"] [hidden]{display:none!important}
html[data-style="citizen"] *{box-sizing:border-box}html[data-style="citizen"]{font-family:'IBM Plex Sans Arabic','Tajawal',sans-serif;background:var(--paper);color:var(--ink);-webkit-text-size-adjust:100%}html[data-style="citizen"] body{margin:0;min-height:100vh;display:flex;flex-direction:column;line-height:1.7}html[data-style="citizen"] button,html[data-style="citizen"] input,html[data-style="citizen"] select{font:inherit}html[data-style="citizen"] .skip{position:absolute;top:-80px;inset-inline-start:16px;background:var(--deep);color:#fff;padding:8px 16px;border-radius:10px;z-index:20}html[data-style="citizen"] .skip:focus{top:8px}html[data-style="citizen"] .citizen-header{min-height:76px;padding:10px clamp(18px,5vw,72px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;background:var(--deep);border-bottom:2px solid #b99745;color:#fff}html[data-style="citizen"] .citizen-brand{justify-self:start;display:flex}html[data-style="citizen"] .citizen-brand img{width:104px;height:48px;object-fit:contain;filter:brightness(0) invert(1)}html[data-style="citizen"] .citizen-header nav{display:flex;gap:8px}html[data-style="citizen"] .citizen-header nav a{color:rgba(255,255,255,.76);text-decoration:none;padding:8px 12px;border-radius:999px;font-weight:600;font-size:14px}html[data-style="citizen"] .citizen-header nav a:hover,html[data-style="citizen"] .citizen-header nav a:focus-visible{color:#fff;background:rgba(255,255,255,.1)}html[data-style="citizen"] .citizen-header>.button{justify-self:end}html[data-style="citizen"] main{width:100%;flex:1}html[data-style="citizen"] .button{min-height:48px;border-radius:var(--r);border:1px solid transparent;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;cursor:pointer;transition:.16s ease}html[data-style="citizen"] .button:disabled{opacity:.5;cursor:not-allowed}html[data-style="citizen"] .button.primary{background:var(--deep);color:#fff;box-shadow:0 2px 8px rgba(13,59,44,.16)}html[data-style="citizen"] .button.primary:hover:not(:disabled){background:var(--deep-2)}html[data-style="citizen"] .button.secondary{background:#fff;color:var(--deep);border-color:var(--border)}html[data-style="citizen"] .button.block{width:100%}html[data-style="citizen"] .text-button{border:0;background:none;color:var(--deep);font-weight:700;cursor:pointer;margin:auto}html[data-style="citizen"] .auth-shell{width:min(1180px,calc(100% - 32px));margin:52px auto;display:grid;grid-template-columns:1fr minmax(380px,480px);background:var(--surface);border-radius:var(--rl);overflow:hidden;box-shadow:var(--shadow);min-height:640px}html[data-style="citizen"] .auth-story{padding:clamp(40px,7vw,84px);background:linear-gradient(145deg,var(--deep),#072b1f);color:#fff;display:flex;flex-direction:column;justify-content:center}html[data-style="citizen"] .auth-story>span,html[data-style="citizen"] .wallet-hero span,html[data-style="citizen"] .panel-head span,html[data-style="citizen"] .share-lookup>span,html[data-style="citizen"] .shared-bundle header span{color:#caa34b;font-size:13px;font-weight:800}html[data-style="citizen"] .auth-story h1{font-size:clamp(36px,5vw,62px);line-height:1.28;margin:12px 0 22px;letter-spacing:-.03em}html[data-style="citizen"] .auth-story p{color:rgba(255,255,255,.76);font-size:17px;max-width:630px}html[data-style="citizen"] .auth-story ul{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:12px}html[data-style="citizen"] .auth-story li:before{content:'✓';color:#d0aa52;margin-inline-end:10px}html[data-style="citizen"] .auth-card{padding:clamp(28px,5vw,56px);display:flex;flex-direction:column;justify-content:center}html[data-style="citizen"] .auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--paper);padding:5px;border-radius:999px;margin-bottom:28px}html[data-style="citizen"] .auth-tabs button{border:0;border-radius:999px;background:none;min-height:44px;font-weight:700;color:var(--muted);cursor:pointer}html[data-style="citizen"] .auth-tabs button.active{background:var(--surface);color:var(--deep);box-shadow:0 2px 7px rgba(18,26,21,.08)}html[data-style="citizen"] .auth-form{display:grid;gap:18px}html[data-style="citizen"] .field{display:grid;gap:7px}html[data-style="citizen"] .field label,html[data-style="citizen"] fieldset legend{font-size:14px;font-weight:700}html[data-style="citizen"] .field small,html[data-style="citizen"] .check-row small{font-weight:400;color:var(--muted)}html[data-style="citizen"] .field input,html[data-style="citizen"] .field select,html[data-style="citizen"] .share-lookup input{width:100%;min-height:52px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--r);background:#fff;color:var(--ink);outline:none}html[data-style="citizen"] .field input:focus,html[data-style="citizen"] .field select:focus,html[data-style="citizen"] .share-lookup input:focus{border-color:var(--deep-2);box-shadow:0 0 0 3px rgba(21,85,64,.12)}html[data-style="citizen"] .check-row{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--muted)}html[data-style="citizen"] .check-row input{width:20px;height:20px;accent-color:var(--deep);flex:none}html[data-style="citizen"] .check-row a{color:var(--deep)}html[data-style="citizen"] .otp{direction:ltr;text-align:center;font-size:24px;letter-spacing:8px;font-variant-numeric:tabular-nums}html[data-style="citizen"] .notice{padding:14px;background:var(--tint);border-radius:var(--r);display:grid}html[data-style="citizen"] .notice span{color:var(--muted);font-size:14px;direction:ltr;text-align:right}html[data-style="citizen"] .feedback{min-height:24px;color:var(--danger);font-weight:700;font-size:14px}html[data-style="citizen"] .wallet{width:min(1280px,calc(100% - 32px));margin:40px auto 72px}html[data-style="citizen"] .wallet-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}html[data-style="citizen"] .wallet-hero h1{font-size:clamp(36px,5vw,58px);margin:4px 0}html[data-style="citizen"] .wallet-hero p{color:var(--muted)}html[data-style="citizen"] .assurance{padding:14px 18px;border-radius:var(--r);background:var(--tint);display:grid;gap:2px;min-width:220px}html[data-style="citizen"] .assurance strong{color:var(--success)}html[data-style="citizen"] .assurance span{color:var(--muted);font-size:13px}html[data-style="citizen"] .privacy-banner{background:var(--deep);color:#fff;border-radius:var(--rl);padding:18px 22px;display:flex;align-items:center;gap:14px;margin-bottom:24px}html[data-style="citizen"] .privacy-banner>span{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.12);display:grid;place-items:center}html[data-style="citizen"] .privacy-banner p{margin:0;color:rgba(255,255,255,.72)}html[data-style="citizen"] .wallet-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.75fr);gap:24px}html[data-style="citizen"] .panel{background:#fff;border:1px solid var(--border);border-radius:var(--rl);padding:24px;box-shadow:0 4px 18px rgba(18,26,21,.04)}html[data-style="citizen"] .panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}html[data-style="citizen"] .panel-head h2{margin:2px 0;font-size:25px}html[data-style="citizen"] .inline-form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:14px;padding:18px;border-radius:var(--r);background:var(--paper);margin-bottom:20px}html[data-style="citizen"] .inline-form p{grid-column:1/-1;color:var(--muted);font-size:13px;margin:0}html[data-style="citizen"] .code{direction:ltr;font-family:monospace;font-variant-numeric:tabular-nums}html[data-style="citizen"] .document-list{display:grid;gap:12px}html[data-style="citizen"] .document-card{border:1px solid var(--border);border-radius:var(--r);padding:16px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}html[data-style="citizen"] .document-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--tint);color:var(--deep);font-weight:900}html[data-style="citizen"] .document-card h3{margin:0;font-size:17px}html[data-style="citizen"] .document-card p{margin:2px 0 0;color:var(--muted);font-size:13px}html[data-style="citizen"] .status{padding:5px 10px;border-radius:999px;font-size:12px;font-weight:800;background:#e4f1e9;color:var(--success)}html[data-style="citizen"] .status.revoked{background:#fbebe9;color:var(--danger)}html[data-style="citizen"] .share-panel form{display:grid;gap:16px}html[data-style="citizen"] .share-panel fieldset{margin:0;padding:0;border:0}html[data-style="citizen"] .share-checks{display:grid;gap:8px;margin-top:8px}html[data-style="citizen"] .share-check{display:flex;gap:9px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:12px}html[data-style="citizen"] .share-check input{width:18px;height:18px;accent-color:var(--deep)}html[data-style="citizen"] .empty{padding:28px;text-align:center;color:var(--muted);background:var(--paper);border-radius:var(--r)}html[data-style="citizen"] .share-created{margin-top:18px;padding:18px;background:var(--tint);border-radius:var(--r);text-align:center}html[data-style="citizen"] .share-created canvas{display:block;margin:0 auto 10px;background:#fff;padding:8px;border-radius:12px}html[data-style="citizen"] .share-created strong{direction:ltr;display:block;font-family:monospace;font-size:18px}html[data-style="citizen"] .share-created p{font-size:13px;color:var(--muted)}html[data-style="citizen"] .shares-history{margin-top:24px}html[data-style="citizen"] .shares-list{display:grid;gap:10px}html[data-style="citizen"] .share-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:14px;border:1px solid var(--border);border-radius:var(--r)}html[data-style="citizen"] .share-row b{display:block}html[data-style="citizen"] .share-row small{color:var(--muted)}html[data-style="citizen"] .share-row .button{min-height:38px;padding:0 14px}html[data-style="citizen"] .share-lookup{width:min(760px,calc(100% - 32px));margin:70px auto 24px;text-align:center}html[data-style="citizen"] .share-lookup h1{font-size:clamp(34px,6vw,58px);margin:8px 0}html[data-style="citizen"] .share-lookup p{color:var(--muted)}html[data-style="citizen"] .share-lookup form{margin:26px auto 0;max-width:520px;text-align:start}html[data-style="citizen"] .share-lookup form>div{display:grid;grid-template-columns:1fr auto;gap:10px}html[data-style="citizen"] .shared-bundle{width:min(920px,calc(100% - 32px));margin:24px auto 72px}html[data-style="citizen"] .shared-bundle>header{display:flex;justify-content:space-between;gap:24px;align-items:center;border-bottom:1px solid var(--border);padding-bottom:20px;margin-bottom:20px}html[data-style="citizen"] .shared-bundle h2{font-size:30px;margin:4px 0}html[data-style="citizen"] .shared-bundle p{color:var(--muted)}html[data-style="citizen"] .identity-warning{padding:14px 16px;background:#fff8e7;color:#6c541e;border-radius:var(--r);margin-bottom:18px}html[data-style="citizen"] .empty-state{width:min(760px,calc(100% - 32px));margin:32px auto;padding:22px;text-align:center;color:var(--muted)}html[data-style="citizen"] footer{background:var(--deep);color:rgba(255,255,255,.7);padding:24px clamp(18px,5vw,72px);display:flex;gap:22px;justify-content:center}html[data-style="citizen"] footer a{color:inherit}html[data-style="citizen"] button:focus-visible,html[data-style="citizen"] a:focus-visible,html[data-style="citizen"] input:focus-visible,html[data-style="citizen"] select:focus-visible{outline:3px solid #caa34b;outline-offset:3px}
html[data-style="citizen"] /* Account entry reuses the institution-login composition and step language. */
.auth-shell{width:min(1240px,calc(100% - 32px));grid-template-columns:minmax(480px,1fr) minmax(420px,.9fr);direction:ltr;min-height:650px}html[data-style="citizen"] .auth-story{direction:rtl;align-items:center;text-align:center;background:linear-gradient(165deg,rgba(13,59,44,.96),rgba(7,43,31,.98)),url('/assets/login-bg.jpg') center/cover}html[data-style="citizen"] .auth-story-logo{width:min(250px,70%);height:120px;object-fit:contain;filter:brightness(0) invert(1);margin-bottom:26px}html[data-style="citizen"] .auth-story h1{font-size:clamp(34px,4.4vw,56px)}html[data-style="citizen"] .auth-story p{font-size:16px}html[data-style="citizen"] .auth-story ul{text-align:start;margin-top:28px}html[data-style="citizen"] .auth-card{direction:rtl}html[data-style="citizen"] .auth-tabs{margin-bottom:24px}html[data-style="citizen"] .auth-card-head{margin-bottom:18px}html[data-style="citizen"] .auth-card-head h2{margin:0;color:var(--ink);font-size:28px;line-height:1.3}html[data-style="citizen"] .auth-card-head p{margin:5px 0 0;color:var(--muted);font-size:14px}html[data-style="citizen"] .citizen-auth-steps{display:flex;align-items:center;gap:9px;margin:0 0 24px;color:var(--muted);font-size:12px;font-weight:700;overflow:hidden}html[data-style="citizen"] .citizen-step{display:flex;align-items:center;gap:7px;white-space:nowrap}html[data-style="citizen"] .citizen-step-dot{width:28px;height:28px;border:1px solid var(--border);border-radius:50%;background:#fff;color:var(--muted);display:grid;place-items:center;font-variant-numeric:tabular-nums}html[data-style="citizen"] .citizen-step.active .citizen-step-dot{background:var(--deep);border-color:var(--deep);color:#fff;box-shadow:0 0 0 4px rgba(11,46,34,.10)}html[data-style="citizen"] .citizen-step.done{color:var(--success)}html[data-style="citizen"] .citizen-step.done .citizen-step-dot{background:#e4f1e9;border-color:rgba(20,104,61,.28);color:var(--success)}html[data-style="citizen"] .citizen-step-line{height:2px;background:var(--border);flex:1 1 24px;min-width:16px}html[data-style="citizen"] .profile-intro{padding:14px;background:var(--tint);border-radius:var(--r);display:grid}html[data-style="citizen"] .profile-intro span{color:var(--muted);font-size:13px}html[data-style="citizen"] .auth-form{gap:16px}
@media(max-width:900px){html[data-style="citizen"] .citizen-header{grid-template-columns:1fr auto}html[data-style="citizen"] .citizen-header nav{display:none}html[data-style="citizen"] .auth-shell{grid-template-columns:1fr;margin-top:24px}html[data-style="citizen"] .auth-story{min-height:auto;order:2}html[data-style="citizen"] .auth-card{order:1}html[data-style="citizen"] .wallet-grid{grid-template-columns:1fr}html[data-style="citizen"] .wallet-hero{align-items:flex-start;flex-direction:column}html[data-style="citizen"] .assurance{width:100%}}
@media(max-width:600px){html[data-style="citizen"] .auth-shell,html[data-style="citizen"] .wallet{width:min(100% - 20px,100%)}html[data-style="citizen"] .auth-story,html[data-style="citizen"] .auth-card{padding:28px 20px}html[data-style="citizen"] .auth-story h1{font-size:34px}html[data-style="citizen"] .auth-story-logo{width:160px;height:82px}html[data-style="citizen"] .citizen-auth-steps{gap:5px}html[data-style="citizen"] .citizen-step{gap:5px}html[data-style="citizen"] .citizen-step-label{font-size:10px}html[data-style="citizen"] .citizen-header{padding:10px 14px}html[data-style="citizen"] .citizen-brand img{width:82px}html[data-style="citizen"] .inline-form{grid-template-columns:1fr}html[data-style="citizen"] .document-card{grid-template-columns:auto 1fr}html[data-style="citizen"] .document-card .status{grid-column:1/-1;justify-self:start}html[data-style="citizen"] .share-row{grid-template-columns:1fr auto}html[data-style="citizen"] .share-row .button{grid-column:1/-1}html[data-style="citizen"] .shared-bundle>header{align-items:flex-start;flex-direction:column}html[data-style="citizen"] .share-lookup form>div{grid-template-columns:1fr}html[data-style="citizen"] .panel{padding:18px}}

html[data-style="citizen"] .identity-panel{margin-bottom:24px}html[data-style="citizen"] .identity-panel-head{align-items:flex-start}html[data-style="citizen"] .identity-panel-head p{margin:4px 0 0;color:var(--muted)}html[data-style="citizen"] .identity-methods{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}html[data-style="citizen"] .identity-method{position:relative;min-height:96px;text-align:start;padding:18px;border:1px solid var(--border);border-radius:var(--r);background:#fff;color:var(--ink);display:grid;gap:3px}html[data-style="citizen"] .identity-method.active{border-color:var(--deep);background:var(--tint)}html[data-style="citizen"] .identity-method strong{font-size:16px}html[data-style="citizen"] .identity-method span{color:var(--muted);font-size:13px}html[data-style="citizen"] .identity-method.sanad{opacity:.68;cursor:not-allowed}html[data-style="citizen"] .identity-method .soon-badge{position:absolute;top:10px;inset-inline-end:10px;background:#fff4d9;color:#765a15;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800}html[data-style="citizen"] .identity-form{display:grid;gap:18px}html[data-style="citizen"] .identity-upload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}html[data-style="citizen"] .identity-upload{min-height:180px;border:1px dashed #9fb5ad;border-radius:var(--r);background:var(--paper);padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:.16s ease}html[data-style="citizen"] .identity-upload:hover,html[data-style="citizen"] .identity-upload:focus-within{border-color:var(--deep);background:var(--tint)}html[data-style="citizen"] .identity-upload input{position:absolute;inline-size:1px;block-size:1px;opacity:0}html[data-style="citizen"] .identity-upload-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--deep);color:#fff;font-size:22px;margin-bottom:8px}html[data-style="citizen"] .identity-upload small{color:var(--muted)}html[data-style="citizen"] .identity-upload em{font-style:normal;color:var(--deep);font-size:12px;font-weight:700;margin-top:8px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html[data-style="citizen"] .identity-security-note{display:flex;gap:12px;align-items:flex-start;background:var(--tint);border-radius:var(--r);padding:14px 16px}html[data-style="citizen"] .identity-security-note>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--deep);color:#fff;flex:none}html[data-style="citizen"] .identity-security-note p{margin:0;color:var(--muted);font-size:14px}html[data-style="citizen"] .identity-security-note strong{display:block;color:var(--deep)}html[data-style="citizen"] .identity-pending{background:var(--tint);border:1px solid #bed8cb;border-radius:var(--r);padding:18px}html[data-style="citizen"] .identity-pending strong{color:var(--deep);font-size:18px}html[data-style="citizen"] .identity-pending p{margin:3px 0 0;color:var(--muted)}

@media(max-width:900px){html[data-style="citizen"] .identity-upload-grid{grid-template-columns:1fr 1fr}html[data-style="citizen"] .identity-upload:last-child{grid-column:1/-1}html[data-style="citizen"] .identity-methods{grid-template-columns:1fr}}
@media(max-width:600px){html[data-style="citizen"] .identity-upload-grid{grid-template-columns:1fr}html[data-style="citizen"] .identity-upload:last-child{grid-column:auto}html[data-style="citizen"] .identity-panel-head{display:grid}html[data-style="citizen"] .identity-panel-head>.status{justify-self:start}html[data-style="citizen"] .identity-form>.button{width:100%}}

/* Keep the existing Khatm identity-verification pattern, with a denser desktop rhythm. */
html[data-style="citizen"] .identity-panel{padding:20px 22px 22px}
html[data-style="citizen"] .identity-panel-head{margin-bottom:16px}
html[data-style="citizen"] .identity-methods{gap:12px;margin-bottom:14px}
html[data-style="citizen"] .identity-method{min-height:80px;padding:13px 16px}
html[data-style="citizen"] .identity-form{gap:12px}
html[data-style="citizen"] .identity-upload-grid{gap:12px}
html[data-style="citizen"] .identity-upload{min-height:144px;padding:14px}
html[data-style="citizen"] .identity-upload-icon{width:34px;height:34px;margin-bottom:5px;font-size:20px}
html[data-style="citizen"] .identity-upload em{margin-top:5px}
html[data-style="citizen"] .identity-security-note{gap:10px;padding:12px 14px}
html[data-style="citizen"] .identity-security-note>span{width:28px;height:28px}
html[data-style="citizen"] .identity-security-note p{font-size:13px;line-height:1.6}
html[data-style="citizen"] .identity-form .check-row{line-height:1.55}
@media(max-width:600px){html[data-style="citizen"] .identity-panel{padding:18px}html[data-style="citizen"] .identity-upload{min-height:148px}}

@media(prefers-reduced-motion:reduce){html[data-style="citizen"] *{scroll-behavior:auto!important;transition:none!important}}
html[data-style="citizen"] .citizen-session-loader[hidden]{display:none}html[data-style="citizen"] .citizen-session-loader{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:var(--sp-3);background:var(--paper);opacity:1;visibility:visible;transition:opacity var(--t-fast),visibility var(--t-fast)}html[data-style="citizen"] .citizen-session-loader-card{width:min(100%,320px);display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);color:var(--ink-dim);text-align:center}html[data-style="citizen"] .citizen-session-loader-card>img{width:128px;height:72px;padding:8px 12px;object-fit:contain;border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--e1)}html[data-style="citizen"] .citizen-session-loader-spinner{width:32px;height:32px;border:3px solid var(--deep-tint);border-top-color:var(--deep);border-radius:50%;animation:authBootstrapSpin .75s linear infinite}html[data-style="citizen"] .citizen-session-loader-card p{margin:0;font-size:14px;font-weight:600}html[data-style="citizen"] .citizen-booting{overflow:hidden}
@media(prefers-reduced-motion:reduce){html[data-style="citizen"] .citizen-session-loader-spinner{animation:none;opacity:.7}}
html[data-style="citizen"] .citizen-header-actions{justify-self:end;display:flex;align-items:center;gap:10px}html[data-style="citizen"] .citizen-language{min-height:42px;padding:0 16px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:transparent;color:#fff;font-weight:700;cursor:pointer}html[data-style="citizen"] .citizen-language:hover{background:rgba(255,255,255,.1)}html[data-style="citizen"] .citizen-language:focus-visible{outline:3px solid #caa34b;outline-offset:3px}html[data-style="citizen"][dir="ltr"] .auth-story,html[data-style="citizen"][dir="ltr"] .auth-card{direction:ltr}html[data-style="citizen"][dir="ltr"] .notice span{text-align:left}@media(max-width:600px){html[data-style="citizen"] .citizen-header-actions{gap:6px}html[data-style="citizen"] .citizen-language{min-height:38px;padding:0 11px;font-size:12px}}
html[data-style="citizen"] .field-label-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}html[data-style="citizen"] .field-label-actions .forgot-password-link{margin:0;padding:0;font-size:13px;text-decoration:underline;text-underline-offset:4px}html[data-style="citizen"] .auth-form>.text-button{min-height:38px;padding-inline:12px}html[data-style="citizen"][dir="ltr"] .field-label-actions{flex-direction:row}

html[data-style="citizen"] /* Public share page follows the canonical public-page header and footer scale. */
.share-public .citizen-header{
  min-height:70px;
  padding:0;
  display:block;
  border-bottom:0;
  position:relative;
  box-shadow:0 6px 24px rgba(8,44,32,.12);
}
html[data-style="citizen"] .share-public .citizen-header::after{
  content:"";
  position:absolute;
  inset-inline:0;
  bottom:0;
  height:2px;
  background:linear-gradient(90deg,transparent,#caa34b,transparent);
}
html[data-style="citizen"] .share-public .citizen-header-inner{
  width:min(1080px,calc(100% - 32px));
  min-height:70px;
  margin-inline:auto;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:20px;
}
html[data-style="citizen"] .share-public .citizen-brand img{width:104px;height:48px}
html[data-style="citizen"] .share-public .citizen-header nav{align-items:center;gap:4px}
html[data-style="citizen"] .share-public .citizen-header nav a{
  min-height:44px;
  padding:9px 14px;
  display:inline-flex;
  align-items:center;
  font-size:13px;
  font-weight:700;
}
html[data-style="citizen"] .share-public .citizen-language{
  min-height:44px;
  padding-inline:14px;
  font-size:13px;
  line-height:1;
}
html[data-style="citizen"] .share-public .citizen-public-footer{padding:28px 16px;font-size:12px}
html[data-style="citizen"] .share-public .citizen-footer-inner{
  width:min(1080px,100%);
  margin-inline:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  flex-wrap:wrap;
}
html[data-style="citizen"] .share-public .citizen-public-footer a{
  min-height:36px;
  padding:6px 5px;
  display:inline-flex;
  align-items:center;
  color:#d0aa52;
  font-weight:700;
  text-decoration:none;
}
@media(max-width:900px){
  html[data-style="citizen"] .share-public .citizen-header-inner{grid-template-columns:1fr auto}
}
@media(max-width:600px){
  html[data-style="citizen"] .share-public .citizen-header-inner{width:min(100% - 24px,1080px);min-height:62px;gap:12px}
  html[data-style="citizen"] .share-public .citizen-brand img{width:88px;height:42px}
  html[data-style="citizen"] .share-public .citizen-language{min-height:42px;padding-inline:11px;font-size:11.5px}
  html[data-style="citizen"] .share-public .citizen-public-footer{padding:24px 12px}
  html[data-style="citizen"] .share-public .citizen-footer-inner{gap:8px 12px}
}


/* share: citizen.css */
html[data-style="share"]{--deep:#0d3b2c;--deep-2:#155540;--tint:#e7efe9;--gold:#96762b;--paper:#f5f6f5;--surface:#fff;--ink:#121a15;--muted:#5a6862;--border:rgba(18,26,21,.12);--danger:#b3261e;--success:#14683d;--r:14px;--rl:22px;--shadow:0 12px 34px rgba(18,26,21,.09)}
html[data-style="share"] [hidden]{display:none!important}
html[data-style="share"] *{box-sizing:border-box}html[data-style="share"]{font-family:'IBM Plex Sans Arabic','Tajawal',sans-serif;background:var(--paper);color:var(--ink);-webkit-text-size-adjust:100%}html[data-style="share"] body{margin:0;min-height:100vh;display:flex;flex-direction:column;line-height:1.7}html[data-style="share"] button,html[data-style="share"] input,html[data-style="share"] select{font:inherit}html[data-style="share"] .skip{position:absolute;top:-80px;inset-inline-start:16px;background:var(--deep);color:#fff;padding:8px 16px;border-radius:10px;z-index:20}html[data-style="share"] .skip:focus{top:8px}html[data-style="share"] .citizen-header{min-height:76px;padding:10px clamp(18px,5vw,72px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;background:var(--deep);border-bottom:2px solid #b99745;color:#fff}html[data-style="share"] .citizen-brand{justify-self:start;display:flex}html[data-style="share"] .citizen-brand img{width:104px;height:48px;object-fit:contain;filter:brightness(0) invert(1)}html[data-style="share"] .citizen-header nav{display:flex;gap:8px}html[data-style="share"] .citizen-header nav a{color:rgba(255,255,255,.76);text-decoration:none;padding:8px 12px;border-radius:999px;font-weight:600;font-size:14px}html[data-style="share"] .citizen-header nav a:hover,html[data-style="share"] .citizen-header nav a:focus-visible{color:#fff;background:rgba(255,255,255,.1)}html[data-style="share"] .citizen-header>.button{justify-self:end}html[data-style="share"] main{width:100%;flex:1}html[data-style="share"] .button{min-height:48px;border-radius:var(--r);border:1px solid transparent;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;cursor:pointer;transition:.16s ease}html[data-style="share"] .button:disabled{opacity:.5;cursor:not-allowed}html[data-style="share"] .button.primary{background:var(--deep);color:#fff;box-shadow:0 2px 8px rgba(13,59,44,.16)}html[data-style="share"] .button.primary:hover:not(:disabled){background:var(--deep-2)}html[data-style="share"] .button.secondary{background:#fff;color:var(--deep);border-color:var(--border)}html[data-style="share"] .button.block{width:100%}html[data-style="share"] .text-button{border:0;background:none;color:var(--deep);font-weight:700;cursor:pointer;margin:auto}html[data-style="share"] .auth-shell{width:min(1180px,calc(100% - 32px));margin:52px auto;display:grid;grid-template-columns:1fr minmax(380px,480px);background:var(--surface);border-radius:var(--rl);overflow:hidden;box-shadow:var(--shadow);min-height:640px}html[data-style="share"] .auth-story{padding:clamp(40px,7vw,84px);background:linear-gradient(145deg,var(--deep),#072b1f);color:#fff;display:flex;flex-direction:column;justify-content:center}html[data-style="share"] .auth-story>span,html[data-style="share"] .wallet-hero span,html[data-style="share"] .panel-head span,html[data-style="share"] .share-lookup>span,html[data-style="share"] .shared-bundle header span{color:#caa34b;font-size:13px;font-weight:800}html[data-style="share"] .auth-story h1{font-size:clamp(36px,5vw,62px);line-height:1.28;margin:12px 0 22px;letter-spacing:-.03em}html[data-style="share"] .auth-story p{color:rgba(255,255,255,.76);font-size:17px;max-width:630px}html[data-style="share"] .auth-story ul{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:12px}html[data-style="share"] .auth-story li:before{content:'✓';color:#d0aa52;margin-inline-end:10px}html[data-style="share"] .auth-card{padding:clamp(28px,5vw,56px);display:flex;flex-direction:column;justify-content:center}html[data-style="share"] .auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--paper);padding:5px;border-radius:999px;margin-bottom:28px}html[data-style="share"] .auth-tabs button{border:0;border-radius:999px;background:none;min-height:44px;font-weight:700;color:var(--muted);cursor:pointer}html[data-style="share"] .auth-tabs button.active{background:var(--surface);color:var(--deep);box-shadow:0 2px 7px rgba(18,26,21,.08)}html[data-style="share"] .auth-form{display:grid;gap:18px}html[data-style="share"] .field{display:grid;gap:7px}html[data-style="share"] .field label,html[data-style="share"] fieldset legend{font-size:14px;font-weight:700}html[data-style="share"] .field small,html[data-style="share"] .check-row small{font-weight:400;color:var(--muted)}html[data-style="share"] .field input,html[data-style="share"] .field select,html[data-style="share"] .share-lookup input{width:100%;min-height:52px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--r);background:#fff;color:var(--ink);outline:none}html[data-style="share"] .field input:focus,html[data-style="share"] .field select:focus,html[data-style="share"] .share-lookup input:focus{border-color:var(--deep-2);box-shadow:0 0 0 3px rgba(21,85,64,.12)}html[data-style="share"] .check-row{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--muted)}html[data-style="share"] .check-row input{width:20px;height:20px;accent-color:var(--deep);flex:none}html[data-style="share"] .check-row a{color:var(--deep)}html[data-style="share"] .otp{direction:ltr;text-align:center;font-size:24px;letter-spacing:8px;font-variant-numeric:tabular-nums}html[data-style="share"] .notice{padding:14px;background:var(--tint);border-radius:var(--r);display:grid}html[data-style="share"] .notice span{color:var(--muted);font-size:14px;direction:ltr;text-align:right}html[data-style="share"] .feedback{min-height:24px;color:var(--danger);font-weight:700;font-size:14px}html[data-style="share"] .wallet{width:min(1280px,calc(100% - 32px));margin:40px auto 72px}html[data-style="share"] .wallet-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}html[data-style="share"] .wallet-hero h1{font-size:clamp(36px,5vw,58px);margin:4px 0}html[data-style="share"] .wallet-hero p{color:var(--muted)}html[data-style="share"] .assurance{padding:14px 18px;border-radius:var(--r);background:var(--tint);display:grid;gap:2px;min-width:220px}html[data-style="share"] .assurance strong{color:var(--success)}html[data-style="share"] .assurance span{color:var(--muted);font-size:13px}html[data-style="share"] .privacy-banner{background:var(--deep);color:#fff;border-radius:var(--rl);padding:18px 22px;display:flex;align-items:center;gap:14px;margin-bottom:24px}html[data-style="share"] .privacy-banner>span{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.12);display:grid;place-items:center}html[data-style="share"] .privacy-banner p{margin:0;color:rgba(255,255,255,.72)}html[data-style="share"] .wallet-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.75fr);gap:24px}html[data-style="share"] .panel{background:#fff;border:1px solid var(--border);border-radius:var(--rl);padding:24px;box-shadow:0 4px 18px rgba(18,26,21,.04)}html[data-style="share"] .panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}html[data-style="share"] .panel-head h2{margin:2px 0;font-size:25px}html[data-style="share"] .inline-form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:14px;padding:18px;border-radius:var(--r);background:var(--paper);margin-bottom:20px}html[data-style="share"] .inline-form p{grid-column:1/-1;color:var(--muted);font-size:13px;margin:0}html[data-style="share"] .code{direction:ltr;font-family:monospace;font-variant-numeric:tabular-nums}html[data-style="share"] .document-list{display:grid;gap:12px}html[data-style="share"] .document-card{border:1px solid var(--border);border-radius:var(--r);padding:16px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}html[data-style="share"] .document-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--tint);color:var(--deep);font-weight:900}html[data-style="share"] .document-card h3{margin:0;font-size:17px}html[data-style="share"] .document-card p{margin:2px 0 0;color:var(--muted);font-size:13px}html[data-style="share"] .status{padding:5px 10px;border-radius:999px;font-size:12px;font-weight:800;background:#e4f1e9;color:var(--success)}html[data-style="share"] .status.revoked{background:#fbebe9;color:var(--danger)}html[data-style="share"] .share-panel form{display:grid;gap:16px}html[data-style="share"] .share-panel fieldset{margin:0;padding:0;border:0}html[data-style="share"] .share-checks{display:grid;gap:8px;margin-top:8px}html[data-style="share"] .share-check{display:flex;gap:9px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:12px}html[data-style="share"] .share-check input{width:18px;height:18px;accent-color:var(--deep)}html[data-style="share"] .empty{padding:28px;text-align:center;color:var(--muted);background:var(--paper);border-radius:var(--r)}html[data-style="share"] .share-created{margin-top:18px;padding:18px;background:var(--tint);border-radius:var(--r);text-align:center}html[data-style="share"] .share-created canvas{display:block;margin:0 auto 10px;background:#fff;padding:8px;border-radius:12px}html[data-style="share"] .share-created strong{direction:ltr;display:block;font-family:monospace;font-size:18px}html[data-style="share"] .share-created p{font-size:13px;color:var(--muted)}html[data-style="share"] .shares-history{margin-top:24px}html[data-style="share"] .shares-list{display:grid;gap:10px}html[data-style="share"] .share-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:14px;border:1px solid var(--border);border-radius:var(--r)}html[data-style="share"] .share-row b{display:block}html[data-style="share"] .share-row small{color:var(--muted)}html[data-style="share"] .share-row .button{min-height:38px;padding:0 14px}html[data-style="share"] .share-lookup{width:min(760px,calc(100% - 32px));margin:70px auto 24px;text-align:center}html[data-style="share"] .share-lookup h1{font-size:clamp(34px,6vw,58px);margin:8px 0}html[data-style="share"] .share-lookup p{color:var(--muted)}html[data-style="share"] .share-lookup form{margin:26px auto 0;max-width:520px;text-align:start}html[data-style="share"] .share-lookup form>div{display:grid;grid-template-columns:1fr auto;gap:10px}html[data-style="share"] .shared-bundle{width:min(920px,calc(100% - 32px));margin:24px auto 72px}html[data-style="share"] .shared-bundle>header{display:flex;justify-content:space-between;gap:24px;align-items:center;border-bottom:1px solid var(--border);padding-bottom:20px;margin-bottom:20px}html[data-style="share"] .shared-bundle h2{font-size:30px;margin:4px 0}html[data-style="share"] .shared-bundle p{color:var(--muted)}html[data-style="share"] .identity-warning{padding:14px 16px;background:#fff8e7;color:#6c541e;border-radius:var(--r);margin-bottom:18px}html[data-style="share"] .empty-state{width:min(760px,calc(100% - 32px));margin:32px auto;padding:22px;text-align:center;color:var(--muted)}html[data-style="share"] footer{background:var(--deep);color:rgba(255,255,255,.7);padding:24px clamp(18px,5vw,72px);display:flex;gap:22px;justify-content:center}html[data-style="share"] footer a{color:inherit}html[data-style="share"] button:focus-visible,html[data-style="share"] a:focus-visible,html[data-style="share"] input:focus-visible,html[data-style="share"] select:focus-visible{outline:3px solid #caa34b;outline-offset:3px}
html[data-style="share"] /* Account entry reuses the institution-login composition and step language. */
.auth-shell{width:min(1240px,calc(100% - 32px));grid-template-columns:minmax(480px,1fr) minmax(420px,.9fr);direction:ltr;min-height:650px}html[data-style="share"] .auth-story{direction:rtl;align-items:center;text-align:center;background:linear-gradient(165deg,rgba(13,59,44,.96),rgba(7,43,31,.98)),url('/assets/login-bg.jpg') center/cover}html[data-style="share"] .auth-story-logo{width:min(250px,70%);height:120px;object-fit:contain;filter:brightness(0) invert(1);margin-bottom:26px}html[data-style="share"] .auth-story h1{font-size:clamp(34px,4.4vw,56px)}html[data-style="share"] .auth-story p{font-size:16px}html[data-style="share"] .auth-story ul{text-align:start;margin-top:28px}html[data-style="share"] .auth-card{direction:rtl}html[data-style="share"] .auth-tabs{margin-bottom:24px}html[data-style="share"] .auth-card-head{margin-bottom:18px}html[data-style="share"] .auth-card-head h2{margin:0;color:var(--ink);font-size:28px;line-height:1.3}html[data-style="share"] .auth-card-head p{margin:5px 0 0;color:var(--muted);font-size:14px}html[data-style="share"] .citizen-auth-steps{display:flex;align-items:center;gap:9px;margin:0 0 24px;color:var(--muted);font-size:12px;font-weight:700;overflow:hidden}html[data-style="share"] .citizen-step{display:flex;align-items:center;gap:7px;white-space:nowrap}html[data-style="share"] .citizen-step-dot{width:28px;height:28px;border:1px solid var(--border);border-radius:50%;background:#fff;color:var(--muted);display:grid;place-items:center;font-variant-numeric:tabular-nums}html[data-style="share"] .citizen-step.active .citizen-step-dot{background:var(--deep);border-color:var(--deep);color:#fff;box-shadow:0 0 0 4px rgba(11,46,34,.10)}html[data-style="share"] .citizen-step.done{color:var(--success)}html[data-style="share"] .citizen-step.done .citizen-step-dot{background:#e4f1e9;border-color:rgba(20,104,61,.28);color:var(--success)}html[data-style="share"] .citizen-step-line{height:2px;background:var(--border);flex:1 1 24px;min-width:16px}html[data-style="share"] .profile-intro{padding:14px;background:var(--tint);border-radius:var(--r);display:grid}html[data-style="share"] .profile-intro span{color:var(--muted);font-size:13px}html[data-style="share"] .auth-form{gap:16px}
@media(max-width:900px){html[data-style="share"] .citizen-header{grid-template-columns:1fr auto}html[data-style="share"] .citizen-header nav{display:none}html[data-style="share"] .auth-shell{grid-template-columns:1fr;margin-top:24px}html[data-style="share"] .auth-story{min-height:auto;order:2}html[data-style="share"] .auth-card{order:1}html[data-style="share"] .wallet-grid{grid-template-columns:1fr}html[data-style="share"] .wallet-hero{align-items:flex-start;flex-direction:column}html[data-style="share"] .assurance{width:100%}}
@media(max-width:600px){html[data-style="share"] .auth-shell,html[data-style="share"] .wallet{width:min(100% - 20px,100%)}html[data-style="share"] .auth-story,html[data-style="share"] .auth-card{padding:28px 20px}html[data-style="share"] .auth-story h1{font-size:34px}html[data-style="share"] .auth-story-logo{width:160px;height:82px}html[data-style="share"] .citizen-auth-steps{gap:5px}html[data-style="share"] .citizen-step{gap:5px}html[data-style="share"] .citizen-step-label{font-size:10px}html[data-style="share"] .citizen-header{padding:10px 14px}html[data-style="share"] .citizen-brand img{width:82px}html[data-style="share"] .inline-form{grid-template-columns:1fr}html[data-style="share"] .document-card{grid-template-columns:auto 1fr}html[data-style="share"] .document-card .status{grid-column:1/-1;justify-self:start}html[data-style="share"] .share-row{grid-template-columns:1fr auto}html[data-style="share"] .share-row .button{grid-column:1/-1}html[data-style="share"] .shared-bundle>header{align-items:flex-start;flex-direction:column}html[data-style="share"] .share-lookup form>div{grid-template-columns:1fr}html[data-style="share"] .panel{padding:18px}}

html[data-style="share"] .identity-panel{margin-bottom:24px}html[data-style="share"] .identity-panel-head{align-items:flex-start}html[data-style="share"] .identity-panel-head p{margin:4px 0 0;color:var(--muted)}html[data-style="share"] .identity-methods{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}html[data-style="share"] .identity-method{position:relative;min-height:96px;text-align:start;padding:18px;border:1px solid var(--border);border-radius:var(--r);background:#fff;color:var(--ink);display:grid;gap:3px}html[data-style="share"] .identity-method.active{border-color:var(--deep);background:var(--tint)}html[data-style="share"] .identity-method strong{font-size:16px}html[data-style="share"] .identity-method span{color:var(--muted);font-size:13px}html[data-style="share"] .identity-method.sanad{opacity:.68;cursor:not-allowed}html[data-style="share"] .identity-method .soon-badge{position:absolute;top:10px;inset-inline-end:10px;background:#fff4d9;color:#765a15;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800}html[data-style="share"] .identity-form{display:grid;gap:18px}html[data-style="share"] .identity-upload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}html[data-style="share"] .identity-upload{min-height:180px;border:1px dashed #9fb5ad;border-radius:var(--r);background:var(--paper);padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:.16s ease}html[data-style="share"] .identity-upload:hover,html[data-style="share"] .identity-upload:focus-within{border-color:var(--deep);background:var(--tint)}html[data-style="share"] .identity-upload input{position:absolute;inline-size:1px;block-size:1px;opacity:0}html[data-style="share"] .identity-upload-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--deep);color:#fff;font-size:22px;margin-bottom:8px}html[data-style="share"] .identity-upload small{color:var(--muted)}html[data-style="share"] .identity-upload em{font-style:normal;color:var(--deep);font-size:12px;font-weight:700;margin-top:8px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html[data-style="share"] .identity-security-note{display:flex;gap:12px;align-items:flex-start;background:var(--tint);border-radius:var(--r);padding:14px 16px}html[data-style="share"] .identity-security-note>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--deep);color:#fff;flex:none}html[data-style="share"] .identity-security-note p{margin:0;color:var(--muted);font-size:14px}html[data-style="share"] .identity-security-note strong{display:block;color:var(--deep)}html[data-style="share"] .identity-pending{background:var(--tint);border:1px solid #bed8cb;border-radius:var(--r);padding:18px}html[data-style="share"] .identity-pending strong{color:var(--deep);font-size:18px}html[data-style="share"] .identity-pending p{margin:3px 0 0;color:var(--muted)}

@media(max-width:900px){html[data-style="share"] .identity-upload-grid{grid-template-columns:1fr 1fr}html[data-style="share"] .identity-upload:last-child{grid-column:1/-1}html[data-style="share"] .identity-methods{grid-template-columns:1fr}}
@media(max-width:600px){html[data-style="share"] .identity-upload-grid{grid-template-columns:1fr}html[data-style="share"] .identity-upload:last-child{grid-column:auto}html[data-style="share"] .identity-panel-head{display:grid}html[data-style="share"] .identity-panel-head>.status{justify-self:start}html[data-style="share"] .identity-form>.button{width:100%}}
@media(prefers-reduced-motion:reduce){html[data-style="share"] *{scroll-behavior:auto!important;transition:none!important}}
html[data-style="share"] .citizen-session-loader[hidden]{display:none}html[data-style="share"] .citizen-session-loader{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:24px}html[data-style="share"] .citizen-session-loader-backdrop{position:absolute;inset:0;background:rgba(244,247,245,.94);backdrop-filter:blur(10px)}html[data-style="share"] .citizen-session-loader-card{position:relative;width:min(390px,100%);padding:34px 28px 30px;border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:0 24px 70px rgba(7,43,31,.18);text-align:center}html[data-style="share"] .citizen-session-loader-spinner{position:relative;width:78px;height:78px;margin:0 auto 20px;display:grid;place-items:center;border-radius:22px;background:var(--tint)}html[data-style="share"] .citizen-session-loader-spinner:before{content:'';position:absolute;inset:-6px;border:3px solid transparent;border-top-color:var(--gold);border-inline-end-color:var(--deep);border-radius:28px;animation:citizenSessionSpin .9s linear infinite}html[data-style="share"] .citizen-session-loader-spinner img{width:52px;height:52px;object-fit:contain}html[data-style="share"] .citizen-session-loader-card h2{margin:0;color:var(--ink);font-size:20px;line-height:1.45}html[data-style="share"] .citizen-session-loader-card p{margin:8px auto 0;color:var(--muted);font-size:13.5px;line-height:1.75}html[data-style="share"] .citizen-booting{overflow:hidden}@keyframes citizenSessionSpin{to{transform:rotate(360deg)}}
@media(max-width:600px){html[data-style="share"] .citizen-session-loader{padding:16px}html[data-style="share"] .citizen-session-loader-card{padding:28px 20px 24px;border-radius:20px}html[data-style="share"] .citizen-session-loader-spinner{width:68px;height:68px;border-radius:19px}html[data-style="share"] .citizen-session-loader-spinner img{width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){html[data-style="share"] .citizen-session-loader-spinner:before{animation:none;border-color:var(--deep);opacity:.32}}
html[data-style="share"] .citizen-header-actions{justify-self:end;display:flex;align-items:center;gap:10px}html[data-style="share"] .citizen-language{min-height:42px;padding:0 16px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:transparent;color:#fff;font-weight:700;cursor:pointer}html[data-style="share"] .citizen-language:hover{background:rgba(255,255,255,.1)}html[data-style="share"] .citizen-language:focus-visible{outline:3px solid #caa34b;outline-offset:3px}html[data-style="share"][dir="ltr"] .auth-story,html[data-style="share"][dir="ltr"] .auth-card{direction:ltr}html[data-style="share"][dir="ltr"] .notice span{text-align:left}@media(max-width:600px){html[data-style="share"] .citizen-header-actions{gap:6px}html[data-style="share"] .citizen-language{min-height:38px;padding:0 11px;font-size:12px}}
html[data-style="share"] .field-label-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}html[data-style="share"] .field-label-actions .forgot-password-link{margin:0;padding:0;font-size:13px;text-decoration:underline;text-underline-offset:4px}html[data-style="share"] .auth-form>.text-button{min-height:38px;padding-inline:12px}html[data-style="share"][dir="ltr"] .field-label-actions{flex-direction:row}

html[data-style="share"] /* Public share page follows the canonical public-page header and footer scale. */
.share-public .citizen-header{
  min-height:70px;
  padding:0;
  display:block;
  border-bottom:0;
  position:relative;
  box-shadow:0 6px 24px rgba(8,44,32,.12);
}
html[data-style="share"] .share-public .citizen-header::after{
  content:"";
  position:absolute;
  inset-inline:0;
  bottom:0;
  height:2px;
  background:linear-gradient(90deg,transparent,#caa34b,transparent);
}
html[data-style="share"] .share-public .citizen-header-inner{
  width:min(1080px,calc(100% - 32px));
  min-height:70px;
  margin-inline:auto;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:20px;
}
html[data-style="share"] .share-public .citizen-brand img{width:104px;height:48px}
html[data-style="share"] .share-public .citizen-header nav{align-items:center;gap:4px}
html[data-style="share"] .share-public .citizen-header nav a{
  min-height:44px;
  padding:9px 14px;
  display:inline-flex;
  align-items:center;
  font-size:13px;
  font-weight:700;
}
html[data-style="share"] .share-public .citizen-language{
  min-height:44px;
  padding-inline:14px;
  font-size:13px;
  line-height:1;
}
html[data-style="share"] .share-public .citizen-public-footer{padding:28px 16px;font-size:12px}
html[data-style="share"] .share-public .citizen-footer-inner{
  width:min(1080px,100%);
  margin-inline:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  flex-wrap:wrap;
}
html[data-style="share"] .share-public .citizen-public-footer a{
  min-height:36px;
  padding:6px 5px;
  display:inline-flex;
  align-items:center;
  color:#d0aa52;
  font-weight:700;
  text-decoration:none;
}
@media(max-width:900px){
  html[data-style="share"] .share-public .citizen-header-inner{grid-template-columns:1fr auto}
}
@media(max-width:600px){
  html[data-style="share"] .share-public .citizen-header-inner{width:min(100% - 24px,1080px);min-height:62px;gap:12px}
  html[data-style="share"] .share-public .citizen-brand img{width:88px;height:42px}
  html[data-style="share"] .share-public .citizen-language{min-height:42px;padding-inline:11px;font-size:11.5px}
  html[data-style="share"] .share-public .citizen-public-footer{padding:24px 12px}
  html[data-style="share"] .share-public .citizen-footer-inner{gap:8px 12px}
}


/* portal: portal.css, public-experience.css */
html[data-style="portal"]{
  --paper:#F5F6F5; --paper-2:#ECEFED; --surface:#FFFFFF;
  --deep:#0D3B2C; --deep-2:#11492F; --deep-3:#155540; --deep-tint:#E7EFEA; --on-deep:#F2F7F4;
  --gold:#96762B; --gold-strong:#7C6120; --gold-light:#C9A961; --gold-tint:#F5EFE0;
  --ink:#121A15; --ink-dim:#5A6862;
  --border:rgba(18,26,21,.09); --border-strong:rgba(18,26,21,.16);
  --e1:0 1px 2px rgba(18,26,21,.05), 0 1px 3px rgba(18,26,21,.05);
  --e2:0 2px 6px rgba(18,26,21,.05), 0 12px 28px rgba(18,26,21,.08);
  --e3:0 8px 20px rgba(18,26,21,.09), 0 28px 64px rgba(18,26,21,.16);
  --sp-h:4px; --sp-1:8px; --sp-2:16px; --sp-3:24px; --sp-4:32px; --sp-5:40px; --sp-6:48px; --sp-7:64px;
  --radius-sm:10px; --radius:14px; --radius-lg:20px; --radius-pill:999px;
  --t-fast:.16s cubic-bezier(.3,0,.2,1); --t-med:.26s cubic-bezier(.3,0,.2,1);
}
html[data-style="portal"] *{ box-sizing:border-box; }
html[data-style="portal"],html[data-style="portal"] body{ margin:0; padding:0; background:var(--paper); color:var(--ink); font-family:'IBM Plex Sans Arabic','Tajawal',sans-serif; font-size:16px; line-height:1.85; }
html[data-style="portal"] body{ overflow-x:hidden; text-rendering:optimizeLegibility; }
html[data-style="portal"] h1,html[data-style="portal"] h2,html[data-style="portal"] h3{ margin:0; font-weight:700; letter-spacing:-.01em; color:var(--ink); }
html[data-style="portal"] :focus-visible{ outline:2px solid var(--deep); outline-offset:2px; border-radius:var(--radius-sm); }
html[data-style="portal"] ::selection{ background:var(--deep-tint); }
@media (prefers-reduced-motion: reduce){ html[data-style="portal"] *,html[data-style="portal"] *::before,html[data-style="portal"] *::after{ animation:none !important; transition:none !important; } }

html[data-style="portal"] .util-bar{ background:#0A2E22; color:rgba(242,247,244,.72); font-size:12px; padding:var(--sp-1) var(--sp-2); text-align:center; position:relative; z-index:3; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; column-gap:var(--sp-1); }
html[data-style="portal"] .util-bar b{ color:var(--gold-light); font-weight:600; }

html[data-style="portal"] /* الترويسة */
header.site{ background:var(--deep); position:relative; z-index:3; }
html[data-style="portal"] .site-inner{ max-width:920px; margin:0 auto; padding:var(--sp-1) var(--sp-2); display:flex; align-items:center; justify-content:space-between; gap:var(--sp-2); flex-wrap:wrap; min-height:64px; }
html[data-style="portal"] .logo .mark{ display:block; width:96px; height:44px; background:#fff; border-radius:8px; padding:5px 8px; box-shadow:var(--e1); }
html[data-style="portal"] .logo .mark img{ width:100%; height:100%; object-fit:contain; display:block; }
html[data-style="portal"] header.site nav{ display:flex; gap:2px; flex-wrap:wrap; }
html[data-style="portal"] header.site nav a{ color:rgba(242,247,244,.78); font-size:13px; font-weight:600; text-decoration:none; padding:8px 14px; border-radius:var(--radius-pill); transition:background var(--t-fast), color var(--t-fast); }
html[data-style="portal"] header.site nav a:hover{ background:rgba(255,255,255,.12); color:#fff; }
html[data-style="portal"] header.site nav a[aria-current="page"]{ background:var(--on-deep); color:var(--deep); }

html[data-style="portal"] /* ── القسم البطولي: امتداد كامل بتدرج عميق وخط الختم النحاسي ── */
main{ max-width:860px; margin:0 auto; padding:0 var(--sp-2) 80px; }
html[data-style="portal"] /* The public landing page is intentionally full-bleed, html[data-style="portal"] unlike the document pages. */
body.welcome-page main{ max-width:none; margin:0; padding:0; }
@media (min-width:1200px){
  html[data-style="portal"] body.welcome-page .welcome-nav{ max-width:1440px; padding-inline:40px; }
  html[data-style="portal"] body.welcome-page .welcome-hero-grid,
  html[data-style="portal"] body.welcome-page .welcome-proof,
  html[data-style="portal"] body.welcome-page .welcome-story,
  html[data-style="portal"] body.welcome-page .welcome-trust{ max-width:1320px; }
  html[data-style="portal"] body.welcome-page .welcome-final{ max-width:1272px; }
}
html[data-style="portal"] .page-title{ text-align:center; position:relative; margin:0 calc(50% - 50vw) var(--sp-5); padding:var(--sp-7) calc(50vw - 50%) 96px; background:linear-gradient(170deg, var(--deep) 0%, var(--deep-2) 60%, var(--deep-3) 100%); }
html[data-style="portal"] .page-title::before{ content:""; position:absolute; inset:0; background-image:radial-gradient(rgba(255,255,255,.05) 1px, transparent 1px); background-size:26px 26px; pointer-events:none; }
html[data-style="portal"] .page-title::after{ content:""; position:absolute; inset-inline:0; bottom:0; height:2px; background:linear-gradient(90deg, transparent 8%, var(--gold-light) 35%, #E4CD8F 50%, var(--gold-light) 65%, transparent 92%); opacity:.85; }
html[data-style="portal"] .page-title h1{ position:relative; color:#fff; font-size:34px; letter-spacing:-.02em; }
html[data-style="portal"] .page-title p{ position:relative; margin:10px auto 0; color:rgba(242,247,244,.82); font-size:15px; max-width:620px; line-height:1.9; }
html[data-style="portal"] .page-title .updated{ position:relative; display:inline-block; font-size:11.5px; color:var(--gold-light); margin-top:var(--sp-2); padding:3px 14px; border:1px solid rgba(201,169,97,.4); border-radius:var(--radius-pill); background:rgba(201,169,97,.08); }

html[data-style="portal"] /* ── بطاقة المحتوى الطافية فوق القسم البطولي ── */
article.doc{ background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg); padding:var(--sp-6) var(--sp-6) var(--sp-5); position:relative; box-shadow:var(--e3); margin-top:-72px; z-index:2; animation:docRise .5s cubic-bezier(.3,0,.2,1) both; }
@keyframes docRise{ from{ opacity:0; transform:translateY(16px); } to{ opacity:1; transform:translateY(0); } }
html[data-style="portal"] article.doc > *{ position:relative; }
html[data-style="portal"] article.doc h2{ font-size:20px; margin:var(--sp-5) 0 var(--sp-2); padding-bottom:10px; border-bottom:1px solid var(--border); display:flex; align-items:center; gap:10px; }
html[data-style="portal"] article.doc h2::before{ content:""; width:6px; height:22px; border-radius:3px; background:linear-gradient(180deg, var(--gold-light), var(--gold-strong)); flex:0 0 auto; }
html[data-style="portal"] article.doc h2:first-child, html[data-style="portal"] article.doc .callout + h2{ margin-top:0; }
html[data-style="portal"] article.doc p{ margin:0 0 var(--sp-2); font-size:15px; color:var(--ink); }
html[data-style="portal"] article.doc p:last-child{ margin-bottom:0; }
html[data-style="portal"] article.doc ol, html[data-style="portal"] article.doc ul{ margin:0 0 var(--sp-2); padding-inline-start:22px; font-size:15px; }
html[data-style="portal"] article.doc li{ margin-bottom:10px; }
html[data-style="portal"] article.doc li::marker{ color:var(--gold-strong); font-weight:700; }
html[data-style="portal"] article.doc strong{ color:var(--deep); font-weight:600; }

html[data-style="portal"] .callout{ background:var(--gold-tint); border:1px solid rgba(150,118,43,.22); border-inline-start:4px solid var(--gold-strong); border-radius:var(--radius-sm); padding:var(--sp-2) var(--sp-3); font-size:13.5px; margin:0 0 var(--sp-4); line-height:1.9; }

html[data-style="portal"] /* ملخصات المزايا والإجراءات */
.feature-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--sp-2); margin:0 0 var(--sp-4); }
html[data-style="portal"] .feature-grid--two{ grid-template-columns:repeat(2,minmax(0,1fr)); }
html[data-style="portal"] .feature-card{ min-width:0; padding:var(--sp-3); border:1px solid var(--border); border-radius:var(--radius); background:linear-gradient(145deg,#fff,var(--paper)); box-shadow:var(--e1); }
html[data-style="portal"] .feature-card .feature-kicker{ display:block; margin-bottom:6px; color:var(--gold-strong); font-size:11.5px; font-weight:700; }
html[data-style="portal"] .feature-card h3{ margin:0 0 6px; color:var(--deep); font-size:15.5px; }
html[data-style="portal"] .feature-card p{ margin:0; color:var(--ink-dim); font-size:13px; line-height:1.75; }
html[data-style="portal"] .feature-card a{ color:var(--deep); font-weight:700; text-underline-offset:3px; }
html[data-style="portal"] .section-lead{ margin:-4px 0 var(--sp-3)!important; color:var(--ink-dim)!important; }
html[data-style="portal"] .procedure-note{ margin:var(--sp-3) 0 0; padding:var(--sp-2) var(--sp-3); border:1px solid rgba(61,141,126,.2); border-radius:var(--radius-sm); background:#EDF6F2; color:var(--deep); font-size:13.5px; line-height:1.8; }
html[data-style="portal"] .principle-list{ display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-2); margin:0 0 var(--sp-3); }
html[data-style="portal"] .principle-item{ padding:var(--sp-2) var(--sp-3); border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--paper); }
html[data-style="portal"] .principle-item b{ display:block; margin-bottom:4px; color:var(--deep); font-size:14px; }
html[data-style="portal"] .principle-item span{ display:block; color:var(--ink-dim); font-size:13px; line-height:1.75; }
html[data-style="portal"] .support-route{ display:flex; align-items:flex-start; gap:var(--sp-2); padding:var(--sp-3); border:1px solid var(--border); border-radius:var(--radius); background:var(--surface); }
html[data-style="portal"] .support-route + .support-route{ margin-top:var(--sp-2); }
html[data-style="portal"] .support-route-number{ width:34px; height:34px; flex:0 0 auto; display:grid; place-items:center; border-radius:50%; background:var(--deep); color:#fff; font-size:13px; font-weight:700; }
html[data-style="portal"] .support-route h3{ margin:0 0 4px; color:var(--deep); font-size:15px; }
html[data-style="portal"] .support-route p{ margin:0!important; color:var(--ink-dim)!important; font-size:13.5px!important; }
html[data-style="portal"] .inline-action{ min-height:44px; padding:10px 16px; display:inline-flex; align-items:center; justify-content:center; border-radius:var(--radius-sm); background:var(--deep); color:#fff!important; font-size:13px; font-weight:700; text-decoration:none; }
html[data-style="portal"] .inline-action:hover{ background:var(--deep-2); }

html[data-style="portal"] /* خطوات مرقمة بخط رابط عمودي */
.steps{ counter-reset:step; list-style:none; padding:0; margin:0 0 var(--sp-2); }
html[data-style="portal"] .steps li{ counter-increment:step; position:relative; padding:0 52px 0 0; margin-bottom:var(--sp-3); min-height:44px; }
html[data-style="portal"] .steps li::before{ content:counter(step); position:absolute; right:0; top:0; width:36px; height:36px; border-radius:var(--radius-pill); background:var(--deep); color:var(--on-deep); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:15px; box-shadow:var(--e1); }
html[data-style="portal"] .steps li:not(:last-child)::after{ content:""; position:absolute; right:17px; top:42px; bottom:-18px; width:2px; background:linear-gradient(180deg, var(--border-strong), transparent); }
html[data-style="portal"] .steps li b{ display:block; color:var(--deep); font-weight:700; margin-bottom:2px; font-size:15.5px; }

html[data-style="portal"] /* الأسئلة الشائعة — سهم دوار وحركة ناعمة */
details.faq{ border:1px solid var(--border); border-radius:var(--radius); background:var(--surface); margin-bottom:var(--sp-1); box-shadow:var(--e1); transition:box-shadow var(--t-fast), border-color var(--t-fast); overflow:hidden; }
html[data-style="portal"] details.faq:hover{ box-shadow:var(--e2); border-color:var(--border-strong); }
html[data-style="portal"] details.faq summary{ cursor:pointer; padding:var(--sp-2) var(--sp-3); font-weight:600; color:var(--ink); font-size:15px; list-style:none; display:flex; align-items:center; justify-content:space-between; gap:var(--sp-2); transition:background var(--t-fast), color var(--t-fast); }
html[data-style="portal"] details.faq summary::-webkit-details-marker{ display:none; }
html[data-style="portal"] details.faq summary::after{ content:"›"; font-size:22px; color:var(--ink-dim); transform:rotate(90deg); transition:transform var(--t-med), color var(--t-fast); flex:0 0 auto; line-height:1; }
html[data-style="portal"] details.faq summary:hover{ background:var(--paper); }
html[data-style="portal"] details.faq[open] summary{ color:var(--deep); border-bottom:1px solid var(--border); }
html[data-style="portal"] details.faq[open] summary::after{ transform:rotate(-90deg); color:var(--gold-strong); }
html[data-style="portal"] details.faq .a{ padding:var(--sp-2) var(--sp-3); font-size:14.5px; color:var(--ink); background:var(--paper); }

html[data-style="portal"] /* جداول */
table.info{ width:100%; border-collapse:separate; border-spacing:0; font-size:14.5px; margin:0 0 var(--sp-3); border:1px solid var(--border); border-radius:var(--radius-sm); overflow:hidden; }
html[data-style="portal"] table.info th, html[data-style="portal"] table.info td{ padding:12px var(--sp-2); text-align:start; border-bottom:1px solid var(--border); }
html[data-style="portal"] table.info tr:last-child td{ border-bottom:none; }
html[data-style="portal"] table.info th{ background:var(--deep); color:var(--on-deep); font-size:12.5px; font-weight:600; letter-spacing:.03em; }
html[data-style="portal"] table.info tbody tr:nth-child(even){ background:var(--paper); }

html[data-style="portal"] /* بطاقات التواصل */
.contact-grid{ display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-2); margin-bottom:var(--sp-3); }
html[data-style="portal"] .contact-card{ border:1px solid var(--border); border-radius:var(--radius); padding:var(--sp-3); background:var(--surface); box-shadow:var(--e1); position:relative; overflow:hidden; transition:box-shadow var(--t-fast), transform var(--t-fast), border-color var(--t-fast); }
html[data-style="portal"] .contact-card::before{ content:""; position:absolute; top:0; inset-inline:0; height:3px; background:linear-gradient(90deg, var(--gold-light), var(--gold-strong)); opacity:0; transition:opacity var(--t-fast); }
html[data-style="portal"] .contact-card:hover{ box-shadow:var(--e2); transform:translateY(-2px); border-color:var(--border-strong); }
html[data-style="portal"] .contact-card:hover::before{ opacity:1; }
html[data-style="portal"] .contact-card h3{ font-size:15.5px; margin-bottom:6px; color:var(--deep); }
html[data-style="portal"] .contact-card p{ margin:0; font-size:13.5px; color:var(--ink-dim); line-height:1.8; }
html[data-style="portal"] .contact-card .mono{ font-family:'JetBrains Mono',monospace; direction:ltr; display:inline-block; color:var(--ink); font-size:13px; background:var(--paper); padding:2px 8px; border-radius:6px; border:1px solid var(--border); }
@media (max-width:640px){ html[data-style="portal"] .contact-grid{ grid-template-columns:1fr; } }

html[data-style="portal"] /* الذيل */
footer.site{ background:var(--deep); color:rgba(242,247,244,.6); text-align:center; font-size:12px; padding:var(--sp-4) var(--sp-2); margin-top:var(--sp-6); line-height:2.2; position:relative; }
html[data-style="portal"] footer.site::before{ content:""; position:absolute; top:0; inset-inline:0; height:2px; background:linear-gradient(90deg, transparent 8%, var(--gold-light) 50%, transparent 92%); opacity:.6; }
html[data-style="portal"] footer.site a{ color:var(--gold-light); text-decoration:none; padding:2px 4px; border-radius:6px; transition:color var(--t-fast), background var(--t-fast); }
html[data-style="portal"] footer.site a:hover{ color:#fff; background:rgba(255,255,255,.08); }
html[data-style="portal"] footer.site .footer-credit{ color:#fff; font-weight:700; letter-spacing:.01em; opacity:.92; }

@media (max-width:720px){
  html[data-style="portal"] .page-title{ padding-top:var(--sp-5); padding-bottom:84px; }
  html[data-style="portal"] .page-title h1{ font-size:27px; }
  html[data-style="portal"] article.doc{ padding:var(--sp-4) var(--sp-3); margin-top:-64px; border-radius:var(--radius); }
  html[data-style="portal"] article.doc h2{ font-size:18px; }
  html[data-style="portal"] header.site nav a{ padding:7px 10px; font-size:12.5px; }
  html[data-style="portal"] .feature-grid{ grid-template-columns:1fr; }
  html[data-style="portal"] .principle-list{ grid-template-columns:1fr; }
}

html[data-style="portal"]{
  --kx-deep:var(--deep,#0d3b2c);
  --kx-deep-strong:#082c20;
  --kx-teal:#3d8d7e;
  --kx-gold:var(--gold-light,#c9a961);
  --kx-paper:var(--paper,#f5f6f5);
  --kx-surface:var(--surface,#fff);
  --kx-ink:var(--ink,#121a15);
  --kx-muted:var(--ink-dim,#5a6862);
  --kx-border:var(--border,rgba(18,26,21,.12));
  --kx-shadow:0 18px 54px rgba(8,44,32,.2);
}

html[data-style="portal"] .kx-assistant-launch{
  position:fixed;
  z-index:320;
  inset-inline-start:20px;
  bottom:max(20px,env(safe-area-inset-bottom));
  width:60px;
  height:60px;
  padding:5px;
  border:2px solid rgba(255,255,255,.9);
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 32px rgba(8,44,32,.27);
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease;
  touch-action:manipulation;
}
html[data-style="portal"] .kx-assistant-launch[hidden]{ display:none!important; }
html[data-style="portal"] .kx-assistant-launch:hover{ transform:translateY(-2px); box-shadow:0 16px 36px rgba(8,44,32,.32); }
html[data-style="portal"] .kx-assistant-launch:active{ transform:translateY(0); }
html[data-style="portal"] .kx-assistant-launch img{ width:100%; height:100%; display:block; border-radius:15px; }
html[data-style="portal"] .kx-assistant-launch::after{
  content:"";
  position:absolute;
  top:4px;
  inset-inline-end:4px;
  width:10px;
  height:10px;
  border:2px solid #fff;
  border-radius:50%;
  background:#2f9f67;
}

html[data-style="portal"] .kx-assistant-panel{
  position:fixed;
  z-index:310;
  inset-inline-start:20px;
  bottom:max(92px,calc(env(safe-area-inset-bottom) + 82px));
  width:min(390px,calc(100vw - 32px));
  max-height:min(650px,calc(100dvh - 116px));
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(13,59,44,.13);
  border-radius:22px;
  background:var(--kx-surface);
  color:var(--kx-ink);
  box-shadow:var(--kx-shadow);
  opacity:0;
  transform:translateY(10px) scale(.98);
  pointer-events:none;
  transform-origin:bottom left;
  transition:opacity .2s ease,transform .2s ease;
}
html[data-style="portal"] .kx-assistant-panel[hidden]{ display:none!important; }
html[data-style="portal"] [dir="rtl"] .kx-assistant-panel{ transform-origin:bottom right; }
html[data-style="portal"] .kx-assistant-panel[data-open="true"]{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}
html[data-style="portal"] .kx-assistant-head{
  padding:16px;
  display:flex;
  align-items:center;
  gap:12px;
  color:#fff;
  background:linear-gradient(135deg,var(--kx-deep-strong),var(--kx-deep));
}
html[data-style="portal"] .kx-assistant-avatar{
  width:46px;
  height:46px;
  flex:0 0 auto;
  border:2px solid rgba(255,255,255,.75);
  border-radius:15px;
}
html[data-style="portal"] .kx-assistant-heading{ min-width:0; flex:1; }
html[data-style="portal"] .kx-assistant-heading h2{ margin:0; color:#fff; font-size:16px; line-height:1.4; }
html[data-style="portal"] .kx-assistant-heading p{ margin:2px 0 0; color:rgba(255,255,255,.75); font-size:11.5px; line-height:1.5; }
html[data-style="portal"] .kx-assistant-close{
  width:44px;
  height:44px;
  border:0;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.09);
  color:#fff;
  cursor:pointer;
}
html[data-style="portal"] .kx-assistant-close:hover{ background:rgba(255,255,255,.16); }
html[data-style="portal"] .kx-assistant-close svg{ width:20px; height:20px; }

html[data-style="portal"] .kx-assistant-messages{
  min-height:160px;
  padding:16px;
  display:flex;
  flex-direction:column;
  gap:10px;
  overflow:auto;
  overscroll-behavior:contain;
  background:#f7f9f8;
}
html[data-style="portal"] .kx-message{
  max-width:88%;
  padding:10px 12px;
  border-radius:14px;
  font-size:13px;
  line-height:1.7;
  white-space:pre-wrap;
}
html[data-style="portal"] .kx-message[data-kind="assistant"]{
  align-self:flex-start;
  border:1px solid rgba(13,59,44,.1);
  border-start-start-radius:5px;
  background:#fff;
  color:var(--kx-ink);
}
html[data-style="portal"] .kx-message[data-loading="true"]{
  color:var(--kx-muted);
}
html[data-style="portal"] .kx-message[data-loading="true"]::after{
  content:"";
  width:14px;
  height:14px;
  margin-inline-start:8px;
  display:inline-block;
  vertical-align:-2px;
  border:2px solid rgba(13,59,44,.18);
  border-top-color:var(--kx-deep);
  border-radius:50%;
  animation:kx-spin .8s linear infinite;
}
@keyframes kx-spin{ to{ transform:rotate(360deg); } }
html[data-style="portal"] .kx-message[data-kind="user"]{
  align-self:flex-end;
  border-end-end-radius:5px;
  background:var(--kx-deep);
  color:#fff;
}
html[data-style="portal"] .kx-message a{
  margin-top:7px;
  display:inline-flex;
  color:var(--kx-deep);
  font-weight:700;
  text-underline-offset:3px;
}

html[data-style="portal"] .kx-assistant-quick{
  padding:12px 14px 8px;
  display:flex;
  gap:7px;
  overflow-x:auto;
  scrollbar-width:thin;
  background:#fff;
}
html[data-style="portal"] .kx-quick-question{
  min-height:38px;
  padding:8px 11px;
  flex:0 0 auto;
  border:1px solid rgba(13,59,44,.14);
  border-radius:999px;
  background:#fff;
  color:var(--kx-deep);
  font:inherit;
  font-size:11.5px;
  font-weight:600;
  cursor:pointer;
  white-space:nowrap;
}
html[data-style="portal"] .kx-quick-question:hover{ background:#edf5f1; }
html[data-style="portal"] .kx-assistant-form{
  padding:10px 14px 12px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 46px;
  gap:8px;
  background:#fff;
}
html[data-style="portal"] .kx-assistant-input{
  width:100%;
  min-width:0;
  height:46px;
  padding:0 13px;
  border:1px solid rgba(13,59,44,.17);
  border-radius:12px;
  background:#fff;
  color:var(--kx-ink);
  font:inherit;
  font-size:14px;
}
html[data-style="portal"] .kx-assistant-input:focus{ outline:2px solid rgba(61,141,126,.35); border-color:var(--kx-teal); }
html[data-style="portal"] .kx-assistant-input:disabled{ background:#f2f5f3; color:var(--kx-muted); cursor:wait; }
html[data-style="portal"] .kx-assistant-send{
  width:46px;
  height:46px;
  border:0;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:var(--kx-deep);
  color:#fff;
  cursor:pointer;
}
html[data-style="portal"] .kx-assistant-send:hover{ background:var(--kx-deep-strong); }
html[data-style="portal"] .kx-assistant-send:disabled{ background:#7d948b; cursor:wait; }
html[data-style="portal"] .kx-assistant-send svg{ width:20px; height:20px; }
html[data-style="portal"] .kx-assistant-privacy{
  margin:0;
  padding:0 14px 12px;
  color:var(--kx-muted);
  background:#fff;
  font-size:10.5px;
  line-height:1.6;
}
html[data-style="portal"] .kx-visually-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

@media (max-width:640px){
  html[data-style="portal"] .kx-assistant-launch{ inset-inline-start:14px; bottom:max(14px,env(safe-area-inset-bottom)); }
  html[data-style="portal"] .kx-assistant-panel{
    inset-inline-start:16px;
    bottom:max(86px,calc(env(safe-area-inset-bottom) + 78px));
    width:calc(100vw - 32px);
    max-height:calc(100dvh - 108px);
  }
}

@media (prefers-reduced-motion:reduce){
  html[data-style="portal"] .kx-assistant-launch,
  html[data-style="portal"] .kx-assistant-panel{ transition:none!important; }
  html[data-style="portal"] .kx-message[data-loading="true"]::after{ animation:none; }
}


/* transparency: portal.css, transparency.css, public-experience.css */
html[data-style="transparency"]{
  --paper:#F5F6F5; --paper-2:#ECEFED; --surface:#FFFFFF;
  --deep:#0D3B2C; --deep-2:#11492F; --deep-3:#155540; --deep-tint:#E7EFEA; --on-deep:#F2F7F4;
  --gold:#96762B; --gold-strong:#7C6120; --gold-light:#C9A961; --gold-tint:#F5EFE0;
  --ink:#121A15; --ink-dim:#5A6862;
  --border:rgba(18,26,21,.09); --border-strong:rgba(18,26,21,.16);
  --e1:0 1px 2px rgba(18,26,21,.05), 0 1px 3px rgba(18,26,21,.05);
  --e2:0 2px 6px rgba(18,26,21,.05), 0 12px 28px rgba(18,26,21,.08);
  --e3:0 8px 20px rgba(18,26,21,.09), 0 28px 64px rgba(18,26,21,.16);
  --sp-h:4px; --sp-1:8px; --sp-2:16px; --sp-3:24px; --sp-4:32px; --sp-5:40px; --sp-6:48px; --sp-7:64px;
  --radius-sm:10px; --radius:14px; --radius-lg:20px; --radius-pill:999px;
  --t-fast:.16s cubic-bezier(.3,0,.2,1); --t-med:.26s cubic-bezier(.3,0,.2,1);
}
html[data-style="transparency"] *{ box-sizing:border-box; }
html[data-style="transparency"],html[data-style="transparency"] body{ margin:0; padding:0; background:var(--paper); color:var(--ink); font-family:'IBM Plex Sans Arabic','Tajawal',sans-serif; font-size:16px; line-height:1.85; }
html[data-style="transparency"] body{ overflow-x:hidden; text-rendering:optimizeLegibility; }
html[data-style="transparency"] h1,html[data-style="transparency"] h2,html[data-style="transparency"] h3{ margin:0; font-weight:700; letter-spacing:-.01em; color:var(--ink); }
html[data-style="transparency"] :focus-visible{ outline:2px solid var(--deep); outline-offset:2px; border-radius:var(--radius-sm); }
html[data-style="transparency"] ::selection{ background:var(--deep-tint); }
@media (prefers-reduced-motion: reduce){ html[data-style="transparency"] *,html[data-style="transparency"] *::before,html[data-style="transparency"] *::after{ animation:none !important; transition:none !important; } }

html[data-style="transparency"] .util-bar{ background:#0A2E22; color:rgba(242,247,244,.72); font-size:12px; padding:var(--sp-1) var(--sp-2); text-align:center; position:relative; z-index:3; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; column-gap:var(--sp-1); }
html[data-style="transparency"] .util-bar b{ color:var(--gold-light); font-weight:600; }

html[data-style="transparency"] /* الترويسة */
header.site{ background:var(--deep); position:relative; z-index:3; }
html[data-style="transparency"] .site-inner{ max-width:920px; margin:0 auto; padding:var(--sp-1) var(--sp-2); display:flex; align-items:center; justify-content:space-between; gap:var(--sp-2); flex-wrap:wrap; min-height:64px; }
html[data-style="transparency"] .logo .mark{ display:block; width:96px; height:44px; background:#fff; border-radius:8px; padding:5px 8px; box-shadow:var(--e1); }
html[data-style="transparency"] .logo .mark img{ width:100%; height:100%; object-fit:contain; display:block; }
html[data-style="transparency"] header.site nav{ display:flex; gap:2px; flex-wrap:wrap; }
html[data-style="transparency"] header.site nav a{ color:rgba(242,247,244,.78); font-size:13px; font-weight:600; text-decoration:none; padding:8px 14px; border-radius:var(--radius-pill); transition:background var(--t-fast), color var(--t-fast); }
html[data-style="transparency"] header.site nav a:hover{ background:rgba(255,255,255,.12); color:#fff; }
html[data-style="transparency"] header.site nav a[aria-current="page"]{ background:var(--on-deep); color:var(--deep); }

html[data-style="transparency"] /* ── القسم البطولي: امتداد كامل بتدرج عميق وخط الختم النحاسي ── */
main{ max-width:860px; margin:0 auto; padding:0 var(--sp-2) 80px; }
html[data-style="transparency"] /* The public landing page is intentionally full-bleed, html[data-style="transparency"] unlike the document pages. */
body.welcome-page main{ max-width:none; margin:0; padding:0; }
@media (min-width:1200px){
  html[data-style="transparency"] body.welcome-page .welcome-nav{ max-width:1440px; padding-inline:40px; }
  html[data-style="transparency"] body.welcome-page .welcome-hero-grid,
  html[data-style="transparency"] body.welcome-page .welcome-proof,
  html[data-style="transparency"] body.welcome-page .welcome-story,
  html[data-style="transparency"] body.welcome-page .welcome-trust{ max-width:1320px; }
  html[data-style="transparency"] body.welcome-page .welcome-final{ max-width:1272px; }
}
html[data-style="transparency"] .page-title{ text-align:center; position:relative; margin:0 calc(50% - 50vw) var(--sp-5); padding:var(--sp-7) calc(50vw - 50%) 96px; background:linear-gradient(170deg, var(--deep) 0%, var(--deep-2) 60%, var(--deep-3) 100%); }
html[data-style="transparency"] .page-title::before{ content:""; position:absolute; inset:0; background-image:radial-gradient(rgba(255,255,255,.05) 1px, transparent 1px); background-size:26px 26px; pointer-events:none; }
html[data-style="transparency"] .page-title::after{ content:""; position:absolute; inset-inline:0; bottom:0; height:2px; background:linear-gradient(90deg, transparent 8%, var(--gold-light) 35%, #E4CD8F 50%, var(--gold-light) 65%, transparent 92%); opacity:.85; }
html[data-style="transparency"] .page-title h1{ position:relative; color:#fff; font-size:34px; letter-spacing:-.02em; }
html[data-style="transparency"] .page-title p{ position:relative; margin:10px auto 0; color:rgba(242,247,244,.82); font-size:15px; max-width:620px; line-height:1.9; }
html[data-style="transparency"] .page-title .updated{ position:relative; display:inline-block; font-size:11.5px; color:var(--gold-light); margin-top:var(--sp-2); padding:3px 14px; border:1px solid rgba(201,169,97,.4); border-radius:var(--radius-pill); background:rgba(201,169,97,.08); }

html[data-style="transparency"] /* ── بطاقة المحتوى الطافية فوق القسم البطولي ── */
article.doc{ background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg); padding:var(--sp-6) var(--sp-6) var(--sp-5); position:relative; box-shadow:var(--e3); margin-top:-72px; z-index:2; animation:docRise .5s cubic-bezier(.3,0,.2,1) both; }
@keyframes docRise{ from{ opacity:0; transform:translateY(16px); } to{ opacity:1; transform:translateY(0); } }
html[data-style="transparency"] article.doc > *{ position:relative; }
html[data-style="transparency"] article.doc h2{ font-size:20px; margin:var(--sp-5) 0 var(--sp-2); padding-bottom:10px; border-bottom:1px solid var(--border); display:flex; align-items:center; gap:10px; }
html[data-style="transparency"] article.doc h2::before{ content:""; width:6px; height:22px; border-radius:3px; background:linear-gradient(180deg, var(--gold-light), var(--gold-strong)); flex:0 0 auto; }
html[data-style="transparency"] article.doc h2:first-child, html[data-style="transparency"] article.doc .callout + h2{ margin-top:0; }
html[data-style="transparency"] article.doc p{ margin:0 0 var(--sp-2); font-size:15px; color:var(--ink); }
html[data-style="transparency"] article.doc p:last-child{ margin-bottom:0; }
html[data-style="transparency"] article.doc ol, html[data-style="transparency"] article.doc ul{ margin:0 0 var(--sp-2); padding-inline-start:22px; font-size:15px; }
html[data-style="transparency"] article.doc li{ margin-bottom:10px; }
html[data-style="transparency"] article.doc li::marker{ color:var(--gold-strong); font-weight:700; }
html[data-style="transparency"] article.doc strong{ color:var(--deep); font-weight:600; }

html[data-style="transparency"] .callout{ background:var(--gold-tint); border:1px solid rgba(150,118,43,.22); border-inline-start:4px solid var(--gold-strong); border-radius:var(--radius-sm); padding:var(--sp-2) var(--sp-3); font-size:13.5px; margin:0 0 var(--sp-4); line-height:1.9; }

html[data-style="transparency"] /* ملخصات المزايا والإجراءات */
.feature-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--sp-2); margin:0 0 var(--sp-4); }
html[data-style="transparency"] .feature-grid--two{ grid-template-columns:repeat(2,minmax(0,1fr)); }
html[data-style="transparency"] .feature-card{ min-width:0; padding:var(--sp-3); border:1px solid var(--border); border-radius:var(--radius); background:linear-gradient(145deg,#fff,var(--paper)); box-shadow:var(--e1); }
html[data-style="transparency"] .feature-card .feature-kicker{ display:block; margin-bottom:6px; color:var(--gold-strong); font-size:11.5px; font-weight:700; }
html[data-style="transparency"] .feature-card h3{ margin:0 0 6px; color:var(--deep); font-size:15.5px; }
html[data-style="transparency"] .feature-card p{ margin:0; color:var(--ink-dim); font-size:13px; line-height:1.75; }
html[data-style="transparency"] .feature-card a{ color:var(--deep); font-weight:700; text-underline-offset:3px; }
html[data-style="transparency"] .section-lead{ margin:-4px 0 var(--sp-3)!important; color:var(--ink-dim)!important; }
html[data-style="transparency"] .procedure-note{ margin:var(--sp-3) 0 0; padding:var(--sp-2) var(--sp-3); border:1px solid rgba(61,141,126,.2); border-radius:var(--radius-sm); background:#EDF6F2; color:var(--deep); font-size:13.5px; line-height:1.8; }
html[data-style="transparency"] .principle-list{ display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-2); margin:0 0 var(--sp-3); }
html[data-style="transparency"] .principle-item{ padding:var(--sp-2) var(--sp-3); border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--paper); }
html[data-style="transparency"] .principle-item b{ display:block; margin-bottom:4px; color:var(--deep); font-size:14px; }
html[data-style="transparency"] .principle-item span{ display:block; color:var(--ink-dim); font-size:13px; line-height:1.75; }
html[data-style="transparency"] .support-route{ display:flex; align-items:flex-start; gap:var(--sp-2); padding:var(--sp-3); border:1px solid var(--border); border-radius:var(--radius); background:var(--surface); }
html[data-style="transparency"] .support-route + .support-route{ margin-top:var(--sp-2); }
html[data-style="transparency"] .support-route-number{ width:34px; height:34px; flex:0 0 auto; display:grid; place-items:center; border-radius:50%; background:var(--deep); color:#fff; font-size:13px; font-weight:700; }
html[data-style="transparency"] .support-route h3{ margin:0 0 4px; color:var(--deep); font-size:15px; }
html[data-style="transparency"] .support-route p{ margin:0!important; color:var(--ink-dim)!important; font-size:13.5px!important; }
html[data-style="transparency"] .inline-action{ min-height:44px; padding:10px 16px; display:inline-flex; align-items:center; justify-content:center; border-radius:var(--radius-sm); background:var(--deep); color:#fff!important; font-size:13px; font-weight:700; text-decoration:none; }
html[data-style="transparency"] .inline-action:hover{ background:var(--deep-2); }

html[data-style="transparency"] /* خطوات مرقمة بخط رابط عمودي */
.steps{ counter-reset:step; list-style:none; padding:0; margin:0 0 var(--sp-2); }
html[data-style="transparency"] .steps li{ counter-increment:step; position:relative; padding:0 52px 0 0; margin-bottom:var(--sp-3); min-height:44px; }
html[data-style="transparency"] .steps li::before{ content:counter(step); position:absolute; right:0; top:0; width:36px; height:36px; border-radius:var(--radius-pill); background:var(--deep); color:var(--on-deep); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:15px; box-shadow:var(--e1); }
html[data-style="transparency"] .steps li:not(:last-child)::after{ content:""; position:absolute; right:17px; top:42px; bottom:-18px; width:2px; background:linear-gradient(180deg, var(--border-strong), transparent); }
html[data-style="transparency"] .steps li b{ display:block; color:var(--deep); font-weight:700; margin-bottom:2px; font-size:15.5px; }

html[data-style="transparency"] /* الأسئلة الشائعة — سهم دوار وحركة ناعمة */
details.faq{ border:1px solid var(--border); border-radius:var(--radius); background:var(--surface); margin-bottom:var(--sp-1); box-shadow:var(--e1); transition:box-shadow var(--t-fast), border-color var(--t-fast); overflow:hidden; }
html[data-style="transparency"] details.faq:hover{ box-shadow:var(--e2); border-color:var(--border-strong); }
html[data-style="transparency"] details.faq summary{ cursor:pointer; padding:var(--sp-2) var(--sp-3); font-weight:600; color:var(--ink); font-size:15px; list-style:none; display:flex; align-items:center; justify-content:space-between; gap:var(--sp-2); transition:background var(--t-fast), color var(--t-fast); }
html[data-style="transparency"] details.faq summary::-webkit-details-marker{ display:none; }
html[data-style="transparency"] details.faq summary::after{ content:"›"; font-size:22px; color:var(--ink-dim); transform:rotate(90deg); transition:transform var(--t-med), color var(--t-fast); flex:0 0 auto; line-height:1; }
html[data-style="transparency"] details.faq summary:hover{ background:var(--paper); }
html[data-style="transparency"] details.faq[open] summary{ color:var(--deep); border-bottom:1px solid var(--border); }
html[data-style="transparency"] details.faq[open] summary::after{ transform:rotate(-90deg); color:var(--gold-strong); }
html[data-style="transparency"] details.faq .a{ padding:var(--sp-2) var(--sp-3); font-size:14.5px; color:var(--ink); background:var(--paper); }

html[data-style="transparency"] /* جداول */
table.info{ width:100%; border-collapse:separate; border-spacing:0; font-size:14.5px; margin:0 0 var(--sp-3); border:1px solid var(--border); border-radius:var(--radius-sm); overflow:hidden; }
html[data-style="transparency"] table.info th, html[data-style="transparency"] table.info td{ padding:12px var(--sp-2); text-align:start; border-bottom:1px solid var(--border); }
html[data-style="transparency"] table.info tr:last-child td{ border-bottom:none; }
html[data-style="transparency"] table.info th{ background:var(--deep); color:var(--on-deep); font-size:12.5px; font-weight:600; letter-spacing:.03em; }
html[data-style="transparency"] table.info tbody tr:nth-child(even){ background:var(--paper); }

html[data-style="transparency"] /* بطاقات التواصل */
.contact-grid{ display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-2); margin-bottom:var(--sp-3); }
html[data-style="transparency"] .contact-card{ border:1px solid var(--border); border-radius:var(--radius); padding:var(--sp-3); background:var(--surface); box-shadow:var(--e1); position:relative; overflow:hidden; transition:box-shadow var(--t-fast), transform var(--t-fast), border-color var(--t-fast); }
html[data-style="transparency"] .contact-card::before{ content:""; position:absolute; top:0; inset-inline:0; height:3px; background:linear-gradient(90deg, var(--gold-light), var(--gold-strong)); opacity:0; transition:opacity var(--t-fast); }
html[data-style="transparency"] .contact-card:hover{ box-shadow:var(--e2); transform:translateY(-2px); border-color:var(--border-strong); }
html[data-style="transparency"] .contact-card:hover::before{ opacity:1; }
html[data-style="transparency"] .contact-card h3{ font-size:15.5px; margin-bottom:6px; color:var(--deep); }
html[data-style="transparency"] .contact-card p{ margin:0; font-size:13.5px; color:var(--ink-dim); line-height:1.8; }
html[data-style="transparency"] .contact-card .mono{ font-family:'JetBrains Mono',monospace; direction:ltr; display:inline-block; color:var(--ink); font-size:13px; background:var(--paper); padding:2px 8px; border-radius:6px; border:1px solid var(--border); }
@media (max-width:640px){ html[data-style="transparency"] .contact-grid{ grid-template-columns:1fr; } }

html[data-style="transparency"] /* الذيل */
footer.site{ background:var(--deep); color:rgba(242,247,244,.6); text-align:center; font-size:12px; padding:var(--sp-4) var(--sp-2); margin-top:var(--sp-6); line-height:2.2; position:relative; }
html[data-style="transparency"] footer.site::before{ content:""; position:absolute; top:0; inset-inline:0; height:2px; background:linear-gradient(90deg, transparent 8%, var(--gold-light) 50%, transparent 92%); opacity:.6; }
html[data-style="transparency"] footer.site a{ color:var(--gold-light); text-decoration:none; padding:2px 4px; border-radius:6px; transition:color var(--t-fast), background var(--t-fast); }
html[data-style="transparency"] footer.site a:hover{ color:#fff; background:rgba(255,255,255,.08); }
html[data-style="transparency"] footer.site .footer-credit{ color:#fff; font-weight:700; letter-spacing:.01em; opacity:.92; }

@media (max-width:720px){
  html[data-style="transparency"] .page-title{ padding-top:var(--sp-5); padding-bottom:84px; }
  html[data-style="transparency"] .page-title h1{ font-size:27px; }
  html[data-style="transparency"] article.doc{ padding:var(--sp-4) var(--sp-3); margin-top:-64px; border-radius:var(--radius); }
  html[data-style="transparency"] article.doc h2{ font-size:18px; }
  html[data-style="transparency"] header.site nav a{ padding:7px 10px; font-size:12.5px; }
  html[data-style="transparency"] .feature-grid{ grid-template-columns:1fr; }
  html[data-style="transparency"] .principle-list{ grid-template-columns:1fr; }
}

html[data-style="transparency"] .metric-grid{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:var(--sp-2); margin:0 0 var(--sp-4); }
  html[data-style="transparency"] .metric{ background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); padding:var(--sp-3); text-align:center; box-shadow:var(--e1); position:relative; overflow:hidden; }
  html[data-style="transparency"] .metric::before{ content:""; position:absolute; top:0; inset-inline:0; height:3px; background:linear-gradient(90deg, var(--gold-light), var(--gold-strong)); opacity:.55; }
  html[data-style="transparency"] .metric .n{ font-size:34px; font-weight:700; color:var(--deep); font-variant-numeric:tabular-nums; letter-spacing:-.02em; direction:ltr; display:inline-block; }
  html[data-style="transparency"] .metric .lbl{ display:block; font-size:12.5px; color:var(--ink-dim); margin-top:6px; font-weight:600; }
  html[data-style="transparency"] .metric.alert .n{ color:var(--gold-strong); }
  html[data-style="transparency"] .metric.danger .n{ color:#B3261E; }
  @media (max-width:820px){ html[data-style="transparency"] .metric-grid{ grid-template-columns:1fr 1fr; } }

  html[data-style="transparency"] .chart-bars{ display:flex; align-items:flex-end; gap:3px; height:200px; padding:var(--sp-2); background:var(--paper); border:1px solid var(--border); border-radius:var(--radius-sm); margin:var(--sp-2) 0 var(--sp-1); }
  html[data-style="transparency"] .chart-col{ flex:1; min-width:0; background:linear-gradient(180deg, var(--deep-3), var(--deep)); border-radius:3px 3px 0 0; min-height:2px; transition:opacity var(--t-fast); position:relative; }
  html[data-style="transparency"] .chart-col:hover{ opacity:.85; }
  html[data-style="transparency"] .chart-col .tip{ position:absolute; bottom:calc(100% + 6px); left:50%; transform:translateX(-50%); background:var(--ink); color:#fff; font-size:11px; padding:3px 8px; border-radius:6px; white-space:nowrap; opacity:0; pointer-events:none; transition:opacity var(--t-fast); font-family:'JetBrains Mono',monospace; direction:ltr; }
  html[data-style="transparency"] .chart-col:hover .tip{ opacity:1; }
  html[data-style="transparency"] .chart-axis{ display:flex; justify-content:space-between; font-size:10.5px; color:var(--ink-dim); font-family:'JetBrains Mono',monospace; direction:ltr; padding:0 var(--sp-1); }

  html[data-style="transparency"] .kv{ display:grid; grid-template-columns:180px 1fr; gap:8px var(--sp-2); font-size:14px; margin:0 0 var(--sp-3); }
  html[data-style="transparency"] .kv dt{ color:var(--ink-dim); font-weight:600; font-size:12.5px; padding-top:2px; }
  html[data-style="transparency"] .kv dd{ margin:0; }
  @media (max-width:640px){ html[data-style="transparency"] .kv{ grid-template-columns:1fr; } html[data-style="transparency"] .kv dt{ margin-top:8px; } }

  html[data-style="transparency"] .status-line{ display:flex; align-items:center; gap:8px; font-size:12.5px; color:var(--ink-dim); margin:0 0 var(--sp-2); }
  html[data-style="transparency"] .status-line .live-dot{ width:10px; height:10px; border-radius:50%; background:#14683D; box-shadow:0 0 0 4px rgba(20,104,61,.15); animation:livePulse 2s ease-in-out infinite; }
  @keyframes livePulse{ 50%{ box-shadow:0 0 0 8px rgba(20,104,61,.06); } }
  html[data-style="transparency"] .cache-note{ font-size:11.5px; color:var(--ink-dim); font-family:'JetBrains Mono',monospace; direction:ltr; }

  html[data-style="transparency"] .empty-hint{ background:var(--paper); border:1px dashed var(--border-strong); border-radius:var(--radius-sm); padding:var(--sp-3); text-align:center; color:var(--ink-dim); font-size:13.5px; }

  html[data-style="transparency"] .principles{ display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-2); margin:var(--sp-2) 0; }
  html[data-style="transparency"] .principle{ border:1px solid var(--border); border-inline-start:3px solid var(--gold-strong); border-radius:var(--radius-sm); padding:var(--sp-2); background:var(--surface); }
  html[data-style="transparency"] .principle b{ display:block; color:var(--deep); margin-bottom:4px; font-size:14.5px; }
  html[data-style="transparency"] .principle span{ font-size:13px; color:var(--ink-dim); line-height:1.9; }
  @media (max-width:640px){ html[data-style="transparency"] .principles{ grid-template-columns:1fr; } }

html[data-style="transparency"]{
  --kx-deep:var(--deep,#0d3b2c);
  --kx-deep-strong:#082c20;
  --kx-teal:#3d8d7e;
  --kx-gold:var(--gold-light,#c9a961);
  --kx-paper:var(--paper,#f5f6f5);
  --kx-surface:var(--surface,#fff);
  --kx-ink:var(--ink,#121a15);
  --kx-muted:var(--ink-dim,#5a6862);
  --kx-border:var(--border,rgba(18,26,21,.12));
  --kx-shadow:0 18px 54px rgba(8,44,32,.2);
}

html[data-style="transparency"] .kx-assistant-launch{
  position:fixed;
  z-index:320;
  inset-inline-start:20px;
  bottom:max(20px,env(safe-area-inset-bottom));
  width:60px;
  height:60px;
  padding:5px;
  border:2px solid rgba(255,255,255,.9);
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 32px rgba(8,44,32,.27);
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease;
  touch-action:manipulation;
}
html[data-style="transparency"] .kx-assistant-launch[hidden]{ display:none!important; }
html[data-style="transparency"] .kx-assistant-launch:hover{ transform:translateY(-2px); box-shadow:0 16px 36px rgba(8,44,32,.32); }
html[data-style="transparency"] .kx-assistant-launch:active{ transform:translateY(0); }
html[data-style="transparency"] .kx-assistant-launch img{ width:100%; height:100%; display:block; border-radius:15px; }
html[data-style="transparency"] .kx-assistant-launch::after{
  content:"";
  position:absolute;
  top:4px;
  inset-inline-end:4px;
  width:10px;
  height:10px;
  border:2px solid #fff;
  border-radius:50%;
  background:#2f9f67;
}

html[data-style="transparency"] .kx-assistant-panel{
  position:fixed;
  z-index:310;
  inset-inline-start:20px;
  bottom:max(92px,calc(env(safe-area-inset-bottom) + 82px));
  width:min(390px,calc(100vw - 32px));
  max-height:min(650px,calc(100dvh - 116px));
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(13,59,44,.13);
  border-radius:22px;
  background:var(--kx-surface);
  color:var(--kx-ink);
  box-shadow:var(--kx-shadow);
  opacity:0;
  transform:translateY(10px) scale(.98);
  pointer-events:none;
  transform-origin:bottom left;
  transition:opacity .2s ease,transform .2s ease;
}
html[data-style="transparency"] .kx-assistant-panel[hidden]{ display:none!important; }
html[data-style="transparency"] [dir="rtl"] .kx-assistant-panel{ transform-origin:bottom right; }
html[data-style="transparency"] .kx-assistant-panel[data-open="true"]{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}
html[data-style="transparency"] .kx-assistant-head{
  padding:16px;
  display:flex;
  align-items:center;
  gap:12px;
  color:#fff;
  background:linear-gradient(135deg,var(--kx-deep-strong),var(--kx-deep));
}
html[data-style="transparency"] .kx-assistant-avatar{
  width:46px;
  height:46px;
  flex:0 0 auto;
  border:2px solid rgba(255,255,255,.75);
  border-radius:15px;
}
html[data-style="transparency"] .kx-assistant-heading{ min-width:0; flex:1; }
html[data-style="transparency"] .kx-assistant-heading h2{ margin:0; color:#fff; font-size:16px; line-height:1.4; }
html[data-style="transparency"] .kx-assistant-heading p{ margin:2px 0 0; color:rgba(255,255,255,.75); font-size:11.5px; line-height:1.5; }
html[data-style="transparency"] .kx-assistant-close{
  width:44px;
  height:44px;
  border:0;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.09);
  color:#fff;
  cursor:pointer;
}
html[data-style="transparency"] .kx-assistant-close:hover{ background:rgba(255,255,255,.16); }
html[data-style="transparency"] .kx-assistant-close svg{ width:20px; height:20px; }

html[data-style="transparency"] .kx-assistant-messages{
  min-height:160px;
  padding:16px;
  display:flex;
  flex-direction:column;
  gap:10px;
  overflow:auto;
  overscroll-behavior:contain;
  background:#f7f9f8;
}
html[data-style="transparency"] .kx-message{
  max-width:88%;
  padding:10px 12px;
  border-radius:14px;
  font-size:13px;
  line-height:1.7;
  white-space:pre-wrap;
}
html[data-style="transparency"] .kx-message[data-kind="assistant"]{
  align-self:flex-start;
  border:1px solid rgba(13,59,44,.1);
  border-start-start-radius:5px;
  background:#fff;
  color:var(--kx-ink);
}
html[data-style="transparency"] .kx-message[data-loading="true"]{
  color:var(--kx-muted);
}
html[data-style="transparency"] .kx-message[data-loading="true"]::after{
  content:"";
  width:14px;
  height:14px;
  margin-inline-start:8px;
  display:inline-block;
  vertical-align:-2px;
  border:2px solid rgba(13,59,44,.18);
  border-top-color:var(--kx-deep);
  border-radius:50%;
  animation:kx-spin .8s linear infinite;
}
@keyframes kx-spin{ to{ transform:rotate(360deg); } }
html[data-style="transparency"] .kx-message[data-kind="user"]{
  align-self:flex-end;
  border-end-end-radius:5px;
  background:var(--kx-deep);
  color:#fff;
}
html[data-style="transparency"] .kx-message a{
  margin-top:7px;
  display:inline-flex;
  color:var(--kx-deep);
  font-weight:700;
  text-underline-offset:3px;
}

html[data-style="transparency"] .kx-assistant-quick{
  padding:12px 14px 8px;
  display:flex;
  gap:7px;
  overflow-x:auto;
  scrollbar-width:thin;
  background:#fff;
}
html[data-style="transparency"] .kx-quick-question{
  min-height:38px;
  padding:8px 11px;
  flex:0 0 auto;
  border:1px solid rgba(13,59,44,.14);
  border-radius:999px;
  background:#fff;
  color:var(--kx-deep);
  font:inherit;
  font-size:11.5px;
  font-weight:600;
  cursor:pointer;
  white-space:nowrap;
}
html[data-style="transparency"] .kx-quick-question:hover{ background:#edf5f1; }
html[data-style="transparency"] .kx-assistant-form{
  padding:10px 14px 12px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 46px;
  gap:8px;
  background:#fff;
}
html[data-style="transparency"] .kx-assistant-input{
  width:100%;
  min-width:0;
  height:46px;
  padding:0 13px;
  border:1px solid rgba(13,59,44,.17);
  border-radius:12px;
  background:#fff;
  color:var(--kx-ink);
  font:inherit;
  font-size:14px;
}
html[data-style="transparency"] .kx-assistant-input:focus{ outline:2px solid rgba(61,141,126,.35); border-color:var(--kx-teal); }
html[data-style="transparency"] .kx-assistant-input:disabled{ background:#f2f5f3; color:var(--kx-muted); cursor:wait; }
html[data-style="transparency"] .kx-assistant-send{
  width:46px;
  height:46px;
  border:0;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:var(--kx-deep);
  color:#fff;
  cursor:pointer;
}
html[data-style="transparency"] .kx-assistant-send:hover{ background:var(--kx-deep-strong); }
html[data-style="transparency"] .kx-assistant-send:disabled{ background:#7d948b; cursor:wait; }
html[data-style="transparency"] .kx-assistant-send svg{ width:20px; height:20px; }
html[data-style="transparency"] .kx-assistant-privacy{
  margin:0;
  padding:0 14px 12px;
  color:var(--kx-muted);
  background:#fff;
  font-size:10.5px;
  line-height:1.6;
}
html[data-style="transparency"] .kx-visually-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

@media (max-width:640px){
  html[data-style="transparency"] .kx-assistant-launch{ inset-inline-start:14px; bottom:max(14px,env(safe-area-inset-bottom)); }
  html[data-style="transparency"] .kx-assistant-panel{
    inset-inline-start:16px;
    bottom:max(86px,calc(env(safe-area-inset-bottom) + 78px));
    width:calc(100vw - 32px);
    max-height:calc(100dvh - 108px);
  }
}

@media (prefers-reduced-motion:reduce){
  html[data-style="transparency"] .kx-assistant-launch,
  html[data-style="transparency"] .kx-assistant-panel{ transition:none!important; }
  html[data-style="transparency"] .kx-message[data-loading="true"]::after{ animation:none; }
}


/* embed: portal.css, embed-page.css */
html[data-style="embed"]{
  --paper:#F5F6F5; --paper-2:#ECEFED; --surface:#FFFFFF;
  --deep:#0D3B2C; --deep-2:#11492F; --deep-3:#155540; --deep-tint:#E7EFEA; --on-deep:#F2F7F4;
  --gold:#96762B; --gold-strong:#7C6120; --gold-light:#C9A961; --gold-tint:#F5EFE0;
  --ink:#121A15; --ink-dim:#5A6862;
  --border:rgba(18,26,21,.09); --border-strong:rgba(18,26,21,.16);
  --e1:0 1px 2px rgba(18,26,21,.05), 0 1px 3px rgba(18,26,21,.05);
  --e2:0 2px 6px rgba(18,26,21,.05), 0 12px 28px rgba(18,26,21,.08);
  --e3:0 8px 20px rgba(18,26,21,.09), 0 28px 64px rgba(18,26,21,.16);
  --sp-h:4px; --sp-1:8px; --sp-2:16px; --sp-3:24px; --sp-4:32px; --sp-5:40px; --sp-6:48px; --sp-7:64px;
  --radius-sm:10px; --radius:14px; --radius-lg:20px; --radius-pill:999px;
  --t-fast:.16s cubic-bezier(.3,0,.2,1); --t-med:.26s cubic-bezier(.3,0,.2,1);
}
html[data-style="embed"] *{ box-sizing:border-box; }
html[data-style="embed"],html[data-style="embed"] body{ margin:0; padding:0; background:var(--paper); color:var(--ink); font-family:'IBM Plex Sans Arabic','Tajawal',sans-serif; font-size:16px; line-height:1.85; }
html[data-style="embed"] body{ overflow-x:hidden; text-rendering:optimizeLegibility; }
html[data-style="embed"] h1,html[data-style="embed"] h2,html[data-style="embed"] h3{ margin:0; font-weight:700; letter-spacing:-.01em; color:var(--ink); }
html[data-style="embed"] :focus-visible{ outline:2px solid var(--deep); outline-offset:2px; border-radius:var(--radius-sm); }
html[data-style="embed"] ::selection{ background:var(--deep-tint); }
@media (prefers-reduced-motion: reduce){ html[data-style="embed"] *,html[data-style="embed"] *::before,html[data-style="embed"] *::after{ animation:none !important; transition:none !important; } }

html[data-style="embed"] .util-bar{ background:#0A2E22; color:rgba(242,247,244,.72); font-size:12px; padding:var(--sp-1) var(--sp-2); text-align:center; position:relative; z-index:3; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; column-gap:var(--sp-1); }
html[data-style="embed"] .util-bar b{ color:var(--gold-light); font-weight:600; }

html[data-style="embed"] /* الترويسة */
header.site{ background:var(--deep); position:relative; z-index:3; }
html[data-style="embed"] .site-inner{ max-width:920px; margin:0 auto; padding:var(--sp-1) var(--sp-2); display:flex; align-items:center; justify-content:space-between; gap:var(--sp-2); flex-wrap:wrap; min-height:64px; }
html[data-style="embed"] .logo .mark{ display:block; width:96px; height:44px; background:#fff; border-radius:8px; padding:5px 8px; box-shadow:var(--e1); }
html[data-style="embed"] .logo .mark img{ width:100%; height:100%; object-fit:contain; display:block; }
html[data-style="embed"] header.site nav{ display:flex; gap:2px; flex-wrap:wrap; }
html[data-style="embed"] header.site nav a{ color:rgba(242,247,244,.78); font-size:13px; font-weight:600; text-decoration:none; padding:8px 14px; border-radius:var(--radius-pill); transition:background var(--t-fast), color var(--t-fast); }
html[data-style="embed"] header.site nav a:hover{ background:rgba(255,255,255,.12); color:#fff; }
html[data-style="embed"] header.site nav a[aria-current="page"]{ background:var(--on-deep); color:var(--deep); }

html[data-style="embed"] /* ── القسم البطولي: امتداد كامل بتدرج عميق وخط الختم النحاسي ── */
main{ max-width:860px; margin:0 auto; padding:0 var(--sp-2) 80px; }
html[data-style="embed"] /* The public landing page is intentionally full-bleed, html[data-style="embed"] unlike the document pages. */
body.welcome-page main{ max-width:none; margin:0; padding:0; }
@media (min-width:1200px){
  html[data-style="embed"] body.welcome-page .welcome-nav{ max-width:1440px; padding-inline:40px; }
  html[data-style="embed"] body.welcome-page .welcome-hero-grid,
  html[data-style="embed"] body.welcome-page .welcome-proof,
  html[data-style="embed"] body.welcome-page .welcome-story,
  html[data-style="embed"] body.welcome-page .welcome-trust{ max-width:1320px; }
  html[data-style="embed"] body.welcome-page .welcome-final{ max-width:1272px; }
}
html[data-style="embed"] .page-title{ text-align:center; position:relative; margin:0 calc(50% - 50vw) var(--sp-5); padding:var(--sp-7) calc(50vw - 50%) 96px; background:linear-gradient(170deg, var(--deep) 0%, var(--deep-2) 60%, var(--deep-3) 100%); }
html[data-style="embed"] .page-title::before{ content:""; position:absolute; inset:0; background-image:radial-gradient(rgba(255,255,255,.05) 1px, transparent 1px); background-size:26px 26px; pointer-events:none; }
html[data-style="embed"] .page-title::after{ content:""; position:absolute; inset-inline:0; bottom:0; height:2px; background:linear-gradient(90deg, transparent 8%, var(--gold-light) 35%, #E4CD8F 50%, var(--gold-light) 65%, transparent 92%); opacity:.85; }
html[data-style="embed"] .page-title h1{ position:relative; color:#fff; font-size:34px; letter-spacing:-.02em; }
html[data-style="embed"] .page-title p{ position:relative; margin:10px auto 0; color:rgba(242,247,244,.82); font-size:15px; max-width:620px; line-height:1.9; }
html[data-style="embed"] .page-title .updated{ position:relative; display:inline-block; font-size:11.5px; color:var(--gold-light); margin-top:var(--sp-2); padding:3px 14px; border:1px solid rgba(201,169,97,.4); border-radius:var(--radius-pill); background:rgba(201,169,97,.08); }

html[data-style="embed"] /* ── بطاقة المحتوى الطافية فوق القسم البطولي ── */
article.doc{ background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg); padding:var(--sp-6) var(--sp-6) var(--sp-5); position:relative; box-shadow:var(--e3); margin-top:-72px; z-index:2; animation:docRise .5s cubic-bezier(.3,0,.2,1) both; }
@keyframes docRise{ from{ opacity:0; transform:translateY(16px); } to{ opacity:1; transform:translateY(0); } }
html[data-style="embed"] article.doc > *{ position:relative; }
html[data-style="embed"] article.doc h2{ font-size:20px; margin:var(--sp-5) 0 var(--sp-2); padding-bottom:10px; border-bottom:1px solid var(--border); display:flex; align-items:center; gap:10px; }
html[data-style="embed"] article.doc h2::before{ content:""; width:6px; height:22px; border-radius:3px; background:linear-gradient(180deg, var(--gold-light), var(--gold-strong)); flex:0 0 auto; }
html[data-style="embed"] article.doc h2:first-child, html[data-style="embed"] article.doc .callout + h2{ margin-top:0; }
html[data-style="embed"] article.doc p{ margin:0 0 var(--sp-2); font-size:15px; color:var(--ink); }
html[data-style="embed"] article.doc p:last-child{ margin-bottom:0; }
html[data-style="embed"] article.doc ol, html[data-style="embed"] article.doc ul{ margin:0 0 var(--sp-2); padding-inline-start:22px; font-size:15px; }
html[data-style="embed"] article.doc li{ margin-bottom:10px; }
html[data-style="embed"] article.doc li::marker{ color:var(--gold-strong); font-weight:700; }
html[data-style="embed"] article.doc strong{ color:var(--deep); font-weight:600; }

html[data-style="embed"] .callout{ background:var(--gold-tint); border:1px solid rgba(150,118,43,.22); border-inline-start:4px solid var(--gold-strong); border-radius:var(--radius-sm); padding:var(--sp-2) var(--sp-3); font-size:13.5px; margin:0 0 var(--sp-4); line-height:1.9; }

html[data-style="embed"] /* ملخصات المزايا والإجراءات */
.feature-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--sp-2); margin:0 0 var(--sp-4); }
html[data-style="embed"] .feature-grid--two{ grid-template-columns:repeat(2,minmax(0,1fr)); }
html[data-style="embed"] .feature-card{ min-width:0; padding:var(--sp-3); border:1px solid var(--border); border-radius:var(--radius); background:linear-gradient(145deg,#fff,var(--paper)); box-shadow:var(--e1); }
html[data-style="embed"] .feature-card .feature-kicker{ display:block; margin-bottom:6px; color:var(--gold-strong); font-size:11.5px; font-weight:700; }
html[data-style="embed"] .feature-card h3{ margin:0 0 6px; color:var(--deep); font-size:15.5px; }
html[data-style="embed"] .feature-card p{ margin:0; color:var(--ink-dim); font-size:13px; line-height:1.75; }
html[data-style="embed"] .feature-card a{ color:var(--deep); font-weight:700; text-underline-offset:3px; }
html[data-style="embed"] .section-lead{ margin:-4px 0 var(--sp-3)!important; color:var(--ink-dim)!important; }
html[data-style="embed"] .procedure-note{ margin:var(--sp-3) 0 0; padding:var(--sp-2) var(--sp-3); border:1px solid rgba(61,141,126,.2); border-radius:var(--radius-sm); background:#EDF6F2; color:var(--deep); font-size:13.5px; line-height:1.8; }
html[data-style="embed"] .principle-list{ display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-2); margin:0 0 var(--sp-3); }
html[data-style="embed"] .principle-item{ padding:var(--sp-2) var(--sp-3); border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--paper); }
html[data-style="embed"] .principle-item b{ display:block; margin-bottom:4px; color:var(--deep); font-size:14px; }
html[data-style="embed"] .principle-item span{ display:block; color:var(--ink-dim); font-size:13px; line-height:1.75; }
html[data-style="embed"] .support-route{ display:flex; align-items:flex-start; gap:var(--sp-2); padding:var(--sp-3); border:1px solid var(--border); border-radius:var(--radius); background:var(--surface); }
html[data-style="embed"] .support-route + .support-route{ margin-top:var(--sp-2); }
html[data-style="embed"] .support-route-number{ width:34px; height:34px; flex:0 0 auto; display:grid; place-items:center; border-radius:50%; background:var(--deep); color:#fff; font-size:13px; font-weight:700; }
html[data-style="embed"] .support-route h3{ margin:0 0 4px; color:var(--deep); font-size:15px; }
html[data-style="embed"] .support-route p{ margin:0!important; color:var(--ink-dim)!important; font-size:13.5px!important; }
html[data-style="embed"] .inline-action{ min-height:44px; padding:10px 16px; display:inline-flex; align-items:center; justify-content:center; border-radius:var(--radius-sm); background:var(--deep); color:#fff!important; font-size:13px; font-weight:700; text-decoration:none; }
html[data-style="embed"] .inline-action:hover{ background:var(--deep-2); }

html[data-style="embed"] /* خطوات مرقمة بخط رابط عمودي */
.steps{ counter-reset:step; list-style:none; padding:0; margin:0 0 var(--sp-2); }
html[data-style="embed"] .steps li{ counter-increment:step; position:relative; padding:0 52px 0 0; margin-bottom:var(--sp-3); min-height:44px; }
html[data-style="embed"] .steps li::before{ content:counter(step); position:absolute; right:0; top:0; width:36px; height:36px; border-radius:var(--radius-pill); background:var(--deep); color:var(--on-deep); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:15px; box-shadow:var(--e1); }
html[data-style="embed"] .steps li:not(:last-child)::after{ content:""; position:absolute; right:17px; top:42px; bottom:-18px; width:2px; background:linear-gradient(180deg, var(--border-strong), transparent); }
html[data-style="embed"] .steps li b{ display:block; color:var(--deep); font-weight:700; margin-bottom:2px; font-size:15.5px; }

html[data-style="embed"] /* الأسئلة الشائعة — سهم دوار وحركة ناعمة */
details.faq{ border:1px solid var(--border); border-radius:var(--radius); background:var(--surface); margin-bottom:var(--sp-1); box-shadow:var(--e1); transition:box-shadow var(--t-fast), border-color var(--t-fast); overflow:hidden; }
html[data-style="embed"] details.faq:hover{ box-shadow:var(--e2); border-color:var(--border-strong); }
html[data-style="embed"] details.faq summary{ cursor:pointer; padding:var(--sp-2) var(--sp-3); font-weight:600; color:var(--ink); font-size:15px; list-style:none; display:flex; align-items:center; justify-content:space-between; gap:var(--sp-2); transition:background var(--t-fast), color var(--t-fast); }
html[data-style="embed"] details.faq summary::-webkit-details-marker{ display:none; }
html[data-style="embed"] details.faq summary::after{ content:"›"; font-size:22px; color:var(--ink-dim); transform:rotate(90deg); transition:transform var(--t-med), color var(--t-fast); flex:0 0 auto; line-height:1; }
html[data-style="embed"] details.faq summary:hover{ background:var(--paper); }
html[data-style="embed"] details.faq[open] summary{ color:var(--deep); border-bottom:1px solid var(--border); }
html[data-style="embed"] details.faq[open] summary::after{ transform:rotate(-90deg); color:var(--gold-strong); }
html[data-style="embed"] details.faq .a{ padding:var(--sp-2) var(--sp-3); font-size:14.5px; color:var(--ink); background:var(--paper); }

html[data-style="embed"] /* جداول */
table.info{ width:100%; border-collapse:separate; border-spacing:0; font-size:14.5px; margin:0 0 var(--sp-3); border:1px solid var(--border); border-radius:var(--radius-sm); overflow:hidden; }
html[data-style="embed"] table.info th, html[data-style="embed"] table.info td{ padding:12px var(--sp-2); text-align:start; border-bottom:1px solid var(--border); }
html[data-style="embed"] table.info tr:last-child td{ border-bottom:none; }
html[data-style="embed"] table.info th{ background:var(--deep); color:var(--on-deep); font-size:12.5px; font-weight:600; letter-spacing:.03em; }
html[data-style="embed"] table.info tbody tr:nth-child(even){ background:var(--paper); }

html[data-style="embed"] /* بطاقات التواصل */
.contact-grid{ display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-2); margin-bottom:var(--sp-3); }
html[data-style="embed"] .contact-card{ border:1px solid var(--border); border-radius:var(--radius); padding:var(--sp-3); background:var(--surface); box-shadow:var(--e1); position:relative; overflow:hidden; transition:box-shadow var(--t-fast), transform var(--t-fast), border-color var(--t-fast); }
html[data-style="embed"] .contact-card::before{ content:""; position:absolute; top:0; inset-inline:0; height:3px; background:linear-gradient(90deg, var(--gold-light), var(--gold-strong)); opacity:0; transition:opacity var(--t-fast); }
html[data-style="embed"] .contact-card:hover{ box-shadow:var(--e2); transform:translateY(-2px); border-color:var(--border-strong); }
html[data-style="embed"] .contact-card:hover::before{ opacity:1; }
html[data-style="embed"] .contact-card h3{ font-size:15.5px; margin-bottom:6px; color:var(--deep); }
html[data-style="embed"] .contact-card p{ margin:0; font-size:13.5px; color:var(--ink-dim); line-height:1.8; }
html[data-style="embed"] .contact-card .mono{ font-family:'JetBrains Mono',monospace; direction:ltr; display:inline-block; color:var(--ink); font-size:13px; background:var(--paper); padding:2px 8px; border-radius:6px; border:1px solid var(--border); }
@media (max-width:640px){ html[data-style="embed"] .contact-grid{ grid-template-columns:1fr; } }

html[data-style="embed"] /* الذيل */
footer.site{ background:var(--deep); color:rgba(242,247,244,.6); text-align:center; font-size:12px; padding:var(--sp-4) var(--sp-2); margin-top:var(--sp-6); line-height:2.2; position:relative; }
html[data-style="embed"] footer.site::before{ content:""; position:absolute; top:0; inset-inline:0; height:2px; background:linear-gradient(90deg, transparent 8%, var(--gold-light) 50%, transparent 92%); opacity:.6; }
html[data-style="embed"] footer.site a{ color:var(--gold-light); text-decoration:none; padding:2px 4px; border-radius:6px; transition:color var(--t-fast), background var(--t-fast); }
html[data-style="embed"] footer.site a:hover{ color:#fff; background:rgba(255,255,255,.08); }
html[data-style="embed"] footer.site .footer-credit{ color:#fff; font-weight:700; letter-spacing:.01em; opacity:.92; }

@media (max-width:720px){
  html[data-style="embed"] .page-title{ padding-top:var(--sp-5); padding-bottom:84px; }
  html[data-style="embed"] .page-title h1{ font-size:27px; }
  html[data-style="embed"] article.doc{ padding:var(--sp-4) var(--sp-3); margin-top:-64px; border-radius:var(--radius); }
  html[data-style="embed"] article.doc h2{ font-size:18px; }
  html[data-style="embed"] header.site nav a{ padding:7px 10px; font-size:12.5px; }
  html[data-style="embed"] .feature-grid{ grid-template-columns:1fr; }
  html[data-style="embed"] .principle-list{ grid-template-columns:1fr; }
}

html[data-style="embed"] pre.code{ direction:ltr; text-align:left; background:#0D1F19; color:#DDE7E1; padding:16px 20px; border-radius:12px; font-family:'JetBrains Mono',monospace; font-size:12.5px; line-height:1.8; overflow-x:auto; margin:0 0 16px; border:1px solid rgba(255,255,255,.06); position:relative; }
  html[data-style="embed"] pre.code .kw{ color:#C9A961; }
  html[data-style="embed"] pre.code .str{ color:#8CD9B0; }
  html[data-style="embed"] pre.code .attr{ color:#79BFE1; }
  html[data-style="embed"] pre.code .cmt{ color:#5A6862; font-style:italic; }
  html[data-style="embed"] .copy-btn{ position:absolute; top:8px; left:8px; background:rgba(255,255,255,.08); color:#DDE7E1; border:1px solid rgba(255,255,255,.15); padding:5px 10px; border-radius:6px; font:600 11px/1 'IBM Plex Sans Arabic',sans-serif; cursor:pointer; transition:background .15s; }
  html[data-style="embed"] .copy-btn:hover{ background:rgba(255,255,255,.16); }
  html[data-style="embed"] .copy-btn.ok{ background:#14683D; color:#fff; border-color:#14683D; }
  html[data-style="embed"] .demo-box{ background:#fff; border:1px solid var(--border); border-radius:var(--radius); padding:var(--sp-4); margin:0 0 var(--sp-3); box-shadow:var(--e1); position:relative; }
  html[data-style="embed"] .demo-box::before{ content:"معاينة حية"; position:absolute; top:-11px; inset-inline-start:16px; background:var(--gold-strong); color:#fff; font-size:10.5px; font-weight:700; padding:3px 10px; border-radius:999px; letter-spacing:.03em; }
  html[data-style="embed"] .demo-cv{ font-size:14.5px; padding:var(--sp-2); background:var(--paper); border-radius:var(--radius-sm); border:1px dashed var(--border-strong); }
  html[data-style="embed"] .demo-cv b{ color:var(--deep); }
  html[data-style="embed"] .try-row{ display:flex; gap:8px; align-items:center; margin-top:var(--sp-2); flex-wrap:wrap; }
  html[data-style="embed"] .try-row input{ flex:1; min-width:220px; padding:10px 12px; border:1px solid var(--border-strong); border-radius:10px; font:600 14px/1 'JetBrains Mono',monospace; direction:ltr; text-align:center; }
  html[data-style="embed"] .try-row button{ padding:10px 18px; background:var(--deep); color:#fff; border:none; border-radius:10px; font:600 13.5px/1 'IBM Plex Sans Arabic',sans-serif; cursor:pointer; }
  html[data-style="embed"] .checklist{ list-style:none; padding:0; margin:0 0 var(--sp-3); display:grid; gap:8px; }
  html[data-style="embed"] .checklist li{ display:flex; gap:10px; align-items:flex-start; padding:12px var(--sp-2); background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-sm); }
  html[data-style="embed"] .checklist li::before{ content:"✓"; width:22px; height:22px; border-radius:50%; background:var(--success-tint,#E4F1E9); color:#14683D; display:inline-flex; align-items:center; justify-content:center; font-weight:700; flex:0 0 auto; font-size:12px; }
  html[data-style="embed"] .checklist b{ color:var(--deep); display:block; margin-bottom:2px; font-size:14.5px; }
  html[data-style="embed"] .checklist span{ font-size:13px; color:var(--ink-dim); line-height:1.8; }


/* landing: landing-v2.css, landing-logo-overrides.css, landing-v2-polish.css, landing-motion.css, landing-i18n.css, institution-application.css, institution-application-polish.css, landing-rounded.css */
html[data-style="landing"]{--green:#0d3b2c;--green2:#123f30;--ink:#112019;--paper:#f4f1e9;--line:rgba(17,32,25,.18);--gold:#bd9647;--light:#f7f6f1;--muted:#617068;--serif:'IBM Plex Sans Arabic','Tajawal',sans-serif;--ease:cubic-bezier(.22,.61,.36,1)}html[data-style="landing"] *{box-sizing:border-box}html[data-style="landing"]{scroll-behavior:smooth}html[data-style="landing"] body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 var(--serif);overflow-x:hidden}html[data-style="landing"] a{color:inherit}html[data-style="landing"] .skip{position:absolute;top:-80px;inset-inline-start:16px;padding:8px 12px;background:#fff;z-index:20}html[data-style="landing"] .skip:focus{top:16px}html[data-style="landing"] .topbar{position:absolute;z-index:10;top:0;inset-inline:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;max-width:1440px;margin:auto;padding:24px 40px;color:#fff}html[data-style="landing"] .brand{width:108px;height:48px;padding:7px 10px;border-radius:4px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.16)}html[data-style="landing"] .brand img,html[data-style="landing"] footer img{width:100%;height:100%;object-fit:contain;display:block}html[data-style="landing"] .topbar nav{display:flex;gap:22px}html[data-style="landing"] .topbar nav a,html[data-style="landing"] .top-actions>a{font-size:13px;font-weight:600;text-decoration:none}html[data-style="landing"] .topbar nav a{color:rgba(255,255,255,.85);transition:color .2s var(--ease)}html[data-style="landing"] .topbar nav a:hover{color:var(--gold)}html[data-style="landing"] .top-actions{display:flex;justify-content:flex-end;align-items:center;gap:18px}html[data-style="landing"] .top-actions>a{color:#fff}html[data-style="landing"] .top-actions .top-cta{padding:11px 15px;color:var(--green);background:var(--paper);border-radius:2px}html[data-style="landing"] .hero{position:relative;min-height:820px;display:flex;align-items:flex-end;padding:160px max(40px,calc((100vw - 1280px)/2)) 108px;color:#fff;isolation:isolate;overflow:hidden}html[data-style="landing"] .hero-photo,html[data-style="landing"] .hero-overlay{position:absolute;inset:0;z-index:-2}html[data-style="landing"] .hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center}html[data-style="landing"] .hero-overlay{z-index:-1;background:linear-gradient(90deg,rgba(6,37,27,.96) 0%,rgba(7,44,31,.82) 35%,rgba(7,44,31,.24) 70%,rgba(7,44,31,.04) 100%)}html[data-style="landing"] .hero-content{width:min(690px,58%)}html[data-style="landing"] .eyebrow{margin:0;color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.04em}html[data-style="landing"] .hero h1,html[data-style="landing"] .statement h2,html[data-style="landing"] .feature-split h2,html[data-style="landing"] .trust-section h2,html[data-style="landing"] .closing h2{margin:18px 0 20px;font-size:clamp(47px,5.2vw,84px);line-height:1.08;letter-spacing:-.045em;font-weight:700}html[data-style="landing"] .hero h1 em,html[data-style="landing"] .statement h2 em{font-style:normal;color:var(--gold)}html[data-style="landing"] .hero-lead{max-width:560px;margin:0;color:rgba(255,255,255,.82);font-size:18px;line-height:1.9}html[data-style="landing"] .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}html[data-style="landing"] .button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:12px 20px;text-decoration:none;font-size:14px;font-weight:800;transition:transform .2s var(--ease),background .2s var(--ease)}html[data-style="landing"] .button:hover{transform:translateY(-3px)}html[data-style="landing"] .primary{background:var(--gold);color:#15271d}html[data-style="landing"] .ghost{color:#fff;border:1px solid rgba(255,255,255,.5)}html[data-style="landing"] .ghost:hover{background:rgba(255,255,255,.12)}html[data-style="landing"] .hero-stamp{position:absolute;inset-inline-end:max(40px,calc((100vw - 1280px)/2));bottom:58px;display:flex;align-items:center;gap:14px;padding:14px 18px;border-top:1px solid rgba(255,255,255,.45);border-bottom:1px solid rgba(255,255,255,.45);background:rgba(8,39,29,.45);backdrop-filter:blur(8px)}html[data-style="landing"] .hero-stamp span{color:var(--gold);font:700 22px/1 monospace}html[data-style="landing"] .hero-stamp p{margin:0;font-size:11px;line-height:1.45}html[data-style="landing"] .hero-stamp b{font-size:13px}html[data-style="landing"] .hero-scroll{position:absolute;bottom:24px;inset-inline-start:50%;display:flex;flex-direction:column;align-items:center;gap:7px;color:rgba(255,255,255,.68);font-size:10px;text-decoration:none;transform:translateX(-50%)}html[data-style="landing"] .hero-scroll i{height:30px;border-inline-start:1px solid var(--gold)}html[data-style="landing"] .statement{padding:144px max(40px,calc((100vw - 1280px)/2));background:var(--paper)}html[data-style="landing"] .statement>h2{max-width:740px;color:var(--green)}html[data-style="landing"] .statement-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:70px}html[data-style="landing"] .chapter{position:relative;min-height:360px;padding:30px 28px;border-inline-start:1px solid var(--line);overflow:hidden}html[data-style="landing"] .chapter:first-child{border-inline-start:0}html[data-style="landing"] .chapter>span{color:var(--gold);font:700 13px monospace}html[data-style="landing"] .chapter h3{margin:72px 0 8px;color:var(--green);font-size:24px}html[data-style="landing"] .chapter p{max-width:310px;margin:0;color:var(--muted);font-size:14px}html[data-style="landing"] .chapter-mark{position:absolute;inset-inline-end:26px;bottom:24px;opacity:.85}html[data-style="landing"] .mark-document{width:110px;height:142px;border:2px solid var(--green);transform:rotate(8deg)}html[data-style="landing"] .mark-document:before,html[data-style="landing"] .mark-document:after{content:"";position:absolute;inset-inline-start:17px;right:17px;height:7px;background:var(--gold)}html[data-style="landing"] .mark-document:before{top:28px}html[data-style="landing"] .mark-document:after{top:51px;background:var(--green)}html[data-style="landing"] .mark-path{width:126px;height:70px;border-top:2px solid var(--green);border-radius:50%;transform:rotate(-18deg)}html[data-style="landing"] .mark-path:after{content:"";position:absolute;inset-inline-start:42px;top:-11px;width:14px;height:14px;border-radius:50%;background:var(--gold)}html[data-style="landing"] .mark-check{font-size:92px;line-height:1;color:var(--green)}html[data-style="landing"] .feature-split{display:grid;grid-template-columns:1fr 1fr;min-height:720px;background:var(--green);color:#fff}html[data-style="landing"] .feature-copy{display:flex;flex-direction:column;justify-content:center;padding:110px max(40px,calc((100vw - 1280px)/2));padding-inline-end:90px}html[data-style="landing"] .feature-copy h2{font-size:clamp(38px,4vw,62px)}html[data-style="landing"] .feature-copy>p:not(.eyebrow){max-width:500px;color:rgba(255,255,255,.72);font-size:17px}html[data-style="landing"] .text-link{margin-top:26px;color:var(--gold);font-size:14px;font-weight:800;text-underline-offset:7px}html[data-style="landing"] .product-view{align-self:center;margin-inline-end:max(40px,calc((100vw - 1280px)/2));padding:14px;background:#f8faf9;color:var(--ink);box-shadow:28px 28px 0 rgba(189,150,71,.86)}html[data-style="landing"] .product-nav{height:32px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #e6ece8}html[data-style="landing"] .product-nav span{width:7px;height:7px;border-radius:50%;background:#c4d1ca}html[data-style="landing"] .product-main{padding:34px}html[data-style="landing"] .product-heading{display:flex;align-items:center;gap:12px;padding-bottom:26px}html[data-style="landing"] .product-heading i{width:38px;height:38px;background:var(--gold)}html[data-style="landing"] .product-heading b,html[data-style="landing"] .product-heading small{display:block}html[data-style="landing"] .product-heading small{color:#718077;font-size:11px}html[data-style="landing"] .product-row{display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;padding:14px 0;border-top:1px solid #e6ece8;font-size:12px}html[data-style="landing"] .product-row b,html[data-style="landing"] .product-row small{display:block}html[data-style="landing"] .product-row small{color:#75837c;font:10px monospace}html[data-style="landing"] .product-row em{font-style:normal;font-size:10px;color:#52645b}html[data-style="landing"] .status{width:8px;height:8px;border-radius:50%}html[data-style="landing"] .pending{background:var(--gold)}html[data-style="landing"] .live{background:#2f8c57}html[data-style="landing"] .return{background:#b86051}html[data-style="landing"] .trust-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;padding:140px max(40px,calc((100vw - 1280px)/2));background:#e6ebe5}html[data-style="landing"] .trust-section h2{color:var(--green);font-size:clamp(38px,4vw,62px)}html[data-style="landing"] .trust-intro>p:not(.eyebrow){max-width:420px;color:var(--muted)}html[data-style="landing"] .trust-lines{border-top:1px solid var(--line)}html[data-style="landing"] .trust-lines article{display:grid;grid-template-columns:1fr 1fr 44px;align-items:center;gap:15px;padding:23px 0;border-bottom:1px solid var(--line)}html[data-style="landing"] .trust-lines span{color:var(--muted);font-size:13px}html[data-style="landing"] .trust-lines b{font-size:17px}html[data-style="landing"] .trust-lines i{color:var(--gold);font:700 12px monospace;text-align:end}html[data-style="landing"] .closing{margin:0;padding:150px 24px;text-align:center;background:#f1eee4}html[data-style="landing"] .closing h2{margin-inline:auto;max-width:830px;color:var(--green);font-size:clamp(40px,5vw,72px)}html[data-style="landing"] .closing>p:not(.eyebrow){max-width:560px;margin:0 auto 30px;color:var(--muted)}html[data-style="landing"] footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px max(40px,calc((100vw - 1280px)/2));background:#0a3023;color:#fff}html[data-style="landing"] footer img{width:100px;height:42px;padding:6px 8px;background:#fff}html[data-style="landing"] footer div{display:flex;gap:18px;flex-wrap:wrap}html[data-style="landing"] footer a{color:rgba(255,255,255,.7);font-size:12px;text-decoration:none}html[data-style="landing"] footer a:hover{color:var(--gold)}html[data-style="landing"] footer small{color:var(--gold);font-size:10px}html[data-style="landing"] .reveal{opacity:0;transform:translateY(22px);transition:opacity .42s var(--ease),transform .42s var(--ease)}html[data-style="landing"] .reveal.in{opacity:1;transform:none}html[data-style="landing"] :focus-visible{outline:3px solid var(--gold);outline-offset:4px}@media(prefers-reduced-motion:reduce){html[data-style="landing"] *,html[data-style="landing"] *:before,html[data-style="landing"] *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}html[data-style="landing"] .reveal{opacity:1;transform:none}}@media(max-width:960px){html[data-style="landing"] .topbar{grid-template-columns:auto 1fr;padding:18px 24px}html[data-style="landing"] .topbar nav{display:none}html[data-style="landing"] .top-actions{justify-content:flex-end}html[data-style="landing"] .hero{min-height:740px;padding-inline:32px}html[data-style="landing"] .hero-content{width:min(680px,72%)}html[data-style="landing"] .statement,html[data-style="landing"] .trust-section{padding-inline:32px}html[data-style="landing"] .feature-copy{padding:80px 48px}html[data-style="landing"] .product-view{margin-inline-end:32px}html[data-style="landing"] .hero-stamp{inset-inline-end:32px}html[data-style="landing"] .feature-split{grid-template-columns:1fr}html[data-style="landing"] .feature-copy{padding-bottom:32px}html[data-style="landing"] .product-view{margin:30px 48px 80px}html[data-style="landing"] .trust-section{grid-template-columns:1fr;gap:40px}}@media(max-width:620px){html[data-style="landing"] .topbar{position:relative;background:var(--green);grid-template-columns:auto 1fr;padding:14px 18px}html[data-style="landing"] .top-actions>a:first-child{display:none}html[data-style="landing"] .brand{width:90px;height:42px}html[data-style="landing"] .hero{min-height:690px;padding:80px 22px 100px;align-items:flex-end}html[data-style="landing"] .hero-overlay{background:linear-gradient(90deg,rgba(6,37,27,.94),rgba(6,37,27,.52)),linear-gradient(0deg,rgba(6,37,27,.96),transparent 65%)}html[data-style="landing"] .hero-content{width:100%}html[data-style="landing"] .hero h1{font-size:47px}html[data-style="landing"] .hero-lead{font-size:16px}html[data-style="landing"] .hero-actions>*{width:100%}html[data-style="landing"] .hero-stamp{display:none}html[data-style="landing"] .hero-scroll{display:none}html[data-style="landing"] .statement{padding:82px 22px}html[data-style="landing"] .statement-grid{grid-template-columns:1fr;margin-top:38px}html[data-style="landing"] .chapter{min-height:270px;border-inline-start:0;border-bottom:1px solid var(--line)}html[data-style="landing"] .chapter h3{margin-top:34px}html[data-style="landing"] .feature-copy{padding:80px 22px 28px}html[data-style="landing"] .product-view{margin:22px 22px 72px;box-shadow:14px 14px 0 rgba(189,150,71,.86)}html[data-style="landing"] .product-main{padding:22px}html[data-style="landing"] .trust-section{padding:82px 22px}html[data-style="landing"] .trust-lines article{grid-template-columns:1fr 34px}html[data-style="landing"] .trust-lines b{grid-column:1;font-size:15px}html[data-style="landing"] .trust-lines i{grid-column:2;grid-row:1/3}html[data-style="landing"] .closing{padding:90px 22px}html[data-style="landing"] footer{align-items:flex-start;flex-direction:column;padding:32px 22px;gap:20px}}
html[data-style="landing"] .individuals-section{background:var(--green);color:#fff;padding:clamp(72px,8vw,130px) max(5vw,32px);display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(48px,8vw,120px);align-items:center}
html[data-style="landing"] .individuals-copy{max-width:650px}html[data-style="landing"] .individuals-copy .eyebrow{color:var(--gold)}html[data-style="landing"] .individuals-copy h2{font-size:clamp(46px,5.5vw,92px);line-height:1.08;margin:18px 0 28px}html[data-style="landing"] .individuals-copy>p:not(.eyebrow){color:rgba(255,255,255,.72);font-size:clamp(17px,1.35vw,22px);line-height:1.9}
html[data-style="landing"] .individuals-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:34px}html[data-style="landing"] .individuals-actions .text-link{color:#fff}
html[data-style="landing"] .individuals-steps{border-top:1px solid rgba(255,255,255,.2)}html[data-style="landing"] .individuals-steps article{display:grid;grid-template-columns:64px 1fr;gap:24px;padding:30px 0;border-bottom:1px solid rgba(255,255,255,.2)}html[data-style="landing"] .individuals-steps article>span{color:var(--gold);font-family:monospace;font-size:18px}html[data-style="landing"] .individuals-steps h3{font-size:clamp(22px,2vw,32px);margin:0 0 8px}html[data-style="landing"] .individuals-steps p{margin:0;color:rgba(255,255,255,.66);line-height:1.75}
@media(max-width:900px){html[data-style="landing"] .individuals-section{grid-template-columns:1fr}html[data-style="landing"] .individuals-copy{max-width:none}}

html[data-style="landing"] /* Dark surfaces use the monochrome brand mark; light surfaces retain official colors. */
.topbar .brand{
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

html[data-style="landing"] .topbar .brand img,
html[data-style="landing"] footer img{
  filter: brightness(0) invert(1);
}

html[data-style="landing"] footer img{
  padding: 0;
  background: transparent;
}

html[data-style="landing"] /* Refinements for the public editorial landing: white surfaces, html[data-style="landing"] semantic line icons, html[data-style="landing"] natural scroll motion. */
body{background:#fff}
html[data-style="landing"] .hero-overlay{background:linear-gradient(270deg,rgba(6,37,27,.96) 0%,rgba(7,44,31,.82) 34%,rgba(7,44,31,.25) 68%,rgba(7,44,31,.06) 100%)}
html[data-style="landing"] .statement,html[data-style="landing"] .trust-section,html[data-style="landing"] .closing{background:#fff}
html[data-style="landing"] .statement-grid{border-color:rgba(13,59,44,.16)}
html[data-style="landing"] .chapter{min-height:390px;border-color:rgba(13,59,44,.16)}
html[data-style="landing"] .chapter-icon{position:absolute;inset-inline-end:28px;bottom:28px;width:76px;height:76px;fill:none;stroke:var(--green);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html[data-style="landing"] .chapter-icon circle{fill:#fff;stroke:var(--gold)}
html[data-style="landing"] .feature-split{background:#0b3829}
html[data-style="landing"] .trust-section{border-top:1px solid rgba(13,59,44,.16)}
html[data-style="landing"] .closing{border-top:1px solid rgba(13,59,44,.16)}
html[data-style="landing"] .reveal{transition:opacity .52s cubic-bezier(.22,.61,.36,1),transform .62s cubic-bezier(.22,.61,.36,1)}
html[data-style="landing"] .motion-scale{transform:scale(.96) translateY(18px)}
html[data-style="landing"] .motion-product{transform:scale(.94) translateY(24px)}
html[data-style="landing"] .motion-scale.in,html[data-style="landing"] .motion-product.in{transform:scale(1) translateY(0)}
html[data-style="landing"] .feature-copy.reveal{transform:translateX(26px)}
html[data-style="landing"] .feature-copy.reveal.in{transform:translateX(0)}
html[data-style="landing"] .trust-lines.reveal{transform:translateX(-26px)}
html[data-style="landing"] .trust-lines.reveal.in{transform:translateX(0)}
@media(max-width:620px){html[data-style="landing"] .hero-overlay{background:linear-gradient(270deg,rgba(6,37,27,.92),rgba(6,37,27,.58)),linear-gradient(0deg,rgba(6,37,27,.92),transparent 65%)}html[data-style="landing"] .chapter-icon{width:62px;height:62px}html[data-style="landing"] .feature-copy.reveal,html[data-style="landing"] .trust-lines.reveal{transform:translateY(20px)}html[data-style="landing"] .feature-copy.reveal.in,html[data-style="landing"] .trust-lines.reveal.in{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html[data-style="landing"] .reveal,html[data-style="landing"] .motion-scale,html[data-style="landing"] .motion-product,html[data-style="landing"] .feature-copy.reveal,html[data-style="landing"] .trust-lines.reveal{opacity:1!important;transform:none!important;transition:none!important}}
html[data-style="landing"] .hero-photo{overflow:hidden}html[data-style="landing"] .hero-photo .hero-video{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transition:opacity .45s var(--ease)}html[data-style="landing"] .hero-photo .hero-video.is-ready{opacity:1}@media(max-width:620px){html[data-style="landing"] .hero-photo .hero-video{display:block}}

html[data-style="landing"] /* Public-home extensions: composed from the existing editorial landing tokens. */
.about-khatm,html[data-style="landing"] .audience-section,html[data-style="landing"] .capability-section,html[data-style="landing"] .workspace-section,html[data-style="landing"] .privacy-section{padding:132px max(40px,calc((100vw - 1280px)/2));background:#fff}html[data-style="landing"] .about-khatm{display:grid;grid-template-columns:1fr 1fr;column-gap:9%;row-gap:34px;border-top:1px solid rgba(13,59,44,.16)}html[data-style="landing"] .about-khatm h2,html[data-style="landing"] .audience-section h2,html[data-style="landing"] .capability-section h2,html[data-style="landing"] .workspace-section h2,html[data-style="landing"] .privacy-section h2{margin:16px 0 0;color:var(--green);font-size:clamp(38px,4.1vw,62px);line-height:1.14;letter-spacing:-.04em}html[data-style="landing"] .about-khatm-copy{align-self:end;max-width:500px;color:var(--muted);font-size:17px;line-height:1.85}html[data-style="landing"] .about-khatm-copy p{margin:0}html[data-style="landing"] .about-khatm-copy p+p{margin-top:16px}html[data-style="landing"] .about-khatm-rule{grid-column:1/-1;height:1px;background:var(--line);margin-top:40px}
html[data-style="landing"] .section-heading{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end}html[data-style="landing"] .audience-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:72px;border-top:1px solid var(--line)}html[data-style="landing"] .audience-card{position:relative;min-height:370px;padding:30px 28px;border-inline-start:1px solid var(--line);overflow:hidden}html[data-style="landing"] .audience-card:first-child{border-inline-start:0}html[data-style="landing"] .audience-card svg{position:absolute;inset-inline-end:28px;bottom:30px;width:72px;height:72px;fill:none;stroke:var(--green);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}html[data-style="landing"] .audience-number{display:block;color:var(--gold);font:700 13px/1 monospace}html[data-style="landing"] .audience-card h3{margin:68px 0 10px;color:var(--green);font-size:24px;line-height:1.3}html[data-style="landing"] .audience-card p{max-width:320px;margin:0;color:var(--muted);font-size:14px;line-height:1.8}
html[data-style="landing"] .capability-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:11%;background:#f2f5f2;border-top:1px solid rgba(13,59,44,.14);border-bottom:1px solid rgba(13,59,44,.14)}html[data-style="landing"] .capability-copy>p:not(.eyebrow){max-width:410px;margin:22px 0 0;color:var(--muted);font-size:16px}html[data-style="landing"] .capability-list{border-top:1px solid var(--line)}html[data-style="landing"] .capability-list article{display:grid;grid-template-columns:44px 1fr;gap:18px;align-items:start;padding:23px 0;border-bottom:1px solid var(--line)}html[data-style="landing"] .capability-list svg{width:28px;height:28px;margin-top:3px;fill:none;stroke:var(--green);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}html[data-style="landing"] .capability-list h3{margin:0;color:var(--green);font-size:18px}html[data-style="landing"] .capability-list p{margin:4px 0 0;color:var(--muted);font-size:14px}
html[data-style="landing"] .workspace-section{background:#fff}html[data-style="landing"] .workspace-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end}html[data-style="landing"] .workspace-head>p:not(.eyebrow){max-width:450px;margin:0;color:var(--muted);font-size:16px;line-height:1.85}html[data-style="landing"] .workspace-grid{display:grid;grid-template-columns:1.08fr 1fr .92fr;gap:16px;margin-top:64px}html[data-style="landing"] .workspace-card{min-height:298px;padding:22px;background:#f7faf7;border:1px solid rgba(13,59,44,.16);border-radius:6px;color:var(--ink);box-shadow:0 12px 28px rgba(16,47,35,.06)}html[data-style="landing"] .workspace-card-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid rgba(13,59,44,.12);color:var(--green);font-size:13px;font-weight:800}html[data-style="landing"] .workspace-card-head i{color:var(--gold);font:700 11px monospace;font-style:normal}html[data-style="landing"] .verify-code{display:grid;grid-template-columns:1fr 34px;gap:11px;align-items:center;padding:28px 0 22px}html[data-style="landing"] .verify-code b{grid-row:1/4;letter-spacing:.05em;font:700 17px/1.3 monospace;direction:ltr;text-align:start}html[data-style="landing"] .verify-code span{height:6px;background:#dce5de;border-radius:20px}html[data-style="landing"] .verify-code span:nth-of-type(1){width:100%}html[data-style="landing"] .verify-code span:nth-of-type(2){width:78%}html[data-style="landing"] .verify-code span:nth-of-type(3){width:91%}html[data-style="landing"] .verify-result{display:flex;gap:12px;align-items:center;padding:13px;background:#eaf4ed;border:1px solid #cde4d3}html[data-style="landing"] .verify-result svg{width:23px;height:23px;fill:none;stroke:#287a4b;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}html[data-style="landing"] .verify-result b,html[data-style="landing"] .verify-result small{display:block}html[data-style="landing"] .verify-result b{color:#165b36;font-size:13px}html[data-style="landing"] .verify-result small{margin-top:2px;color:#537361;font-size:11px}html[data-style="landing"] .approval-row{display:grid;grid-template-columns:9px 1fr auto;gap:9px;align-items:center;padding:19px 0;border-bottom:1px solid rgba(13,59,44,.1);font-size:12px}html[data-style="landing"] .approval-row em{color:#708076;font-size:10px;font-style:normal}html[data-style="landing"] .dot{width:8px;height:8px;border-radius:50%}html[data-style="landing"] .dot.amber{background:var(--gold)}html[data-style="landing"] .dot.green{background:#2c8c57}html[data-style="landing"] .workspace-button{display:inline-flex;margin-top:22px;padding:8px 11px;background:var(--green);color:#fff;font-size:11px;font-weight:800}html[data-style="landing"] .report-bars{display:flex;align-items:end;gap:10px;height:145px;padding:24px 4px 15px;border-bottom:1px solid rgba(13,59,44,.12)}html[data-style="landing"] .report-bars span{flex:1;background:#cbd9cf}html[data-style="landing"] .report-bars span:nth-child(1){height:32%}html[data-style="landing"] .report-bars span:nth-child(2){height:54%}html[data-style="landing"] .report-bars span:nth-child(3){height:42%}html[data-style="landing"] .report-bars span:nth-child(4){height:77%;background:var(--gold)}html[data-style="landing"] .report-bars span:nth-child(5){height:60%}html[data-style="landing"] .report-bars span:nth-child(6){height:92%;background:var(--green)}html[data-style="landing"] .report-total{display:flex;gap:10px;align-items:baseline;padding-top:18px}html[data-style="landing"] .report-total b{color:var(--green);font:700 34px/1 monospace}html[data-style="landing"] .report-total span{color:var(--muted);font-size:11px}
html[data-style="landing"] .live-stat-card{display:flex;flex-direction:column}html[data-style="landing"] .live-stat-chart{position:relative;height:106px;margin-top:auto;padding-top:25px;overflow:hidden}html[data-style="landing"] .live-stat-chart:before{content:"";position:absolute;inset:25px 0 0;background:linear-gradient(180deg,rgba(13,59,44,.025),rgba(13,59,44,0));pointer-events:none}html[data-style="landing"] .live-stat-chart svg{position:relative;display:block;width:100%;height:100%;overflow:visible}html[data-style="landing"] .live-stat-chart-grid{fill:none;stroke:#dce6e0;stroke-width:1;vector-effect:non-scaling-stroke}html[data-style="landing"] .live-stat-chart-area{fill:rgba(13,59,44,.06);opacity:0;transition:opacity .48s ease .14s}html[data-style="landing"] .live-stat-chart-line{fill:none;stroke:#0d3b2c;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;opacity:.62;transition:stroke-dashoffset .88s cubic-bezier(.16,1,.3,1),opacity .25s ease}html[data-style="landing"] .live-stat-chart-dot{fill:#c69b42;stroke:#f7faf7;stroke-width:2;vector-effect:non-scaling-stroke;opacity:0;transform:scale(.4);transform-box:fill-box;transform-origin:center;transition:opacity .22s ease .72s,transform .32s cubic-bezier(.16,1,.3,1) .72s}html[data-style="landing"] .workspace-card:nth-child(2) .live-stat-chart-line{stroke:#b58a32}html[data-style="landing"] .workspace-card:nth-child(2) .live-stat-chart-area{fill:rgba(198,155,66,.08)}html[data-style="landing"] .workspace-card:nth-child(3) .live-stat-chart-line{stroke:#3f7d60}html[data-style="landing"] .live-stat-chart.is-live .live-stat-chart-area{opacity:1}html[data-style="landing"] .live-stat-chart.is-live .live-stat-chart-line{stroke-dashoffset:0;opacity:1}html[data-style="landing"] .live-stat-chart.is-live .live-stat-chart-dot{opacity:1;transform:scale(1)}
@media(max-width:960px){html[data-style="landing"] .live-stat-chart{height:88px;padding-top:20px}html[data-style="landing"] .live-stat-chart:before{inset:20px 0 0}}@media(max-width:620px){html[data-style="landing"] .live-stat-chart{height:76px;padding-top:16px}html[data-style="landing"] .live-stat-chart:before{inset:16px 0 0}}@media(prefers-reduced-motion:reduce){html[data-style="landing"] .live-stat-chart *{transition:none!important}html[data-style="landing"] .live-stat-chart-area,html[data-style="landing"] .live-stat-chart-dot{opacity:1}html[data-style="landing"] .live-stat-chart-line{stroke-dashoffset:0;opacity:1}html[data-style="landing"] .live-stat-chart-dot{transform:none}}
html[data-style="landing"] .privacy-section{display:grid;grid-template-columns:.7fr 1.1fr .9fr;gap:7%;align-items:center;background:#0b3829;color:#fff}html[data-style="landing"] .privacy-stamp{display:flex;flex-direction:column;align-items:flex-start;gap:16px;color:var(--gold);font-size:12px;font-weight:800}html[data-style="landing"] .privacy-stamp svg{width:74px;height:74px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}html[data-style="landing"] .privacy-section h2{color:#fff}html[data-style="landing"] .privacy-copy>p:not(.eyebrow){max-width:475px;margin:20px 0 0;color:rgba(255,255,255,.72);font-size:16px;line-height:1.9}html[data-style="landing"] .privacy-points{display:grid;gap:14px;padding:0;margin:0;list-style:none}html[data-style="landing"] .privacy-points li{position:relative;padding:15px 18px 15px 38px;border-top:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.86);font-size:14px}html[data-style="landing"] .privacy-points li:last-child{border-bottom:1px solid rgba(255,255,255,.2)}html[data-style="landing"] .privacy-points li:before{content:'✓';position:absolute;inset-inline-start:12px;color:var(--gold);font-weight:800}html[data-style="landing"] .closing-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}html[data-style="landing"] .closing-secondary{border:1px solid rgba(13,59,44,.42);color:var(--green)}html[data-style="landing"] .closing-secondary:hover{background:#fff}
html[data-style="landing"] /* Arabic display type: breathing room between lines, html[data-style="landing"] with one consistent RTL alignment. */
.hero h1,html[data-style="landing"] .statement h2,html[data-style="landing"] .feature-split h2,html[data-style="landing"] .trust-section h2,html[data-style="landing"] .closing h2,html[data-style="landing"] .about-khatm h2,html[data-style="landing"] .audience-section h2,html[data-style="landing"] .capability-section h2,html[data-style="landing"] .workspace-section h2,html[data-style="landing"] .privacy-section h2{letter-spacing:0;word-spacing:.035em;line-height:1.25;text-align:start}html[data-style="landing"] .about-khatm-intro,html[data-style="landing"] .feature-copy,html[data-style="landing"] .trust-intro,html[data-style="landing"] .capability-copy,html[data-style="landing"] .privacy-copy{ text-align:start}html[data-style="landing"] .section-heading,html[data-style="landing"] .workspace-head{display:block;text-align:start}html[data-style="landing"] .section-heading h2,html[data-style="landing"] .workspace-head h2{max-width:760px}html[data-style="landing"] .section-heading .eyebrow,html[data-style="landing"] .workspace-head .eyebrow{margin-bottom:16px}html[data-style="landing"] .workspace-head>p:not(.eyebrow){max-width:520px;margin:22px 0 0}html[data-style="landing"] .closing{text-align:start}html[data-style="landing"] .closing h2{margin-inline:0;max-width:900px}html[data-style="landing"] .closing>p:not(.eyebrow){margin-inline:0}html[data-style="landing"] .closing-actions{justify-content:flex-start}
@media(max-width:960px){html[data-style="landing"] .about-khatm,html[data-style="landing"] .capability-section,html[data-style="landing"] .privacy-section{grid-template-columns:1fr;gap:42px}html[data-style="landing"] .about-khatm-rule{margin-top:8px}html[data-style="landing"] .section-heading,html[data-style="landing"] .workspace-head{grid-template-columns:1fr;gap:16px}html[data-style="landing"] .audience-section,html[data-style="landing"] .workspace-section{padding-inline:32px}html[data-style="landing"] .workspace-grid{grid-template-columns:1fr 1fr}html[data-style="landing"] .workspace-report{grid-column:1/-1;min-height:245px}html[data-style="landing"] .privacy-stamp{flex-direction:row;align-items:center}html[data-style="landing"] .privacy-stamp svg{width:52px;height:52px}}
@media(max-width:620px){html[data-style="landing"] .about-khatm,html[data-style="landing"] .audience-section,html[data-style="landing"] .capability-section,html[data-style="landing"] .workspace-section,html[data-style="landing"] .privacy-section{padding:82px 22px}html[data-style="landing"] .about-khatm h2,html[data-style="landing"] .audience-section h2,html[data-style="landing"] .capability-section h2,html[data-style="landing"] .workspace-section h2,html[data-style="landing"] .privacy-section h2{font-size:40px}html[data-style="landing"] .about-khatm-copy{font-size:16px}html[data-style="landing"] .audience-grid{grid-template-columns:1fr;margin-top:38px}html[data-style="landing"] .audience-card{min-height:270px;border-inline-start:0;border-bottom:1px solid var(--line)}html[data-style="landing"] .audience-card h3{margin-top:38px}html[data-style="landing"] .audience-card svg{width:60px;height:60px}html[data-style="landing"] .capability-list article{grid-template-columns:34px 1fr;gap:12px}html[data-style="landing"] .workspace-grid{grid-template-columns:1fr;margin-top:38px}html[data-style="landing"] .workspace-report{grid-column:auto}html[data-style="landing"] .workspace-card{min-height:264px}html[data-style="landing"] .privacy-section{gap:34px}html[data-style="landing"] .privacy-points li{padding-inline-end:8px}html[data-style="landing"] .closing-actions{flex-direction:column}html[data-style="landing"] .closing-actions .button{width:100%}}

html[data-style="landing"] /* Code-built product demos: light, html[data-style="landing"] presentational motion only — no data or actions. */
.live-demo .product-row,html[data-style="landing"] .live-demo .workspace-card,html[data-style="landing"] .live-demo .system-metrics article,html[data-style="landing"] .live-demo .system-lower>section{transition:transform .28s var(--ease),box-shadow .28s var(--ease),opacity .28s var(--ease)}
html[data-style="landing"] .live-demo.in .product-row:nth-child(2),html[data-style="landing"] .live-demo.in .workspace-card:nth-child(1),html[data-style="landing"] .live-demo.in .system-metrics article:nth-child(1){transition-delay:70ms}html[data-style="landing"] .live-demo.in .product-row:nth-child(3),html[data-style="landing"] .live-demo.in .workspace-card:nth-child(2),html[data-style="landing"] .live-demo.in .system-metrics article:nth-child(2){transition-delay:130ms}html[data-style="landing"] .live-demo.in .product-row:nth-child(4),html[data-style="landing"] .live-demo.in .workspace-card:nth-child(3),html[data-style="landing"] .live-demo.in .system-metrics article:nth-child(3){transition-delay:190ms}
html[data-style="landing"] .live-demo.in .status.pending,html[data-style="landing"] .live-demo.in .system-dot.gold{animation:demoSoftPulse 2.4s ease-in-out infinite}html[data-style="landing"] .live-demo.in .status.live,html[data-style="landing"] .live-demo.in .system-dot.green{animation:demoSoftPulse 2.4s ease-in-out .45s infinite}html[data-style="landing"] .live-demo.in .workspace-button{position:relative;overflow:hidden}html[data-style="landing"] .live-demo.in .workspace-button:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:translateX(-120%);animation:demoSweep 3.4s ease-in-out infinite}
html[data-style="landing"] .live-demo.in .report-bars span{animation:demoBar .72s var(--ease) both}html[data-style="landing"] .live-demo.in .report-bars span:nth-child(2){animation-delay:.05s}html[data-style="landing"] .live-demo.in .report-bars span:nth-child(3){animation-delay:.1s}html[data-style="landing"] .live-demo.in .report-bars span:nth-child(4){animation-delay:.15s}html[data-style="landing"] .live-demo.in .report-bars span:nth-child(5){animation-delay:.2s}html[data-style="landing"] .live-demo.in .report-bars span:nth-child(6){animation-delay:.25s}
html[data-style="landing"] .closing-system{display:grid;grid-template-columns:minmax(330px,.84fr) minmax(520px,1.16fr);align-items:center;gap:clamp(40px,7vw,110px);padding:118px max(40px,calc((100vw - 1280px)/2));background:#fff;text-align:start;overflow:hidden}html[data-style="landing"] .closing-system .closing-copy{max-width:540px}html[data-style="landing"] .closing-system h2{margin-inline:0}html[data-style="landing"] .closing-system .closing-actions{justify-content:flex-start}html[data-style="landing"] .closing-system-preview{position:relative;min-width:0;padding:14px;background:#fff;border:1px solid rgba(13,59,44,.18);box-shadow:24px 24px 0 rgba(189,150,71,.82),0 24px 60px rgba(16,47,35,.13);direction:rtl;transform:perspective(1400px) rotateY(-3deg) rotateX(1deg);transform-origin:center}html[data-style="landing"] .system-window-bar{display:flex;align-items:center;gap:7px;height:36px;padding:0 12px;border-bottom:1px solid #e4ebe7;color:#728077;font-size:10px;font-weight:800}html[data-style="landing"] .system-window-bar span{margin-inline-end:auto}html[data-style="landing"] .system-window-bar i{width:7px;height:7px;border-radius:50%;background:#c8d4ce}html[data-style="landing"] .system-window-body{display:grid;grid-template-columns:116px minmax(0,1fr);min-height:330px;background:#f7faf8}html[data-style="landing"] .system-sidebar{display:grid;align-content:start;gap:7px;padding:16px 10px;background:#0b3829;color:#bcd0c6;font-size:9px}html[data-style="landing"] .system-sidebar b{margin:0 6px 16px;color:#fff;font-size:14px}html[data-style="landing"] .system-sidebar span{padding:7px 8px;border-radius:5px}html[data-style="landing"] .system-sidebar .active{background:#f1f5f2;color:#123f30;font-weight:800}html[data-style="landing"] .system-main{padding:18px;min-width:0}html[data-style="landing"] .system-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}html[data-style="landing"] .system-topline small,html[data-style="landing"] .system-topline strong{display:block}html[data-style="landing"] .system-topline small{color:#74837b;font-size:9px}html[data-style="landing"] .system-topline strong{margin-top:2px;color:#14281e;font-size:16px}html[data-style="landing"] .system-user{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#c69b42;color:#fff;font-weight:800;font-size:12px}html[data-style="landing"] .system-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}html[data-style="landing"] .system-metrics article{padding:10px;border:1px solid #dbe6df;border-radius:7px;background:#fff}html[data-style="landing"] .system-metrics small,html[data-style="landing"] .system-metrics span{display:block;color:#718178;font-size:7.5px;line-height:1.45}html[data-style="landing"] .system-metrics b{display:block;margin:5px 0 3px;color:#0d3b2c;font:800 18px/1 ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}html[data-style="landing"] .system-metrics article:nth-child(2) b{color:#a47b2d}html[data-style="landing"] .system-lower{display:grid;grid-template-columns:1.05fr .95fr;gap:9px;margin-top:10px}html[data-style="landing"] .system-lower>section{min-height:157px;padding:11px;border:1px solid #dbe6df;border-radius:7px;background:#fff}html[data-style="landing"] .system-card-title{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#1b382a;font-size:9px}html[data-style="landing"] .system-card-title small{color:#7a8981;font-size:7px}html[data-style="landing"] .system-live-dot{display:inline-flex;align-items:center;gap:4px;color:#24734d!important}html[data-style="landing"] .system-live-dot:before{content:"";width:5px;height:5px;border-radius:50%;background:#2d9661}html[data-style="landing"] .system-chart-bars{display:flex;align-items:end;gap:5px;height:98px;margin-top:12px;padding:8px 2px 0;border-bottom:1px solid #e4ebe7}html[data-style="landing"] .system-chart-bars i{flex:1;min-width:4px;background:#cbdad1;transform-origin:bottom;transition:transform .7s var(--ease)}html[data-style="landing"] .system-chart-bars i:nth-child(1){height:28%}html[data-style="landing"] .system-chart-bars i:nth-child(2){height:52%}html[data-style="landing"] .system-chart-bars i:nth-child(3){height:41%}html[data-style="landing"] .system-chart-bars i:nth-child(4){height:74%;background:#c69b42}html[data-style="landing"] .system-chart-bars i:nth-child(5){height:56%}html[data-style="landing"] .system-chart-bars i:nth-child(6){height:87%;background:#0d3b2c}html[data-style="landing"] .system-chart-bars i:nth-child(7){height:68%}html[data-style="landing"] .system-queue>div:not(.system-card-title){display:grid;grid-template-columns:6px 1fr;column-gap:7px;align-items:center;padding:11px 0 8px;border-bottom:1px solid #edf1ee}html[data-style="landing"] .system-queue>div b{font-size:9px;color:#183326}html[data-style="landing"] .system-queue>div small{grid-column:2;color:#7b8981;font-size:7px}html[data-style="landing"] .system-dot{width:6px;height:6px;border-radius:50%}html[data-style="landing"] .system-dot.gold{background:#c69b42}html[data-style="landing"] .system-dot.green{background:#2d9661}html[data-style="landing"] .system-demo-button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:28px;margin-top:10px;border-radius:5px;background:#0d3b2c;color:#fff;font-size:8px;font-weight:800}html[data-style="landing"] .system-demo-button i{width:10px;height:10px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:demoSpin .78s linear infinite}html[data-style="landing"] .closing-system.live-demo:not(.in) .system-metrics article,html[data-style="landing"] .closing-system.live-demo:not(.in) .system-lower>section{opacity:.45;transform:translateY(10px)}html[data-style="landing"] .closing-system.live-demo.in .system-chart-bars i{animation:demoSystemBar .75s var(--ease) both}html[data-style="landing"] .closing-system.live-demo.in .system-chart-bars i:nth-child(2){animation-delay:.05s}html[data-style="landing"] .closing-system.live-demo.in .system-chart-bars i:nth-child(3){animation-delay:.1s}html[data-style="landing"] .closing-system.live-demo.in .system-chart-bars i:nth-child(4){animation-delay:.15s}html[data-style="landing"] .closing-system.live-demo.in .system-chart-bars i:nth-child(5){animation-delay:.2s}html[data-style="landing"] .closing-system.live-demo.in .system-chart-bars i:nth-child(6){animation-delay:.25s}html[data-style="landing"] .closing-system.live-demo.in .system-chart-bars i:nth-child(7){animation-delay:.3s}
@keyframes demoBar{from{transform:scaleY(.12);opacity:.2}to{transform:scaleY(1);opacity:1}}@keyframes demoSystemBar{from{transform:scaleY(.1);opacity:.15}to{transform:scaleY(1);opacity:1}}@keyframes demoSoftPulse{0%,100%{box-shadow:0 0 0 0 rgba(198,155,66,0)}50%{box-shadow:0 0 0 5px rgba(198,155,66,.14)}}@keyframes demoSweep{0%,48%{transform:translateX(-120%)}72%,100%{transform:translateX(120%)}}@keyframes demoSpin{to{transform:rotate(360deg)}}
@media(max-width:960px){html[data-style="landing"] .closing-system{grid-template-columns:1fr;padding-inline:32px}html[data-style="landing"] .closing-system-preview{width:min(720px,calc(100% - 28px));margin-top:16px;justify-self:center}html[data-style="landing"] .system-window-body{min-height:310px}}@media(max-width:620px){html[data-style="landing"] .closing-system{padding:82px 22px;gap:42px}html[data-style="landing"] .closing-system-preview{width:calc(100% - 12px);padding:8px;box-shadow:12px 12px 0 rgba(189,150,71,.75);transform:none}html[data-style="landing"] .system-window-body{grid-template-columns:82px minmax(0,1fr);min-height:292px}html[data-style="landing"] .system-sidebar{padding:12px 6px;font-size:7px}html[data-style="landing"] .system-sidebar b{font-size:11px;margin:0 4px 11px}html[data-style="landing"] .system-sidebar span{padding:6px 5px}html[data-style="landing"] .system-main{padding:12px}html[data-style="landing"] .system-topline strong{font-size:13px}html[data-style="landing"] .system-metrics{gap:5px;margin-top:12px}html[data-style="landing"] .system-metrics article{padding:7px}html[data-style="landing"] .system-metrics b{font-size:14px}html[data-style="landing"] .system-lower{grid-template-columns:1fr;gap:6px;margin-top:6px}html[data-style="landing"] .system-lower>section{min-height:104px;padding:8px}html[data-style="landing"] .system-mini-chart{display:none}html[data-style="landing"] .system-queue>div:not(.system-card-title){padding:7px 0 5px}html[data-style="landing"] .system-demo-button{margin-top:6px;min-height:24px}html[data-style="landing"] .closing-system .closing-actions{flex-direction:column}html[data-style="landing"] .closing-system .button{width:100%}}
@media(prefers-reduced-motion:reduce){html[data-style="landing"] .live-demo *{animation:none!important;transition:none!important}html[data-style="landing"] .closing-system.live-demo:not(.in) .system-metrics article,html[data-style="landing"] .closing-system.live-demo:not(.in) .system-lower>section{opacity:1;transform:none}html[data-style="landing"] .live-demo.in .report-bars span,html[data-style="landing"] .closing-system.live-demo.in .system-chart-bars i{animation:none}}

html[data-style="landing"] /* Scroll-tied editorial type and restrained live data movement. */
[data-scroll-type].is-scroll-typing::after{
  content: "";
  display: inline-block;
  width: .09em;
  height: .82em;
  margin-inline-start: .12em;
  vertical-align: -.08em;
  background: currentColor;
  animation: khatm-type-caret .86s steps(1, end) infinite;
}

@keyframes khatm-type-caret {
  50% { opacity: 0; }
}

@media (prefers-reduced-motion: no-preference) {
  html[data-style="landing"] .product-view.live-demo.in .product-row{
    animation: khatm-row-breathe 3.8s ease-in-out infinite;
  }
  html[data-style="landing"] .product-view.live-demo.in .product-row:nth-child(3){ animation-delay: .75s; }
  html[data-style="landing"] .product-view.live-demo.in .product-row:nth-child(4){ animation-delay: 1.5s; }
  html[data-style="landing"] .product-view.live-demo.in .status{
    animation: khatm-status-pulse 2.4s ease-in-out infinite;
  }

  html[data-style="landing"] .workspace-section.live-demo.in .workspace-verify .verify-result{
    animation: khatm-result-glow 3.4s ease-in-out infinite;
  }
  html[data-style="landing"] .workspace-section.live-demo.in .workspace-approval .approval-row{
    animation: khatm-row-breathe 4.1s ease-in-out infinite;
  }
  html[data-style="landing"] .workspace-section.live-demo.in .workspace-approval .approval-row:nth-of-type(3){ animation-delay: 1.2s; }
  html[data-style="landing"] .workspace-section.live-demo.in .workspace-report .report-bars span{
    animation: khatm-bar-live 2.8s ease-in-out infinite alternate;
    transform-origin: bottom;
  }
  html[data-style="landing"] .workspace-section.live-demo.in .workspace-report .report-bars span:nth-child(2n){ animation-delay: .45s; }
  html[data-style="landing"] .workspace-section.live-demo.in .workspace-report .report-bars span:nth-child(3n){ animation-delay: .9s; }

  html[data-style="landing"] .closing-system.live-demo.in .system-chart-bars i{
    animation: khatm-system-bar-live 3.2s ease-in-out infinite alternate;
  }
  html[data-style="landing"] .closing-system.live-demo.in .system-chart-bars i:nth-child(2n){ animation-delay: .4s; }
  html[data-style="landing"] .closing-system.live-demo.in .system-chart-bars i:nth-child(3n){ animation-delay: .8s; }
  html[data-style="landing"] .closing-system.live-demo.in .system-live-dot::before{
    animation: khatm-status-pulse 1.9s ease-in-out infinite;
  }
}

@keyframes khatm-row-breathe {
  0%, 100% { background-color: transparent; transform: translateX(0); }
  50% { background-color: rgba(45, 150, 97, .055); transform: translateX(-2px); }
}

@keyframes khatm-status-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(45, 150, 97, 0); }
  50% { box-shadow: 0 0 0 5px rgba(45, 150, 97, .12); }
}

@keyframes khatm-result-glow {
  0%, 100% { box-shadow: inset 0 0 0 0 rgba(45, 150, 97, 0); }
  50% { box-shadow: inset 0 0 0 1px rgba(45, 150, 97, .3); }
}

@keyframes khatm-bar-live {
  from { transform: scaleY(.86); opacity: .66; }
  to { transform: scaleY(1); opacity: 1; }
}

@keyframes khatm-system-bar-live {
  from { transform: scaleY(.78); opacity: .6; }
  to { transform: scaleY(1); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  html[data-style="landing"] [data-scroll-type].is-scroll-typing::after{ display: none; }
}

/* Scroll motion keeps the established layout intact while using compositor-friendly transforms. */
html[data-style="landing"] .chapter,
html[data-style="landing"] .workspace-card,
html[data-style="landing"] .product-view,
html[data-style="landing"] .closing-system-preview{
  transform-style:preserve-3d;
}

html[data-style="landing"] .locale-toggle{
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid rgba(255,255,255,.42);
  border-radius: 999px;
  background: transparent;
  color: #fff;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  transition: border-color .2s var(--ease), background .2s var(--ease), color .2s var(--ease);
}
html[data-style="landing"] .locale-toggle:hover{ border-color: var(--gold); background: rgba(255,255,255,.1); }
html[data-style="landing"] .locale-toggle:focus-visible{ outline: 3px solid var(--gold); outline-offset: 3px; }

html[data-style="landing"][lang="en"] body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
html[data-style="landing"][lang="en"] .hero-overlay { background: linear-gradient(90deg,rgba(6,37,27,.96) 0%,rgba(7,44,31,.82) 34%,rgba(7,44,31,.25) 68%,rgba(7,44,31,.06) 100%); }
html[data-style="landing"][lang="en"] .closing-system-preview { direction: ltr; transform: perspective(1400px) rotateY(3deg) rotateX(1deg); }
html[data-style="landing"][lang="en"] .system-window-bar span { margin-inline-end: auto; }
html[data-style="landing"][lang="en"] .system-queue > div:not(.system-card-title) { grid-template-columns: 6px 1fr; }

@media(max-width:960px) { html[data-style="landing"] .locale-toggle{ min-height:36px; } }
@media(max-width:620px) { html[data-style="landing"] .locale-toggle{ padding:7px 10px; font-size:11px; } }

html[data-style="landing"] .institution-signup{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding:120px max(40px,calc((100vw - 1280px)/2));background:#0b3829;color:#fff}html[data-style="landing"] .institution-signup h2{margin:14px 0;color:#fff;font-size:clamp(38px,4vw,62px);line-height:1.15}html[data-style="landing"] .signup-copy>p:not(.eyebrow){color:rgba(255,255,255,.72);font-size:17px}html[data-style="landing"] .signup-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:28px;background:#fff;color:var(--ink)}html[data-style="landing"] .signup-form label{display:grid;gap:7px;font-size:13px;font-weight:800}html[data-style="landing"] .signup-form label span{font-size:11px;color:#718077;font-weight:500}html[data-style="landing"] .signup-form input,html[data-style="landing"] .signup-form select,html[data-style="landing"] .signup-form textarea{width:100%;min-height:46px;padding:10px 12px;border:1px solid #cfdad4;border-radius:3px;background:#fff;color:var(--ink);font:inherit}html[data-style="landing"] .signup-form textarea{resize:vertical}html[data-style="landing"] .signup-notes,html[data-style="landing"] .signup-feedback,html[data-style="landing"] .signup-form button{grid-column:1/-1}html[data-style="landing"] .signup-feedback{min-height:22px;margin:0;color:#315c47;font-size:13px}html[data-style="landing"] .signup-form button{justify-self:start;border:0;cursor:pointer}html[data-style="landing"] .signup-form button:disabled{opacity:.65;cursor:wait}html[data-style="landing"] .signup-hp{position:absolute!important;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:960px){html[data-style="landing"] .institution-signup{grid-template-columns:1fr;gap:40px;padding-inline:32px}}@media(max-width:620px){html[data-style="landing"] .institution-signup{padding:82px 22px}html[data-style="landing"] .signup-form{grid-template-columns:1fr;padding:20px}html[data-style="landing"] .signup-notes,html[data-style="landing"] .signup-feedback,html[data-style="landing"] .signup-form button{grid-column:auto}html[data-style="landing"] .signup-form button{width:100%}}

html[data-style="landing"] .institution-signup{display:block;padding-block:96px}html[data-style="landing"] .signup-copy{max-width:720px;margin-bottom:32px}html[data-style="landing"] .institution-signup h2{font-size:clamp(30px,3.2vw,48px);margin:10px 0}html[data-style="landing"] .signup-copy>p:not(.eyebrow){max-width:620px;margin:0;font-size:15px;line-height:1.8}html[data-style="landing"] .signup-form{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1280px}html[data-style="landing"] .signup-form .signup-notes{grid-column:span 2}html[data-style="landing"] .signup-form .signup-feedback,html[data-style="landing"] .signup-form button{grid-column:1/-1}@media(max-width:960px){html[data-style="landing"] .signup-form{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-style="landing"] .signup-form .signup-notes{grid-column:span 2}}@media(max-width:620px){html[data-style="landing"] .institution-signup{padding-block:72px}html[data-style="landing"] .signup-form{grid-template-columns:1fr}html[data-style="landing"] .signup-form .signup-notes,html[data-style="landing"] .signup-form .signup-feedback,html[data-style="landing"] .signup-form button{grid-column:auto}}

html[data-style="landing"] /* Shared rounded controls, html[data-style="landing"] aligned with the authenticated product surface. */
.topbar .brand,html[data-style="landing"] .top-actions .top-cta,html[data-style="landing"] .locale-toggle,html[data-style="landing"] .button,html[data-style="landing"] .hero-stamp,html[data-style="landing"] .product-view,html[data-style="landing"] .workspace-card,html[data-style="landing"] .closing-system-preview{border-radius:16px}
html[data-style="landing"] .button{border-radius:14px}html[data-style="landing"] .top-actions .top-cta{border-radius:12px}html[data-style="landing"] .locale-toggle{border-radius:999px}
html[data-style="landing"] .chapter,html[data-style="landing"] .audience-card,html[data-style="landing"] .capability-list article,html[data-style="landing"] .trust-lines article{border-radius:18px}
html[data-style="landing"] .statement-grid,html[data-style="landing"] .audience-grid{gap:16px;border:0}html[data-style="landing"] .chapter,html[data-style="landing"] .audience-card{border:1px solid rgba(13,59,44,.14)!important;background:#fff}html[data-style="landing"] .capability-list article,html[data-style="landing"] .trust-lines article{padding-inline:20px}
html[data-style="landing"] .product-view,html[data-style="landing"] .workspace-card,html[data-style="landing"] .closing-system-preview{overflow:hidden}html[data-style="landing"] .verify-result,html[data-style="landing"] .workspace-button,html[data-style="landing"] .system-metrics article,html[data-style="landing"] .system-lower>section{border-radius:12px}
html[data-style="landing"] .institution-signup{border-radius:0;margin:0;width:100%;max-width:none;background:#0a3023}html[data-style="landing"] .signup-form{border-radius:22px}html[data-style="landing"] .signup-form input,html[data-style="landing"] .signup-form select,html[data-style="landing"] .signup-form textarea{border-radius:14px}html[data-style="landing"] .signup-form button{border-radius:14px}
@media(max-width:620px){html[data-style="landing"] .institution-signup{margin:0}html[data-style="landing"] .statement-grid,html[data-style="landing"] .audience-grid{gap:12px}html[data-style="landing"] .chapter,html[data-style="landing"] .audience-card{border-radius:16px}}
@media(max-width:620px){html[data-style="landing"] .top-actions>a[href="/citizen"]{display:inline-flex}html[data-style="landing"] .top-actions>a[href="/login"]{display:none}}


/* welcome: portal.css, public-experience.css, welcome.css */
html[data-style="welcome"]{
  --paper:#F5F6F5; --paper-2:#ECEFED; --surface:#FFFFFF;
  --deep:#0D3B2C; --deep-2:#11492F; --deep-3:#155540; --deep-tint:#E7EFEA; --on-deep:#F2F7F4;
  --gold:#96762B; --gold-strong:#7C6120; --gold-light:#C9A961; --gold-tint:#F5EFE0;
  --ink:#121A15; --ink-dim:#5A6862;
  --border:rgba(18,26,21,.09); --border-strong:rgba(18,26,21,.16);
  --e1:0 1px 2px rgba(18,26,21,.05), 0 1px 3px rgba(18,26,21,.05);
  --e2:0 2px 6px rgba(18,26,21,.05), 0 12px 28px rgba(18,26,21,.08);
  --e3:0 8px 20px rgba(18,26,21,.09), 0 28px 64px rgba(18,26,21,.16);
  --sp-h:4px; --sp-1:8px; --sp-2:16px; --sp-3:24px; --sp-4:32px; --sp-5:40px; --sp-6:48px; --sp-7:64px;
  --radius-sm:10px; --radius:14px; --radius-lg:20px; --radius-pill:999px;
  --t-fast:.16s cubic-bezier(.3,0,.2,1); --t-med:.26s cubic-bezier(.3,0,.2,1);
}
html[data-style="welcome"] *{ box-sizing:border-box; }
html[data-style="welcome"],html[data-style="welcome"] body{ margin:0; padding:0; background:var(--paper); color:var(--ink); font-family:'IBM Plex Sans Arabic','Tajawal',sans-serif; font-size:16px; line-height:1.85; }
html[data-style="welcome"] body{ overflow-x:hidden; text-rendering:optimizeLegibility; }
html[data-style="welcome"] h1,html[data-style="welcome"] h2,html[data-style="welcome"] h3{ margin:0; font-weight:700; letter-spacing:-.01em; color:var(--ink); }
html[data-style="welcome"] :focus-visible{ outline:2px solid var(--deep); outline-offset:2px; border-radius:var(--radius-sm); }
html[data-style="welcome"] ::selection{ background:var(--deep-tint); }
@media (prefers-reduced-motion: reduce){ html[data-style="welcome"] *,html[data-style="welcome"] *::before,html[data-style="welcome"] *::after{ animation:none !important; transition:none !important; } }

html[data-style="welcome"] .util-bar{ background:#0A2E22; color:rgba(242,247,244,.72); font-size:12px; padding:var(--sp-1) var(--sp-2); text-align:center; position:relative; z-index:3; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; column-gap:var(--sp-1); }
html[data-style="welcome"] .util-bar b{ color:var(--gold-light); font-weight:600; }

html[data-style="welcome"] /* الترويسة */
header.site{ background:var(--deep); position:relative; z-index:3; }
html[data-style="welcome"] .site-inner{ max-width:920px; margin:0 auto; padding:var(--sp-1) var(--sp-2); display:flex; align-items:center; justify-content:space-between; gap:var(--sp-2); flex-wrap:wrap; min-height:64px; }
html[data-style="welcome"] .logo .mark{ display:block; width:96px; height:44px; background:#fff; border-radius:8px; padding:5px 8px; box-shadow:var(--e1); }
html[data-style="welcome"] .logo .mark img{ width:100%; height:100%; object-fit:contain; display:block; }
html[data-style="welcome"] header.site nav{ display:flex; gap:2px; flex-wrap:wrap; }
html[data-style="welcome"] header.site nav a{ color:rgba(242,247,244,.78); font-size:13px; font-weight:600; text-decoration:none; padding:8px 14px; border-radius:var(--radius-pill); transition:background var(--t-fast), color var(--t-fast); }
html[data-style="welcome"] header.site nav a:hover{ background:rgba(255,255,255,.12); color:#fff; }
html[data-style="welcome"] header.site nav a[aria-current="page"]{ background:var(--on-deep); color:var(--deep); }

html[data-style="welcome"] /* ── القسم البطولي: امتداد كامل بتدرج عميق وخط الختم النحاسي ── */
main{ max-width:860px; margin:0 auto; padding:0 var(--sp-2) 80px; }
html[data-style="welcome"] /* The public landing page is intentionally full-bleed, html[data-style="welcome"] unlike the document pages. */
body.welcome-page main{ max-width:none; margin:0; padding:0; }
@media (min-width:1200px){
  html[data-style="welcome"] body.welcome-page .welcome-nav{ max-width:1440px; padding-inline:40px; }
  html[data-style="welcome"] body.welcome-page .welcome-hero-grid,
  html[data-style="welcome"] body.welcome-page .welcome-proof,
  html[data-style="welcome"] body.welcome-page .welcome-story,
  html[data-style="welcome"] body.welcome-page .welcome-trust{ max-width:1320px; }
  html[data-style="welcome"] body.welcome-page .welcome-final{ max-width:1272px; }
}
html[data-style="welcome"] .page-title{ text-align:center; position:relative; margin:0 calc(50% - 50vw) var(--sp-5); padding:var(--sp-7) calc(50vw - 50%) 96px; background:linear-gradient(170deg, var(--deep) 0%, var(--deep-2) 60%, var(--deep-3) 100%); }
html[data-style="welcome"] .page-title::before{ content:""; position:absolute; inset:0; background-image:radial-gradient(rgba(255,255,255,.05) 1px, transparent 1px); background-size:26px 26px; pointer-events:none; }
html[data-style="welcome"] .page-title::after{ content:""; position:absolute; inset-inline:0; bottom:0; height:2px; background:linear-gradient(90deg, transparent 8%, var(--gold-light) 35%, #E4CD8F 50%, var(--gold-light) 65%, transparent 92%); opacity:.85; }
html[data-style="welcome"] .page-title h1{ position:relative; color:#fff; font-size:34px; letter-spacing:-.02em; }
html[data-style="welcome"] .page-title p{ position:relative; margin:10px auto 0; color:rgba(242,247,244,.82); font-size:15px; max-width:620px; line-height:1.9; }
html[data-style="welcome"] .page-title .updated{ position:relative; display:inline-block; font-size:11.5px; color:var(--gold-light); margin-top:var(--sp-2); padding:3px 14px; border:1px solid rgba(201,169,97,.4); border-radius:var(--radius-pill); background:rgba(201,169,97,.08); }

html[data-style="welcome"] /* ── بطاقة المحتوى الطافية فوق القسم البطولي ── */
article.doc{ background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg); padding:var(--sp-6) var(--sp-6) var(--sp-5); position:relative; box-shadow:var(--e3); margin-top:-72px; z-index:2; animation:docRise .5s cubic-bezier(.3,0,.2,1) both; }
@keyframes docRise{ from{ opacity:0; transform:translateY(16px); } to{ opacity:1; transform:translateY(0); } }
html[data-style="welcome"] article.doc > *{ position:relative; }
html[data-style="welcome"] article.doc h2{ font-size:20px; margin:var(--sp-5) 0 var(--sp-2); padding-bottom:10px; border-bottom:1px solid var(--border); display:flex; align-items:center; gap:10px; }
html[data-style="welcome"] article.doc h2::before{ content:""; width:6px; height:22px; border-radius:3px; background:linear-gradient(180deg, var(--gold-light), var(--gold-strong)); flex:0 0 auto; }
html[data-style="welcome"] article.doc h2:first-child, html[data-style="welcome"] article.doc .callout + h2{ margin-top:0; }
html[data-style="welcome"] article.doc p{ margin:0 0 var(--sp-2); font-size:15px; color:var(--ink); }
html[data-style="welcome"] article.doc p:last-child{ margin-bottom:0; }
html[data-style="welcome"] article.doc ol, html[data-style="welcome"] article.doc ul{ margin:0 0 var(--sp-2); padding-inline-start:22px; font-size:15px; }
html[data-style="welcome"] article.doc li{ margin-bottom:10px; }
html[data-style="welcome"] article.doc li::marker{ color:var(--gold-strong); font-weight:700; }
html[data-style="welcome"] article.doc strong{ color:var(--deep); font-weight:600; }

html[data-style="welcome"] .callout{ background:var(--gold-tint); border:1px solid rgba(150,118,43,.22); border-inline-start:4px solid var(--gold-strong); border-radius:var(--radius-sm); padding:var(--sp-2) var(--sp-3); font-size:13.5px; margin:0 0 var(--sp-4); line-height:1.9; }

html[data-style="welcome"] /* ملخصات المزايا والإجراءات */
.feature-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--sp-2); margin:0 0 var(--sp-4); }
html[data-style="welcome"] .feature-grid--two{ grid-template-columns:repeat(2,minmax(0,1fr)); }
html[data-style="welcome"] .feature-card{ min-width:0; padding:var(--sp-3); border:1px solid var(--border); border-radius:var(--radius); background:linear-gradient(145deg,#fff,var(--paper)); box-shadow:var(--e1); }
html[data-style="welcome"] .feature-card .feature-kicker{ display:block; margin-bottom:6px; color:var(--gold-strong); font-size:11.5px; font-weight:700; }
html[data-style="welcome"] .feature-card h3{ margin:0 0 6px; color:var(--deep); font-size:15.5px; }
html[data-style="welcome"] .feature-card p{ margin:0; color:var(--ink-dim); font-size:13px; line-height:1.75; }
html[data-style="welcome"] .feature-card a{ color:var(--deep); font-weight:700; text-underline-offset:3px; }
html[data-style="welcome"] .section-lead{ margin:-4px 0 var(--sp-3)!important; color:var(--ink-dim)!important; }
html[data-style="welcome"] .procedure-note{ margin:var(--sp-3) 0 0; padding:var(--sp-2) var(--sp-3); border:1px solid rgba(61,141,126,.2); border-radius:var(--radius-sm); background:#EDF6F2; color:var(--deep); font-size:13.5px; line-height:1.8; }
html[data-style="welcome"] .principle-list{ display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-2); margin:0 0 var(--sp-3); }
html[data-style="welcome"] .principle-item{ padding:var(--sp-2) var(--sp-3); border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--paper); }
html[data-style="welcome"] .principle-item b{ display:block; margin-bottom:4px; color:var(--deep); font-size:14px; }
html[data-style="welcome"] .principle-item span{ display:block; color:var(--ink-dim); font-size:13px; line-height:1.75; }
html[data-style="welcome"] .support-route{ display:flex; align-items:flex-start; gap:var(--sp-2); padding:var(--sp-3); border:1px solid var(--border); border-radius:var(--radius); background:var(--surface); }
html[data-style="welcome"] .support-route + .support-route{ margin-top:var(--sp-2); }
html[data-style="welcome"] .support-route-number{ width:34px; height:34px; flex:0 0 auto; display:grid; place-items:center; border-radius:50%; background:var(--deep); color:#fff; font-size:13px; font-weight:700; }
html[data-style="welcome"] .support-route h3{ margin:0 0 4px; color:var(--deep); font-size:15px; }
html[data-style="welcome"] .support-route p{ margin:0!important; color:var(--ink-dim)!important; font-size:13.5px!important; }
html[data-style="welcome"] .inline-action{ min-height:44px; padding:10px 16px; display:inline-flex; align-items:center; justify-content:center; border-radius:var(--radius-sm); background:var(--deep); color:#fff!important; font-size:13px; font-weight:700; text-decoration:none; }
html[data-style="welcome"] .inline-action:hover{ background:var(--deep-2); }

html[data-style="welcome"] /* خطوات مرقمة بخط رابط عمودي */
.steps{ counter-reset:step; list-style:none; padding:0; margin:0 0 var(--sp-2); }
html[data-style="welcome"] .steps li{ counter-increment:step; position:relative; padding:0 52px 0 0; margin-bottom:var(--sp-3); min-height:44px; }
html[data-style="welcome"] .steps li::before{ content:counter(step); position:absolute; right:0; top:0; width:36px; height:36px; border-radius:var(--radius-pill); background:var(--deep); color:var(--on-deep); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:15px; box-shadow:var(--e1); }
html[data-style="welcome"] .steps li:not(:last-child)::after{ content:""; position:absolute; right:17px; top:42px; bottom:-18px; width:2px; background:linear-gradient(180deg, var(--border-strong), transparent); }
html[data-style="welcome"] .steps li b{ display:block; color:var(--deep); font-weight:700; margin-bottom:2px; font-size:15.5px; }

html[data-style="welcome"] /* الأسئلة الشائعة — سهم دوار وحركة ناعمة */
details.faq{ border:1px solid var(--border); border-radius:var(--radius); background:var(--surface); margin-bottom:var(--sp-1); box-shadow:var(--e1); transition:box-shadow var(--t-fast), border-color var(--t-fast); overflow:hidden; }
html[data-style="welcome"] details.faq:hover{ box-shadow:var(--e2); border-color:var(--border-strong); }
html[data-style="welcome"] details.faq summary{ cursor:pointer; padding:var(--sp-2) var(--sp-3); font-weight:600; color:var(--ink); font-size:15px; list-style:none; display:flex; align-items:center; justify-content:space-between; gap:var(--sp-2); transition:background var(--t-fast), color var(--t-fast); }
html[data-style="welcome"] details.faq summary::-webkit-details-marker{ display:none; }
html[data-style="welcome"] details.faq summary::after{ content:"›"; font-size:22px; color:var(--ink-dim); transform:rotate(90deg); transition:transform var(--t-med), color var(--t-fast); flex:0 0 auto; line-height:1; }
html[data-style="welcome"] details.faq summary:hover{ background:var(--paper); }
html[data-style="welcome"] details.faq[open] summary{ color:var(--deep); border-bottom:1px solid var(--border); }
html[data-style="welcome"] details.faq[open] summary::after{ transform:rotate(-90deg); color:var(--gold-strong); }
html[data-style="welcome"] details.faq .a{ padding:var(--sp-2) var(--sp-3); font-size:14.5px; color:var(--ink); background:var(--paper); }

html[data-style="welcome"] /* جداول */
table.info{ width:100%; border-collapse:separate; border-spacing:0; font-size:14.5px; margin:0 0 var(--sp-3); border:1px solid var(--border); border-radius:var(--radius-sm); overflow:hidden; }
html[data-style="welcome"] table.info th, html[data-style="welcome"] table.info td{ padding:12px var(--sp-2); text-align:start; border-bottom:1px solid var(--border); }
html[data-style="welcome"] table.info tr:last-child td{ border-bottom:none; }
html[data-style="welcome"] table.info th{ background:var(--deep); color:var(--on-deep); font-size:12.5px; font-weight:600; letter-spacing:.03em; }
html[data-style="welcome"] table.info tbody tr:nth-child(even){ background:var(--paper); }

html[data-style="welcome"] /* بطاقات التواصل */
.contact-grid{ display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-2); margin-bottom:var(--sp-3); }
html[data-style="welcome"] .contact-card{ border:1px solid var(--border); border-radius:var(--radius); padding:var(--sp-3); background:var(--surface); box-shadow:var(--e1); position:relative; overflow:hidden; transition:box-shadow var(--t-fast), transform var(--t-fast), border-color var(--t-fast); }
html[data-style="welcome"] .contact-card::before{ content:""; position:absolute; top:0; inset-inline:0; height:3px; background:linear-gradient(90deg, var(--gold-light), var(--gold-strong)); opacity:0; transition:opacity var(--t-fast); }
html[data-style="welcome"] .contact-card:hover{ box-shadow:var(--e2); transform:translateY(-2px); border-color:var(--border-strong); }
html[data-style="welcome"] .contact-card:hover::before{ opacity:1; }
html[data-style="welcome"] .contact-card h3{ font-size:15.5px; margin-bottom:6px; color:var(--deep); }
html[data-style="welcome"] .contact-card p{ margin:0; font-size:13.5px; color:var(--ink-dim); line-height:1.8; }
html[data-style="welcome"] .contact-card .mono{ font-family:'JetBrains Mono',monospace; direction:ltr; display:inline-block; color:var(--ink); font-size:13px; background:var(--paper); padding:2px 8px; border-radius:6px; border:1px solid var(--border); }
@media (max-width:640px){ html[data-style="welcome"] .contact-grid{ grid-template-columns:1fr; } }

html[data-style="welcome"] /* الذيل */
footer.site{ background:var(--deep); color:rgba(242,247,244,.6); text-align:center; font-size:12px; padding:var(--sp-4) var(--sp-2); margin-top:var(--sp-6); line-height:2.2; position:relative; }
html[data-style="welcome"] footer.site::before{ content:""; position:absolute; top:0; inset-inline:0; height:2px; background:linear-gradient(90deg, transparent 8%, var(--gold-light) 50%, transparent 92%); opacity:.6; }
html[data-style="welcome"] footer.site a{ color:var(--gold-light); text-decoration:none; padding:2px 4px; border-radius:6px; transition:color var(--t-fast), background var(--t-fast); }
html[data-style="welcome"] footer.site a:hover{ color:#fff; background:rgba(255,255,255,.08); }
html[data-style="welcome"] footer.site .footer-credit{ color:#fff; font-weight:700; letter-spacing:.01em; opacity:.92; }

@media (max-width:720px){
  html[data-style="welcome"] .page-title{ padding-top:var(--sp-5); padding-bottom:84px; }
  html[data-style="welcome"] .page-title h1{ font-size:27px; }
  html[data-style="welcome"] article.doc{ padding:var(--sp-4) var(--sp-3); margin-top:-64px; border-radius:var(--radius); }
  html[data-style="welcome"] article.doc h2{ font-size:18px; }
  html[data-style="welcome"] header.site nav a{ padding:7px 10px; font-size:12.5px; }
  html[data-style="welcome"] .feature-grid{ grid-template-columns:1fr; }
  html[data-style="welcome"] .principle-list{ grid-template-columns:1fr; }
}

html[data-style="welcome"]{
  --kx-deep:var(--deep,#0d3b2c);
  --kx-deep-strong:#082c20;
  --kx-teal:#3d8d7e;
  --kx-gold:var(--gold-light,#c9a961);
  --kx-paper:var(--paper,#f5f6f5);
  --kx-surface:var(--surface,#fff);
  --kx-ink:var(--ink,#121a15);
  --kx-muted:var(--ink-dim,#5a6862);
  --kx-border:var(--border,rgba(18,26,21,.12));
  --kx-shadow:0 18px 54px rgba(8,44,32,.2);
}

html[data-style="welcome"] .kx-assistant-launch{
  position:fixed;
  z-index:320;
  inset-inline-start:20px;
  bottom:max(20px,env(safe-area-inset-bottom));
  width:60px;
  height:60px;
  padding:5px;
  border:2px solid rgba(255,255,255,.9);
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 32px rgba(8,44,32,.27);
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease;
  touch-action:manipulation;
}
html[data-style="welcome"] .kx-assistant-launch[hidden]{ display:none!important; }
html[data-style="welcome"] .kx-assistant-launch:hover{ transform:translateY(-2px); box-shadow:0 16px 36px rgba(8,44,32,.32); }
html[data-style="welcome"] .kx-assistant-launch:active{ transform:translateY(0); }
html[data-style="welcome"] .kx-assistant-launch img{ width:100%; height:100%; display:block; border-radius:15px; }
html[data-style="welcome"] .kx-assistant-launch::after{
  content:"";
  position:absolute;
  top:4px;
  inset-inline-end:4px;
  width:10px;
  height:10px;
  border:2px solid #fff;
  border-radius:50%;
  background:#2f9f67;
}

html[data-style="welcome"] .kx-assistant-panel{
  position:fixed;
  z-index:310;
  inset-inline-start:20px;
  bottom:max(92px,calc(env(safe-area-inset-bottom) + 82px));
  width:min(390px,calc(100vw - 32px));
  max-height:min(650px,calc(100dvh - 116px));
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(13,59,44,.13);
  border-radius:22px;
  background:var(--kx-surface);
  color:var(--kx-ink);
  box-shadow:var(--kx-shadow);
  opacity:0;
  transform:translateY(10px) scale(.98);
  pointer-events:none;
  transform-origin:bottom left;
  transition:opacity .2s ease,transform .2s ease;
}
html[data-style="welcome"] .kx-assistant-panel[hidden]{ display:none!important; }
html[data-style="welcome"] [dir="rtl"] .kx-assistant-panel{ transform-origin:bottom right; }
html[data-style="welcome"] .kx-assistant-panel[data-open="true"]{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}
html[data-style="welcome"] .kx-assistant-head{
  padding:16px;
  display:flex;
  align-items:center;
  gap:12px;
  color:#fff;
  background:linear-gradient(135deg,var(--kx-deep-strong),var(--kx-deep));
}
html[data-style="welcome"] .kx-assistant-avatar{
  width:46px;
  height:46px;
  flex:0 0 auto;
  border:2px solid rgba(255,255,255,.75);
  border-radius:15px;
}
html[data-style="welcome"] .kx-assistant-heading{ min-width:0; flex:1; }
html[data-style="welcome"] .kx-assistant-heading h2{ margin:0; color:#fff; font-size:16px; line-height:1.4; }
html[data-style="welcome"] .kx-assistant-heading p{ margin:2px 0 0; color:rgba(255,255,255,.75); font-size:11.5px; line-height:1.5; }
html[data-style="welcome"] .kx-assistant-close{
  width:44px;
  height:44px;
  border:0;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.09);
  color:#fff;
  cursor:pointer;
}
html[data-style="welcome"] .kx-assistant-close:hover{ background:rgba(255,255,255,.16); }
html[data-style="welcome"] .kx-assistant-close svg{ width:20px; height:20px; }

html[data-style="welcome"] .kx-assistant-messages{
  min-height:160px;
  padding:16px;
  display:flex;
  flex-direction:column;
  gap:10px;
  overflow:auto;
  overscroll-behavior:contain;
  background:#f7f9f8;
}
html[data-style="welcome"] .kx-message{
  max-width:88%;
  padding:10px 12px;
  border-radius:14px;
  font-size:13px;
  line-height:1.7;
  white-space:pre-wrap;
}
html[data-style="welcome"] .kx-message[data-kind="assistant"]{
  align-self:flex-start;
  border:1px solid rgba(13,59,44,.1);
  border-start-start-radius:5px;
  background:#fff;
  color:var(--kx-ink);
}
html[data-style="welcome"] .kx-message[data-loading="true"]{
  color:var(--kx-muted);
}
html[data-style="welcome"] .kx-message[data-loading="true"]::after{
  content:"";
  width:14px;
  height:14px;
  margin-inline-start:8px;
  display:inline-block;
  vertical-align:-2px;
  border:2px solid rgba(13,59,44,.18);
  border-top-color:var(--kx-deep);
  border-radius:50%;
  animation:kx-spin .8s linear infinite;
}
@keyframes kx-spin{ to{ transform:rotate(360deg); } }
html[data-style="welcome"] .kx-message[data-kind="user"]{
  align-self:flex-end;
  border-end-end-radius:5px;
  background:var(--kx-deep);
  color:#fff;
}
html[data-style="welcome"] .kx-message a{
  margin-top:7px;
  display:inline-flex;
  color:var(--kx-deep);
  font-weight:700;
  text-underline-offset:3px;
}

html[data-style="welcome"] .kx-assistant-quick{
  padding:12px 14px 8px;
  display:flex;
  gap:7px;
  overflow-x:auto;
  scrollbar-width:thin;
  background:#fff;
}
html[data-style="welcome"] .kx-quick-question{
  min-height:38px;
  padding:8px 11px;
  flex:0 0 auto;
  border:1px solid rgba(13,59,44,.14);
  border-radius:999px;
  background:#fff;
  color:var(--kx-deep);
  font:inherit;
  font-size:11.5px;
  font-weight:600;
  cursor:pointer;
  white-space:nowrap;
}
html[data-style="welcome"] .kx-quick-question:hover{ background:#edf5f1; }
html[data-style="welcome"] .kx-assistant-form{
  padding:10px 14px 12px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 46px;
  gap:8px;
  background:#fff;
}
html[data-style="welcome"] .kx-assistant-input{
  width:100%;
  min-width:0;
  height:46px;
  padding:0 13px;
  border:1px solid rgba(13,59,44,.17);
  border-radius:12px;
  background:#fff;
  color:var(--kx-ink);
  font:inherit;
  font-size:14px;
}
html[data-style="welcome"] .kx-assistant-input:focus{ outline:2px solid rgba(61,141,126,.35); border-color:var(--kx-teal); }
html[data-style="welcome"] .kx-assistant-input:disabled{ background:#f2f5f3; color:var(--kx-muted); cursor:wait; }
html[data-style="welcome"] .kx-assistant-send{
  width:46px;
  height:46px;
  border:0;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:var(--kx-deep);
  color:#fff;
  cursor:pointer;
}
html[data-style="welcome"] .kx-assistant-send:hover{ background:var(--kx-deep-strong); }
html[data-style="welcome"] .kx-assistant-send:disabled{ background:#7d948b; cursor:wait; }
html[data-style="welcome"] .kx-assistant-send svg{ width:20px; height:20px; }
html[data-style="welcome"] .kx-assistant-privacy{
  margin:0;
  padding:0 14px 12px;
  color:var(--kx-muted);
  background:#fff;
  font-size:10.5px;
  line-height:1.6;
}
html[data-style="welcome"] .kx-visually-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

@media (max-width:640px){
  html[data-style="welcome"] .kx-assistant-launch{ inset-inline-start:14px; bottom:max(14px,env(safe-area-inset-bottom)); }
  html[data-style="welcome"] .kx-assistant-panel{
    inset-inline-start:16px;
    bottom:max(86px,calc(env(safe-area-inset-bottom) + 78px));
    width:calc(100vw - 32px);
    max-height:calc(100dvh - 108px);
  }
}

@media (prefers-reduced-motion:reduce){
  html[data-style="welcome"] .kx-assistant-launch,
  html[data-style="welcome"] .kx-assistant-panel{ transition:none!important; }
  html[data-style="welcome"] .kx-message[data-loading="true"]::after{ animation:none; }
}

/* Shared empty-state component — institution, platform and citizen surfaces. */
.khatm-empty-state{
  --empty-surface:var(--surface,#fff);
  --empty-muted-surface:var(--paper-2,var(--paper,#f3f6f4));
  --empty-border:var(--border,rgba(13,59,44,.14));
  --empty-ink:var(--ink,#13271f);
  --empty-muted:var(--ink-dim,var(--muted,#6f7f77));
  width:100%;min-width:0;min-height:228px;padding:40px 24px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;
  color:var(--empty-ink);text-align:center;text-wrap:balance;
}
.khatm-empty-illustration{position:relative;width:min(208px,72vw);height:104px;display:block;margin:0 auto 20px;color:var(--empty-muted)}
.khatm-empty-card{position:absolute;inset-inline:0;margin-inline:auto;display:block;border:1px solid var(--empty-border);background:var(--empty-muted-surface)}
.khatm-empty-card--back{top:0;width:70%;height:30px;border-radius:12px 12px 6px 6px;opacity:.5}
.khatm-empty-card--middle{top:14px;width:86%;height:34px;border-radius:12px 12px 7px 7px;opacity:.76}
.khatm-empty-card--front{top:30px;width:100%;height:66px;padding:14px 16px;display:flex;align-items:center;gap:12px;border-radius:14px;background:var(--empty-surface);box-shadow:var(--e1,0 5px 18px rgba(13,59,44,.08))}
.khatm-empty-card-icon{width:34px;height:34px;flex:none;border-radius:9px;background:var(--deep-tint,var(--tint,#e5eee9))}
.khatm-empty-card-lines{flex:1;min-width:0;display:grid;gap:7px}
.khatm-empty-card-lines i{display:block;width:76%;height:8px;border-radius:999px;background:var(--empty-muted-surface)}
.khatm-empty-card-lines i:last-child{width:48%;height:7px;opacity:.72}
.khatm-empty-fade{position:absolute;inset-inline:0;bottom:0;height:34px;background:linear-gradient(to bottom,transparent,var(--empty-surface));pointer-events:none}
.khatm-empty-copy{width:min(400px,100%);display:grid;justify-items:center;gap:6px}
.khatm-empty-copy strong{display:block;color:var(--empty-ink);font-size:clamp(17px,2vw,20px);font-weight:800;line-height:1.55}
.khatm-empty-copy>span{display:block;color:var(--empty-muted);font-size:13px;line-height:1.8}
.khatm-empty-state--compact{min-height:164px;padding:24px 16px}
.khatm-empty-state--compact .khatm-empty-illustration{width:154px;height:78px;margin-bottom:14px}
.khatm-empty-state--compact .khatm-empty-card--back{height:22px;border-radius:9px 9px 4px 4px}
.khatm-empty-state--compact .khatm-empty-card--middle{top:10px;height:25px;border-radius:9px 9px 5px 5px}
.khatm-empty-state--compact .khatm-empty-card--front{top:22px;height:50px;padding:10px 12px;gap:9px;border-radius:10px}
.khatm-empty-state--compact .khatm-empty-card-icon{width:26px;height:26px;border-radius:7px}
.khatm-empty-state--compact .khatm-empty-card-lines{gap:5px}
.khatm-empty-state--compact .khatm-empty-card-lines i{height:6px}
.khatm-empty-state--compact .khatm-empty-card-lines i:last-child{height:5px}
.khatm-empty-state--compact .khatm-empty-fade{height:24px}
.khatm-empty-state--compact .khatm-empty-copy strong{font-size:15px}
.khatm-empty-state--compact .khatm-empty-copy>span{font-size:12px}
.global-search-empty.khatm-empty-state{min-height:250px}
.global-search-empty.khatm-empty-state span{margin-top:0}
.global-search-empty.khatm-empty-state .khatm-empty-copy>span{font-size:12px}
.empty-hint:has(.khatm-empty-state){padding:0!important;border-style:solid!important;background:var(--surface,#fff)!important}
html[data-style="app"] :is(.notifications-empty,.empty-state,.platform-empty,.approval-empty,.bulk-empty-filter):has(>.khatm-empty-state),
html:is([data-style="citizen"],[data-style="share"]) :is(.empty,.empty-state):has(>.khatm-empty-state){padding:0;background:transparent;color:inherit}
@media(max-width:520px){
  .khatm-empty-state{min-height:196px;padding:32px 16px}
  .khatm-empty-illustration{width:176px;height:90px;margin-bottom:16px}
  .khatm-empty-state--compact{min-height:150px;padding:20px 12px}
}

html[data-style="welcome"] .welcome-page{background:var(--paper);overflow-x:hidden}html[data-style="welcome"] .welcome-skip{position:absolute;top:-100px;inset-inline-start:16px;z-index:10;padding:8px 14px;background:#fff;color:var(--deep);border-radius:10px}html[data-style="welcome"] .welcome-skip:focus{top:12px}html[data-style="welcome"] .welcome-header{position:absolute;inset-inline:0;top:0;z-index:5}html[data-style="welcome"] .welcome-nav{max-width:1200px;min-height:84px;margin:auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}html[data-style="welcome"] .welcome-logo{width:104px;height:44px;padding:5px 8px;background:#fff;border-radius:8px;box-shadow:var(--e1)}html[data-style="welcome"] .welcome-logo img,html[data-style="welcome"] .welcome-footer img{width:100%;height:100%;object-fit:contain;display:block}html[data-style="welcome"] .welcome-nav nav,html[data-style="welcome"] .welcome-nav-actions,html[data-style="welcome"] .welcome-hero-actions,html[data-style="welcome"] .welcome-final>div,html[data-style="welcome"] .welcome-footer div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}html[data-style="welcome"] .welcome-nav a{padding:8px 12px;border-radius:999px;color:rgba(242,247,244,.82);font-size:13px;font-weight:600;text-decoration:none}html[data-style="welcome"] .welcome-nav a:hover{background:rgba(255,255,255,.12);color:#fff}html[data-style="welcome"] .welcome-verify{background:#fff;color:var(--deep)!important;font-weight:800!important}html[data-style="welcome"] .welcome-hero{position:relative;overflow:hidden;min-height:700px;padding:150px 24px 72px;color:#fff;background:radial-gradient(circle at 75% 35%,rgba(72,139,111,.26),transparent 28%),linear-gradient(135deg,#082c20,#0d3b2c 58%,#155540)}html[data-style="welcome"] .welcome-hero:before{content:"";position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:72px 72px}html[data-style="welcome"] .welcome-hero-grid{position:relative;max-width:1120px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:48px}html[data-style="welcome"] .welcome-kicker,html[data-style="welcome"] .welcome-section-intro>span,html[data-style="welcome"] .welcome-capabilities-head>span,html[data-style="welcome"] .welcome-trust-copy>span,html[data-style="welcome"] .welcome-final>span{display:inline-flex;padding:5px 11px;border:1px solid rgba(201,169,97,.45);border-radius:999px;color:var(--gold-light);font-size:11px;font-weight:700}html[data-style="welcome"] .welcome-hero h1,html[data-style="welcome"] .welcome-section-intro h2,html[data-style="welcome"] .welcome-capabilities h2,html[data-style="welcome"] .welcome-trust h2,html[data-style="welcome"] .welcome-final h2{margin:18px 0;font-size:clamp(34px,5vw,68px);line-height:1.16;letter-spacing:-.04em}html[data-style="welcome"] .welcome-hero h1{color:#fff}html[data-style="welcome"] .welcome-hero h1 em{color:var(--gold-light);font-style:normal}html[data-style="welcome"] .welcome-hero p{max-width:560px;color:rgba(242,247,244,.8);font-size:17px;line-height:2}html[data-style="welcome"] .welcome-cta-primary,html[data-style="welcome"] .welcome-cta-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:800;text-decoration:none;transition:transform var(--t-fast),background var(--t-fast)}html[data-style="welcome"] .welcome-cta-primary{background:var(--gold-light);color:#102b20}html[data-style="welcome"] .welcome-cta-primary:hover{background:#e0c582;transform:translateY(-2px)}html[data-style="welcome"] .welcome-cta-secondary{border:1px solid rgba(255,255,255,.35);color:#fff}html[data-style="welcome"] .welcome-cta-secondary:hover{background:rgba(255,255,255,.1)}html[data-style="welcome"] .welcome-hero-note{margin-top:22px;color:rgba(242,247,244,.65);font-size:12px}html[data-style="welcome"] .welcome-pulse{display:inline-block;width:8px;height:8px;margin-inline-end:8px;border-radius:50%;background:#70d49a;box-shadow:0 0 0 5px rgba(112,212,154,.14)}html[data-style="welcome"] .welcome-document-stage{position:relative;min-height:400px;display:grid;place-items:center}html[data-style="welcome"] .orbit{position:absolute;border:1px solid rgba(201,169,97,.28);border-radius:50%}html[data-style="welcome"] .orbit-one{width:340px;height:340px}html[data-style="welcome"] .orbit-two{width:470px;height:240px;transform:rotate(-24deg)}html[data-style="welcome"] .welcome-doc-card{z-index:1;width:min(340px,90%);padding:22px;border:1px solid rgba(255,255,255,.5);border-radius:18px;background:rgba(255,255,255,.96);color:var(--ink);box-shadow:0 28px 80px rgba(0,0,0,.25);transform:rotate(-5deg)}html[data-style="welcome"] .welcome-doc-top,html[data-style="welcome"] .welcome-doc-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink-dim);font-size:11px;font-weight:700}html[data-style="welcome"] .welcome-doc-top b{padding:4px 8px;border-radius:999px;background:#e6f3ea;color:#14683d}html[data-style="welcome"] .welcome-doc-title{width:70%;height:18px;margin:34px 0 14px;border-radius:4px;background:var(--deep)}html[data-style="welcome"] .welcome-doc-line{display:block;width:62%;height:8px;margin:8px 0;border-radius:3px;background:#dce3df}html[data-style="welcome"] .welcome-doc-line.wide{width:90%}html[data-style="welcome"] .welcome-doc-bottom{margin-top:30px;padding-top:16px;border-top:1px solid var(--border);justify-content:flex-start}html[data-style="welcome"] .welcome-doc-bottom span{display:block;margin-top:3px;font-size:10px;font-weight:400}html[data-style="welcome"] .welcome-qr{width:58px;height:58px;padding:7px;display:grid;grid-template-columns:repeat(4,1fr);gap:3px;background:var(--deep)}html[data-style="welcome"] .welcome-qr i{background:#fff}html[data-style="welcome"] .welcome-qr i:nth-child(2),html[data-style="welcome"] .welcome-qr i:nth-child(5){background:var(--gold-light)}html[data-style="welcome"] .welcome-verified-chip{position:absolute;z-index:2;inset-block-end:36px;inset-inline-start:12px;padding:11px 14px;display:flex;align-items:center;gap:9px;border-radius:12px;background:#fff;color:var(--deep);box-shadow:var(--e2);font-size:12px}html[data-style="welcome"] .welcome-verified-chip>b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--success);color:#fff}html[data-style="welcome"] .welcome-verified-chip small{display:block;color:var(--ink-dim);font-size:10px}html[data-style="welcome"] .welcome-proof{position:relative;z-index:2;max-width:1120px;margin:-28px auto 0;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--e2)}html[data-style="welcome"] .welcome-proof div{padding:20px 24px;border-inline-start:1px solid var(--border)}html[data-style="welcome"] .welcome-proof div:first-child{border:0}html[data-style="welcome"] .welcome-proof strong,html[data-style="welcome"] .welcome-proof span{display:block}html[data-style="welcome"] .welcome-proof strong{color:var(--deep);font-size:19px}html[data-style="welcome"] .welcome-proof span,html[data-style="welcome"] .welcome-flow-card p,html[data-style="welcome"] .welcome-capabilities p,html[data-style="welcome"] .welcome-trust p,html[data-style="welcome"] .welcome-final p{color:var(--ink-dim);font-size:13px;line-height:1.9}html[data-style="welcome"] .welcome-story,html[data-style="welcome"] .welcome-capabilities,html[data-style="welcome"] .welcome-trust,html[data-style="welcome"] .welcome-final{max-width:1120px;margin:auto;padding:112px 24px}html[data-style="welcome"] .welcome-story,html[data-style="welcome"] .welcome-capabilities,html[data-style="welcome"] .welcome-trust{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}html[data-style="welcome"] .welcome-section-intro h2,html[data-style="welcome"] .welcome-capabilities h2,html[data-style="welcome"] .welcome-trust h2{color:var(--deep);font-size:clamp(31px,4vw,52px)}html[data-style="welcome"] .welcome-flow{display:grid;gap:12px}html[data-style="welcome"] .welcome-flow-card{padding:24px;border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:var(--e1);transition:transform var(--t-fast),box-shadow var(--t-fast)}html[data-style="welcome"] .welcome-flow-card:hover{transform:translateX(-5px);box-shadow:var(--e2)}html[data-style="welcome"] .welcome-flow-card>span{color:var(--gold-strong);font:700 12px monospace}html[data-style="welcome"] .welcome-flow-card h3,html[data-style="welcome"] .welcome-capability h3{margin:10px 0 0;color:var(--deep);font-size:18px}html[data-style="welcome"] .welcome-capabilities{max-width:none;background:#e9efeb;padding-inline:max(24px,calc((100% - 1120px)/2))}html[data-style="welcome"] .welcome-capability-list{border-top:1px solid rgba(13,59,44,.2)}html[data-style="welcome"] .welcome-capability{display:grid;grid-template-columns:48px 1fr 32px;gap:16px;padding:22px 0;border-bottom:1px solid rgba(13,59,44,.2)}html[data-style="welcome"] .welcome-capability>span{color:var(--gold-strong);font:700 12px monospace}html[data-style="welcome"] .welcome-capability h3{margin:0}html[data-style="welcome"] .welcome-capability p{margin:7px 0 0}html[data-style="welcome"] .welcome-capability i{color:var(--deep);font-style:normal;font-size:23px}html[data-style="welcome"] .welcome-trust{grid-template-columns:1fr 1fr;gap:72px;align-items:center}html[data-style="welcome"] .welcome-trust-copy a{display:inline-block;margin-top:18px;color:var(--deep);font-size:13px;font-weight:800}html[data-style="welcome"] .welcome-trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}html[data-style="welcome"] .welcome-trust-grid div{min-height:120px;padding:20px;border-radius:14px;background:var(--deep);color:#fff}html[data-style="welcome"] .welcome-trust-grid div:nth-child(2),html[data-style="welcome"] .welcome-trust-grid div:nth-child(3){background:var(--gold-tint);color:var(--deep)}html[data-style="welcome"] .welcome-trust-grid b,html[data-style="welcome"] .welcome-trust-grid span{display:block}html[data-style="welcome"] .welcome-trust-grid span{margin-top:5px;font-size:11px;opacity:.72}html[data-style="welcome"] .welcome-final{max-width:1072px;margin-bottom:80px;text-align:center;border-radius:20px;background:linear-gradient(145deg,#0d3b2c,#155540);color:#fff}html[data-style="welcome"] .welcome-final h2{color:#fff;font-size:clamp(31px,4vw,52px)}html[data-style="welcome"] .welcome-final p{max-width:580px;margin:auto;color:rgba(255,255,255,.72)}html[data-style="welcome"] .welcome-final>div{justify-content:center;margin-top:28px}html[data-style="welcome"] .welcome-footer{padding:48px 24px;background:#092d21;color:rgba(255,255,255,.64);text-align:center}html[data-style="welcome"] .welcome-footer img{width:108px;height:45px;margin:auto;padding:5px 8px;border-radius:8px;background:#fff}html[data-style="welcome"] .welcome-footer p{font-size:12px}html[data-style="welcome"] .welcome-footer div{justify-content:center}html[data-style="welcome"] .welcome-footer a{padding:4px 8px;color:var(--gold-light);font-size:12px;text-decoration:none}html[data-style="welcome"] .welcome-footer small{display:block;margin-top:20px;font-size:10px}html[data-style="welcome"] .welcome-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease var(--welcome-delay,0ms),transform .6s ease var(--welcome-delay,0ms)}html[data-style="welcome"] .welcome-reveal.is-visible{opacity:1;transform:none}@media(max-width:800px){html[data-style="welcome"] .welcome-header{position:relative;background:var(--deep)}html[data-style="welcome"] .welcome-nav{flex-wrap:wrap;padding:12px 16px}html[data-style="welcome"] .welcome-nav nav{order:3;width:100%;justify-content:center}html[data-style="welcome"] .welcome-hero{min-height:auto;padding-top:72px}html[data-style="welcome"] .welcome-hero-grid,html[data-style="welcome"] .welcome-story,html[data-style="welcome"] .welcome-capabilities,html[data-style="welcome"] .welcome-trust{grid-template-columns:1fr}html[data-style="welcome"] .welcome-proof{margin:0;border-radius:0;grid-template-columns:1fr 1fr}html[data-style="welcome"] .welcome-proof div:nth-child(3),html[data-style="welcome"] .welcome-proof div:nth-child(4){border-top:1px solid var(--border)}html[data-style="welcome"] .welcome-story,html[data-style="welcome"] .welcome-capabilities,html[data-style="welcome"] .welcome-trust,html[data-style="welcome"] .welcome-final{padding-top:72px;padding-bottom:72px}html[data-style="welcome"] .welcome-final{margin:0 16px 48px}html[data-style="welcome"] .welcome-trust{gap:36px}}@media(max-width:520px){html[data-style="welcome"] .welcome-nav nav{display:none}html[data-style="welcome"] .welcome-nav-actions{width:100%;justify-content:space-between}html[data-style="welcome"] .welcome-hero{padding-inline:18px}html[data-style="welcome"] .welcome-hero h1{font-size:43px}html[data-style="welcome"] .welcome-hero p{font-size:15px}html[data-style="welcome"] .welcome-hero-actions>*{width:100%}html[data-style="welcome"] .welcome-document-stage{min-height:320px}html[data-style="welcome"] .welcome-doc-card{transform:rotate(-3deg)}html[data-style="welcome"] .welcome-proof div{padding:16px}html[data-style="welcome"] .welcome-story,html[data-style="welcome"] .welcome-capabilities,html[data-style="welcome"] .welcome-trust{padding-inline:18px}html[data-style="welcome"] .welcome-trust-grid{grid-template-columns:1fr}html[data-style="welcome"] .welcome-trust-grid div{min-height:92px}}
/* Unified legacy Khatm loader — based on the original platform ring. */
.khatm-loader{display:inline-block;width:32px;height:32px;flex:0 0 auto;border:3px solid var(--deep-tint,rgba(13,59,44,.16));border-top-color:var(--deep,#0D3B2C);border-radius:50%;animation:khatmLoaderSpin .75s linear infinite;vertical-align:middle;pointer-events:none}
.khatm-loader--large{width:48px;height:48px;border-width:4px}
.khatm-loader--small{width:32px;height:32px}
.khatm-loader--compact{width:14px;height:14px;border-width:2px;margin-inline:4px}
.btn-primary .khatm-loader,.button.primary .khatm-loader,.platform-primary .khatm-loader{border-color:rgba(255,255,255,.4);border-top-color:#fff}
@keyframes khatmLoaderSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.khatm-loader{animation:none;opacity:.72}}
html[data-style="app"] .platform-loading{align-content:center;justify-items:center;gap:8px;text-align:center}
html[data-style="app"] .operation-loader-card>.khatm-loader{display:block;margin:0 auto 18px}
html[data-style="app"] .cam-status:has(.khatm-loader),
html[data-style="app"] #platform-approval-result-count:has(.khatm-loader){display:flex;align-items:center;gap:7px}
html[data-style="verify"] .result-banner.is-loading{display:flex;align-items:center;justify-content:center;gap:9px}
html[data-style="verify"] .camera-status:has(.khatm-loader),
html[data-style="verify"] #qr-upload-btn:has(.khatm-loader){display:flex;align-items:center;justify-content:center;gap:6px}
html[data-style="share"] #share-state[role="status"]{display:flex;min-height:180px;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}
html[data-style="landing"] [data-live-stats-status]:has(.khatm-loader),
html[data-style="landing"] #institution-application-feedback:has(.khatm-loader){display:flex;align-items:center;justify-content:center;gap:7px}
html[data-style="transparency"] #last-updated:has(.khatm-loader){display:flex;align-items:center;gap:7px}
.kx-message .khatm-loader--compact{margin-inline-start:5px}