@media (min-width:1024px) {
  #app {
    --kk-u-navy:#0f3460;
    --kk-u-blue:#2563eb;
    --kk-u-blue-deep:#1d4ed8;
    --kk-u-text:#1f3655;
    --kk-u-muted:#64748b;
    --kk-u-border:#d9e5f7;
    --kk-u-border-strong:#c8d8ec;
    --kk-u-soft:#f7faff;
    --kk-u-control-width:232px;
    --kk-u-control-height:34px;
    --kk-u-control-radius:8px;
    --kk-u-card-radius:12px;
    --kk-u-modal-radius:20px;
    --kk-u-shadow:0 4px 16px rgba(18,62,112,.06);
  }

   
  #app :is(
    .complexes-screen,
    .staff-screen,
    .appusers-screen,
    .training-screen,
    .complaints-screen,
    .payroll-screen,
    .supplies-screen,
    .tree-screen,
    .staff365-admin-screen,
    .bid-screen,
    .bid-v2-root,
    .ann-screen,
    .confidential-screen,
    .disinfect-screen,
    .holidays-screen,
    .ocr-screen,
    .bizcard-screen,
    .settings-screen,
    .kk-data-vault
  ) {
    min-width:0;
    max-width:1680px;
    margin-right:auto;
    margin-left:auto;
    color:var(--kk-u-text);
  }

   
  #app .erp-page-header,
  #app .staff-screen .staff-page-header,
  #app .bid-v2-root .bid-v2-header,
  #app .erp-mobile-a-header {
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    flex-wrap:nowrap !important;
    gap:8px !important;
    min-height:42px !important;
    margin:0 0 10px !important;
    padding:7px 10px 7px 14px !important;
    border:1px solid var(--kk-u-border) !important;
    border-radius:var(--kk-u-card-radius) !important;
    background:linear-gradient(100deg,#fff 0%,#f7fbff 100%) !important;
    box-shadow:0 2px 8px rgba(18,62,112,.05) !important;
  }

  #app :is(.erp-page-title,.staff-page-title,.erp-mobile-a-title) {
    display:flex !important;
    align-items:baseline !important;
    flex:1 1 auto !important;
    flex-direction:row !important;
    gap:10px !important;
    min-width:0 !important;
  }

  #app :is(.erp-page-title,.staff-page-title,.erp-mobile-a-title) > h1 {
    flex:0 0 auto;
    margin:0 !important;
    color:#102d54 !important;
    font-size:17px !important;
    font-weight:800 !important;
    line-height:1.25 !important;
    letter-spacing:-.03em !important;
    white-space:nowrap;
  }

  #app :is(.erp-page-title,.staff-page-title,.erp-mobile-a-title) > p,
  #app .staff-readonly-page-header > p {
    min-width:0;
    margin:0 !important;
    padding-left:10px;
    overflow:hidden;
    border-left:1px solid var(--kk-u-border-strong);
    color:var(--kk-u-muted) !important;
    font-size:12px !important;
    font-weight:500 !important;
    line-height:1.35 !important;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

   
  #app :is(.erp-page-more,.staff-header-more) {
    position:relative !important;
    flex:0 0 auto !important;
  }

  #app :is(.erp-page-more,.staff-header-more) > summary,
  #app .kk-more-menu-trigger {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    min-width:64px !important;
    height:30px !important;
    min-height:30px !important;
    padding:0 10px !important;
    border:1px solid #bfdbfe !important;
    border-radius:var(--kk-u-control-radius) !important;
    background:#eff6ff !important;
    color:#124d8c !important;
    font-family:inherit !important;
    font-size:12px !important;
    font-weight:750 !important;
    line-height:1 !important;
    list-style:none !important;
    box-shadow:none !important;
    cursor:pointer;
  }

  #app :is(.erp-page-more,.staff-header-more) > summary::-webkit-details-marker {
    display:none;
  }

  #app .kk-more-menu-trigger .kk-more-menu-dots { display:none !important; }
  #app .kk-more-menu-trigger .kk-more-menu-label { display:inline !important; }

  #app :is(.erp-page-more,.staff-header-more) > div {
    z-index:160 !important;
    top:calc(100% + 6px) !important;
    right:0 !important;
    min-width:180px !important;
    padding:6px !important;
    border:1px solid #cbd5e1 !important;
    border-radius:10px !important;
    background:#fff !important;
    box-shadow:0 12px 28px rgba(15,23,42,.16) !important;
  }

  #app .kk-moremenu-item {
    min-height:32px !important;
    padding:7px 9px !important;
    border:0 !important;
    border-radius:7px !important;
    background:transparent !important;
    color:#334155 !important;
    font-family:inherit !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1.3 !important;
    box-shadow:none !important;
  }

  #app .kk-moremenu-item:hover {
    background:#eff6ff !important;
    color:#124d8c !important;
  }

   
  #app :is(
    .complexes-workspace,
    .staff-desktop-workspace,
    .tree-desktop-workspace,
    .supplies-desktop-workspace,
    .training-a-workspace,
    .complaints-a-workspace,
    .appusers-a-workspace,
    .staff365-workspace,
    .bid-workspace,
    .payroll-a-workspace
  ) {
    display:grid !important;
    grid-template-columns:var(--kk-u-control-width) minmax(0,1fr) !important;
    align-items:start !important;
    gap:14px !important;
    min-width:0;
  }

  #app :is(
    .complexes-control-panel,
    .staff-control-panel,
    .tree-control-panel,
    .supplies-control-panel,
    .training-control-panel,
    .complaints-control-panel,
    .appusers-control-panel,
    .staff365-workspace > aside.a-compact-control-panel,
    .bid-control-panel,
    .bid-v2-filter-row,
    .payroll-a-control
  ) {
    position:sticky !important;
    top:76px !important;
    width:var(--kk-u-control-width) !important;
    max-width:var(--kk-u-control-width) !important;
    min-width:var(--kk-u-control-width) !important;
    padding:12px !important;
    overflow:visible !important;
    border:1px solid #cfdff3 !important;
    border-radius:var(--kk-u-card-radius) !important;
    background:linear-gradient(180deg,#f8fbff 0%,#fff 100%) !important;
    box-shadow:var(--kk-u-shadow) !important;
  }

  #app :is(
    .complexes-list-pane,
    .staff-list-pane,
    .tree-list-pane,
    .supplies-list-pane,
    .training-a-content,
    .complaints-a-content,
    .appusers-a-content,
    .staff365-panel,
    .bid-list-panel,
    .bid-v2-results,
    .payroll-a-content
  ) {
    min-width:0 !important;
  }

  #app .a-compact-panel-label {
    margin:1px 2px 10px !important;
    color:#315e8e !important;
    font-size:11px !important;
    font-weight:800 !important;
    letter-spacing:.06em !important;
    text-transform:uppercase;
  }

  #app .a-compact-panel-section {
    margin:13px 2px 7px !important;
    padding-top:10px !important;
    border-top:1px solid #dce8f5 !important;
    color:#8195ad !important;
    font-size:10.5px !important;
    font-weight:800 !important;
    letter-spacing:.05em !important;
  }

  #app .a-compact-panel-foot {
    margin:12px 2px 1px !important;
    color:#7b8fa7 !important;
    font-size:11px !important;
    font-weight:700 !important;
  }

  #app .a-compact-control-divider {
    margin:11px 2px 8px !important;
    border-top:1px solid #dce8f5 !important;
  }

   
  #app :is(
    .complexes-screen,
    .staff-screen,
    .appusers-screen,
    .training-screen,
    .complaints-screen,
    .payroll-screen,
    .supplies-screen,
    .tree-screen,
    .staff365-admin-screen,
    .bid-screen,
    .bid-v2-root,
    .confidential-screen,
    .disinfect-screen,
    .holidays-screen,
    .ocr-screen,
    .bizcard-screen,
    .settings-screen,
    .ann-hub-screen,
    .ann-routine-screen,
    .employee-memo-screen,
    .kk-data-vault,
    .login-screen
  ) :is(input.input,select.input,.kk-pc-input,.a-compact-date-input) {
    height:var(--kk-u-control-height) !important;
    min-height:var(--kk-u-control-height) !important;
    margin-bottom:8px;
    padding:0 10px !important;
    border:1px solid var(--kk-u-border-strong) !important;
    border-radius:var(--kk-u-control-radius) !important;
    background:#fff !important;
    color:var(--kk-u-text) !important;
    font-family:inherit !important;
    font-size:12px !important;
    line-height:1.2 !important;
    box-shadow:none !important;
  }

  #app :is(
    .complexes-screen,
    .staff-screen,
    .appusers-screen,
    .training-screen,
    .complaints-screen,
    .payroll-screen,
    .supplies-screen,
    .tree-screen,
    .staff365-admin-screen,
    .bid-screen,
    .bid-v2-root,
    .confidential-screen,
    .disinfect-screen,
    .holidays-screen,
    .ocr-screen,
    .bizcard-screen,
    .settings-screen,
    .ann-hub-screen,
    .ann-routine-screen,
    .employee-memo-screen,
    .kk-data-vault,
    .login-screen
  ) :is(textarea.input,.field-textarea) {
    min-height:84px !important;
    padding:9px 10px !important;
    border:1px solid var(--kk-u-border-strong) !important;
    border-radius:var(--kk-u-control-radius) !important;
    background:#fff !important;
    color:var(--kk-u-text) !important;
    font-family:inherit !important;
    font-size:12px !important;
    line-height:1.5 !important;
    box-shadow:none !important;
    resize:vertical;
  }

  #app :where(
    .complexes-screen,
    .staff-screen,
    .appusers-screen,
    .training-screen,
    .complaints-screen,
    .payroll-screen,
    .supplies-screen,
    .tree-screen,
    .staff365-admin-screen,
    .bid-screen,
    .bid-v2-root,
    .confidential-screen,
    .disinfect-screen,
    .holidays-screen,
    .ocr-screen,
    .bizcard-screen,
    .settings-screen,
    .ann-hub-screen,
    .ann-routine-screen,
    .employee-memo-screen,
    .kk-data-vault,
    .login-screen
  ) :is(.field-label,.kk-pc-field-label) {
    display:block;
    margin:0 0 6px !important;
    color:#48607f !important;
    font-size:11px !important;
    font-weight:800 !important;
    line-height:1.3 !important;
  }

  #app :is(
    .complexes-screen,
    .staff-screen,
    .appusers-screen,
    .training-screen,
    .complaints-screen,
    .payroll-screen,
    .supplies-screen,
    .tree-screen,
    .staff365-admin-screen,
    .bid-screen,
    .bid-v2-root,
    .confidential-screen,
    .disinfect-screen,
    .holidays-screen,
    .ocr-screen,
    .bizcard-screen,
    .settings-screen,
    .ann-hub-screen,
    .ann-routine-screen,
    .employee-memo-screen,
    .kk-data-vault,
    .login-screen
  ) :is(input.input,select.input,textarea.input,.kk-pc-input,.field-textarea):focus {
    outline:none !important;
    border-color:#397bd1 !important;
    box-shadow:0 0 0 3px rgba(57,123,209,.13) !important;
  }

   
  #app :where(.complexes-screen,.staff-screen,.appusers-screen,.training-screen,.complaints-screen,.payroll-screen,.supplies-screen,.tree-screen,.staff365-admin-screen,.bid-screen,.bid-v2-root,.confidential-screen,.disinfect-screen,.holidays-screen,.ocr-screen,.bizcard-screen,.settings-screen,.ann-hub-screen,.ann-routine-screen,.employee-memo-screen,.kk-data-vault,.login-screen)
  :is(.a-compact-primary,.login-btn,.btn-add-gradient,.bid-search-button,.kk-btn-pc.primary,.kk-btn-pc.kk-btn-primary) {
    min-height:var(--kk-u-control-height) !important;
    padding:0 13px !important;
    border:0 !important;
    border-radius:var(--kk-u-control-radius) !important;
    background:linear-gradient(135deg,#4f8cff 0%,var(--kk-u-blue-deep) 100%) !important;
    color:#fff !important;
    font-family:inherit !important;
    font-size:12px !important;
    font-weight:750 !important;
    line-height:1 !important;
    box-shadow:0 7px 14px -8px rgba(37,99,235,.52),0 2px 4px rgba(15,23,42,.09),inset 0 1px 0 rgba(255,255,255,.32) !important;
  }

  #app :where(.complexes-screen,.staff-screen,.appusers-screen,.training-screen,.complaints-screen,.payroll-screen,.supplies-screen,.tree-screen,.staff365-admin-screen,.bid-screen,.bid-v2-root,.confidential-screen,.disinfect-screen,.holidays-screen,.ocr-screen,.bizcard-screen,.settings-screen,.ann-hub-screen,.ann-routine-screen,.employee-memo-screen,.kk-data-vault,.login-screen)
  :is(.btn-secondary-flat,.btn-soft,.kk-btn-pc.secondary,.kk-btn-pc.ghost,.btn-subadd) {
    min-height:var(--kk-u-control-height) !important;
    padding:0 12px !important;
    border:1px solid var(--kk-u-border-strong) !important;
    border-radius:var(--kk-u-control-radius) !important;
    background:#fff !important;
    color:#264568 !important;
    font-family:inherit !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1 !important;
    box-shadow:none !important;
  }

  #app :where(.complexes-screen,.staff-screen,.appusers-screen,.training-screen,.complaints-screen,.payroll-screen,.supplies-screen,.tree-screen,.staff365-admin-screen,.bid-screen,.bid-v2-root,.confidential-screen,.disinfect-screen,.holidays-screen,.ocr-screen,.bizcard-screen,.settings-screen,.ann-hub-screen,.ann-routine-screen,.employee-memo-screen,.kk-data-vault,.login-screen)
  :is(.btn-danger-flat,.btn-danger,.kk-btn-reject) {
    min-height:var(--kk-u-control-height) !important;
    padding:0 12px !important;
    border:1px solid #fecaca !important;
    border-radius:var(--kk-u-control-radius) !important;
    background:#fff1f2 !important;
    color:#b91c1c !important;
    font-family:inherit !important;
    font-size:12px !important;
    font-weight:750 !important;
    line-height:1 !important;
    box-shadow:none !important;
  }

  #app :where(.complexes-screen,.staff-screen,.appusers-screen,.training-screen,.complaints-screen,.payroll-screen,.supplies-screen,.tree-screen,.staff365-admin-screen,.bid-screen)
  .a-compact-control-btn {
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    min-height:var(--kk-u-control-height) !important;
    margin:0 0 5px !important;
    padding:7px 10px !important;
    border:1px solid #d4e2f2 !important;
    border-radius:var(--kk-u-control-radius) !important;
    background:#fff !important;
    color:#36506e !important;
    font-family:inherit !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1.25 !important;
    text-align:left !important;
    box-shadow:none !important;
  }

  #app :where(.complexes-screen,.staff-screen,.appusers-screen,.training-screen,.complaints-screen,.payroll-screen,.supplies-screen,.tree-screen,.staff365-admin-screen,.bid-screen)
  .a-compact-control-btn:hover,
  #app :where(.complexes-screen,.staff-screen,.appusers-screen,.training-screen,.complaints-screen,.payroll-screen,.supplies-screen,.tree-screen,.staff365-admin-screen,.bid-screen,.bid-v2-root,.confidential-screen,.disinfect-screen,.holidays-screen,.ocr-screen,.bizcard-screen,.settings-screen,.ann-hub-screen,.ann-routine-screen,.employee-memo-screen,.kk-data-vault,.login-screen)
  :is(.btn-secondary-flat,.btn-soft,.kk-btn-pc.secondary,.kk-btn-pc.ghost,.btn-subadd):hover {
    border-color:#93c5fd !important;
    background:#eff6ff !important;
    color:#174e8e !important;
  }

  #app :where(.complexes-screen,.staff-screen,.appusers-screen,.training-screen,.complaints-screen,.payroll-screen,.supplies-screen,.tree-screen,.staff365-admin-screen,.bid-screen)
  .a-compact-control-btn.active {
    border-color:var(--kk-u-blue) !important;
    background:linear-gradient(135deg,#eaf2ff 0%,#dbeafe 100%) !important;
    color:#174e8e !important;
    box-shadow:inset 3px 0 0 var(--kk-u-blue) !important;
  }

  #app :where(.complexes-screen,.staff-screen,.appusers-screen,.training-screen,.complaints-screen,.payroll-screen,.supplies-screen,.tree-screen,.staff365-admin-screen,.bid-screen,.bid-v2-root,.confidential-screen,.disinfect-screen,.holidays-screen,.ocr-screen,.bizcard-screen,.settings-screen,.ann-hub-screen,.ann-routine-screen,.employee-memo-screen,.kk-data-vault,.login-screen)
  .kk-pill {
    height:28px !important;
    min-height:28px !important;
    padding:0 12px !important;
    border-radius:9px !important;
    font-family:inherit !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1 !important;
  }

  #app :is(.supplies-screen,.tree-screen,.staff-screen,.complexes-screen) .sch-tab,
  #app .payroll-screen :is(.payroll-mode-tab,.payroll-pc-section-switch) {
    min-height:32px !important;
    padding:0 13px !important;
    border-radius:var(--kk-u-control-radius) !important;
    font-family:inherit !important;
    font-size:12px !important;
    font-weight:750 !important;
  }

  #app :where(.complexes-screen,.staff-screen,.appusers-screen,.training-screen,.complaints-screen,.payroll-screen,.supplies-screen,.tree-screen,.staff365-admin-screen,.bid-screen,.bid-v2-root,.confidential-screen,.disinfect-screen,.holidays-screen,.ocr-screen,.bizcard-screen,.settings-screen,.ann-hub-screen,.ann-routine-screen,.employee-memo-screen,.kk-data-vault,.login-screen)
  :is(
    .a-compact-primary,
    .login-btn,
    .btn-add-gradient,
    .bid-search-button,
    .kk-btn-pc,
    .btn-secondary-flat,
    .btn-soft,
    .btn-subadd,
    .btn-danger-flat,
    .btn-danger,
    .kk-btn-reject,
    .a-compact-control-btn,
    .kk-pill,
    .payroll-mode-tab,
    .payroll-pc-section-switch
  ):disabled {
    opacity:.48 !important;
    cursor:not-allowed !important;
    filter:saturate(.7);
  }

  #app :where(.complexes-screen,.staff-screen,.appusers-screen,.training-screen,.complaints-screen,.payroll-screen,.supplies-screen,.tree-screen,.staff365-admin-screen,.bid-screen,.bid-v2-root,.confidential-screen,.disinfect-screen,.holidays-screen,.ocr-screen,.bizcard-screen,.settings-screen,.ann-hub-screen,.ann-routine-screen,.employee-memo-screen,.kk-data-vault,.login-screen)
  :is(
    .a-compact-primary,
    .login-btn,
    .btn-add-gradient,
    .bid-search-button,
    .kk-btn-pc,
    .btn-secondary-flat,
    .btn-soft,
    .btn-subadd,
    .btn-danger-flat,
    .btn-danger,
    .kk-btn-reject,
    .a-compact-control-btn,
    .kk-pill,
    .payroll-mode-tab,
    .payroll-pc-section-switch,
    .kk-more-menu-trigger
  ):focus-visible {
    outline:3px solid rgba(37,99,235,.22) !important;
    outline-offset:2px !important;
  }

   
  #app :is(
    .complexes-list-heading,
    .staff-task-toolbar,
    .staff-inline-toolbar,
    .supplies-tabbar,
    .supplies-items-toolbar,
    .tree-commandbar,
    .tree-datebar,
    .tree-searchbar,
    .bid-list-toolbar,
    .kk-pc-toolbar,
    .payroll-unit-toolbar
  ) {
    min-height:42px;
    gap:8px !important;
    margin-bottom:8px !important;
    padding:6px 10px !important;
    border:1px solid var(--kk-u-border) !important;
    border-radius:10px !important;
    background:linear-gradient(90deg,#f8fbff 0%,#fff 100%) !important;
    box-shadow:none !important;
  }

  #app :is(
    .complexes-screen,
    .staff-screen,
    .appusers-screen,
    .training-screen,
    .complaints-screen,
    .supplies-screen,
    .tree-screen,
    .staff365-admin-screen,
    .payroll-screen
  ) .bg-white.rounded-2xl.border.border-slate-200 {
    border-color:var(--kk-u-border) !important;
    border-radius:var(--kk-u-card-radius) !important;
    box-shadow:0 3px 12px rgba(18,62,112,.045) !important;
  }

  #app :is(.staff365-panel,.payroll-a-content) {
    overflow:hidden;
    border:1px solid var(--kk-u-border) !important;
    border-radius:var(--kk-u-card-radius) !important;
    background:#fff !important;
    box-shadow:0 3px 12px rgba(18,62,112,.045) !important;
  }

   
  #app .kk-table-wrap {
    overflow:auto;
    border:1px solid var(--kk-u-border) !important;
    border-radius:var(--kk-u-card-radius) !important;
    background:#fff !important;
    box-shadow:0 5px 18px rgba(18,62,112,.065) !important;
  }

  #app .kk-table {
    width:100%;
    border-collapse:separate !important;
    border-spacing:0 !important;
    color:var(--kk-u-text);
    font-size:12px !important;
  }

  #app .kk-table thead th {
    position:sticky;
    z-index:2;
    top:0;
    min-height:38px;
    padding:10px 12px !important;
    border:0 !important;
    border-bottom:1px solid #0b294d !important;
    background:var(--kk-u-navy) !important;
    color:rgba(255,255,255,.9) !important;
    font-size:11px !important;
    font-weight:800 !important;
    line-height:1.2 !important;
    letter-spacing:.02em !important;
    text-transform:none !important;
    white-space:nowrap;
  }

   


  #app .kk-table thead tr:first-child th:first-child {
    border-top-left-radius:var(--kk-u-card-radius) !important;
  }
  #app .kk-table thead tr:first-child th:last-child {
    border-top-right-radius:var(--kk-u-card-radius) !important;
  }
  #app .kk-table tbody tr:last-child td:first-child {
    border-bottom-left-radius:var(--kk-u-card-radius) !important;
  }
  #app .kk-table tbody tr:last-child td:last-child {
    border-bottom-right-radius:var(--kk-u-card-radius) !important;
  }
   
  #app .supplies-items-table.kk-table-wrap .kk-table thead tr:first-child :is(th:first-child, th:last-child) {
    border-top-left-radius:0 !important;
    border-top-right-radius:0 !important;
  }

  #app .kk-table tbody tr { height:42px; }

  #app .kk-table tbody td {
    padding:9px 12px !important;
    border-bottom:1px solid #edf2f7 !important;
    background:#fff;
    color:#2a405f !important;
    font-size:12px !important;
    line-height:1.35 !important;
    vertical-align:middle !important;
  }

  #app .kk-table tbody tr:nth-child(even) > td { background:#fafcff !important; }
  #app .kk-table tbody tr:hover > td { background:#eef5ff !important; }
  #app .kk-table tbody tr:last-child > td { border-bottom:0 !important; }
  #app .kk-table :is(.kk-td-num,.kk-td-mono) {
    font-variant-numeric:tabular-nums;
    white-space:nowrap;
  }

  #app :is(
    .complexes-list-pane > .kk-table-wrap,
    .staff-list-pane > .kk-table-wrap,
    .tree-list-pane > .kk-table-wrap,
    .supplies-list-pane .kk-table-wrap,
    .training-a-content > .kk-table-wrap,
    .complaints-a-content > .kk-table-wrap,
    .appusers-a-content > .kk-table-wrap
  ) {
    max-height:calc(100vh - 188px) !important;
  }

   
  #app .staff365-row {
    min-height:42px !important;
    padding:9px 12px !important;
    border-bottom:1px solid #edf2f7 !important;
    background:#fff;
    font-size:12px !important;
  }

  #app .staff365-row:nth-child(even) { background:#fafcff; }
  #app .staff365-actions > button {
    min-height:28px !important;
    padding:0 9px !important;
    border:1px solid #bfd2ee !important;
    border-radius:7px !important;
    background:#f7faff !important;
    color:#24538e !important;
    font-family:inherit !important;
    font-size:10.5px !important;
    font-weight:750 !important;
    box-shadow:none !important;
  }

  #app .staff365-actions > button.danger {
    border-color:#f1c5c5 !important;
    background:#fff7f7 !important;
    color:#b43a3a !important;
  }

   
  #app :where(.complexes-screen,.staff-screen,.appusers-screen,.training-screen,.complaints-screen,.payroll-screen,.supplies-screen,.tree-screen,.staff365-admin-screen,.bid-screen,.bid-v2-root,.confidential-screen,.disinfect-screen,.holidays-screen,.ocr-screen,.bizcard-screen,.settings-screen,.ann-hub-screen,.ann-routine-screen,.employee-memo-screen,.kk-data-vault,.login-screen)
  .modal-overlay:not(.work-ledger-overlay):not(.work-sign-overlay),
  #app .annual-payroll-overlay,
  #app .payroll-group-manager-overlay {
    background:rgba(15,23,42,.46) !important;
    -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);
  }

  #app :where(.complexes-screen,.staff-screen,.appusers-screen,.training-screen,.complaints-screen,.payroll-screen,.supplies-screen,.tree-screen,.staff365-admin-screen,.bid-screen,.bid-v2-root,.confidential-screen,.disinfect-screen,.holidays-screen,.ocr-screen,.bizcard-screen,.settings-screen,.ann-hub-screen,.ann-routine-screen,.employee-memo-screen,.kk-data-vault,.login-screen)
  .modal-box:not(.photo-editor-modal):not(.td-compose-box):not(.review-batch-wide),
  #app .annual-payroll-modal,
  #app .payroll-group-manager-panel {
    border:1px solid rgba(203,213,225,.9) !important;
    border-radius:var(--kk-u-modal-radius) !important;
    background:#fff !important;
    box-shadow:0 22px 62px -14px rgba(15,23,42,.32),0 0 0 1px rgba(15,23,42,.025) !important;
  }

  #app :where(.complexes-screen,.staff-screen,.appusers-screen,.training-screen,.complaints-screen,.payroll-screen,.supplies-screen,.tree-screen,.staff365-admin-screen,.bid-screen,.bid-v2-root,.confidential-screen,.disinfect-screen,.holidays-screen,.ocr-screen,.bizcard-screen,.settings-screen,.ann-hub-screen,.ann-routine-screen,.employee-memo-screen,.kk-data-vault,.login-screen)
  .modal-sticky-actions,
  #app :is(.review-batch-actions,.payroll-group-manager-footer) {
    gap:7px !important;
    padding:10px 12px !important;
    border-top:1px solid var(--kk-u-border) !important;
    background:#fff !important;
  }

   
  #app #swipe-live-photosheets > .flex.items-center.justify-center.flex-nowrap.gap-1 > .w-8.h-8 {
    width:30px !important;
    height:30px !important;
    border-radius:var(--kk-u-control-radius) !important;
    font-size:11px !important;
    font-weight:750 !important;
    box-shadow:none !important;
  }

   
  #app :is(.kk-table tbody tr,.staff365-row,.a-compact-control-btn,.kk-moremenu-item) {
    transition:background-color .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease;
  }

   
  :is(body.theme-dark,html.dark body) #app {
    --kk-u-text:#dbe7f5;
    --kk-u-muted:#9eafc5;
    --kk-u-border:#334155;
    --kk-u-border-strong:#475569;
    --kk-u-soft:#111827;
  }

  :is(body.theme-dark,html.dark body) #app :is(.erp-page-header,.staff-screen .staff-page-header,.erp-mobile-a-header) {
    border-color:#334155 !important;
    background:linear-gradient(100deg,#172033 0%,#111827 100%) !important;
    box-shadow:0 2px 8px rgba(0,0,0,.18) !important;
  }

  :is(body.theme-dark,html.dark body) #app :is(.erp-page-title,.staff-page-title,.erp-mobile-a-title) > h1 {
    color:#e5eefc !important;
  }

  :is(body.theme-dark,html.dark body) #app :is(.erp-page-title,.staff-page-title,.erp-mobile-a-title) > p,
  :is(body.theme-dark,html.dark body) #app .staff-readonly-page-header > p {
    border-left-color:#475569 !important;
    color:#94a3b8 !important;
  }

  :is(body.theme-dark,html.dark body) #app :is(.erp-page-more,.staff-header-more) > summary,
  :is(body.theme-dark,html.dark body) #app .kk-more-menu-trigger {
    border-color:#31567e !important;
    background:#172b45 !important;
    color:#bfdbfe !important;
  }

  :is(body.theme-dark,html.dark body) #app :is(.erp-page-more,.staff-header-more) > div,
  :is(body.theme-dark,html.dark body) #app :where(.complexes-screen,.staff-screen,.appusers-screen,.training-screen,.complaints-screen,.payroll-screen,.supplies-screen,.tree-screen,.staff365-admin-screen,.bid-screen,.bid-v2-root,.confidential-screen,.disinfect-screen,.holidays-screen,.ocr-screen,.bizcard-screen,.settings-screen,.ann-hub-screen,.ann-routine-screen,.employee-memo-screen,.kk-data-vault,.login-screen)
  .modal-box:not(.photo-editor-modal):not(.td-compose-box):not(.review-batch-wide),
  :is(body.theme-dark,html.dark body) #app .annual-payroll-modal,
  :is(body.theme-dark,html.dark body) #app .payroll-group-manager-panel {
    border-color:#475569 !important;
    background:#172033 !important;
    color:#e2e8f0 !important;
  }

  :is(body.theme-dark,html.dark body) #app :is(
    .complexes-control-panel,
    .staff-control-panel,
    .tree-control-panel,
    .supplies-control-panel,
    .training-control-panel,
    .complaints-control-panel,
    .appusers-control-panel,
    .staff365-workspace > aside.a-compact-control-panel,
    .bid-control-panel,
    .payroll-a-control
  ) {
    border-color:#334155 !important;
    background:linear-gradient(180deg,#172033 0%,#111827 100%) !important;
  }

  :is(body.theme-dark,html.dark body) #app :is(
    .complexes-screen,
    .staff-screen,
    .appusers-screen,
    .training-screen,
    .complaints-screen,
    .payroll-screen,
    .supplies-screen,
    .tree-screen,
    .staff365-admin-screen,
    .bid-screen,
    .bid-v2-root,
    .confidential-screen,
    .disinfect-screen,
    .holidays-screen,
    .ocr-screen,
    .bizcard-screen,
    .settings-screen,
    .ann-hub-screen,
    .ann-routine-screen,
    .employee-memo-screen,
    .kk-data-vault,
    .login-screen
  ) :is(input.input,select.input,textarea.input,.kk-pc-input,.field-textarea),
  :is(body.theme-dark,html.dark body) #app :where(.complexes-screen,.staff-screen,.appusers-screen,.training-screen,.complaints-screen,.payroll-screen,.supplies-screen,.tree-screen,.staff365-admin-screen,.bid-screen,.bid-v2-root,.confidential-screen,.disinfect-screen,.holidays-screen,.ocr-screen,.bizcard-screen,.settings-screen,.ann-hub-screen,.ann-routine-screen,.employee-memo-screen,.kk-data-vault,.login-screen)
  :is(.a-compact-control-btn,.btn-secondary-flat,.btn-soft,.kk-btn-pc.secondary,.kk-btn-pc.ghost,.btn-subadd) {
    border-color:#475569 !important;
    background:#172033 !important;
    color:#dbe7f5 !important;
  }

  :is(body.theme-dark,html.dark body) #app :is(
    .complexes-list-heading,
    .staff-task-toolbar,
    .staff-inline-toolbar,
    .supplies-tabbar,
    .supplies-items-toolbar,
    .tree-commandbar,
    .tree-datebar,
    .tree-searchbar,
    .bid-list-toolbar,
    .kk-pc-toolbar,
    .payroll-unit-toolbar,
    .staff365-row,
    .review-batch-actions,
    .payroll-group-manager-footer
  ) {
    border-color:#334155 !important;
    background:#111827 !important;
    color:#e2e8f0 !important;
  }

  :is(body.theme-dark,html.dark body) #app :where(.complexes-screen,.staff-screen,.appusers-screen,.training-screen,.complaints-screen,.payroll-screen,.supplies-screen,.tree-screen,.staff365-admin-screen,.bid-screen,.bid-v2-root,.confidential-screen,.disinfect-screen,.holidays-screen,.ocr-screen,.bizcard-screen,.settings-screen,.ann-hub-screen,.ann-routine-screen,.employee-memo-screen,.kk-data-vault,.login-screen)
  .modal-sticky-actions {
    border-color:#334155 !important;
    background:#111827 !important;
    color:#e2e8f0 !important;
  }

  :is(body.theme-dark,html.dark body) #app .kk-table-wrap {
    border-color:#334155 !important;
    background:#111827 !important;
  }

  :is(body.theme-dark,html.dark body) #app .kk-table tbody td {
    border-bottom-color:#243247 !important;
    background:#111827 !important;
    color:#dbe7f5 !important;
  }

  :is(body.theme-dark,html.dark body) #app .kk-table tbody tr:nth-child(even) > td {
    background:#16233a !important;
  }

  :is(body.theme-dark,html.dark body) #app .kk-table tbody tr:hover > td {
    background:#1e3a5f !important;
  }

  :is(body.theme-dark,html.dark body) #app .kk-moremenu-item { color:#e2e8f0 !important; }
  :is(body.theme-dark,html.dark body) #app .kk-moremenu-item:hover { background:#1e3a5f !important; }
}