/* Shared design tokens for the administration panel and session screens. */
:root{
  --gk-font-ui:"Almarai",Tahoma,Arial,sans-serif;
  --gk-font-size-xs:12px;
  --gk-font-size-sm:13px;
  --gk-font-size-md:14px;
  --gk-font-size-lg:16px;
  --gk-font-size-xl:18px;
  --gk-font-size-base:14px;
  --gk-line-height-base:1.75;
  --gk-heading-line-height:1.45;
  --gk-color-canvas:#f5f6fa!important;
  --gk-color-surface:#ffffff!important;
  --gk-color-surface-subtle:#faf9fd!important;
  --gk-color-surface-muted:#f3f3f8!important;
  --gk-color-heading:#1d1c25!important;
  --gk-color-text:#2a2934!important;
  --gk-color-muted:#74717d!important;
  --gk-color-muted-strong:#5d5968!important;
  --gk-color-border:#e5e3ec!important;
  --gk-color-border-strong:#d6d1e2!important;
  --gk-color-primary:#673de6!important;
  --gk-color-primary-hover:#5630c9!important;
  --gk-color-primary-active:#4927ad!important;
  --gk-color-primary-soft:#f0ebff!important;
  --gk-color-action-bg:#f7f4ff!important;
  --gk-color-action-text:#5d3bc3!important;
  --gk-color-action-border:#dfd8f8!important;
  --gk-color-action-hover-bg:#efe9ff!important;
  --gk-color-action-hover-text:#4f2db9!important;
  --gk-color-action-hover-border:#cec3f3!important;
  --gk-color-success:#0b7a49;
  --gk-color-success-soft:#eef8f3;
  --gk-color-warning:#9a5b00;
  --gk-color-warning-soft:#fff8e8;
  --gk-color-danger:#b42318;
  --gk-color-danger-hover:#912018;
  --gk-color-danger-soft:#fff4f2;
  --gk-color-info:var(--gk-color-primary);
  --gk-color-info-soft:var(--gk-color-primary-soft);
  --gk-color-disabled-bg:#f2f4f7;
  --gk-color-disabled-text:#98a2b3;
  --gk-color-disabled-border:#e4e7ec;
  --gk-color-field-bg:#ffffff;
  --gk-color-field-text:var(--gk-color-text);
  /* Form controls stay neutral and pick up the canonical purple focus state. */
  --gk-color-field-border:#d9dbe5;
  --gk-color-field-border-hover:#bcb5d6;
  --gk-color-field-placeholder:#8b8494;
  --gk-color-button-secondary-bg:#f7f4ff!important;
  --gk-color-button-secondary-text:#5d3bc3!important;
  --gk-color-button-secondary-border:#dfd8f8!important;
  --gk-color-button-secondary-hover-bg:#efe9ff!important;
  --gk-color-button-secondary-hover-text:#4f2db9!important;
  --gk-color-button-secondary-hover-border:#cec3f3!important;
  --gk-color-button-warning-border:#dfb85e;
  --gk-color-button-danger-border:#e7b1ac;
  --gk-color-sidebar:#3f2a75!important;
  --gk-color-sidebar-soft:#5435a8!important;
  --gk-color-sidebar-deep:#32215f!important;
  --gk-control-height-sm:34px;
  --gk-control-height-md:46px;
  --gk-control-height-lg:48px;
  --gk-control-padding-inline:13px;
  --gk-control-radius:11px;
  --gk-control-border-width:1px;
  --gk-textarea-min-height:122px;
  --gk-button-height:46px;
  --gk-button-large-height:48px;
  --gk-table-row-height:52px;
  --gk-focus-ring-width:3px;
  --gk-focus-ring-color:rgba(103,61,230,.13)!important;
  --gk-focus-ring:0 0 0 var(--gk-focus-ring-width) var(--gk-focus-ring-color);
  --gk-space-1:4px;
  --gk-space-2:8px;
  --gk-space-3:12px;
  --gk-space-4:16px;
  --gk-space-5:20px;
  --gk-space-6:24px;
  --gk-space-7:32px;
  --gk-page-inline-space:26px;
  --gk-page-block-space:24px;
  --gk-content-max:1180px;
  --gk-page-bottom-space:34px;
  --gk-panel-inline:24px;
  --gk-panel-gap:18px;
  --gk-section-gap:24px;
  --gk-content-gap:16px;
  --gk-label-gap:7px;
  --gk-card-padding:18px;
  --gk-card-radius:16px;
  --gk-card-border:var(--gk-color-border);
  --gk-card-shadow:var(--gk-shadow-md);
  --gk-form-control-height:46px;
  --gk-form-control-radius:11px;
  --gk-table-radius:14px;
  --gk-table-cell-block:13px;
  --gk-table-cell-inline:14px;
  --gk-detail-key-width:150px;
  --gk-card-space:22px;
  --gk-card-space-compact:18px;
  --gk-note-space-block:13px;
  --gk-note-space-inline:15px;
  --gk-action-gap:10px;
  --gk-radius-sm:8px;
  --gk-radius-md:12px;
  --gk-radius-lg:18px;
  --gk-radius-xl:16px;
  --gk-radius-2xl:18px;
  --gk-radius-pill:999px;
  --gk-shadow-sm:0 2px 10px rgba(35,29,61,.035);
  --gk-shadow-md:0 1px 2px rgba(24,20,38,.02),0 10px 28px rgba(35,29,61,.045);
  --gk-shadow-lg:0 12px 32px rgba(15, 23, 42, 0.055);
  --gk-shadow-xl:0 20px 55px rgba(16, 24, 40, 0.22);
  --gk-sidebar-width:272px;
  --gk-topbar-height:68px;
  --gk-field-min-width:220px;
  --gk-action-min-width:158px;
  --gk-calendar-button-width:46px;
  --gk-sidebar-width-compact:252px;
  --gk-topbar-height-compact:64px;
  --gk-control-height-mobile:50px;
  --gk-ui-control-height-mobile:48px;
  --gk-action-height-mobile:48px;
  --gk-panel-inline-tablet:16px;
  --gk-panel-inline-mobile:12px;
  --gk-card-padding-tablet:16px;
  --gk-card-padding-mobile:14px;
  --gk-content-gap-mobile:12px;
  --gk-field-min-width-tablet:220px;
  --gk-action-min-width-tablet:150px;
  --gk-action-min-width-mobile:145px;
  --gk-font-size-base-mobile:14.5px;
  --gk-page-inline-tablet:16px;
  --gk-page-block-tablet:16px;
  --gk-page-inline-mobile:12px;
  --gk-page-block-mobile:12px;
  --gk-page-inline-narrow:10px;
  --gk-card-space-tablet:18px;
  --gk-card-space-mobile:16px;
  --gk-card-space-narrow:14px;
  --gk-panel-gap-tablet:14px;
  --gk-panel-gap-mobile:12px;
  --gk-section-gap-tablet:20px;
  --gk-section-gap-mobile:18px;
  --gk-mobile-bottom-space:max(
    96px,
    calc(76px + env(safe-area-inset-bottom, 0px))
  );
  --gk-bg:var(--gk-color-canvas);
  --gk-surface:#fff;
  --gk-surface-soft:#faf9fd;
  --gk-ink:var(--gk-color-heading);
  --gk-muted:#77717f;
  --gk-line:var(--gk-color-border);
  --gk-primary:#673de6!important;
  --gk-primary-dark:#5630ca!important;
  --gk-success:var(--gk-color-success);
  --gk-warning:var(--gk-color-warning);
  --gk-danger:var(--gk-color-danger);
  --gk-sidebar:#4a2ab1!important;
  --gk-sidebar-soft:#5d3bc3!important;
  --gk-radius:12px;
  --gk-shadow:var(--gk-shadow-md);
  --gk-control-h:44px;
  --gk-control-height:var(--gk-control-height-md);
  --gk-action-height:var(--gk-control-height-md);
  --gk-card-pad:var(--gk-card-space);
  --gk-panel-radius:var(--gk-radius-lg);
  --gk-border:#e5e3ec;
  --gk-soft:#f7f5fb;
  --gk-text:#2a2934;
  --gk-text-soft:var(--gk-color-muted);
  --gk-font-ar:var(--gk-font-ui);
  --gk-control-gap:var(--gk-space-3);
  --gk-ui-bg:var(--gk-color-canvas);
  --gk-ui-surface:#ffffff;
  --gk-ui-surface-soft:var(--gk-color-surface-subtle);
  --gk-ui-surface-tint:var(--gk-color-primary-soft);
  --gk-ui-text:#45404f;
  --gk-ui-muted:#77717f;
  --gk-ui-border:#e4e0ec;
  --gk-ui-border-strong:#d8d1ed;
  --gk-ui-primary:var(--gk-color-primary);
  --gk-ui-primary-hover:var(--gk-color-primary-hover);
  --gk-ui-primary-soft:var(--gk-color-primary-soft);
  --gk-ui-success:var(--gk-color-success);
  --gk-ui-warning:var(--gk-color-warning);
  --gk-ui-danger:#994949;
  --gk-ui-radius-sm:var(--gk-radius-md);
  --gk-ui-radius:12px;
  --gk-ui-radius-lg:var(--gk-radius-2xl);
  --gk-ui-shadow-sm:var(--gk-shadow-sm);
  --gk-ui-shadow:var(--gk-shadow-md);
  --gk-ui-focus:var(--gk-focus-ring);
  --gk-ui-canvas:var(--gk-color-canvas);
  --gk-ui-card:var(--gk-color-surface);
  --gk-ui-surface-subtle:var(--gk-color-surface-subtle);
  --gk-ui-surface-muted:var(--gk-color-surface-muted);
  --gk-ui-sidebar:var(--gk-color-sidebar);
  --gk-ui-sidebar-deep:var(--gk-color-sidebar-deep);
  --gk-ui-sidebar-hover:var(--gk-color-sidebar-soft);
  --gk-ui-text-soft:var(--gk-color-muted);
  --gk-ui-accent:#673de6;
  --gk-ui-accent-hover:#5932d0;
  --gk-ui-accent-soft:#f4f1ff;
  --gk-ui-success-soft:var(--gk-color-success-soft);
  --gk-ui-warning-soft:var(--gk-color-warning-soft);
  --gk-ui-danger-soft:#fff8f8;
  --gk-ui-info:var(--gk-color-info);
  --gk-ui-info-soft:var(--gk-color-info-soft);
  --gk-ui-control-h:46px;
  --gk-ui-button-h:var(--gk-button-height);
  --gk-ui-card-radius:16px;
  --gk-ui-gap:var(--gk-space-3);
  --gk-clean-border:var(--gk-color-border);
  --gk-clean-soft:var(--gk-color-surface-subtle);
  --gk-clean-shadow:var(--gk-shadow-lg);
  --gk-clean-shadow-sm:var(--gk-shadow-sm);
  --gk-primary-soft:#f1edff!important;
  --gk-store-canvas:#f5f7f8;
  --gk-store-surface:#ffffff;
  --gk-store-surface-soft:#f8faf9;
  --gk-store-text:#2a2934;
  --gk-store-muted:#77717f;
  --gk-store-border:#e5e3ec;
  --gk-store-primary:#673de6!important;
  --gk-store-primary-strong:#5630c9!important;
  --gk-store-primary-soft:#f0ebff!important;
  --gk-store-sidebar:#3f2a75;
  --gk-store-sidebar-deep:#32215f;
  --gk-store-sidebar-hover:#5435a8;
  --gk-store-sidebar-active:#5d3bc3;
  --gk-store-danger:#b23b3b;
  --gk-store-warning:#986b17;
  --gk-store-success:#27704a;
  --gk-store-radius:14px;
  --gk-store-shadow:0 1px 2px rgba(35,29,61,.03),0 8px 26px rgba(35,29,61,.045);
  --gk-store-control-h:44px;
  --gk-store-control-radius:12px;
  --gk-store-focus:var(--gk-focus-ring);
  --gk-store-hover:#f8f7fc!important;
  --dp7-canvas:#f6f7fb;
  --dp7-surface:#ffffff;
  --dp7-surface-soft:#fafafe;
  --dp7-text:#1f2430;
  --dp7-heading:#171a22;
  --dp7-muted:#717784;
  --dp7-border:#e6e7ee;
  --dp7-border-strong:#d9dbe5;
  --dp7-primary:#673de6;
  --dp7-primary-strong:#5630c9;
  --dp7-primary-soft:#f0ebff;
  --dp7-primary-softer:#f7f4ff;
  --dp7-success:#16835b;
  --dp7-warning:#a96500;
  --dp7-danger:#c43c4b;
  --dp7-shadow:0 1px 2px rgba(27,31,45,.025),0 8px 24px rgba(27,31,45,.045);
  --dp7-shadow-hover:0 2px 4px rgba(27,31,45,.035),0 12px 28px rgba(27,31,45,.07);
  --dp7-sidebar-width:258px;
  --dp7-topbar-height:70px;
  --dp7-radius-card:16px;
  --dp7-radius-control:12px;
  --dp8-canvas:#f1f2f8;
  --dp8-surface:#ffffff;
  --dp8-surface-tint:#fbfaff;
  --dp8-sidebar:#f8f7fc;
  --dp8-text:#242431;
  --dp8-heading:#181821;
  --dp8-muted:#696a78;
  --dp8-border:#dedee9;
  --dp8-border-strong:#d0d0df;
  --dp8-primary:#5b35d5;
  --dp8-primary-strong:#4924b9;
  --dp8-primary-soft:#eee9ff;
  --dp8-primary-softer:#f6f3ff;
  --dp8-primary-ink:#4120a6;
  --dp8-scroll-thumb:#9a8ac8;
  --dp8-scroll-track:#ece9f4;
  --dp8-shadow:0 2px 5px rgba(32,29,53,.035),0 10px 30px rgba(41,35,74,.055);
  --dp8-shadow-hover:0 4px 9px rgba(32,29,53,.05),0 14px 34px rgba(41,35,74,.075);
  --dp9-primary:#5b35d5;
  --dp9-primary-strong:#4720b4;
  --dp9-primary-soft:#f0ebff;
  --dp9-primary-softer:#f8f6ff;
  --dp9-ink:#20202b;
  --dp9-muted:#70717f;
  --dp9-border:#dedee8;
  --dp9-border-strong:#cdceda;
  --dp9-canvas:#f3f3f8;
  --dp9-surface:#fff;
  --dp9-danger:#bd3046;
  --dp9-danger-soft:#fff2f4;
  --dp9-radius:12px;
  --dp9-control-h:42px;
  --dp9-button-h:40px;
  --dp10-control:40px;
  --dp10-control-mobile:44px;
  --dp10-compact:34px;
  --dp10-radius:11px;
  --dp10-radius-sm:9px;
  --dp10-line:#e4e2ec;
  --dp10-soft:#f8f7fc;
  --dp10-soft-2:#f3f0fb;
  --dp10-text:#292833;
  --dp10-muted:#747381;
  --gk-ui-row-action-w:104px;
  --gk-ui-row-action-h:40px;
  --gk-ui-soft:#f8f7fb;
  --gk-ui-purple:#673de6;
  --gk-ui-purple-text:#5630ca;
  --gk-ui-purple-soft:#f4f1ff;
  --gk-ui-purple-border:#d9d0fb;
  --gk-ui-border-soft:#ece9f2;
  --gk-ui-accent-border:#d9d0fb;
  --gk-ui-accent-text:#5630ca;
  --gk-ui-danger-border:#ead8d8;
  --gk-ui-font-size:13px;
  --gk-ui-font-weight:500;
  --gk-ui-strong-weight:600;
  --gk-ui-transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;
  --gk-layout-control-h:42px;
  --gk-layout-search-input:360px;
  --gk-layout-search-button:104px;
  --gk-layout-filter-control:184px;
  --gk-layout-page-size:124px;
  --gk-canvas:#f5f7f7;
  --gk-heading:#2a2934;
  --gk-border-strong:#d6d1e2;
  --gk-primary-hover:#5630ca;
  --gk-card-radius:14px;
  --gk-transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease;
  --gk-type-caption:12px;
  --gk-type-small:13px;
  --gk-type-body:14px;
  --gk-type-card-title:16px;
  --gk-type-section:18px;
  --gk-type-page:22px;
  --gk-type-stat:24px;
  --gk-weight-regular:400;
  --gk-weight-medium:400;
  --gk-weight-semibold:700;
  --gk-weight-bold:700;
  --gk-weight-heading:800;
  --gk-color-on-primary:#ffffff;
  --gk-color-success-border:#b9e6cf;
  --gk-color-warning-border:#f1d49a;
  --gk-color-danger-border:#f2c5c5;
  --gk-color-code-bg:#211c33;
  --gk-color-code-text:#f7f4ff;
  --gk-color-field-hover:#bdb5c9;
  --gk-color-field-focus:#673de6;
  --gk-shadow-card:0 10px 30px rgba(16,24,40,.06);
  --gk-go-canvas:#f4f5fb;
  --gk-go-surface:#ffffff;
  --gk-go-surface-soft:#faf9fd;
  --gk-go-text:#2e2d38;
  --gk-go-muted:#737284;
  --gk-go-border:#e2deec;
  --gk-go-border-strong:#d4cee4;
  --gk-go-primary:#673de6;
  --gk-go-primary-hover:#5731cc;
  --gk-go-primary-soft:#f7f4ff;
  --gk-go-success:#177a58;
  --gk-go-warning:#9a6408;
  --gk-go-danger:#b9342b;
  --gk-go-control-h:44px;
  --gk-go-radius:12px;
  --gk-go-card-radius:16px;
  --gk-store-accent:#673de6;
  --gk-store-accent-dark:#5630ca;
  --gk-store-soft:#f3f0ff;
  --gk-record-success-bg:#edf9f1;
  --gk-record-success-fg:#1f6b3a;
  --gk-record-success-border:#ccebd7;
  --gk-record-danger-bg:#fff1f1;
  --gk-record-danger-fg:#a12b2b;
  --gk-record-danger-border:#f1d0d0;
  --gk-record-warning-bg:#fff8e8;
  --gk-record-warning-fg:#8a6414;
  --gk-record-warning-border:#efdfad;
  --gk-record-info-bg:#eef5ff;
  --gk-record-info-fg:#315f9a;
  --gk-record-info-border:#d2e1f5;
  --gk-record-neutral-bg:#f3f4f7;
  --gk-record-neutral-fg:#5f6270;
  --gk-record-neutral-border:#e0e2e8;
  --gk-compact-gap:10px;
  --gk-compact-control:46px;
  --gk-compact-radius:12px;
  --gk-compact-border:#e4e1ec;
  --gk-compact-soft:#fbfafd;
  --gk-compact-muted:#777285;
}