/* EDO R133 desktop: exclusive viewport stylesheet.
 * Original second cascade group preserved byte-for-byte; edit device-only styles here later.
 */

/* R132 SOURCE: /assets/edo-settings-page-r42.css */
/* EDO Business R42 — R39 settings rendered as a real page inside .app-main. */
.app-main.edo-r42-settings-active > :not(.topbar):not(#edo-r39-layer) { display:none !important; }
#edo-r39-layer.edo-r42-page,
html.edo-r31-dark #edo-r39-layer.edo-r42-page {
  position:relative !important; inset:auto !important; z-index:auto !important;
  isolation:auto !important; display:block; width:100%; min-width:0;
  padding:0 !important; place-items:unset !important;
  background:transparent; overflow:visible; margin:0;
}
#edo-r39-layer.edo-r42-page[hidden] { display:none !important; }
#edo-r39-layer.edo-r42-page .edo-r39-backdrop { display:none !important; }
#edo-r39-layer.edo-r42-page .edo-r39-dialog {
  position:relative; display:flex; width:100%; max-height:none; min-height:610px;
  border-radius:18px; box-shadow:0 10px 30px rgba(33,54,95,.08);
  overflow:hidden; margin:0;
}
#edo-r39-layer.edo-r42-page .edo-r39-heading { padding:21px 26px; }
#edo-r39-layer.edo-r42-page .edo-r39-main {
  display:grid; grid-template-columns:228px minmax(0,1fr);
  flex:1; min-height:480px;
}
#edo-r39-layer.edo-r42-page .edo-r39-tabs { overflow:visible; }
#edo-r39-layer.edo-r42-page .edo-r39-content { overflow:visible; min-height:340px; }
#edo-r39-layer.edo-r42-page .edo-r39-close { width:38px; height:38px; }
#edo-r39-layer.edo-r42-page .edo-r39-footer { margin-top:auto; }
.edo-r30-settings.edo-r42-selected,
.edo-r30-settings[aria-current="page"] {
  color:#5935ee !important; background:#f0ecff !important;
  box-shadow:inset 3px 0 #6540f7;
}
html.edo-r31-dark .edo-r30-settings.edo-r42-selected { color:#d8d0ff !important; background:#30274e !important; }
@media(max-width:800px){
  #edo-r39-layer.edo-r42-page .edo-r39-main {
    grid-template-columns:minmax(0,1fr); grid-template-rows:auto 1fr;
  }
  #edo-r39-layer.edo-r42-page .edo-r39-tabs {
    flex-direction:row; overflow-x:auto; flex-wrap:nowrap;
    border-right:0; border-bottom:1px solid #e7ecf6;
  }
  #edo-r39-layer.edo-r42-page .edo-r39-tab { flex:0 0 auto; }
}
@media(max-width:680px){
  #edo-r39-layer.edo-r42-page { padding:0 !important; }
  #edo-r39-layer.edo-r42-page .edo-r39-dialog {
    width:100%; height:auto; max-height:none; min-height:0;
    border:1px solid #e5ebf7; border-radius:16px;
  }
  #edo-r39-layer.edo-r42-page .edo-r39-heading { padding:14px; }
  #edo-r39-layer.edo-r42-page .edo-r39-main { min-height:0; }
  #edo-r39-layer.edo-r42-page .edo-r39-content { padding:18px 14px 30px; min-height:300px; }
}


/* R132 SOURCE: /assets/edo-sidebar-audit-r43.css */
/* EDO Business R43 — Sidebar UX audit & polish. Scoped to the stable R25 sidebar.
   No routing, user data, or React handlers are modified. */
@media (min-width:961px) {
  .app-shell.edo-r25-ready:not(.sidebar-collapsed) > .sidebar { padding:16px 16px 14px !important; }
}
.app-shell.edo-r25-ready > .sidebar .sidebar-inner {
  min-height:0; height:100%; display:flex; flex-direction:column;
  overflow-x:hidden; overflow-y:auto; scrollbar-width:thin;
  scrollbar-color:rgba(168,157,236,.32) transparent;
}
.app-shell.edo-r25-ready > .sidebar .brand.sidebar-brand-large,
.app-shell.edo-r25-ready > .sidebar .brand.sidebar-brand-original {
  min-height:0; padding:8px 4px 11px; gap:6px;
}
.app-shell.edo-r25-ready > .sidebar .sidebar-large-logo-wrap {
  width:80px; height:80px; flex:0 0 80px;
}
.app-shell.edo-r25-ready > .sidebar .sidebar-large-logo {
  width:76px; height:76px; max-width:100%; max-height:100%; object-fit:contain;
}
.app-shell.edo-r25-ready > .sidebar .brand.sidebar-brand-large .brand-copy strong,
.app-shell.edo-r25-ready > .sidebar .brand.sidebar-brand-original .brand-copy strong {
  font-size:16px; line-height:1.25; letter-spacing:.05px;
}
.app-shell.edo-r25-ready > .sidebar .brand.sidebar-brand-large .brand-copy small,
.app-shell.edo-r25-ready > .sidebar .brand.sidebar-brand-original .brand-copy small {
  font-size:12px; line-height:1.35; margin-top:4px; white-space:normal;
  color:#aebce3;
}
/* Unify menu rhythm and preserve reasonably sized touch targets. */
.app-shell.edo-r25-ready > .sidebar .edo-r25-nav { gap:4px; margin-top:9px; }
.app-shell.edo-r25-ready > .sidebar .edo-r25-item {
  min-height:47px; gap:12px; padding:10px 12px; border-radius:11px;
  font-size:14px; font-weight:700; line-height:1.35;
}
.app-shell.edo-r25-ready > .sidebar .edo-r25-group > .edo-r25-item { min-height:47px; }
.app-shell.edo-r25-ready > .sidebar .edo-r25-icon,
.app-shell.edo-r25-ready > .sidebar .edo-r25-icon svg {
  flex:0 0 20px; width:20px; height:20px;
}
.app-shell.edo-r25-ready > .sidebar .edo-r25-create {
  min-height:51px; margin:0 0 9px; padding:10px 12px;
  border-radius:12px; box-shadow:0 5px 16px rgba(84,56,210,.18);
}
.app-shell.edo-r25-ready > .sidebar .edo-r25-plus {
  flex:0 0 24px; width:24px; height:24px; border-radius:7px; font-size:20px;
}
.app-shell.edo-r25-ready > .sidebar .edo-r25-chevron,
.app-shell.edo-r25-ready > .sidebar .edo-r25-chevron svg {
  flex:0 0 16px; width:16px; height:16px;
}
.app-shell.edo-r25-ready > .sidebar .edo-r25-children { margin-left:12px; padding:3px 0 4px 11px; gap:3px; }
.app-shell.edo-r25-ready > .sidebar .edo-r25-child { min-height:43px; font-size:13px; padding:9px 10px; }
.app-shell.edo-r25-ready > .sidebar .edo-r25-nav > .edo-r30-divider {
  margin:10px 0 6px; background:rgba(188,200,238,.24);
}
.app-shell.edo-r25-ready > .sidebar .edo-r25-nav > .edo-r30-settings {
  margin-top:4px; min-height:47px;
}
/* R42 settings is a page, not a modal. No other section stays highlighted. */
.app-shell.edo-r25-ready:has(.app-main.edo-r42-settings-active) > .sidebar .edo-r25-nav > .edo-r25-item.is-selected:not(.edo-r30-settings),
.app-shell.edo-r25-ready:has(.app-main.edo-r42-settings-active) > .sidebar .edo-r25-nav .edo-r25-child.is-selected {
  background:transparent!important; border-color:transparent!important; color:#f8f9ff!important;
  box-shadow:none!important;
}
.app-shell.edo-r25-ready > .sidebar .edo-r30-settings.edo-r42-selected,
.app-shell.edo-r25-ready > .sidebar .edo-r30-settings[aria-current="page"] {
  background:linear-gradient(110deg,rgba(105,70,241,.48),rgba(66,42,170,.25))!important;
  border:1px solid rgba(155,133,252,.4)!important;
  color:#fff!important; box-shadow:none!important;
}
/* Profile/footer: one anchored, compact, coherent account menu. */
.app-shell.edo-r29-ready > .sidebar .edo-r29-profile-footer {
  position:relative; margin-top:auto; padding-top:12px;
  border-top:1px solid rgba(192,201,233,.2);
}
.app-shell.edo-r29-ready > .sidebar .edo-r29-profile-card {
  min-height:61px; gap:10px; padding:10px 11px; border-radius:13px;
  box-shadow:0 5px 14px rgba(3,13,34,.13);
}
.app-shell.edo-r29-ready > .sidebar .edo-r29-avatar {
  width:38px;height:38px;flex-basis:38px;
}
.app-shell.edo-r29-ready > .sidebar .edo-r29-account-menu {
  left:0; right:0; bottom:calc(100% + 7px); padding:5px;
  border:1px solid rgba(150,144,236,.35); border-radius:12px;
  background:#172349; box-shadow:0 15px 30px rgba(0,6,24,.32);
}
.app-shell.edo-r29-ready > .sidebar .edo-r29-account-menu[hidden] {display:none!important;}
.app-shell.edo-r29-ready > .sidebar .edo-r29-account-item {
  min-height:40px; padding:9px 11px; border-radius:8px;
  color:#f5f6ff; font-size:13px; font-weight:650;
}
.app-shell.edo-r29-ready > .sidebar .edo-r29-account-item:hover,
.app-shell.edo-r29-ready > .sidebar .edo-r29-account-item:focus-visible {
  background:rgba(120,98,250,.26); color:#fff; outline:2px solid #9d90ff;outline-offset:-2px;
}
/* Avoid removing native React buttons or click targets. Narrow modes keep
   R25's icon-only navigation and R29's outward-facing account popup. */
@media (min-width:961px) and (max-width:1280px) {
 .app-shell.edo-r25-ready.sidebar-collapsed > .sidebar .brand.sidebar-brand-large,
 .app-shell.edo-r25-ready.sidebar-collapsed > .sidebar .brand.sidebar-brand-original {padding:10px 0;}
 .app-shell.edo-r25-ready.sidebar-collapsed > .sidebar .sidebar-large-logo-wrap {width:52px;height:52px;flex-basis:52px;}
 .app-shell.edo-r25-ready.sidebar-collapsed > .sidebar .sidebar-large-logo {width:50px;height:50px;}
 .app-shell.edo-r25-ready.sidebar-collapsed > .sidebar .edo-r25-item {padding-inline:5px;gap:0;}
 .app-shell.edo-r25-ready.sidebar-collapsed > .sidebar .edo-r29-account-menu {
   left:100%;right:auto;bottom:0;min-width:170px;width:max-content;max-width:225px;margin-left:8px;
 }
}
@media (max-width:960px) {
 .app-shell.edo-r25-ready > .sidebar .brand.sidebar-brand-large,
 .app-shell.edo-r25-ready > .sidebar .brand.sidebar-brand-original {padding-top:10px;}
 .app-shell.edo-r25-ready > .sidebar .edo-r25-item {min-height:48px;font-size:14px;}
 .app-shell.edo-r25-ready > .sidebar .edo-r25-child {min-height:43px;font-size:13px;}
}
@media (prefers-reduced-motion:reduce) {
 .app-shell.edo-r25-ready > .sidebar .edo-r29-profile-card,
 .app-shell.edo-r25-ready > .sidebar .edo-r25-item {transition:none!important;}
}


/* R132 SOURCE: /assets/edo-header-profile-r44.css */
/* R44: move account/profile into header without changing routes or React actions. */
/* Old R29 footer is superseded; keep the original React button mounted but invisible. */
.app-shell .sidebar .edo-r29-profile-footer {display:none!important;}
.app-shell .topbar .profile.profile-button,
.app-shell .topbar .profile-button:not(.edo-r44-profile-button) {display:none!important;}
.app-shell .topbar.edo-r44-header .topbar-actions {
  display:flex; align-items:center; justify-content:flex-end;
  min-width:0; flex-wrap:nowrap; gap:8px;
}
.app-shell .topbar .edo-r44-profile {
  display:block; position:relative; flex:0 0 auto;
  margin-left:3px; min-width:0; z-index:110;
}
.app-shell .topbar .edo-r44-profile-button {
  display:flex; align-items:center; gap:9px; box-sizing:border-box;
  min-width:190px; max-width:238px; height:46px; padding:5px 10px 5px 7px;
  border:1px solid #e0e6f3; border-radius:12px; background:#fff;
  color:#11234a; text-align:left; font:inherit; cursor:pointer;
  box-shadow:0 2px 7px rgba(9,26,65,.045);
}
.app-shell .topbar .edo-r44-profile-button:hover {background:#f7f7ff;border-color:#c5b9ff;}
.app-shell .topbar .edo-r44-profile-button:focus-visible {
  outline:3px solid #a895ff;outline-offset:2px;
}
.app-shell .topbar .edo-r44-avatar {
  display:grid;place-items:center; flex:0 0 34px; width:34px; height:34px;
  border-radius:50%; background:#ece9ff; color:#5734e7;
  font-size:13px; font-weight:800; line-height:1;
}
.app-shell .topbar .edo-r44-labels {display:flex;flex:1;flex-direction:column;min-width:0;gap:2px;}
.app-shell .topbar .edo-r44-name {
  font-size:12px;line-height:1.3;font-weight:800;color:#11234a;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.app-shell .topbar .edo-r44-role {
  font-size:11px;line-height:1.2;font-weight:450;color:#7186aa;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.app-shell .topbar .edo-r44-chevron {width:14px;height:14px;display:grid;place-items:center;flex:0 0 14px;color:#32486f;}
.app-shell .topbar .edo-r44-chevron svg {display:block;width:14px;height:14px;}
.app-shell .topbar .edo-r44-profile-button[aria-expanded="true"] .edo-r44-chevron {transform:rotate(180deg);}
.app-shell .topbar .edo-r44-account-menu {
  display:flex;flex-direction:column;box-sizing:border-box;
  position:absolute;top:calc(100% + 8px);right:0;z-index:500;
  min-width:205px;max-width:min(260px,calc(100vw - 20px));padding:6px;
  border:1px solid #e0e5f1;border-radius:12px;background:#fff;
  box-shadow:0 14px 34px rgba(8,25,61,.16);
}
.app-shell .topbar .edo-r44-account-menu[hidden],
.app-shell .topbar .edo-r44-account-item[hidden] {display:none!important;}
.app-shell .topbar .edo-r44-account-item {
  display:flex;align-items:center;width:100%;box-sizing:border-box;
  min-height:40px;padding:10px 12px;border:0;border-radius:8px;
  background:transparent;color:#192d56;text-align:left;text-decoration:none;
  font:inherit;font-size:13px;font-weight:650;cursor:pointer;
}
.app-shell .topbar .edo-r44-account-item:hover,
.app-shell .topbar .edo-r44-account-item:focus-visible {background:#f0ecff;outline:none;}
/* Keep menu above content. Sidebar no longer needs footer reserve. */
.app-shell.edo-r44-ready > .sidebar .sidebar-inner {padding-bottom:0;}
html.edo-r31-dark .app-shell .topbar .edo-r44-profile-button,
html.edo-r31-dark .app-shell .topbar .edo-r44-account-menu {
  background:#1e2b45;border-color:#394963;color:#f3f5ff;
}
html.edo-r31-dark .app-shell .topbar .edo-r44-name,
html.edo-r31-dark .app-shell .topbar .edo-r44-account-item {color:#f1f5ff;}
html.edo-r31-dark .app-shell .topbar .edo-r44-role {color:#aebbdb;}
html.edo-r31-dark .app-shell .topbar .edo-r44-profile-button:hover,
html.edo-r31-dark .app-shell .topbar .edo-r44-account-item:hover {background:#34305c;}
/* Text is preserved at desktop width, avatar-only on compact screens. */
@media (max-width:1180px) {
  .app-shell .topbar .edo-r44-profile-button {min-width:0;width:auto;max-width:170px;}
  .app-shell .topbar .edo-r44-labels {max-width:110px;}
}
@media (max-width:880px) {
  .app-shell .topbar .edo-r44-profile-button {min-width:0;width:52px;height:40px;max-width:none;gap:3px;padding:3px 5px;justify-content:center;}
  .app-shell .topbar .edo-r44-avatar {width:30px;height:30px;flex-basis:30px;font-size:12px;}
  .app-shell .topbar .edo-r44-labels {display:none;}
  .app-shell .topbar .edo-r44-chevron {width:10px;flex-basis:10px;}
  .app-shell .topbar .edo-r44-chevron svg {width:10px;height:10px;}
}
@media (max-width:480px) {
  .app-shell .topbar.edo-r44-header .topbar-actions {gap:4px;}
  .app-shell .topbar .edo-r44-profile {margin-left:0;}
  .app-shell .topbar .edo-r44-profile-button {width:40px;height:36px;padding:3px;border-radius:10px;}
  .app-shell .topbar .edo-r44-chevron {display:none;}
}
@media (prefers-reduced-motion:reduce) {
  .app-shell .topbar .edo-r44-profile-button,
  .app-shell .topbar .edo-r44-chevron {transition:none;}
}


/* R132 SOURCE: /assets/edo-context-actions-r45.css */
/* EDO Business R45: scoped document context menu + destructive-action confirmation. */
.edo-r45-context[hidden],.edo-r45-shade[hidden],.edo-r45-toast[hidden]{display:none!important}
.edo-r45-context{position:fixed;z-index:2147483000;width:190px;padding:6px;background:#fff;color:#15244b;border:1px solid #e1e6f4;border-radius:12px;box-shadow:0 18px 44px rgba(8,20,55,.23);box-sizing:border-box;font-family:inherit}
.edo-r45-action{width:100%;display:flex;align-items:center;gap:10px;min-height:40px;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:inherit;text-align:left;font-family:inherit;font-size:13px;font-weight:600;line-height:1.3;cursor:pointer}
.edo-r45-action svg{width:18px;height:18px;flex:none}
.edo-r45-action:hover,.edo-r45-action:focus-visible{background:#f0ecff;color:#6438e6;outline:none}
.edo-r45-action.is-danger{color:#b83244}
.edo-r45-action.is-danger:hover,.edo-r45-action.is-danger:focus-visible{background:#fff1f2;color:#b42337}
.edo-r45-shade{position:fixed;inset:0;z-index:2147483001;display:grid;place-items:center;padding:16px;box-sizing:border-box;background:rgba(7,16,38,.45);backdrop-filter:blur(3px)}
.edo-r45-dialog{width:min(100%,415px);padding:24px;background:#fff;border:1px solid #e2e7f4;border-radius:17px;box-shadow:0 24px 70px rgba(7,16,38,.25);color:#15244b;font-family:inherit}
.edo-r45-dialog-head{display:flex;gap:12px;align-items:center}
.edo-r45-dialog-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;color:#6039df;background:#f0ecff;border-radius:11px}
.edo-r45-dialog-icon svg{width:22px;height:22px}
.edo-r45-dialog h2{margin:0;font-family:inherit;font-size:19px;font-weight:750;line-height:1.35;color:inherit}
.edo-r45-dialog p{font-family:inherit;font-size:14px;font-weight:500;line-height:1.55;margin:18px 0 0}
.edo-r45-dialog .edo-r45-warning{color:#b83244;font-size:12px;margin-top:8px}
.edo-r45-dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}
.edo-r45-dialog-actions button{padding:10px 16px;border-radius:9px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;line-height:1.3;min-height:40px}
.edo-r45-cancel{border:1px solid #dce1ee;background:#fff;color:#334467}
.edo-r45-confirm{border:1px solid #6039df;background:#6039df;color:#fff}
.edo-r45-confirm.is-danger{background:#c52d44;border-color:#c52d44}
.edo-r45-dialog-actions button:focus-visible{outline:3px solid #b7a6ff;outline-offset:2px}
.edo-r45-toast{position:fixed;bottom:24px;right:24px;z-index:2147483002;max-width:min(360px,calc(100vw - 32px));border-radius:11px;padding:12px 16px;background:#143f33;color:#fff;box-shadow:0 12px 30px #0003;font-family:inherit;font-size:13px;font-weight:650;line-height:1.4}
.edo-r45-toast.is-error{background:#a12536}
html[data-theme="dark"] .edo-r45-context,html[data-theme="dark"] .edo-r45-dialog,body.theme-dark .edo-r45-context,body.theme-dark .edo-r45-dialog{background:#141e39;color:#f3f5ff;border-color:#394568}
html[data-theme="dark"] .edo-r45-cancel,body.theme-dark .edo-r45-cancel{background:#1a2645;color:#f3f5ff;border-color:#495575}
@media(max-width:480px){.edo-r45-dialog{padding:18px}.edo-r45-toast{right:16px;bottom:16px}}


/* R132 SOURCE: /assets/edo-new-document-page-r46.css */
/* EDO Business R46 — native React document creation form rendered as a page.
   Scoped under .edo-r46-page: never change workflow/action modals. */
.app-shell.edo-r46-creating .app-main{min-width:0}
.edo-r46-page{position:relative;display:block;min-width:0;width:100%;padding:0 0 24px;animation:edo-r46-enter .18s ease-out}
@keyframes edo-r46-enter{from{opacity:.75;transform:translateY(4px)}to{opacity:1;transform:none}}
.edo-r46-page .edo-r46-card{box-sizing:border-box;width:100%;max-width:none;max-height:none;min-height:0;margin:0;display:flex;flex-direction:column;overflow:visible;border-radius:18px;background:#fff;border:1px solid #e1e7f2;box-shadow:0 10px 28px rgba(24,45,86,.06)}
.edo-r46-page .modal-header{display:flex;align-items:center;gap:16px;padding:22px 27px 20px;border-bottom:1px solid #e8edf5}
.edo-r46-page .modal-header h2{font-size:22px;font-weight:800;line-height:1.2;margin:0;color:#10244f}
.edo-r46-page .modal-header p{margin-top:6px;color:#637698}
.edo-r46-page .edo-r46-back{flex:none;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 15px;min-height:40px;background:#f4f6ff;color:#405579;border:1px solid #e1e6f4;border-radius:11px;font-size:13px;font-weight:700}
.edo-r46-page .edo-r46-back:hover{background:#eaeefe;color:#5333dd}
.edo-r46-page .new-doc-horizontal-body{display:grid;grid-template-columns:minmax(215px,265px) minmax(0,1fr);flex:none;min-height:0;overflow:visible}
.edo-r46-page .new-doc-kind-panel{overflow:visible;padding:24px 20px;border-right:1px solid #edf0f6;border-radius:0 0 0 18px;background:#f9faff}
.edo-r46-page .new-doc-kind-panel .kind-grid{display:grid;grid-template-columns:1fr;gap:12px;padding:0}
.edo-r46-page .new-doc-kind-panel .kind-card{min-height:90px;padding:13px 11px;border-radius:13px}
.edo-r46-page .new-doc-form-panel{overflow:visible;min-width:0;padding:25px 27px 22px}
.edo-r46-page .new-doc-horizontal-form.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 20px}
.edo-r46-page .new-doc-horizontal-form label{min-width:0}
.edo-r46-page .new-doc-horizontal-form input,.edo-r46-page .new-doc-horizontal-form select{max-width:100%;min-width:0}
.edo-r46-page .new-doc-summary-field.full-field textarea{min-height:108px;height:auto}
.edo-r46-page .new-doc-horizontal-footer{position:static;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px;padding-top:20px;margin-top:16px;border-top:1px solid #edf0f6}
.edo-r46-page .new-doc-horizontal-footer button{min-height:42px;border-radius:11px}
@media(min-width:1500px){.edo-r46-page .new-doc-horizontal-body{grid-template-columns:280px minmax(0,1fr)}.edo-r46-page .new-doc-horizontal-form.form-grid.two{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:950px){.edo-r46-page .new-doc-horizontal-body{grid-template-columns:205px minmax(0,1fr)}.edo-r46-page .new-doc-form-panel{padding:22px 20px}.edo-r46-page .new-doc-kind-panel{padding:22px 15px}.edo-r46-page .new-doc-horizontal-form.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}}
@media(max-width:740px){.edo-r46-page .modal-header{padding:18px 18px 16px}.edo-r46-page .modal-header h2{font-size:19px}.edo-r46-page .modal-header p{font-size:12px}.edo-r46-page .edo-r46-back{padding:8px 10px;font-size:12px}.edo-r46-page .new-doc-horizontal-body{display:block}.edo-r46-page .new-doc-kind-panel{border-right:0;border-bottom:1px solid #e7eaf4;padding:17px 18px}.edo-r46-page .new-doc-kind-panel .kind-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.edo-r46-page .new-doc-kind-panel .kind-card{min-height:86px;padding:10px 6px}.edo-r46-page .new-doc-kind-panel .kind-card b{font-size:12px}.edo-r46-page .new-doc-form-panel{padding:20px 18px}}
@media(max-width:490px){.edo-r46-page .new-doc-horizontal-form.form-grid.two{grid-template-columns:1fr}.edo-r46-page .modal-header{align-items:flex-start}.edo-r46-page .new-doc-horizontal-footer button{flex:1}.edo-r46-page .new-doc-kind-panel .kind-card{min-height:72px}.edo-r46-page .new-doc-kind-panel .kind-card svg{width:20px;height:20px}}
/* Respect existing R31 theme classes without changing stored preferences. */
:root[data-theme="dark"] .edo-r46-page .edo-r46-card,body[data-theme="dark"] .edo-r46-page .edo-r46-card,.edo-theme-dark .edo-r46-page .edo-r46-card{background:#162541;border-color:#304568;color:#e4ecfa}
:root[data-theme="dark"] .edo-r46-page .new-doc-kind-panel,body[data-theme="dark"] .edo-r46-page .new-doc-kind-panel,.edo-theme-dark .edo-r46-page .new-doc-kind-panel{background:#182947;border-color:#304568}
:root[data-theme="dark"] .edo-r46-page .modal-header h2,body[data-theme="dark"] .edo-r46-page .modal-header h2,.edo-theme-dark .edo-r46-page .modal-header h2{color:#eff4ff}
@media(prefers-reduced-motion:reduce){.edo-r46-page{animation:none}}
/* The original modal CSS uses !important caps (760px height, hidden overflow).
   A full page must explicitly beat those old caps or Save/Cancel gets clipped. */
.edo-r46-page .new-doc-modal.edo-r46-card{width:100%!important;max-height:none!important;height:auto!important;overflow:visible!important;display:flex!important;flex-direction:column!important}
.edo-r46-page .new-doc-horizontal-body{flex:0 0 auto!important;overflow:visible!important}
.edo-r46-page .new-doc-horizontal-footer{padding:17px 27px 20px!important;margin:0!important;background:transparent!important;border-top:1px solid #edf0f6!important}
@media(max-width:740px){.edo-r46-page .new-doc-horizontal-body{display:block!important}.edo-r46-page .new-doc-horizontal-footer{padding:15px 18px 20px!important}}
/* Legacy responsive grid can collapse .app-main to 16px on narrow screens.
   Limit correction to the document-creation route, not the rest of the app. */
@media(max-width:600px){
 .app-shell.edo-r46-creating{display:block!important;grid-template-columns:none!important;max-width:100%!important;width:100%!important}
 .app-shell.edo-r46-creating > .app-main{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:8px!important}
 .app-shell.edo-r46-creating .edo-r46-page{box-sizing:border-box;min-width:0;width:100%!important}
 .app-shell.edo-r46-creating .edo-r46-card{min-width:0;max-width:100%!important}
}
/* Highlight the Create entry in the stable R25 sidebar while the route is active. */
.app-shell.edo-r46-creating .edo-r25-item[data-r25-key="create"]{background:linear-gradient(110deg,#7653f6,#5434df)!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important}
.app-shell.edo-r46-creating .edo-r25-item[data-r25-key="create"] svg{color:#fff!important;stroke:#fff!important}


/* R132 SOURCE: /assets/edo-workflow-card-r48.css */
/* EDO Business R48 | final workflow card matching the approved compact timeline design. */
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process {
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 9px 25px rgba(27,49,91,.055);
}
/* Old title and note are redundant now. */
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process-header,
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process-note {display:none !important;}
.app-shell .dashboard-page.edo-r26-ready .edo-r48-card-head {
  display:flex;align-items:center;gap:22px;min-width:0;
  margin:0 22px;padding:17px 3px 16px;
  border-bottom:1px solid #e5eaf5;
}
.edo-r48-meta {display:flex;align-items:center;gap:13px;flex:0 0 auto;min-width:0;}
.edo-r48-doc-icon,.edo-r48-date-icon {
  display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;
  border-radius:12px;color:#5e38ee;background:#f0ecff;
}
.edo-r48-doc-icon svg,.edo-r48-date-icon svg {width:22px;height:22px;}
.edo-r48-date-icon {width:36px;height:36px;flex-basis:36px;border-radius:10px;background:#f6f3ff;}
.edo-r48-date-icon svg {width:19px;height:19px;}
.edo-r48-field {display:flex;flex-direction:column;min-width:0;gap:3px;line-height:1.15;}
.edo-r48-caption {font-size:11px;font-weight:600;white-space:nowrap;color:#7282a1;}
.edo-r48-number,.edo-r48-date {font-size:17px;line-height:1.25;font-weight:800;color:#12254d;font-variant-numeric:tabular-nums;white-space:nowrap;}
.edo-r48-separator {height:35px;width:1px;background:#e1e6f1;margin-inline:9px;flex:0 0 1px;}
.edo-r48-description {display:flex;flex:1 1 170px;flex-direction:column;min-width:0;gap:5px;padding-left:20px;border-left:1px solid #e1e6f1;}
.edo-r48-title {font-size:15px;line-height:1.28;color:#14274f;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.edo-r48-subtitle {font-size:11px;line-height:1.3;color:#7a8aa7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.edo-r48-status {display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;max-width:130px;min-height:31px;box-sizing:border-box;border-radius:100px;background:#f1ecff;color:#6036ec;padding:6px 13px;font-size:11px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.edo-r48-status:empty {display:none;}
/* No invented stage dates or decorative dashes beneath stage captions. */
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r26-stage-date,
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r35-current-number {display:none !important;}
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r26-steps {
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:start;
  margin:0 !important;padding:19px 17px 20px !important;
  overflow-x:visible;
}
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r26-stage {
  gap:7px !important;min-width:0;
}
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r26-stage-dot {
  width:40px !important;height:40px !important;min-width:40px;min-height:40px;
  flex:0 0 40px !important;box-sizing:border-box;
  margin:10px 0 !important;padding:5px !important;
  display:grid;place-items:center;
}
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r26-stage-dot svg {
  display:block !important;width:19px !important;height:19px !important;
}
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r26-stage.is-current > .edo-r26-stage-dot {
  width:60px !important;height:60px !important;min-width:60px;min-height:60px;
  flex:0 0 60px !important;margin:0 !important;
  padding:12px !important;overflow:visible;
  border-radius:50%;border:2px solid #fff;
  box-shadow:0 0 0 3px #eee8ff,0 0 0 5px #d9cbff,0 3px 13px rgba(87,51,227,.24);
}
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r26-stage.is-current > .edo-r26-stage-dot > svg {
  display:block !important;width:24px !important;height:24px !important;
}
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r36-circle-content {display:none !important;}
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r36-circle-content::before {display:none !important;content:none !important;}
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r26-stage:not(:last-child)::after {
  top:29px !important;left:calc(50% + 31px) !important;
  width:calc(100% - 62px) !important;height:2px !important;
}
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r26-stage-label {
  font-size:12px;line-height:1.28;font-weight:800;
}
@media (max-width:1120px) {
  .app-shell .dashboard-page.edo-r26-ready .edo-r48-card-head {flex-wrap:wrap;gap:12px 16px;}
  .edo-r48-description {order:3;flex-basis:100%;padding:8px 0 0;border-left:none;}
  .edo-r48-status {margin-left:auto;}
}
@media (max-width:850px) {
  .app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r26-steps {
    overflow-x:auto;grid-template-columns:repeat(6,minmax(124px,1fr)) !important;
    padding:17px 12px 18px !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .edo-r48-card-head {margin:0 12px;padding:12px 0;}
}
@media (max-width:540px) {
  .app-shell .dashboard-page.edo-r26-ready .edo-r48-card-head {gap:11px 9px;}
  .edo-r48-meta {gap:7px;flex:1 1 auto;}
  .edo-r48-doc-icon {width:31px;height:31px;flex-basis:31px;border-radius:9px;}
  .edo-r48-doc-icon svg {width:17px;height:17px;}
  .edo-r48-date-icon {display:none;}
  .edo-r48-separator {margin-inline:4px;height:28px;}
  .edo-r48-number,.edo-r48-date {font-size:13px;}
  .edo-r48-caption {font-size:10px;}
  .edo-r48-status {order:4;margin-left:0;min-height:27px;padding:4px 10px;font-size:10px;}
  .edo-r48-description {order:3;flex:1 1 100%;}
}
/* Dark theme stays legible and uses the existing platform theme class. */
html.edo-r31-dark .app-shell .dashboard-page.edo-r26-ready .edo-r26-process {background:#15213a;border-color:#2c3b58;}
html.edo-r31-dark .app-shell .dashboard-page.edo-r26-ready .edo-r48-card-head {border-color:#34435c;}
html.edo-r31-dark .edo-r48-number,html.edo-r31-dark .edo-r48-date,html.edo-r31-dark .edo-r48-title {color:#edf2ff;}
html.edo-r31-dark .edo-r48-caption,html.edo-r31-dark .edo-r48-subtitle {color:#aabbd7;}
html.edo-r31-dark .edo-r48-description {border-color:#34435c;}
html.edo-r31-dark .edo-r48-separator {background:#34435c;}
html.edo-r31-dark .edo-r48-status {background:#352763;color:#dfd6ff;}


/* R132 SOURCE: /assets/edo-workflow-side-timeline-r49.css */
/* EDO Business R49 — compact document info rail + six-step horizontal process.
   Designed to sit after R48 CSS. Presentation-only: no document data is modified. */
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process {
  display:grid !important;
  grid-template-columns:158px minmax(0,1fr) !important;
  align-items:center !important;
  min-width:0;
  min-height:124px;
  padding:10px 13px !important;
  gap:0;
  box-sizing:border-box;
  overflow:hidden !important;
  border-radius:15px !important;
}
/* R26 title, notes, decorative dates are not part of the approved layout. */
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process > .edo-r26-process-header,
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process > .edo-r26-process-note,
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r26-stage-date,
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r35-current-number {display:none !important;}
/* Reuse R48's live document values, presented as a compact left column. */
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process > .edo-r48-card-head {
  grid-column:1;
  grid-row:1;
  box-sizing:border-box;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  min-width:0;
  align-self:stretch;
  margin:0 !important;
  padding:4px 11px 4px 0 !important;
  border:0 !important;
  border-right:1px solid #dfe5f1 !important;
}
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r48-meta {
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 1 auto !important;
  gap:3px !important;
  width:100%;
  min-width:0;
}
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r48-doc-icon {
  display:grid !important;
  place-items:center;
  width:33px !important;
  height:33px !important;
  flex:0 0 33px !important;
  border-radius:9px !important;
  background:#f1edff !important;
  color:#6137f5 !important;
  margin:0 0 3px !important;
}
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r48-doc-icon svg {width:19px !important;height:19px !important;}
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r48-field {
  display:flex !important;
  width:100%;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:2px !important;
  min-width:0;
  line-height:1.14 !important;
}
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r48-caption {
  display:block;font-size:10px !important;font-weight:500 !important;
  line-height:1.2 !important;color:#7b89a8 !important;
}
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r48-number {
  display:block;
  max-width:100%;
  font-size:13px !important;
  line-height:1.15 !important;
  font-weight:800 !important;
  letter-spacing:-.15px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r48-date {
  display:block;
  font-size:10px !important;
  line-height:1.15 !important;
  font-weight:700 !important;
  white-space:nowrap;
}
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r48-separator {
  display:block !important;
  width:26px !important;
  height:1px !important;
  flex:0 0 1px !important;
  padding:0 !important;
  margin:4px 0 2px !important;
  background:#bec8de !important;
}
/* Date label is redundant in a tiny rail; the real date stays visible. */
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r48-meta > .edo-r48-field:last-child .edo-r48-caption {display:none !important;}
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r48-date-icon,
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r48-description,
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r48-status {display:none !important;}
/* Progress timeline remains full-width on the right. */
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process > .edo-r26-steps {
  grid-column:2;
  grid-row:1;
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  align-items:start !important;
  min-width:0 !important;
  width:100%;
  gap:0;
  margin:0 !important;
  padding:10px 0 7px 8px !important;
  overflow:visible !important;
  box-sizing:border-box;
}
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r26-stage {
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:4px !important;
  min-width:0 !important;
  text-align:center;
}
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r26-stage-dot {
  box-sizing:border-box !important;
  display:grid !important;
  place-items:center !important;
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  min-height:34px !important;
  flex:0 0 34px !important;
  margin:10px 0 !important;
  padding:7px !important;
  border-radius:50% !important;
}
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r26-stage-dot svg {
  display:block !important;
  width:16px !important;
  height:16px !important;
}
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r26-stage.is-current > .edo-r26-stage-dot {
  width:54px !important;
  height:54px !important;
  min-width:54px !important;
  min-height:54px !important;
  flex:0 0 54px !important;
  margin:0 !important;
  padding:12px !important;
  border:2px solid #fff !important;
  box-shadow:0 0 0 4px #eee8ff,0 0 0 6px #d9cbff,0 3px 12px rgba(83,40,221,.22) !important;
}
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r26-stage.is-current > .edo-r26-stage-dot > svg {
  display:block !important;
  width:24px !important;
  height:24px !important;
}
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r26-stage:not(:last-child)::after {
  top:26px !important;
  left:calc(50% + 23px) !important;
  width:calc(100% - 46px) !important;
  height:2px !important;
}
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r26-stage-label {
  width:100%;
  font-size:11px !important;
  line-height:1.32 !important;
  font-weight:800 !important;
  overflow-wrap:normal !important;
  word-break:normal;
}
/* Ensure R36's legacy metadata cannot reappear inside circles. */
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r36-circle-content {display:none !important;}
@media (max-width:1000px) {
  .app-shell .dashboard-page.edo-r26-ready .edo-r26-process {grid-template-columns:125px minmax(0,1fr) !important;}
  .app-shell .dashboard-page.edo-r26-ready .edo-r26-process > .edo-r26-steps {
    overflow-x:auto !important;
    grid-template-columns:repeat(6,minmax(112px,1fr)) !important;
    scrollbar-width:thin;
  }
}
@media (max-width:570px) {
  .app-shell .dashboard-page.edo-r26-ready .edo-r26-process {
    grid-template-columns:94px minmax(0,1fr) !important;
    gap:0 !important;
    min-height:108px;
    padding:7px 6px !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .edo-r26-process > .edo-r48-card-head {padding:0 5px 0 1px !important;}
  .app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r48-doc-icon {width:28px !important;height:28px !important;flex-basis:28px !important;}
  .app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r48-doc-icon svg {width:16px !important;height:16px !important;}
  .app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r48-number {font-size:11px !important;}
  .app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r48-date {font-size:9px !important;}
  .app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r48-caption {font-size:9px !important;}
  .app-shell .dashboard-page.edo-r26-ready .edo-r26-process > .edo-r26-steps {padding:6px 3px 7px 6px !important;}
}
/* Dark mode, matching R31's theme class. */
html.edo-r31-dark .app-shell .dashboard-page.edo-r26-ready .edo-r26-process > .edo-r48-card-head {border-color:#34435c !important;}
html.edo-r31-dark .app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r48-caption {color:#adbad3 !important;}
html.edo-r31-dark .app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r48-separator {background:#667895 !important;}


/* R132 SOURCE: /assets/edo-remaining-days-r50.css */
/* EDO Business R50: new "Qolgan kun" table column after "Muddat".
 * The extra DOM child is appended LAST to preserve original R26 index mapping.
 */
@media (min-width:721px) {
  .app-shell .dashboard-page.edo-r50-ready .docs-table {
    grid-template-columns:28px minmax(105px,1fr) minmax(98px,.92fr) minmax(132px,1.22fr) minmax(165px,1.52fr) minmax(95px,.83fr) minmax(85px,.7fr) minmax(108px,.92fr) minmax(112px,1.05fr) 53px;
    min-width:1070px;
    gap:9px;
  }
  .app-shell .dashboard-page.edo-r50-ready .docs-table > div:nth-child(8):not(.edo-r50-col) {grid-column:9;grid-row:1;}
  .app-shell .dashboard-page.edo-r50-ready .docs-table > div:nth-child(9):not(.edo-r50-col) {grid-column:10;grid-row:1;}
  .app-shell .dashboard-page.edo-r50-ready .docs-table > .edo-r50-col,
  .app-shell .dashboard-page.edo-r50-ready .docs-table > .edo-r50-cell {grid-column:8;grid-row:1;}
}
.app-shell .dashboard-page.edo-r50-ready .docs-head > .edo-r50-col {
  font:inherit;color:inherit;white-space:nowrap;align-self:center;
}
.app-shell .dashboard-page.edo-r50-ready .docs-row > .edo-r50-cell {
  min-width:0;display:flex;align-items:center;justify-content:flex-start;
  font-size:11px;line-height:1.35;white-space:normal;
}
.edo-r50-badge {display:inline-flex;align-items:center;justify-content:center;min-width:0;max-width:100%;padding:6px 8px;border-radius:8px;font-size:11px;font-weight:750;line-height:1.35;text-align:center;white-space:normal;}
.edo-r50-cell[data-tone="normal"] .edo-r50-badge {color:#246b52;background:#e5f7ee;}
.edo-r50-cell[data-tone="soon"] .edo-r50-badge {color:#a26300;background:#fff0d7;}
.edo-r50-cell[data-tone="today"] .edo-r50-badge {color:#a26300;background:#ffebc0;}
.edo-r50-cell[data-tone="late"] .edo-r50-badge {color:#b72e42;background:#ffecf0;}
.edo-r50-cell[data-tone="finished"] .edo-r50-badge {color:#526782;background:#eff2f7;}
.edo-r50-cell[data-tone="unknown"] .edo-r50-badge {color:#6f7f96;background:#f2f4f8;}
/* Existing R4 responsive cards have a six-column grid; render this as an
   additional labeled field without overriding their mobile grid rules. */
@media (max-width:720px) {
  .app-shell .dashboard-page.edo-r50-ready .docs-row > .edo-r50-cell {
    grid-column:1/-1 !important;grid-row:auto !important;display:flex !important;
    flex-direction:column;align-items:flex-start !important;justify-content:flex-start;
    padding-top:8px;border-top:1px solid #e9edfa;
  }
  .app-shell .dashboard-page.edo-r50-ready .docs-row > .edo-r50-cell::before {
    content:'Qolgan kun';display:block;margin:0 0 7px;padding:0;color:#7587aa;
    font-size:11px;font-weight:750;line-height:1.3;
  }
  .app-shell .dashboard-page.edo-r50-ready .docs-row > .edo-r50-cell .edo-r50-badge {font-size:12px;}
}
body.edo-night .edo-r50-cell[data-tone="normal"] .edo-r50-badge,
body.edo-dark .edo-r50-cell[data-tone="normal"] .edo-r50-badge {background:#123f37;color:#b5f2d9;}
body.edo-night .edo-r50-cell[data-tone="late"] .edo-r50-badge,
body.edo-dark .edo-r50-cell[data-tone="late"] .edo-r50-badge {background:#582735;color:#ffd5de;}


/* R132 SOURCE: /assets/edo-detail-actions-r51fix.css */
/* EDO Business R51-FIX: Detail document actions — scoped, no unrelated buttons. */
.detail-page .viewer-actions-card.compact-actions-card{min-width:0;padding:10px 12px}
.detail-page .viewer-actions-card.compact-actions-card .viewer-actions-row.edo-r51-actions{
  display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;
  width:100%;max-width:100%;gap:7px;min-width:0
}
.detail-page .viewer-actions-card.compact-actions-card .viewer-actions-row.edo-r51-actions .action{
  box-sizing:border-box;min-height:36px;height:38px;padding:0 10px;
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  flex:0 0 auto;white-space:nowrap;font-size:12px;font-weight:700;line-height:1.2
}
.detail-page .viewer-actions-row.edo-r51-actions .edo-r51-main{
  border:1px solid #d6dff4;background:#f6f8fe;color:#405c8f
}
.detail-page .viewer-actions-row.edo-r51-actions .edo-r51-main:hover{background:#edf0ff;border-color:#b6c6f1}
.detail-page .viewer-actions-row.edo-r51-actions .edo-r51-upload{
  border:1px solid #6341e7;background:linear-gradient(115deg,#714bfc,#5432df);color:#fff;
  box-shadow:0 4px 12px rgba(82,56,212,.14)
}
.detail-page .viewer-actions-row.edo-r51-actions .edo-r51-upload:hover{filter:brightness(1.06)}
.detail-page .viewer-actions-row.edo-r51-actions .action:focus-visible{outline:3px solid #a38bf9;outline-offset:2px}
.detail-page .viewer-actions-row.edo-r51-actions .action:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:820px){
 .detail-page .viewer-actions-card.compact-actions-card .viewer-actions-row.edo-r51-actions{justify-content:flex-start}
 .detail-page .viewer-actions-card.compact-actions-card .viewer-actions-row.edo-r51-actions .action{flex:1 1 auto}
}
@media(max-width:440px){
 .detail-page .viewer-actions-card.compact-actions-card .viewer-actions-row.edo-r51-actions .action{flex:1 1 calc(50% - 7px);white-space:normal;min-height:40px;height:auto;padding:8px 6px;text-align:center}
 .detail-page .viewer-actions-card.compact-actions-card .viewer-actions-row.edo-r51-actions .edo-r51-upload{flex-basis:100%}
}
:root[data-theme="dark"] .detail-page .viewer-actions-row.edo-r51-actions .edo-r51-main,
body[data-theme="dark"] .detail-page .viewer-actions-row.edo-r51-actions .edo-r51-main,
.edo-theme-dark .detail-page .viewer-actions-row.edo-r51-actions .edo-r51-main{background:#1d2b49;color:#dbe5fa;border-color:#405170}


/* R132 SOURCE: /assets/edo-detail-actions-r52.css */
/* R52 — hide five non-requested actions without affecting other document controls. */
.detail-page .viewer-actions-row.edo-r51-actions > .action:not(.edo-r51-main):not(.edo-r51-upload){display:none!important}
.detail-page .viewer-actions-card.compact-actions-card .viewer-actions-row.edo-r51-actions{justify-content:flex-end;gap:10px}
.detail-page .viewer-actions-row.edo-r51-actions .edo-r51-main,
.detail-page .viewer-actions-row.edo-r51-actions .edo-r51-upload{min-width:125px}
@media(max-width:600px){
 .detail-page .viewer-actions-card.compact-actions-card .viewer-actions-row.edo-r51-actions{justify-content:stretch;flex-wrap:wrap}
 .detail-page .viewer-actions-row.edo-r51-actions .edo-r51-main,
 .detail-page .viewer-actions-row.edo-r51-actions .edo-r51-upload{flex:1 1 140px;min-width:0}
}


/* R132 SOURCE: /assets/edo-detail-menu-r53.css */
/* EDO R53: native React-controlled execution action menu. */
.detail-page .viewer-card{position:relative}
.detail-page .viewer-card .edo-r53-fab{position:absolute;right:18px;bottom:18px;z-index:85;box-sizing:border-box;max-width:calc(100% - 36px)}
.detail-page .edo-r53-fab > summary{list-style:none;cursor:pointer;user-select:none;width:104px;height:104px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center;padding:13px;border-radius:50%;background:linear-gradient(145deg,#7455ff,#522fe9);color:white;border:4px solid #eeeaff;box-shadow:0 9px 26px #4228bd55,0 0 0 2px #b9a8ff;font-weight:800;font-size:13px;line-height:1.22;letter-spacing:.1px;overflow-wrap:break-word;transition:transform .15s ease,box-shadow .15s ease}
.detail-page .edo-r53-fab > summary::-webkit-details-marker{display:none}
.detail-page .edo-r53-fab > summary:hover{transform:translateY(-2px);box-shadow:0 11px 30px #4228bd70,0 0 0 2px #b9a8ff}
.detail-page .edo-r53-fab > summary:focus-visible{outline:3px solid #111d44;outline-offset:4px}
.detail-page .edo-r53-fab[open] > summary{background:linear-gradient(145deg,#6042ef,#4527bb)}
.detail-page .edo-r53-menu{position:absolute;bottom:calc(100% + 14px);right:0;width:232px;max-width:min(232px,calc(100vw - 32px));padding:8px;border-radius:16px;background:#fff;border:1px solid #e4e7f2;box-shadow:0 18px 50px #15254738;display:flex;flex-direction:column;gap:3px;max-height:min(380px,65vh);overflow-y:auto;overscroll-behavior:contain}
.detail-page .edo-r53-fab:not([open]) .edo-r53-menu{display:none}
.detail-page .edo-r53-menu button{appearance:none;border:0;width:100%;min-height:40px;padding:10px 13px;background:transparent;color:#172b50;text-align:left;border-radius:10px;font-family:inherit;font-weight:700;font-size:13px;line-height:1.3;cursor:pointer;display:flex;align-items:center;gap:9px}
.detail-page .edo-r53-menu button:hover,.detail-page .edo-r53-menu button:focus-visible{outline:none;background:#f0edff;color:#5936df}
.detail-page .edo-r53-menu button[data-action="reject"]{color:#c63d4e}
.detail-page .edo-r53-menu button[data-action="reject"]:hover{background:#fff0f2}
.detail-page .edo-r53-menu button::before{content:"";width:7px;height:7px;flex:none;background:#6644ed;border-radius:50%}
.detail-page .edo-r53-menu button[data-action="reject"]::before{background:#e45467}
@media(max-width:600px){.detail-page .viewer-card .edo-r53-fab{bottom:12px;right:12px}.detail-page .edo-r53-fab > summary{width:86px;height:86px;font-size:11px;border-width:3px;padding:9px}.detail-page .edo-r53-menu{width:210px;max-width:calc(100vw - 24px)}}
/* Dark mode based on existing EDO theme hooks */
html[data-theme="dark"] .detail-page .edo-r53-menu,body.dark .detail-page .edo-r53-menu,.dark-mode .detail-page .edo-r53-menu{background:#16213d;border-color:#3c4965}
html[data-theme="dark"] .detail-page .edo-r53-menu button,body.dark .detail-page .edo-r53-menu button,.dark-mode .detail-page .edo-r53-menu button{color:#eaf0ff}
html[data-theme="dark"] .detail-page .edo-r53-menu button:hover,body.dark .detail-page .edo-r53-menu button:hover,.dark-mode .detail-page .edo-r53-menu button:hover{background:#312c63}


/* R132 SOURCE: /assets/edo-execution-button-r54.css */
/* EDO Business R54 — rectangular execution-actions control; only changes R53 trigger. */
.detail-page .viewer-card .edo-r53-fab > summary {
  width: auto;
  min-width: 164px;
  max-width: 100%;
  height: 44px;
  min-height: 44px;
  padding: 0 18px;
  border-radius: 7px;
  border: 1px solid #6947ef;
  box-shadow: 0 5px 15px rgba(82,47,210,.20);
  background: linear-gradient(135deg,#7455ff,#522fe9);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.15;
  letter-spacing: 0;
  white-space: nowrap;
  overflow-wrap: normal;
  text-align: center;
}
.detail-page .viewer-card .edo-r53-fab > summary:hover {
  transform: translateY(-1px);
  box-shadow: 0 7px 18px rgba(82,47,210,.28);
}
.detail-page .viewer-card .edo-r53-fab[open] > summary {
  background: linear-gradient(135deg,#6745ef,#4527bb);
}
@media (max-width:600px) {
  .detail-page .viewer-card .edo-r53-fab > summary {
    width: auto;
    min-width: 154px;
    height: 42px;
    min-height: 42px;
    padding: 0 13px;
    font-size: 12px;
    border-radius: 7px;
    border-width: 1px;
  }
}


/* R132 SOURCE: /assets/edo-trash-r56.css */
/* EDO Business R56 — trash page + sidebar entry. */
.app-shell.edo-r25-ready .edo-r25-nav > .edo-r56-trash-nav { margin-top:5px; }
.app-shell.edo-r25-ready .edo-r25-nav > .edo-r56-trash-nav.edo-r56-active {
  background:linear-gradient(110deg,rgba(105,70,241,.48),rgba(66,42,170,.25));
  border-color:rgba(155,133,252,.4);color:#fff;
}
.edo-r56-page {box-sizing:border-box;max-width:100%;min-height:360px;margin:16px 12px;padding:24px;background:#fff;border:1px solid #e2e8f5;border-radius:16px;color:#18294e;box-shadow:0 5px 20px rgba(27,40,81,.04);}
.edo-r56-head {display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;}
.edo-r56-page h1 {font-size:23px;line-height:1.3;margin:0;font-weight:800;color:inherit}
.edo-r56-sub {font-size:13px;line-height:1.5;color:#63789d;margin:7px 0 0}
.edo-r56-count {display:inline-flex;padding:6px 12px;border-radius:10px;background:#eee9ff;color:#6040e6;font-size:13px;font-weight:750;white-space:nowrap}
.edo-r56-empty {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:245px;text-align:center;color:#8293b1;font-size:14px;}
.edo-r56-empty svg {width:44px;height:44px;stroke:#a99bf5;fill:none;stroke-width:1.6}
.edo-r56-list {display:flex;flex-direction:column;gap:10px}
.edo-r56-row {display:flex;align-items:center;gap:14px;padding:15px 17px;border:1px solid #e1e6f4;border-radius:12px;background:#fff;min-width:0;}
.edo-r56-fileicon {flex:0 0 40px;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;color:#6742f1;background:#f0eaff;}
.edo-r56-fileicon svg {width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.edo-r56-info {flex:1 1 auto;min-width:0}
.edo-r56-info b {display:block;font-size:14px;font-weight:750;color:inherit;overflow-wrap:anywhere}
.edo-r56-info small {display:block;margin-top:5px;color:#677b9e;font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.edo-r56-actions {display:flex;flex:0 0 auto;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.edo-r56-actions button {font:inherit;cursor:pointer;min-height:37px;padding:8px 12px;border:1px solid #d9dff0;border-radius:8px;background:white;color:#5439d8;font-size:12px;font-weight:700;}
.edo-r56-actions .edo-r56-purge {color:#c33648;border-color:#f0c5ce;background:#fff8f8}
.edo-r56-actions button:hover {filter:brightness(.96)}
.edo-r56-actions button:focus-visible {outline:3px solid #baaaff;outline-offset:2px}
@media(max-width:700px) {.edo-r56-page{margin:10px 7px;padding:16px}.edo-r56-page h1{font-size:20px}.edo-r56-row{flex-wrap:wrap;padding:12px}.edo-r56-info{flex:1 1 calc(100% - 60px)}.edo-r56-actions{width:100%;justify-content:stretch}.edo-r56-actions button{flex:1 1 130px}}
html[data-theme="dark"] .edo-r56-page,body.theme-dark .edo-r56-page,
html[data-theme="dark"] .edo-r56-row,body.theme-dark .edo-r56-row{background:#17213b;color:#f3f5ff;border-color:#354260}
html[data-theme="dark"] .edo-r56-actions button,body.theme-dark .edo-r56-actions button{background:#253253;border-color:#465276;color:#ded5ff}
html[data-theme="dark"] .edo-r56-actions .edo-r56-purge,body.theme-dark .edo-r56-actions .edo-r56-purge{color:#ff9eaa}
/* R56 is a DOM-isolated page; no React JSX render-tree replacement. */
.app-shell.edo-r56-trash-open .app-main > :not(.topbar):not(.edo-r56-page) {display:none!important}
.app-shell.edo-r56-trash-open .app-main > .edo-r56-page {display:block!important}
.app-shell.edo-r56-trash-open .edo-r25-nav > .edo-r25-item.is-selected:not(.edo-r56-trash-nav) {background:transparent!important;border-color:transparent!important;color:inherit!important}
.app-shell.edo-r25-ready .edo-r25-nav > .edo-r56-trash-nav.edo-r56-active {background:linear-gradient(110deg,rgba(105,70,241,.48),rgba(66,42,170,.25));border-color:rgba(155,133,252,.4);color:#fff}
.edo-r56-page[hidden]{display:none!important}


/* R132 SOURCE: /assets/edo-execution-left-card-r60.css */
/* R60: Main document -> original left card; Execution document -> upload card. */
.detail-page { position: relative; }
.detail-page .info-column > .edo-r60-execution-card { display: none; }
.detail-page.edo-r60-execution-mode .info-column > :not(.edo-r60-execution-card) { display: none !important; }
.detail-page.edo-r60-execution-mode .info-column > .edo-r60-execution-card { display: block; }
.detail-page.edo-r60-upload-open .info-column > .edo-r60-execution-card { visibility: hidden; }
.detail-page.edo-r60-execution-mode .info-column { display: block !important; min-height: 0; }
.detail-page .edo-r60-execution-card { box-sizing:border-box; width:100%; padding:0; overflow:hidden; background:#fff; border-radius:13px; border:1px solid #dfe5f3; box-shadow:0 7px 24px rgba(22,36,72,.06); }
.detail-page .edo-r60-card-head { min-height:74px; padding:15px 16px; display:flex; align-items:center; gap:12px; border-bottom:1px solid #e8edf5; background:#fff; }
.detail-page .edo-r60-card-headline { min-width:0; }
.detail-page .edo-r60-card-headline h3 { color:#122754; margin:0 0 4px; font-size:16px; font-weight:800; }
.detail-page .edo-r60-card-headline p { color:#7080a0; margin:0; font-size:12px; }
.detail-page .edo-r60-card-icon { display:grid; place-items:center; flex:0 0 42px; width:42px; height:42px; border-radius:11px; color:#623cff; background:#f0ebff; font-size:25px; font-weight:bold; }
.detail-page .edo-r60-card-body { padding:17px 16px; display:grid; gap:15px; }
.detail-page .edo-r60-dropzone { display:grid; place-items:center; gap:9px; padding:24px 12px; text-align:center; border:1.5px dashed #ad9af5; border-radius:12px; background:#faf9ff; }
.detail-page .edo-r60-cloud { display:grid; place-items:center; width:48px; height:48px; border-radius:50%; background:#ece5ff; color:#603af2; font-weight:800; font-size:30px; }
.detail-page .edo-r60-dropzone strong { color:#1b2e53; font-size:14px; }
.detail-page .edo-r60-dropzone > span:not(.edo-r60-cloud) { color:#6f7e9d; font-size:12px; }
.detail-page .edo-r60-select-file { display:inline-flex; align-items:center; justify-content:center; height:39px; margin-top:3px; padding:0 18px; background:#603af4; color:#fff; border:0; border-radius:8px; cursor:pointer; font-size:13px; font-weight:800; font-family:inherit; }
.detail-page .edo-r60-select-file:hover { background:#4d2cdb; }
.detail-page .edo-r60-help { margin:0; font-size:12px; line-height:1.6; color:#6c7b9c; }
.detail-page .edo-r60-context { display:flex; gap:8px; padding:12px; background:#f4f6fc; border-radius:8px; color:#617296; font-size:12px; line-height:1.5; }
.detail-page .edo-r60-dot { flex:0 0 7px; width:7px; height:7px; margin-top:6px; border-radius:50%; background:#6240f5; }
/* Keep React upload dialog in its original DOM tree but draw it exactly over the left card. */
.detail-page .execution-modal-overlay.edo-r60-inline-upload {
  position:absolute !important;
  inset:auto !important;
  top:var(--edo-r60-top,0px) !important;
  left:var(--edo-r60-left,0px) !important;
  right:auto !important;
  bottom:auto !important;
  display:block !important;
  width:var(--edo-r60-width,440px) !important;
  height:auto !important;
  min-height:0 !important;
  max-width:100% !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  overflow:visible !important;
  box-shadow:none !important;
  z-index:50 !important;
}
.detail-page .execution-modal-overlay.edo-r60-inline-upload > .execution-modal {
  display:block;
  box-sizing:border-box;
  width:100% !important;
  max-width:100% !important;
  max-height:var(--edo-r60-max-height,680px) !important;
  overflow:auto;
  margin:0 !important;
  border:1px solid #dfe5f3;
  border-radius:13px;
  background:#fff;
  box-shadow:0 7px 24px rgba(22,36,72,.06);
  animation:none !important;
  transform:none !important;
}
.detail-page .edo-r60-inline-upload .execution-modal-head {min-height:74px; padding:15px 16px; background:#fff; border-color:#e8edf5; }
.detail-page .edo-r60-inline-upload .execution-modal-head h3 {font-size:16px; color:#122754; }
.detail-page .edo-r60-inline-upload .execution-modal-head p {font-size:12px; color:#7180a0; }
.detail-page .edo-r60-inline-upload .execution-modal-body {padding:16px; gap:16px; }
.detail-page .edo-r60-inline-upload .execution-upload-field {position:relative; display:grid; justify-items:center; gap:10px; min-height:195px; padding:23px 13px; text-align:center; background:#faf9ff; border:1.5px dashed #b3a1f6; border-radius:12px; cursor:pointer; box-sizing:border-box; }
.detail-page .edo-r60-inline-upload .execution-upload-field::before { content:'⇧'; display:grid; place-items:center; width:49px; height:49px; border-radius:50%; background:#eee8ff; color:#623af3; font-size:30px; line-height:1; }
.detail-page .edo-r60-inline-upload .execution-upload-label {justify-content:center; color:#172b56; font-size:14px; }
.detail-page .edo-r60-inline-upload .execution-upload-field::after { content:'Kompyuterdan fayl tanlash'; display:inline-flex; align-items:center; justify-content:center; min-height:36px; padding:0 13px; border-radius:8px; background:#603af4; color:#fff; font-size:12px; font-weight:800; }
.detail-page .edo-r60-inline-upload .execution-upload-field input[type="file"] { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.detail-page .edo-r60-inline-upload .execution-upload-selected {font-size:12px; color:#2e7f58; overflow-wrap:anywhere; }
.detail-page .edo-r60-inline-upload .execution-modal-actions-two {display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.detail-page .edo-r60-inline-upload .execution-modal-actions button {max-width:100%; white-space:normal; font-size:12px; }
@media (max-width:760px) { .detail-page .edo-r60-inline-upload .execution-modal-body {padding:12px;} }
html[data-theme="dark"] .detail-page .edo-r60-execution-card,
body.dark .detail-page .edo-r60-execution-card,
html[data-theme="dark"] .detail-page .edo-r60-inline-upload > .execution-modal,
body.dark .detail-page .edo-r60-inline-upload > .execution-modal {background:#182340;color:#eff2ff;border-color:#374361;}
html[data-theme="dark"] .detail-page .edo-r60-card-head,
body.dark .detail-page .edo-r60-card-head,
html[data-theme="dark"] .detail-page .edo-r60-inline-upload .execution-modal-head,
body.dark .detail-page .edo-r60-inline-upload .execution-modal-head {background:#1c2946;border-color:#374361;}
html[data-theme="dark"] .detail-page .edo-r60-card-headline h3,
body.dark .detail-page .edo-r60-card-headline h3,
html[data-theme="dark"] .detail-page .edo-r60-inline-upload .execution-modal-head h3,
body.dark .detail-page .edo-r60-inline-upload .execution-modal-head h3 {color:#f1f4ff;}
html[data-theme="dark"] .detail-page .edo-r60-dropzone,
body.dark .detail-page .edo-r60-dropzone,
html[data-theme="dark"] .detail-page .edo-r60-inline-upload .execution-upload-field,
body.dark .detail-page .edo-r60-inline-upload .execution-upload-field {background:#222d4c;border-color:#6652b5;}


/* R132 SOURCE: /assets/edo-execution-files-r61.css */
/* EDO Business R61 — execution file list now belongs visually to the execution card. */
.detail-page.edo-r61-files-ready .info-column .merged-info-files-card > .execution-files-section {display:none !important;}
.detail-page.edo-r61-files-ready .info-column .merged-info-files-card > .merged-files-section + .merged-card-divider {display:none !important;}
.detail-page .edo-r61-execution-files-slot {display:block; border-top:1px solid #e7ecf5; padding:15px 16px 17px; min-width:0;}
.detail-page .edo-r61-execution-files-slot .execution-files-section {display:block !important; margin:0; padding:0; border:0; background:transparent; min-width:0;}
.detail-page .edo-r61-execution-files-slot .execution-files-section h3 {margin-top:0;}
.detail-page .edo-r61-execution-files-slot .execution-file-item {min-width:0;}
.detail-page .edo-r61-execution-files-slot .execution-file-meta {min-width:0; overflow-wrap:anywhere;}
.detail-page .edo-r61-execution-files-slot button {cursor:pointer;}
.detail-page .edo-r60-execution-card .edo-r61-execution-files-slot {background:#fff;}
/* The React upload form remains positioned by R60. The file list is displayed
   inside the same left-hand card, directly beneath that form. */
.detail-page .edo-r60-inline-upload > .execution-modal > .edo-r61-execution-files-slot {padding:12px 15px 16px; background:inherit;}
@media(max-width:760px){.detail-page .edo-r61-execution-files-slot{padding:13px 12px 16px;}}
html[data-theme="dark"] .detail-page .edo-r61-execution-files-slot,
body.dark .detail-page .edo-r61-execution-files-slot {border-color:#384462;}
html[data-theme="dark"] .detail-page .edo-r60-execution-card .edo-r61-execution-files-slot,
body.dark .detail-page .edo-r60-execution-card .edo-r61-execution-files-slot {background:#182340;}


/* R132 SOURCE: /assets/edo-left-card-tabs-r62.css */
/* EDO Business R62: segmented document-mode switch is visually part of the left card.
   Native React controls remain in the DOM for their existing click handlers. */
.detail-page.edo-r62-ready .detail-grid > .info-column {
  position:relative;
  row-gap:0 !important;
  align-content:start;
  --edo-r62-bar-height:58px;
}
.detail-page.edo-r62-ready .info-column > .edo-r62-tabs {
  box-sizing:border-box;
  display:flex !important;
  flex-wrap:nowrap;
  align-items:center;
  width:100%;
  min-width:0;
  height:var(--edo-r62-bar-height);
  padding:9px 12px;
  background:#fff;
  border:1px solid #dfe5f3;
  border-bottom:1px solid #e8edf5;
  border-radius:13px 13px 0 0;
  z-index:2;
}
.detail-page .edo-r62-pill {
  box-sizing:border-box;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  width:100%;
  min-width:0;
  gap:4px;
  padding:4px;
  border:1px solid #e5e7f5;
  background:#f1f3fa;
  border-radius:11px;
}
.detail-page .edo-r62-pill > button {
  min-width:0;
  min-height:32px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:6px;
  padding:5px 8px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#485b82;
  font-size:12px;
  line-height:1.3;
  font-weight:750;
  cursor:pointer;
  white-space:nowrap;
  transition:color .18s ease, background-color .18s ease, box-shadow .18s ease;
}
.detail-page .edo-r62-pill > button:hover:not([aria-selected="true"]) {background:#e7e9f6;}
.detail-page .edo-r62-pill > button[aria-selected="true"] {
  color:#fff;
  background:linear-gradient(115deg,#6e4afa,#5432e6);
  box-shadow:0 2px 8px #4e30d728;
}
.detail-page .edo-r62-pill > button:focus-visible {outline:2px solid #7a55ff;outline-offset:2px;}
/* Native mode controls remain mounted for their React event handlers, but no longer
   consume space in the PDF actions footer. This does not hide other viewer controls. */
.detail-page.edo-r62-ready .viewer-actions-card.compact-actions-card:has(.viewer-actions-row.edo-r51-actions) {display:none!important;}
/* Join tabs to either card without touching React-owned DOM. */
.detail-page.edo-r62-ready:not(.edo-r60-execution-mode) .info-column > .merged-info-files-card,
.detail-page.edo-r62-ready.edo-r60-execution-mode .info-column > .edo-r60-execution-card {
  border-top:0;
  border-top-left-radius:0;
  border-top-right-radius:0;
}
.detail-page.edo-r62-ready.edo-r60-execution-mode .info-column > .edo-r62-tabs {display:flex !important;}
/* R60 positions React's real upload dialog at the old top of the left column;
   offset it past the new segmented header, so the tabs remain available. */
.detail-page.edo-r62-ready .execution-modal-overlay.edo-r60-inline-upload {
  top:calc(var(--edo-r60-top,0px) + var(--edo-r62-bar-height,58px)) !important;
}
.detail-page.edo-r62-ready .execution-modal-overlay.edo-r60-inline-upload > .execution-modal {
  border-top:0;
  border-top-left-radius:0;
  border-top-right-radius:0;
}
@media(max-width:430px) {
  .detail-page.edo-r62-ready .info-column > .edo-r62-tabs {padding:8px;--edo-r62-bar-height:58px;}
  .detail-page .edo-r62-pill > button {font-size:11px;padding-inline:4px;}
}
html[data-theme="dark"] .detail-page.edo-r62-ready .info-column > .edo-r62-tabs,
body.dark .detail-page.edo-r62-ready .info-column > .edo-r62-tabs {
  background:#182340;border-color:#384462;
}
html[data-theme="dark"] .detail-page .edo-r62-pill,
body.dark .detail-page .edo-r62-pill {background:#232d4a;border-color:#384462;}
html[data-theme="dark"] .detail-page .edo-r62-pill > button:not([aria-selected="true"]),
body.dark .detail-page .edo-r62-pill > button:not([aria-selected="true"]) {color:#d0dbf4;}


/* R132 SOURCE: /assets/edo-main-card-clean-r63.css */
/* EDO Business R63 — keep "Ijro fayllari" in the execution card only.
   Hide the React-owned ORIGINAL in the main info card, not its R61 mirror.
   Intentionally independent of .edo-r61-files-ready to avoid refresh flashes.
   Do not remove the original DOM: R61 still reads it and forwards file actions. */
.detail-page .info-column .merged-info-files-card .execution-files-section {
  display: none !important;
}
/* Remove ONLY the divider immediately before the now-hidden execution list.
   Leave the divider above "Fayllar" and other sections untouched. */
.detail-page .info-column .merged-info-files-card .merged-card-divider:has(+ .execution-files-section) {
  display: none !important;
}
/* In the execution card, the R61 mirrored list must stay visible. */
.detail-page .info-column .edo-r60-execution-card .edo-r61-execution-files-slot .execution-files-section,
.detail-page .execution-modal-overlay.edo-r60-inline-upload .edo-r61-execution-files-slot .execution-files-section {
  display: block !important;
}


/* R132 SOURCE: /assets/edo-cards-equal-height-r64.css */
/* EDO Business R64 — document cards match the PDF viewer card height.
   Depends on the existing R60-R63 markup; no React-owned nodes are moved.
   The tablet bar occupies 58px; the remaining height is scrollable card content. */
.detail-page.edo-r62-ready.edo-r64-height-ready .detail-grid > .info-column {
  --edo-r64-tabs: 58px;
  box-sizing: border-box;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: var(--edo-r64-tabs) minmax(0, 1fr) !important;
  align-content: stretch !important;
  gap: 0 !important;
  height: var(--edo-r64-viewer-height) !important;
  min-height: 0 !important;
  max-height: var(--edo-r64-viewer-height) !important;
  overflow: hidden !important;
  align-self: start;
}
/* On the main-document mode, its own header and body remain functional. */
.detail-page.edo-r62-ready.edo-r64-height-ready .info-column > .merged-info-files-card {
  box-sizing: border-box;
  min-height: 0 !important;
  max-height: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}
.detail-page.edo-r62-ready.edo-r64-height-ready .merged-info-files-card > .document-info-toolbar,
.detail-page.edo-r62-ready.edo-r64-height-ready .merged-info-files-card > .document-info-card-head {
  flex: 0 0 auto !important;
}
.detail-page.edo-r62-ready.edo-r64-height-ready .merged-info-files-card > .document-info-card-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
}
/* On the execution-document mode, scroll the contents rather than expanding
   the left card and pushing it below the PDF viewer. */
.detail-page.edo-r62-ready.edo-r64-height-ready .info-column > .edo-r60-execution-card {
  box-sizing: border-box;
  min-height: 0 !important;
  max-height: 100% !important;
  height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #a998f1 transparent;
}
.detail-page.edo-r62-ready.edo-r64-height-ready .info-column > .edo-r62-tabs {
  flex: 0 0 auto;
  box-sizing: border-box;
  height: var(--edo-r64-tabs) !important;
  min-height: var(--edo-r64-tabs) !important;
}
/* R60 displays the existing React upload form as an overlay aligned to the
   card slot. Its own form must scroll within the same height constraint. */
.detail-page.edo-r64-height-ready .execution-modal-overlay.edo-r60-inline-upload {
  max-height: calc(var(--edo-r64-viewer-height) - 58px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
}
.detail-page.edo-r64-height-ready .execution-modal-overlay.edo-r60-inline-upload > .execution-modal {
  max-height: none !important;
  overflow: visible !important;
}
/* Avoid measurement feedback loops in the responsive layouts, where the
   document grid's row height would otherwise stretch the PDF viewer. */
@media (max-width: 1180px) {
  .detail-page.edo-r64-height-ready .detail-grid > .viewer-column {
    align-self: start !important;
    align-content: start !important;
    grid-template-rows: max-content max-content !important;
  }
  .detail-page.edo-r64-height-ready .detail-grid > .viewer-column > .viewer-card {
    align-self: start !important;
    height: auto !important;
  }
}
/* Explicit mode visibility: do not accidentally override R60's display:none
   with the flex layout required for height matching. */
.detail-page.edo-r62-ready.edo-r64-height-ready.edo-r60-execution-mode .info-column > .merged-info-files-card,
.detail-page.edo-r62-ready.edo-r64-height-ready:not(.edo-r60-execution-mode) .info-column > .edo-r60-execution-card {
  display: none !important;
}


/* R132 SOURCE: /assets/edo-sidebar-rounded-r65.css */
/* EDO Business R65 — sidebar outer corners only.
   No changes to navigation, profile, header, routing or content. */
@media (min-width: 561px) {
  .app-shell > .sidebar {
    box-sizing: border-box;
    border-radius: 20px !important;
    margin: 8px 0 8px 8px;
    top: 8px;
    height: calc(100vh - 16px);
    height: calc(100dvh - 16px);
    overflow: hidden;
    box-shadow: 0 8px 26px rgba(7, 20, 48, .14);
  }
}
@media (max-width: 560px) {
  /* Keep the existing mobile drawer transform and its toggle mechanics. */
  .app-shell > .sidebar {
    box-sizing: border-box;
    border-radius: 18px !important;
    margin: 0;
    top: 8px;
    left: 8px;
    height: calc(100vh - 16px);
    height: calc(100dvh - 16px);
    overflow: hidden;
    box-shadow: 0 12px 32px rgba(7, 20, 48, .24);
  }
}


/* R132 SOURCE: /assets/edo-detail-bottom-align-r66.css */
/* EDO Business R66: desktop document workspace bottom edge = rounded sidebar bottom.
   R64 synchronized the left panel to the PDF *viewer card*, excluding the bottom
   action toolbar. R66 synchronizes both columns to the full workspace instead.
   Only activated when JS has measured sufficient viewport height. */
@media (min-width: 1181px) {
  .app-main.detail-mode .detail-page.edo-r66-bottom-ready {
    flex: 0 0 auto !important;
    height: var(--edo-r66-panel-height) !important;
    min-height: 0 !important;
    max-height: var(--edo-r66-panel-height) !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
  }
  .app-main.detail-mode .detail-page.edo-r66-bottom-ready > .detail-grid {
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    align-items: stretch !important;
    overflow: hidden;
  }
  /* R64 has a !important viewer-card height on the left panel. Override it
     with total grid height (includes the right-hand action bar). */
  .app-main.detail-mode .detail-page.edo-r66-bottom-ready.edo-r62-ready .detail-grid > .info-column {
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    align-self: stretch !important;
  }
  .app-main.detail-mode .detail-page.edo-r66-bottom-ready .detail-grid > .viewer-column {
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) auto !important;
    align-content: stretch !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow: hidden !important;
    padding-top: 0 !important;
  }
  .app-main.detail-mode .detail-page.edo-r66-bottom-ready .viewer-column > .viewer-card {
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
  }
  .app-main.detail-mode .detail-page.edo-r66-bottom-ready .viewer-column > .viewer-actions-card {
    min-height: 0 !important;
    flex: none !important;
  }
  .detail-page.edo-r66-bottom-ready.edo-r62-ready .info-column > .merged-info-files-card,
  .detail-page.edo-r66-bottom-ready.edo-r62-ready .info-column > .edo-r60-execution-card {
    min-height: 0 !important;
    max-height: 100% !important;
    overflow-y: auto !important;
  }
  .detail-page.edo-r66-bottom-ready .execution-modal-overlay.edo-r60-inline-upload {
    max-height: calc(var(--edo-r66-panel-height) - 58px) !important;
  }
}
/* Tablet / mobile: columns are stacked; don't clamp to sidebar bottom as the
   sidebar is an off-canvas drawer at these widths. Keep natural page scrolling. */


/* R132 SOURCE: /assets/edo-execution-card-full-height-r67.css */
/* EDO Business R67 — make the execution upload card fill the full left panel.
 * R60 places the REAL React upload form inside an absolutely positioned layer.
 * R66 stretched the column but not that layer, leaving an empty gap below it.
 * This patch only affects detail mode at desktop sizes with R66 active.
 * Mobile/tablet naturally scroll: no forced viewport-height constraint there. */
@media (min-width: 1181px) {
  .app-main.detail-mode .detail-page.edo-r62-ready.edo-r66-bottom-ready.edo-r60-execution-mode
    .execution-modal-overlay.edo-r60-inline-upload {
    box-sizing: border-box !important;
    height: calc(var(--edo-r66-panel-height) - 58px) !important;
    min-height: 0 !important;
    max-height: calc(var(--edo-r66-panel-height) - 58px) !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
  }
  .app-main.detail-mode .detail-page.edo-r62-ready.edo-r66-bottom-ready.edo-r60-execution-mode
    .execution-modal-overlay.edo-r60-inline-upload > .execution-modal {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
  }
  .app-main.detail-mode .detail-page.edo-r62-ready.edo-r66-bottom-ready.edo-r60-execution-mode
    .edo-r60-inline-upload > .execution-modal > .execution-modal-head {
    flex: 0 0 auto !important;
  }
  .app-main.detail-mode .detail-page.edo-r62-ready.edo-r66-bottom-ready.edo-r60-execution-mode
    .edo-r60-inline-upload > .execution-modal > .execution-modal-body {
    box-sizing: border-box !important;
    flex: 0 1 auto !important;
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  /* R61 mirrored file list stays beneath the form. It consumes the free
     space, and gains its own scrollbar only if the files don't fit. */
  .app-main.detail-mode .detail-page.edo-r62-ready.edo-r66-bottom-ready.edo-r60-execution-mode
    .edo-r60-inline-upload > .execution-modal > .edo-r61-execution-files-slot {
    box-sizing: border-box !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-width: thin;
  }
  /* If the user closed the React upload dialog, R60's fallback execution card
     fills the exact same left-side space. */
  .app-main.detail-mode .detail-page.edo-r62-ready.edo-r66-bottom-ready.edo-r60-execution-mode
    .detail-grid > .info-column > .edo-r60-execution-card {
    box-sizing: border-box !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
}


/* R132 SOURCE: /assets/edo-card-header-align-r68.css */
/* R68 — Make left document-mode tabs as tall as the real PDF viewer toolbar.
 * The viewer is the authority. JS measures its rendered height; 64px is the
 * native desktop fallback until measurement completes. React nodes untouched.
 */
.detail-page.edo-r62-ready {
  --edo-r68-header-height: 64px;
}
.detail-page.edo-r62-ready .detail-grid > .info-column {
  --edo-r62-bar-height: var(--edo-r68-header-height, 64px);
  --edo-r64-tabs: var(--edo-r68-header-height, 64px);
  grid-template-rows: var(--edo-r68-header-height, 64px) minmax(0, 1fr) !important;
}
.detail-page.edo-r62-ready .detail-grid > .info-column > .edo-r62-tabs {
  box-sizing: border-box !important;
  height: var(--edo-r68-header-height, 64px) !important;
  min-height: var(--edo-r68-header-height, 64px) !important;
  max-height: var(--edo-r68-header-height, 64px) !important;
  flex: 0 0 var(--edo-r68-header-height, 64px) !important;
  display: flex !important;
  align-items: center !important;
}
/* R62 offsets the React-owned execution upload dialog below the tab header.
   Follow the measured height rather than assuming a constant 58px. */
.detail-page.edo-r62-ready .execution-modal-overlay.edo-r60-inline-upload {
  top: calc(var(--edo-r60-top, 0px) + var(--edo-r68-header-height, 64px)) !important;
}
/* R64/66/67 constrain the panel and execution overlay for bottom alignment.
   Override their old 58px subtraction, so their bottom edges still align. */
@media (min-width: 1181px) {
  .app-main.detail-mode .detail-page.edo-r62-ready.edo-r64-height-ready
    .execution-modal-overlay.edo-r60-inline-upload {
    max-height: calc(var(--edo-r64-viewer-height) - var(--edo-r68-header-height, 64px)) !important;
  }
  .app-main.detail-mode .detail-page.edo-r66-bottom-ready.edo-r62-ready
    .execution-modal-overlay.edo-r60-inline-upload {
    max-height: calc(var(--edo-r66-panel-height) - var(--edo-r68-header-height, 64px)) !important;
  }
  .app-main.detail-mode .detail-page.edo-r62-ready.edo-r66-bottom-ready.edo-r60-execution-mode
    .execution-modal-overlay.edo-r60-inline-upload {
    height: calc(var(--edo-r66-panel-height) - var(--edo-r68-header-height, 64px)) !important;
    max-height: calc(var(--edo-r66-panel-height) - var(--edo-r68-header-height, 64px)) !important;
  }
}
/* Mobile and tablet use natural page scroll: sync the visible header height,
   but never force viewport-height cards. */
@media (max-width: 1180px) {
  .detail-page.edo-r62-ready .detail-grid > .info-column {
    grid-template-rows: var(--edo-r68-header-height, 64px) auto !important;
  }
}


/* R132 SOURCE: /assets/edo-execution-type-r69.css */
/* EDO Business R69: document type selector preceding the execution file picker. */
.detail-page.edo-r60-execution-mode .edo-r69-type-field {
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-width: 0;
  margin: 0;
}
.detail-page .edo-r69-type-label {
  box-sizing: border-box;
  display: grid;
  gap: 8px;
  font-size: 13px;
  line-height: 1.35;
  color: #1b3058;
  font-weight: 750;
}
.detail-page .edo-r69-type-select {
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-height: 42px;
  padding: 0 37px 0 13px;
  border: 1px solid #d8e0ef;
  border-radius: 8px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  color: #172b54;
  background-color: #fff;
  cursor: pointer;
  outline-offset: 2px;
}
.detail-page .edo-r69-type-select:focus-visible {
  outline: 2px solid #6844f6;
  border-color: #8167f6;
}
.detail-page .edo-r69-type-select:has(option:checked[value=""]) { color: #7786a3; }
.detail-page .edo-r69-type-select option {color:#172b54;}
.detail-page .edo-r60-execution-card .edo-r60-card-body > .edo-r69-type-field {
  margin-bottom: 0;
}
html[data-theme="dark"] .detail-page .edo-r69-type-label,
body.dark .detail-page .edo-r69-type-label {color:#edf2ff;}
html[data-theme="dark"] .detail-page .edo-r69-type-select,
body.dark .detail-page .edo-r69-type-select {
  background-color:#202d4b;
  color:#f3f5ff;
  border-color:#485576;
  color-scheme:dark;
}
html[data-theme="dark"] .detail-page .edo-r69-type-select option,
body.dark .detail-page .edo-r69-type-select option {color:#f3f5ff;}


/* R132 SOURCE: /assets/edo-execution-templates-r70.css */
/* R70: template chooser placed between R69 document-type combobox and existing upload field */
.detail-page .edo-r70-template-panel {box-sizing:border-box;min-width:0;display:grid;gap:11px;background:#f8f7ff;border:1px solid #dcd5ff;border-radius:11px;padding:13px 14px;margin:0;}
.detail-page .edo-r70-template-panel[hidden] {display:none!important;}
.detail-page .edo-r70-template-heading {display:flex;align-items:center;gap:10px;min-width:0;}
.detail-page .edo-r70-template-icon {display:flex;flex:none;align-items:center;justify-content:center;width:38px;height:42px;border-radius:9px;color:#30499a;background:#e6edff;font-weight:900;font-size:18px;}
.detail-page .edo-r70-template-info {display:flex;flex-direction:column;gap:3px;min-width:0;}
.detail-page .edo-r70-template-name {font-size:13px;color:#182e59;line-height:1.3;font-weight:800;}
.detail-page .edo-r70-template-meta {font-size:11px;color:#66789d;line-height:1.4;}
.detail-page .edo-r70-template-download {box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:38px;padding:9px 13px;border-radius:7px;background:#603af1;color:#fff!important;font-size:12px;font-weight:800;text-decoration:none!important;box-shadow:0 3px 10px rgba(89,63,226,.16);transition:background .15s;}
.detail-page .edo-r70-template-download:hover {background:#4d27dc;}
.detail-page .edo-r70-template-download:focus-visible {outline:2px solid #3c2f9c;outline-offset:2px;}
.detail-page .edo-r70-template-hint {margin:0;font-size:11px;line-height:1.5;color:#657596;text-align:center;}
html[data-theme="dark"] .detail-page .edo-r70-template-panel,body.dark .detail-page .edo-r70-template-panel {background:#1f2a49;border-color:#4a4376;}
html[data-theme="dark"] .detail-page .edo-r70-template-name,body.dark .detail-page .edo-r70-template-name {color:#f0efff;}
html[data-theme="dark"] .detail-page .edo-r70-template-meta,html[data-theme="dark"] .detail-page .edo-r70-template-hint,body.dark .detail-page .edo-r70-template-meta,body.dark .detail-page .edo-r70-template-hint {color:#bcc5e1;}
@media(max-width:540px){.detail-page .edo-r70-template-panel {padding:12px;gap:9px;}.detail-page .edo-r70-template-download {min-height:42px;}}


/* R132 SOURCE: /assets/edo-execution-card-clean-r71.css */
/* EDO Business R71 — keep execution document card focused on choosing a
   document type, downloading its template and selecting the completed file.
   Only presentation is changed; React controls and stored files are untouched. */

/* React upload form displayed inline in R60/R62 execution card. */
.detail-page .execution-modal-overlay.edo-r60-inline-upload .execution-modal-actions.execution-modal-actions-two {
  display: none !important;
}

/* R61 mirrors of “Ijro fayllari”: fallback card and active inline upload form. */
.detail-page .info-column > .edo-r60-execution-card > .edo-r61-execution-files-slot,
.detail-page .execution-modal-overlay.edo-r60-inline-upload > .execution-modal > .edo-r61-execution-files-slot {
  display: none !important;
}

/* Safety if the slot is wrapped by a subsequent layout patch. */
.detail-page .edo-r60-execution-card .edo-r61-execution-files-slot,
.detail-page .execution-modal-overlay.edo-r60-inline-upload .edo-r61-execution-files-slot {
  display: none !important;
}


/* R132 SOURCE: /assets/edo-execution-compact-form-r72.css */
/* EDO Business R72 — compact unified execution-document form.
 * Presentation-only. Keeps React's original file input and the R69/R70
 * document-type and template-download controls untouched and operational.
 */

/* The R62 tablet bar already explains which document is being viewed. */
.detail-page.edo-r60-execution-mode .edo-r60-execution-card .edo-r60-card-head,
.detail-page.edo-r60-execution-mode .execution-modal-overlay.edo-r60-inline-upload .execution-modal-head {
  display: none !important;
}

/* One coherent card, not three floating boxes. */
.detail-page.edo-r60-execution-mode .edo-r60-execution-card .edo-r60-card-body,
.detail-page.edo-r60-execution-mode .execution-modal-overlay.edo-r60-inline-upload .execution-modal-body {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important;
  padding: 16px !important;
  margin: 0 !important;
  width: 100% !important;
}

/* Document type: concise label + compact select. */
.detail-page.edo-r60-execution-mode .edo-r60-card-body > .edo-r69-type-field,
.detail-page.edo-r60-execution-mode .edo-r60-inline-upload .execution-modal-body > .edo-r69-type-field {
  display: block !important;
  width: 100% !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
}
.detail-page.edo-r60-execution-mode .edo-r69-type-label {
  gap: 6px !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}
.detail-page.edo-r60-execution-mode .edo-r69-type-select {
  min-height: 39px !important;
  border-radius: 7px !important;
  font-size: 12px !important;
}

/* Template download turns into a small file row in the SAME form. */
.detail-page.edo-r60-execution-mode .edo-r60-card-body > .edo-r70-template-panel,
.detail-page.edo-r60-execution-mode .edo-r60-inline-upload .execution-modal-body > .edo-r70-template-panel {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 10px 11px !important;
  margin: 0 0 12px !important;
  border-radius: 8px !important;
  border: 1px solid #e0e5f3 !important;
  background: #f8faff !important;
}
.detail-page.edo-r60-execution-mode .edo-r60-card-body > .edo-r70-template-panel[hidden],
.detail-page.edo-r60-execution-mode .edo-r60-inline-upload .execution-modal-body > .edo-r70-template-panel[hidden] { display: none !important; }
.detail-page.edo-r60-execution-mode .edo-r70-template-heading { gap: 8px !important; }
.detail-page.edo-r60-execution-mode .edo-r70-template-icon {
  width: 31px !important;
  height: 35px !important;
  font-size: 13px !important;
  border-radius: 7px !important;
}
.detail-page.edo-r60-execution-mode .edo-r70-template-name {
  font-size: 12px !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere;
}
/* Hide repeated explanations, not the useful template name. */
.detail-page.edo-r60-execution-mode .edo-r70-template-meta,
.detail-page.edo-r60-execution-mode .edo-r70-template-hint { display: none !important; }
.detail-page.edo-r60-execution-mode .edo-r70-template-download {
  width: auto !important;
  min-width: 96px !important;
  min-height: 34px !important;
  padding: 7px 10px !important;
  font-size: 0 !important;
  line-height: 1.2 !important;
  border-radius: 7px !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}
.detail-page.edo-r60-execution-mode .edo-r70-template-download::after {
  content: 'Yuklab olish';
  font-size: 11px;
  line-height: 1.2;
  font-weight: 750;
}

/* Actual React file input stays clickable across the entire upload row. */
.detail-page.edo-r60-execution-mode .edo-r60-inline-upload .execution-upload-field {
  box-sizing: border-box !important;
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 68px !important;
  padding: 12px !important;
  margin: 0 !important;
  border: 1px dashed #b9a8f7 !important;
  border-radius: 8px !important;
  background: #faf9ff !important;
  cursor: pointer;
}
.detail-page.edo-r60-execution-mode .edo-r60-inline-upload .execution-upload-label {
  display: none !important;
}
.detail-page.edo-r60-execution-mode .edo-r60-inline-upload .execution-upload-field::before {
  content: '↑' !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 30px !important;
  width: 30px !important;
  height: 30px !important;
  margin: 0 !important;
  border-radius: 8px !important;
  background: #eee9ff !important;
  color: #603af4 !important;
  font-size: 20px !important;
  font-weight: 700 !important;
}
.detail-page.edo-r60-execution-mode .edo-r60-inline-upload .execution-upload-field::after {
  content: 'Fayl tanlash' !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 32px !important;
  padding: 0 13px !important;
  margin: 0 !important;
  border-radius: 7px !important;
  background: #603af4 !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  box-shadow: none !important;
}
.detail-page.edo-r60-execution-mode .edo-r60-inline-upload .execution-upload-field input[type='file'] {
  position: absolute !important;
  inset: 0 !important;
  opacity: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 2;
  cursor: pointer;
}
.detail-page.edo-r60-execution-mode .edo-r60-inline-upload .execution-upload-field:focus-within {
  outline: 2px solid #7963f6;
  outline-offset: 2px;
}
.detail-page.edo-r60-execution-mode .edo-r60-inline-upload .execution-upload-selected {
  display: block !important;
  font-size: 11px !important;
  margin: 0 !important;
  overflow-wrap: anywhere;
}

/* R60 fallback UI when the real upload form was closed. */
.detail-page.edo-r60-execution-mode .edo-r60-execution-card .edo-r60-dropzone {
  box-sizing: border-box !important;
  display: flex !important;
  min-height: 68px !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 12px !important;
  margin: 0 !important;
  border-width: 1px !important;
  border-radius: 8px !important;
}
.detail-page.edo-r60-execution-mode .edo-r60-dropzone .edo-r60-cloud,
.detail-page.edo-r60-execution-mode .edo-r60-dropzone strong,
.detail-page.edo-r60-execution-mode .edo-r60-dropzone > span:not(.edo-r60-cloud),
.detail-page.edo-r60-execution-mode .edo-r60-card-body > .edo-r60-help,
.detail-page.edo-r60-execution-mode .edo-r60-card-body > .edo-r60-context {
  display: none !important;
}
.detail-page.edo-r60-execution-mode .edo-r60-dropzone .edo-r60-select-file {
  margin: 0 !important;
  height: 34px !important;
  font-size: 12px !important;
  border-radius: 7px !important;
}
/* R71's cleaned-up action buttons and execution-file list remain hidden. */
.detail-page.edo-r60-execution-mode .edo-r60-inline-upload .execution-modal-actions-two,
.detail-page.edo-r60-execution-mode .edo-r60-inline-upload .edo-r61-execution-files-slot,
.detail-page.edo-r60-execution-mode .edo-r60-execution-card .edo-r61-execution-files-slot { display:none !important; }

@media (max-width: 540px) {
  .detail-page.edo-r60-execution-mode .edo-r60-card-body,
  .detail-page.edo-r60-execution-mode .edo-r60-inline-upload .execution-modal-body {padding: 12px !important;}
  .detail-page.edo-r60-execution-mode .edo-r70-template-download {min-width: 85px !important;padding-inline:8px !important;}
  .detail-page.edo-r60-execution-mode .edo-r70-template-download::after {font-size: 10px;}
}
html[data-theme='dark'] .detail-page.edo-r60-execution-mode .edo-r70-template-panel,
body.dark .detail-page.edo-r60-execution-mode .edo-r70-template-panel {background:#222d4b !important;border-color:#455273 !important;}
html[data-theme='dark'] .detail-page.edo-r60-execution-mode .edo-r60-inline-upload .execution-upload-field,
body.dark .detail-page.edo-r60-execution-mode .edo-r60-inline-upload .execution-upload-field {background:#232c49 !important;border-color:#6652b5 !important;}


/* R132 SOURCE: /assets/edo-execution-save-r73.css */
/* EDO Business R73: execution document actions, text-width, right-aligned. */
.detail-page.edo-r60-execution-mode .execution-modal-overlay.edo-r60-inline-upload > .execution-modal {
  display: flex !important;
  flex-direction: column !important;
}

.detail-page.edo-r60-execution-mode .execution-modal-overlay.edo-r60-inline-upload .edo-r73-footer {
  box-sizing: border-box;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
  width: 100%;
  margin-top: auto;
  padding: 15px 16px 16px;
  background: #fff;
}

.detail-page .edo-r73-footer .edo-r73-status {
  flex: 1 1 190px;
  min-width: 0;
  font: 500 12px/1.45 "Segoe UI", Arial, sans-serif;
  color: #566780;
  overflow-wrap: anywhere;
}
.detail-page .edo-r73-footer .edo-r73-status[data-kind="error"] { color: #b42332; }
.detail-page .edo-r73-footer .edo-r73-status[data-kind="success"] { color: #18754f; }
.detail-page .edo-r73-footer .edo-r73-status a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.detail-page .edo-r73-footer .edo-r73-buttons {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
  margin-left: auto;
}
.detail-page .edo-r73-footer .edo-r73-button {
  box-sizing: border-box;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: max-content !important;
  min-width: 0 !important;
  min-height: 38px;
  padding: 0 15px;
  border-radius: 8px;
  border: 1px solid #cdd6e8;
  background: #fff;
  color: #344766;
  font: 700 12px/1.3 "Segoe UI", Arial, sans-serif;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 120ms ease, border-color 120ms ease;
}
.detail-page .edo-r73-footer .edo-r73-button:hover { background: #f4f6fb; }
.detail-page .edo-r73-footer .edo-r73-button.primary {
  background: #603af4;
  border-color: #603af4;
  color: #fff;
}
.detail-page .edo-r73-footer .edo-r73-button.primary:hover { background: #4f2ed5; }
.detail-page .edo-r73-footer .edo-r73-button:focus-visible {
  outline: 2px solid #8b75fa;
  outline-offset: 2px;
}
.detail-page .edo-r73-footer .edo-r73-button:disabled {
  opacity: .48;
  cursor: not-allowed;
}

/* R67 fills the desktop card. Keep the action footer at its lower right. */
@media (min-width: 1181px) {
  .app-main.detail-mode .detail-page.edo-r62-ready.edo-r66-bottom-ready.edo-r60-execution-mode
    .execution-modal-overlay.edo-r60-inline-upload > .execution-modal > .execution-modal-body {
    flex: 1 1 auto !important;
  }
}
@media (max-width: 560px) {
  .detail-page.edo-r60-execution-mode .execution-modal-overlay.edo-r60-inline-upload .edo-r73-footer {
    padding: 12px;
  }
  .detail-page .edo-r73-footer .edo-r73-status { flex-basis: 100%; }
}
html.edo-r31-dark .detail-page .edo-r73-footer,
body.dark .detail-page .edo-r73-footer { background: #182340; }
html.edo-r31-dark .detail-page .edo-r73-footer .edo-r73-button:not(.primary),
body.dark .detail-page .edo-r73-footer .edo-r73-button:not(.primary) {
  background: #22314f;
  color: #e4eafb;
  border-color: #445575;
}


/* R132 SOURCE: /assets/edo-workflow-wide-r80-20261026.css */
/* EDO Business R80 — workflow timeline without the redundant document number/date rail.
   Presentation only: all six steps, document records and underlying APIs stay unchanged.
   Load after the existing R49 responsive timeline stylesheet. */

.app-shell .dashboard-page.edo-r26-ready .edo-r26-process {
  grid-template-columns: minmax(0, 1fr) !important;
}

.app-shell .dashboard-page.edo-r26-ready .edo-r26-process > .edo-r48-card-head {
  display: none !important;
}

.app-shell .dashboard-page.edo-r26-ready .edo-r26-process > .edo-r26-steps {
  grid-column: 1 !important;
  grid-row: 1 !important;
  padding: 10px 9px 7px !important;
}

@media (max-width: 570px) {
  .app-shell .dashboard-page.edo-r26-ready .edo-r26-process > .edo-r26-steps {
    padding: 6px 3px 7px !important;
  }
}


/* R132 SOURCE: /assets/edo-workflow-glide-r81-20261026.css */
/* R81: keep the real active stage above connecting lines while it glides. */
.app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r26-stage.is-current > .edo-r26-stage-dot.edo-r81-sliding {
  z-index: 7 !important;
  pointer-events: none;
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  .app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r26-stage-dot.edo-r81-sliding {
    animation: none !important;
    transition: none !important;
  }
}


/* R132 SOURCE: /assets/edo-workflow-mobile-carousel-r82-20261026.css */
/* EDO Business R82 — mobile-only centered workflow carousel.
 * Original six steps and workflow data are preserved; desktop is untouched.
 * Load after R80, R81 and the earlier R49 timeline styles.
 */
@media (max-width: 720px) {
  .app-shell .dashboard-page.edo-r26-ready .edo-r26-process {
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 8px 0 7px !important;
  }

  .app-shell .dashboard-page.edo-r26-ready .edo-r26-process > .edo-r26-steps {
    --edo-r82-step-width: clamp(125px, 37vw, 150px);
    display: flex !important;
    align-items: flex-start !important;
    gap: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 12px max(0px, calc((100% - var(--edo-r82-step-width)) / 2)) 14px !important;
    box-sizing: border-box !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: max(0px, calc((100% - var(--edo-r82-step-width)) / 2));
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    touch-action: pan-x pan-y;
  }

  .app-shell .dashboard-page.edo-r26-ready .edo-r26-process > .edo-r26-steps::-webkit-scrollbar {
    display: none;
  }

  .app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r26-stage {
    flex: 0 0 var(--edo-r82-step-width) !important;
    width: var(--edo-r82-step-width) !important;
    max-width: var(--edo-r82-step-width) !important;
    scroll-snap-align: center;
    scroll-snap-stop: normal;
  }

  .app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r26-stage-label {
    max-width: 100% !important;
    padding: 0 3px !important;
    box-sizing: border-box;
    font-size: 11px !important;
    text-align: center;
  }
}

@media (max-width: 360px) {
  .app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r26-stage-label {
    font-size: 10px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .app-shell .dashboard-page.edo-r26-ready .edo-r26-process > .edo-r26-steps {
    scroll-behavior: auto !important;
  }
}


/* R132 SOURCE: /assets/edo-remove-kind-filter-r83-20261026.css */
/* EDO Business R83 — remove only the redundant "Barcha turlari" selector.
 * R26 creates this select with its default empty filter value; hiding it
 * removes the option from the toolbar without affecting document records,
 * search, status filtering, or sorting.
 * Applies to desktop and the R82 mobile carousel layout.
 */
.app-shell .dashboard-page.edo-r26-ready .edo-r26-toolbar .edo-r26-controls > select.edo-r26-kind {
  display: none !important;
}


/* R132 SOURCE: /assets/edo-mobile-sign-info-r84-20261026.css */
/* R84: retain the prominent + button, remove only "Yangi hujjat" words. */
@media (max-width: 720px) {
  body .edo-r4-mobile-nav .edo-r5-create-caption {
    display: none !important;
  }

  /* R4 fallback label is a CSS pseudo-element; keep it hidden as well. */
  .app-shell .dashboard-page .category-filter-bar > .new-button::after {
    content: none !important;
    display: none !important;
  }
}


/* R132 SOURCE: /assets/edo-mobile-header-scroll-r85-20261026.css */
/* EDO Business R85 — mobile header-aligned drawer toggle + card-only scroll.
 * Leaves login, document creation, PDF details and desktop scroll untouched.
 * The actual R2 menu button is kept at BODY level so its drawer z-index works.
 */
@media (max-width: 720px) {
  /* The native dashboard itself becomes a viewport-sized flex composition.
     No window scroll: only the document list scrolls beneath its filters. */
  html:has(.app-shell .dashboard-page.edo-r26-ready),
  body:has(.app-shell .dashboard-page.edo-r26-ready) {
    height: 100dvh !important;
    min-height: 0 !important;
    overflow-y: hidden !important;
    overscroll-behavior-y: none;
  }

  #root:has(.app-shell .dashboard-page.edo-r26-ready),
  .app-shell:has(> .app-main > .dashboard-page.edo-r26-ready) {
    height: 100dvh !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  .app-shell .app-main:has(> .dashboard-page.edo-r26-ready) {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100dvh !important;
    min-height: 0 !important;
    overflow: hidden !important;
    gap: 8px !important;
    padding: 8px 8px calc(94px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.edo-r5-ready .app-shell .app-main:has(> .dashboard-page.edo-r26-ready) {
    padding-bottom: calc(94px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .app-shell .app-main:has(> .dashboard-page.edo-r26-ready) > .topbar {
    position: relative;
    z-index: 50;
    flex: 0 0 auto !important;
    min-height: 0 !important;
  }

  .app-shell .app-main > .dashboard-page.edo-r26-ready {
    display: flex !important;
    flex: 1 1 0 !important;
    flex-direction: column !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: hidden !important;
    gap: 8px !important;
    padding-bottom: 0 !important;
  }

  body.edo-r5-ready .app-shell .app-main > .dashboard-page.edo-r26-ready {
    padding-bottom: 0 !important;
  }

  /* Keep React's hidden native category controls available to delegate clicks.
     They must not consume height above the independent document scroller. */
  .app-shell .dashboard-page.edo-r26-ready > .category-filter-bar {
    flex: 0 0 0 !important;
    min-height: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
  }

  .app-shell .dashboard-page.edo-r26-ready > .edo-r26-process {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    margin: 0 !important;
  }

  .app-shell .dashboard-page.edo-r26-ready > .table-card {
    display: flex !important;
    flex: 1 1 0 !important;
    flex-direction: column !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
    border-radius: 16px !important;
  }

  /* List heading/search and "Barcha holatlar"/"Asl tartib" stay visible. */
  .app-shell .dashboard-page.edo-r26-ready .table-card > .edo-r26-toolbar {
    flex: 0 0 auto !important;
    padding: 9px 11px 8px !important;
    margin: 0 !important;
  }

  /* This is the sole vertical scroll container for document cards. */
  .app-shell .dashboard-page.edo-r26-ready .table-card > .table-scroll {
    display: block !important;
    flex: 1 1 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #c5b8fa transparent;
  }

  .app-shell .dashboard-page.edo-r26-ready .table-card > .table-footer {
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  /* The same accessible R2 drawer button visually belongs to the header.
     Its screen coordinates follow the header geometry set by R85 JS. */
  body:not(.edo-r2-scroll-lock) > .edo-r2-menu-button {
    display: inline-flex !important;
    position: fixed !important;
    left: var(--edo-r85-menu-left, 19px) !important;
    top: var(--edo-r85-menu-top, 19px) !important;
    z-index: 1200 !important;
    width: 34px !important;
    height: 34px !important;
    padding: 7px !important;
    border: 1px solid #e0e7f5 !important;
    border-radius: 11px !important;
    background: #f4f6fd !important;
    color: #5032df !important;
    box-shadow: 0 2px 8px rgba(35, 45, 100, .07) !important;
  }

  body:not(.edo-r2-scroll-lock) > .edo-r2-menu-button:focus-visible {
    outline: 3px solid #b8a6ff;
    outline-offset: 2px;
  }
}

@media (max-width: 720px) and (max-height: 580px) {
  .app-shell .app-main:has(> .dashboard-page.edo-r26-ready),
  body.edo-r5-ready .app-shell .app-main:has(> .dashboard-page.edo-r26-ready) {
    padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

html.edo-r31-dark body:not(.edo-r2-scroll-lock) > .edo-r2-menu-button {
  background: #1e2b45 !important;
  color: #d4c7ff !important;
  border-color: #344866 !important;
}


/* R132 SOURCE: /assets/edo-mobile-folder-cards-r86-20261026.css */
/* EDO Business R86 — mobile paper-folder document cards.
 * Presentation-only. Native React rows, R26 selected workflow, R26 open
 * control and R85 card scroller remain the same DOM elements and handlers.
 */
@media (max-width: 720px) {
  /* Make room ABOVE every real card for the folder tab and tucked-in pages.
     The R85 list itself remains the sole vertical scroll container. */
  .app-shell .dashboard-page.edo-r26-ready .table-body {
    display: flex !important;
    flex-direction: column !important;
    gap: 40px !important;
    padding: 40px 12px 24px !important;
    overflow: visible !important;
  }

  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-table.docs-row {
    position: relative !important;
    isolation: isolate;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-content: start !important;
    align-items: start !important;
    gap: 10px 12px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 29px 16px 70px !important;
    overflow: visible !important;
    border: 1px solid #d9cefc !important;
    border-radius: 22px 22px 21px 21px !important;
    background: linear-gradient(137deg, #f0e9ff 0%, #f9f7ff 53%, #f1ecff 100%) !important;
    box-shadow: 0 9px 22px rgba(81, 52, 166, .13), 0 2px 3px rgba(50, 33, 111, .05) !important;
    color: #202043 !important;
    text-align: left !important;
    cursor: pointer;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease !important;
  }

  /* White document sheets visible above the top rim of each lilac folder.
     This is paint only: not a mock document or a new database attachment. */
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row::before {
    content: "" !important;
    display: block !important; /* R4 hides its former decorative stripe. */
    position: absolute !important;
    top: -27px !important;
    bottom: auto !important;
    left: 36% !important;
    right: 17px !important;
    width: auto !important;
    height: 35px !important;
    z-index: -1 !important;
    border: 1px solid #dadbed !important;
    border-radius: 5px 6px 0 0 !important;
    background:
      repeating-linear-gradient(to bottom, transparent 0 7px, #d6d8e5 7px 9px, transparent 9px 12px) 20px 11px / 55% 29px no-repeat,
      linear-gradient(110deg, #fff, #f7f8fe) !important;
    box-shadow: 6px -5px 0 -2px #fbfbff, 6px -5px 0 -1px #d8d6e9,
      12px -10px 0 -3px #f7f6ff, 12px -10px 0 -2px #d7d3ec !important;
    transform: skewX(-7deg) !important;
    pointer-events: none !important;
  }

  /* Classic physical folder tab; text depends on the actual document type. */
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row::after {
    content: "HUJJAT";
    display: flex !important;
    position: absolute !important;
    top: -29px !important;
    left: 13px !important;
    bottom: auto !important;
    align-items: center !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
    width: min(47%, 160px) !important;
    height: 41px !important;
    padding: 0 12px 11px !important;
    z-index: -1 !important;
    border: 1px solid #d5c6ff !important;
    border-bottom: 0 !important;
    border-radius: 12px 14px 0 0 !important;
    background: linear-gradient(112deg, #e4d7ff, #eee7ff) !important;
    box-shadow: -2px -3px 9px rgba(96, 69, 167, .07) !important;
    color: #532ac6 !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    letter-spacing: .45px !important;
    white-space: nowrap !important;
    pointer-events: none !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row:has(.doc-icon.incoming)::after { content: "KELGAN HUJJAT"; }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row:has(.doc-icon.outgoing)::after { content: "KETGAN HUJJAT"; }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row:has(.doc-icon.internal)::after { content: "ICHKI HUJJAT"; }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row:has(.doc-icon.other)::after { content: "BOSHQA HUJJAT"; }

  /* Keep the real children above the decorative paper and tab layers. */
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:not(.checkbox-cell) {
    position: relative;
    z-index: 1;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  /* Identifier is a quiet header; registration number becomes the focal point. */
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > .id-cell {
    order: 0 !important;
    grid-column: 1 / -1 !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 0 11px !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(124, 92, 202, .16) !important;
    gap: 8px !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > .id-cell .doc-icon {
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
    border-radius: 9px !important;
    background: #e0d6ff !important;
    color: #592fd3 !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > .id-cell b {
    font-size: 12px !important;
    line-height: 1.3 !important;
    color: #54417e !important;
    overflow-wrap: anywhere;
  }

  /* Cells are reordered VISUALLY only; original React DOM/readability remain. */
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(3) {
    order: 1 !important;
    grid-column: 1 / 2 !important;
    padding: 0 !important;
    border: 0 !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(3) b {
    display: block !important;
    font-size: clamp(17px, 5vw, 22px) !important;
    line-height: 1.22 !important;
    color: #202041 !important;
    font-weight: 850 !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(3) small {
    display: block !important;
    margin-top: 5px !important;
    color: #68617f !important;
    font-size: 11px !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(8) {
    order: 2 !important;
    grid-column: 2 / 3 !important;
    align-self: start !important;
    justify-self: end !important;
    padding: 2px 0 0 !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(8) .status {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 29px !important;
    padding: 6px 9px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(92, 54, 178, .19) !important;
    font-size: 10px !important;
    font-weight: 750 !important;
    white-space: normal !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(4) {
    order: 3 !important;
    grid-column: 1 / -1 !important;
    padding: 0 !important;
    border: 0 !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(4) b {
    display: block !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    color: #272344 !important;
    font-weight: 800 !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(4) small {
    display: block !important;
    font-size: 11px !important;
    color: #716b88 !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > .summary-cell {
    order: 4 !important;
    grid-column: 1 / -1 !important;
    display: block !important;
    margin: 0 !important;
    color: #57536c !important;
    font-size: 12px !important;
    line-height: 1.48 !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > .executors {
    order: 5 !important;
    grid-column: 1 / -1 !important;
    font-size: 11px !important;
    color: #535073 !important;
    white-space: pre-wrap !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(7) {
    order: 6 !important;
    grid-column: 1 / -1 !important;
    font-size: 11px !important;
    color: #625b79 !important;
  }

  /* Remove labels already conveyed by the paper-folder hierarchy; keep the
     'Ijrochilar' and 'Muddat' labels so none of the actual fields is lost. */
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(3)::before,
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(4)::before,
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(5)::before,
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(8)::before {
    display: none !important;
    content: none !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(6)::before,
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(7)::before {
    display: block !important;
    margin-bottom: 4px !important;
    color: #776995 !important;
    font-size: 10px !important;
  }

  /* Existing paperclip icon remains visible near the native open control. */
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > .more-cell {
    position: absolute !important;
    order: 7 !important;
    top: auto !important;
    bottom: 20px !important;
    left: 17px !important;
    right: auto !important;
    transform: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    width: 25px !important;
    height: 29px !important;
    opacity: .7;
    pointer-events: none !important;
  }

  /* Do NOT replace this with a new button: R26's capture listener recognizes
     clicks on the original .edo-r26-enter to open React's PDF/detail view. */
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > .edo-r26-enter {
    position: absolute !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    top: auto !important;
    bottom: 13px !important;
    right: 13px !important;
    left: auto !important;
    transform: none !important;
    width: auto !important;
    min-height: 37px !important;
    height: auto !important;
    padding: 8px 11px !important;
    border: 1px solid #c6b5f8 !important;
    border-radius: 11px !important;
    background: #fff !important;
    color: #5e32d9 !important;
    font-weight: 800 !important;
    box-shadow: 0 2px 6px rgba(104, 80, 160, .08) !important;
    z-index: 3 !important;
    touch-action: manipulation;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > .edo-r26-enter::before {
    content: "Hujjatni ochish";
    display: inline !important;
    position: static !important;
    font-size: 11px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > .edo-r26-enter svg {
    flex: 0 0 16px !important;
    width: 16px !important;
    height: 16px !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row.edo-r26-selected {
    border-color: #8058f0 !important;
    box-shadow: 0 0 0 1px rgba(119, 71, 240, .18),
      0 12px 27px rgba(81, 52, 166, .16) !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row:focus-visible,
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > .edo-r26-enter:focus-visible {
    outline: 3px solid #9e82f9 !important;
    outline-offset: 3px !important;
  }

  html.edo-r31-dark .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row {
    background: linear-gradient(135deg, #272440, #282443 70%, #342a56) !important;
    border-color: #6d539f !important;
    color: #f4efff !important;
  }
  html.edo-r31-dark .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div,
  html.edo-r31-dark .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row b,
  html.edo-r31-dark .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row small {
    color: #eee9ff !important;
  }
  html.edo-r31-dark .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > .edo-r26-enter {
    background: #302951 !important;
    color: #efe8ff !important;
    border-color: #8061bb !important;
  }
}

/* On very narrow phones the status pill may wrap but should never overlap. */
@media (max-width: 355px) {
  .app-shell .dashboard-page.edo-r26-ready .table-body { padding-inline: 8px !important; }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-table.docs-row {
    gap: 9px 7px !important;
    padding-inline: 12px !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(8) .status {
    max-width: 100px !important;
    text-align: center !important;
  }
}

@media (max-width: 720px) and (prefers-reduced-motion: reduce) {
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-table.docs-row { transition: none !important; }
}


/* R132 SOURCE: /assets/edo-mobile-footer-scroll-r87-20261026.css */
/* EDO Business R87 — mobile document pagination follows the cards.
 * R85 kept .table-scroll scrollable and .table-footer fixed outside it.
 * R87 makes the existing .table-card the scrollport, keeps the filter toolbar
 * sticky, and allows the original React footer to flow AFTER all cards.
 * Nothing is moved in the DOM; React events and R26 PDF-opening stay intact.
 */
@media (max-width: 720px) {
  .app-shell .dashboard-page.edo-r26-ready > .table-card {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #cabdfa transparent;
  }

  /* The two filters and search keep their R85 position while the cards and
     pagination pass underneath. */
  .app-shell .dashboard-page.edo-r26-ready > .table-card > .edo-r26-toolbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 25 !important;
    flex: 0 0 auto !important;
    background: #fff !important;
    border-bottom: 1px solid #eceaf6 !important;
    box-shadow: 0 4px 8px rgba(51, 35, 103, .035) !important;
  }

  /* The content container MUST grow with its real rows. If it owns the
     viewport scroll (R85), the footer sibling cannot scroll with it. */
  .app-shell .dashboard-page.edo-r26-ready > .table-card > .table-scroll {
    display: block !important;
    position: relative !important;
    flex: 0 0 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    overscroll-behavior: auto !important;
    -webkit-overflow-scrolling: auto;
  }

  /* Pagination stays beneath the last document rather than being a fixed
     bar above the bottom navigation. The existing pagination works as-is. */
  .app-shell .dashboard-page.edo-r26-ready > .table-card > .table-footer {
    position: relative !important;
    inset: auto !important;
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    width: auto !important;
    min-height: 0 !important;
    margin: 4px 11px 16px !important;
    padding: 10px 11px !important;
    border: 1px solid #e8e4f5 !important;
    border-radius: 13px !important;
    background: #faf9ff !important;
    box-shadow: none !important;
  }

  .app-shell .dashboard-page.edo-r26-ready > .table-card > .table-footer > b {
    font-size: 11px !important;
    line-height: 1.5 !important;
    color: #575072 !important;
  }

  .app-shell .dashboard-page.edo-r26-ready > .table-card > .table-footer .pagination {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 5px !important;
  }

  html.edo-r31-dark .app-shell .dashboard-page.edo-r26-ready > .table-card > .edo-r26-toolbar {
    background: #1a2541 !important;
    border-color: #37415d !important;
  }
  html.edo-r31-dark .app-shell .dashboard-page.edo-r26-ready > .table-card > .table-footer {
    background: #222b47 !important;
    border-color: #3c486a !important;
  }
  html.edo-r31-dark .app-shell .dashboard-page.edo-r26-ready > .table-card > .table-footer > b {
    color: #ddd7f6 !important;
  }
}


/* R132 SOURCE: /assets/edo-pdf-bookflip-r88-20261026.css */
/* EDO Business R88 — mobile paper turn on native React-PDF single-page view. */
@media (max-width: 720px) and (prefers-reduced-motion: no-preference) {
  .viewer-card .real-pdf-stage {
    position: relative;
    perspective: 1450px;
  }

  .viewer-card .real-pdf-stage .react-pdf__Page {
    box-shadow: 0 8px 20px rgba(30, 31, 55, .13);
    transform-origin: left center;
    animation: edo-r88-book-open 480ms cubic-bezier(.2, .72, .24, 1) both;
  }

  .viewer-card .real-pdf-stage .edo-r88-flip-layer {
    position: absolute;
    display: block;
    z-index: 80;
    pointer-events: none;
    perspective: 1450px;
    transform-style: preserve-3d;
    contain: layout style;
  }

  .viewer-card .real-pdf-stage .edo-r88-flip-sheet {
    position: absolute;
    inset: 0;
    display: block;
    overflow: hidden;
    background: #fff;
    border-radius: 1px;
    box-shadow: 0 6px 16px rgba(25, 22, 66, .14);
    transform-style: preserve-3d;
    backface-visibility: hidden;
    will-change: transform, opacity;
  }

  .viewer-card .real-pdf-stage .edo-r88-flip-sheet img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: fill;
    pointer-events: none;
    user-select: none;
    -webkit-user-drag: none;
    backface-visibility: hidden;
  }

  .viewer-card .real-pdf-stage .edo-r88-flip-sheet::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(90deg,
      rgba(35, 23, 72, .08), transparent 31%,
      rgba(253, 252, 255, .12) 68%, rgba(24, 18, 63, .17));
    backface-visibility: hidden;
  }

  .viewer-card .real-pdf-stage .edo-r88-flip-sheet.edo-r88-next {
    transform-origin: 0% 50%;
    animation: edo-r88-turn-next 760ms cubic-bezier(.42, .06, .54, .95) both;
  }
  .viewer-card .real-pdf-stage .edo-r88-flip-sheet.edo-r88-previous {
    transform-origin: 100% 50%;
    animation: edo-r88-turn-previous 760ms cubic-bezier(.42, .06, .54, .95) both;
  }

  @keyframes edo-r88-book-open {
    from { transform: perspective(1200px) rotateY(-18deg) translateX(7px); opacity: .72; }
    to { transform: perspective(1200px) rotateY(0deg) translateX(0); opacity: 1; }
  }

  @keyframes edo-r88-turn-next {
    0% { transform: rotateY(0deg); opacity: 1; filter: brightness(1); }
    38% { opacity: 1; filter: brightness(.95); }
    72% { opacity: .9; filter: brightness(.9); }
    100% { transform: rotateY(-176deg); opacity: 0; filter: brightness(.9); }
  }
  @keyframes edo-r88-turn-previous {
    0% { transform: rotateY(0deg); opacity: 1; filter: brightness(1); }
    38% { opacity: 1; filter: brightness(.95); }
    72% { opacity: .9; filter: brightness(.9); }
    100% { transform: rotateY(176deg); opacity: 0; filter: brightness(.9); }
  }
}


/* R132 SOURCE: /assets/edo-mobile-remove-kind-panel-r89-20261026.css */
/* EDO Business R89 — remove the pictured "Hujjat yo‘nalishi" tile panel
 * from the mobile new-document form. Presentation-only: preserves native
 * React create/save logic, journal/type fields, login and MySQL data. */
@media (max-width: 740px) {
  .app-shell .edo-r46-page .new-doc-horizontal-body > .new-doc-kind-panel {
    display: none !important;
  }

  .app-shell .edo-r46-page .new-doc-horizontal-body {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .app-shell .edo-r46-page .new-doc-horizontal-body > .new-doc-form-panel {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    grid-column: 1 / -1 !important;
    padding: 18px 16px 21px !important;
  }

  /* Header previously told the user to pick a category in the removed panel. */
  .app-shell .edo-r46-page .new-doc-modal .modal-header p {
    display: none !important;
  }
}


/* R132 SOURCE: /assets/edo-hide-document-direction-r90-20261026.css */
/* EDO Business R90 — hide the "Hujjat yo‘nalishi" choice panel at all widths.
 * This changes presentation only; native React save/login/document state remains. */

.app-shell .edo-r46-page .new-doc-horizontal-body > .new-doc-kind-panel {
  display: none !important;
}

.app-shell .edo-r46-page .new-doc-horizontal-body {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

.app-shell .edo-r46-page .new-doc-horizontal-body > .new-doc-form-panel {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  grid-column: 1 / -1 !important;
}

/* The subtitle refers to selecting a choice that is no longer displayed. */
.app-shell .edo-r46-page .new-doc-modal .modal-header p {
  display: none !important;
}

/* Retain the existing compact mobile padding in R89, if R89 is installed. */
@media (max-width: 740px) {
  .app-shell .edo-r46-page .new-doc-horizontal-body > .new-doc-form-panel {
    padding: 18px 16px 21px !important;
  }
}


/* R132 SOURCE: /assets/edo-mobile-minimal-cards-r91-20261026.css */
/* EDO Business R91 — compact white mobile document cards from the supplied
   reference. Real React values only; no sample document data or fake PDF labels.
   The R26 click-to-open target is the original .edo-r26-enter element. */
@media (max-width: 720px) {
  .app-shell .dashboard-page.edo-r26-ready .table-body {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    padding: 8px 7px 18px !important;
    overflow: visible !important;
  }

  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-table.docs-row {
    display: grid !important;
    position: relative !important;
    isolation: isolate;
    box-sizing: border-box !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-content: start !important;
    align-items: center !important;
    gap: 0 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 126px !important;
    margin: 0 !important;
    padding: 13px 12px 51px 89px !important;
    border: 1px solid #e9eaf2 !important;
    border-radius: 9px !important;
    background: #fff !important;
    color: #10172d !important;
    box-shadow: 0 1px 2px rgba(24, 34, 61, .025) !important;
    text-align: left !important;
    overflow: hidden !important;
    transform: none !important;
    transition: border-color .15s ease, background .15s ease !important;
  }

  /* Remove the R86 3-D sheets and folder tabs completely. */
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row::before,
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row::after {
    content: none !important;
    display: none !important;
    background: none !important;
    box-shadow: none !important;
  }

  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:not(.checkbox-cell) {
    min-width: 0 !important;
    max-width: none !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* A quiet icon/preview at the left, using the document's EXISTING icon.
     No fixed PDF claim: attachments can contain formats other than PDF. */
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > .id-cell {
    position: absolute !important;
    inset: 13px auto auto 12px !important;
    z-index: 1 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    box-sizing: border-box !important;
    width: 63px !important;
    height: 82px !important;
    border-radius: 8px !important;
    background: #f3f3fa !important;
    overflow: hidden !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > .id-cell .doc-icon {
    display: inline-flex !important;
    position: relative !important;
    justify-content: center !important;
    align-items: center !important;
    flex: 0 0 39px !important;
    box-sizing: border-box !important;
    width: 39px !important;
    height: 52px !important;
    border: 1px solid #e5e7f0 !important;
    border-radius: 4px !important;
    background: #fff !important;
    color: #8f94ab !important;
    box-shadow: 0 2px 3px #3338570b !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > .id-cell .doc-icon svg {
    display: block !important;
    flex: 0 0 auto !important;
    width: 25px !important;
    height: 25px !important;
    stroke-width: 1.7px !important;
  }
  /* Keep the identifier readable to scripts and assistive technology, not as
     a redundant second number in the visual card. */
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > .id-cell b {
    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;
  }

  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(3) {
    display: block !important;
    position: static !important;
    order: 1 !important;
    grid-column: 1 / 2 !important;
    align-self: center !important;
    border: 0 !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(3) b {
    display: block !important;
    font-size: clamp(15px, 4.6vw, 20px) !important;
    line-height: 1.15 !important;
    font-weight: 850 !important;
    letter-spacing: -.45px !important;
    color: #11172d !important;
    overflow-wrap: anywhere !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(3) small {
    display: inline-flex !important;
    position: absolute !important;
    bottom: 17px !important;
    left: 89px !important;
    align-items: center !important;
    gap: 5px !important;
    margin: 0 !important;
    max-width: calc(100% - 192px) !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    color: #647089 !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(3) small::before {
    content: "" !important;
    display: inline-block !important;
    flex: 0 0 13px !important;
    width: 13px !important;
    height: 13px !important;
    margin: 0 !important;
    background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236a748f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M7 3v4m10-4v4M3 10h18'/%3E%3C/svg%3E") !important;
  }

  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(8) {
    display: block !important;
    position: relative !important;
    order: 2 !important;
    grid-column: 2 / 3 !important;
    justify-self: start !important;
    align-self: center !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(8) .status,
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(8) .status-badge,
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(8) > span {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    box-sizing: border-box !important;
    min-height: 22px !important;
    padding: 3px 8px !important;
    max-width: 116px !important;
    border: 1px solid #ece4ff !important;
    border-radius: 999px !important;
    background: #f3edff !important;
    color: #633bd4 !important;
    font-size: 10px !important;
    line-height: 1.15 !important;
    font-weight: 650 !important;
    white-space: normal !important;
    text-align: center !important;
    box-shadow: none !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(8) .status-gray {
    background: #f0f1f6 !important;
    border-color: #e7e9f1 !important;
    color: #697186 !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(8) .status-red {
    background: #fff0f0 !important;
    border-color: #ffe0e0 !important;
    color: #b53c45 !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(8) .status-orange {
    background: #fff6e9 !important;
    border-color: #fae8c7 !important;
    color: #986a18 !important;
  }

  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(4) {
    display: block !important;
    position: relative !important;
    order: 3 !important;
    grid-column: 1 / -1 !important;
    margin-top: 8px !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(4) b {
    display: block !important;
    font-size: 13px !important;
    line-height: 1.24 !important;
    font-weight: 750 !important;
    color: #1d2336 !important;
    overflow-wrap: anywhere !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(4) small {
    display: none !important;
  }

  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > .summary-cell {
    display: -webkit-box !important;
    position: relative !important;
    order: 4 !important;
    grid-column: 1 / -1 !important;
    margin-top: 5px !important;
    max-height: 36px !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    color: #647089 !important;
  }

  /* These columns aren't part of the supplied compact card reference. */
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > .executors,
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(7),
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > .more-cell {
    display: none !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(n+3):nth-child(-n+8)::before {
    content: none !important;
    display: none !important;
  }

  /* Original R26 activation target — don't replace it with a fake button. */
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > .edo-r26-enter {
    display: inline-flex !important;
    position: absolute !important;
    z-index: 5 !important;
    inset: auto 12px 10px auto !important;
    transform: none !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 9px !important;
    box-sizing: border-box !important;
    width: auto !important;
    height: 31px !important;
    min-height: 31px !important;
    padding: 4px 2px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #5d22d5 !important;
    box-shadow: none !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    touch-action: manipulation;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > .edo-r26-enter::before {
    content: "Ochish" !important;
    display: inline-block !important;
    position: static !important;
    font-size: inherit !important;
    line-height: 1 !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > .edo-r26-enter::after {
    content: "→" !important;
    display: inline-block !important;
    font-size: 18px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > .edo-r26-enter svg {
    display: none !important;
  }

  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row.edo-r26-selected {
    border-color: #dcd5f9 !important;
    background: #fff !important;
    box-shadow: 0 0 0 1px #ded5fc3b !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row:focus-visible,
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > .edo-r26-enter:focus-visible {
    outline: 3px solid #bba7fd !important;
    outline-offset: 2px !important;
  }

  html.edo-r31-dark .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row {
    border-color: #34405d !important;
    background: #1c2640 !important;
    color: #eef0ff !important;
  }
  html.edo-r31-dark .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row b {
    color: #f7f5ff !important;
  }
  html.edo-r31-dark .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > .id-cell {
    background: #2d3650 !important;
  }
  html.edo-r31-dark .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > .summary-cell,
  html.edo-r31-dark .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(3) small {
    color: #b8c2de !important;
  }
  html.edo-r31-dark .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row.edo-r26-selected {
    border-color: #7a5cc6 !important;
    background: #1c2640 !important;
  }
}

@media (max-width: 355px) {
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-table.docs-row {
    padding-left: 78px !important;
    padding-right: 8px !important;
    column-gap: 5px !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > .id-cell {
    left: 8px !important;
    width: 59px !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(3) small {
    left: 78px !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(8) .status,
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(8) .status-badge {
    padding-inline: 5px !important;
    font-size: 9px !important;
  }
}

@media (max-width: 720px) and (prefers-reduced-motion: reduce) {
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-table.docs-row {
    transition: none !important;
  }
}


/* R132 SOURCE: /assets/edo-mobile-compact-polish-r92-20261026.css */
/* EDO Business R92: visual repair for the user's actual R91 mobile screenshot.
 * Suppress R50's extra mobile cell, which otherwise takes the first grid slot;
 * draw a reliable document thumbnail without inventing a PDF attachment. */
@media (max-width: 720px) {
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > .edo-r50-cell,
  .app-shell .dashboard-page.edo-r26-ready.edo-r50-ready .table-body > .docs-row > .edo-r50-cell {
    display: none !important;
    visibility: hidden !important;
    order: 99 !important;
    grid-column: auto !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > .edo-r50-cell::before {
    display: none !important;
    content: none !important;
  }

  .app-shell .dashboard-page.edo-r26-ready .table-body {
    gap: 10px !important;
    padding: 7px 8px 20px !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-table.docs-row {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 0 5px !important;
    min-height: 147px !important;
    padding: 17px 12px 48px 93px !important;
    border: 1px solid #e4e7f0 !important;
    border-radius: 11px !important;
    background: #fff !important;
    box-shadow: 0 3px 10px rgba(37, 43, 77, .045) !important;
    overflow: hidden !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: 1 !important;
    inset: 17px auto auto 12px !important;
    width: 66px !important;
    height: 91px !important;
    box-sizing: border-box !important;
    border: 0 !important;
    border-radius: 9px !important;
    transform: none !important;
    pointer-events: none !important;
    background: #f3f4fa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 66 91'%3E%3Cpath d='M16 14h27l9 9v50a5 5 0 0 1-5 5H16a5 5 0 0 1-5-5V19a5 5 0 0 1 5-5Z' fill='%23fff' stroke='%23e1e4ee'/%3E%3Cpath d='M43 14v9h9' fill='%23f4f5fa' stroke='%23e1e4ee'/%3E%3Crect x='19' y='33' width='22' height='3' rx='1.5' fill='%23d5d9e5'/%3E%3Crect x='19' y='41' width='26' height='3' rx='1.5' fill='%23d5d9e5'/%3E%3Crect x='19' y='49' width='18' height='3' rx='1.5' fill='%23d5d9e5'/%3E%3Crect x='19' y='60' width='26' height='8' rx='3' fill='%23eb6671'/%3E%3C/svg%3E") center / 66px 91px no-repeat !important;
    box-shadow: none !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row::after {
    content: none !important;
    display: none !important;
  }
  /* The source id-cell remains in the DOM for R26, but the thumbnail above
     is deterministic even if another theme hides the old icon. */
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > .id-cell {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(3) {
    order: 1 !important;
    grid-column: 1 / 2 !important;
    align-self: center !important;
    margin: 0 !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(3) b {
    font-size: clamp(15px, 4.4vw, 19px) !important;
    line-height: 1.18 !important;
    font-weight: 850 !important;
    letter-spacing: -.28px !important;
    color: #10182d !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(8) {
    order: 2 !important;
    grid-column: 2 / 3 !important;
    align-self: center !important;
    margin: 0 !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(8) > span {
    font-size: 10px !important;
    min-height: 23px !important;
    padding: 4px 8px !important;
    line-height: 1.15 !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(4) {
    order: 3 !important;
    grid-column: 1 / -1 !important;
    margin: 10px 0 0 !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(4) b {
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 780 !important;
    color: #1b2439 !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > .summary-cell {
    order: 4 !important;
    grid-column: 1 / -1 !important;
    margin: 5px 0 0 !important;
    font-size: 11.5px !important;
    line-height: 1.37 !important;
    color: #68758d !important;
    -webkit-line-clamp: 2 !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(3) small {
    bottom: 16px !important;
    left: 93px !important;
    max-width: calc(100% - 198px) !important;
    font-size: 10.5px !important;
    color: #68758d !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > .edo-r26-enter {
    bottom: 9px !important;
    right: 12px !important;
    min-height: 33px !important;
    gap: 7px !important;
    font-size: 11px !important;
    color: #6423dc !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row.edo-r26-selected {
    border-color: #ded6fa !important;
    background: #fff !important;
    box-shadow: 0 2px 9px rgba(90, 52, 181, .07) !important;
  }

  html.edo-r31-dark .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row,
  html.edo-r31-dark .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row.edo-r26-selected {
    border-color: #405073 !important;
    background: #1c2640 !important;
  }
  html.edo-r31-dark .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(3) b,
  html.edo-r31-dark .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(4) b {
    color: #f4f2ff !important;
  }
}

@media (max-width: 355px) {
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-table.docs-row {
    padding-left: 81px !important;
    padding-right: 8px !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row::before {
    left: 8px !important;
    width: 60px !important;
    background-size: 60px 85px !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(3) small {
    left: 81px !important;
    max-width: calc(100% - 177px) !important;
  }
}


/* R132 SOURCE: /assets/edo-mobile-hide-unneeded-pagination-r93-20261026.css */
/* EDO Business R93 — hide the unnecessary one-page pagination block on phones.
 * If more than one page exists, keep only slim page buttons so documents on
 * later pages remain reachable. No document/list state is modified. */
@media (max-width: 720px) {
  .app-shell .dashboard-page.edo-r26-ready > .table-card > .table-footer {
    justify-content: flex-end !important;
    min-height: 0 !important;
    width: auto !important;
    margin: 5px 11px 17px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .app-shell .dashboard-page.edo-r26-ready > .table-card > .table-footer > b,
  .app-shell .dashboard-page.edo-r26-ready > .table-card > .table-footer .pagination > select {
    display: none !important;
  }
  .app-shell .dashboard-page.edo-r26-ready > .table-card > .table-footer .pagination {
    justify-content: flex-end !important;
    gap: 6px !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  /* Both arrows disabled means every document fits the current single page. */
  .app-shell .dashboard-page.edo-r26-ready > .table-card > .table-footer:has(.pagination > button:first-of-type:disabled):has(.pagination > button:last-of-type:disabled) {
    display: none !important;
  }
}


/* R132 SOURCE: /assets/edo-mobile-refined-compact-r94-20261026.css */
/* EDO Business R94 — compact mobile design based on approved visual concept.
 * Presentation-only. Existing workflow carousel, React table, R26 document
 * opener, search, filters, scrolling, and database-driven values are reused. */
@media (max-width: 720px) {
  .app-shell .app-main:has(> .dashboard-page.edo-r26-ready) {
    gap: 6px !important;
    padding-inline: 7px !important;
    padding-top: 7px !important;
  }
  .app-shell .app-main > .dashboard-page.edo-r26-ready {
    gap: 7px !important;
  }

  /* Compact but swipeable status timeline; keep all actual R26 stages. */
  .app-shell .dashboard-page.edo-r26-ready > .edo-r26-process {
    padding: 6px 0 3px !important;
    border: 1px solid #ebedfa !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 3px 12px rgba(38, 45, 93, .035) !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .edo-r26-process > .edo-r26-steps {
    --edo-r82-step-width: clamp(113px, 36vw, 145px);
    align-items: flex-start !important;
    padding-top: 7px !important;
    padding-bottom: 8px !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r26-stage {
    gap: 3px !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r26-stage-dot {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    flex: 0 0 32px !important;
    margin: 6px 0 !important;
    padding: 6px !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r26-stage-dot svg {
    width: 17px !important;
    height: 17px !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r26-stage.is-current > .edo-r26-stage-dot {
    width: 45px !important;
    height: 45px !important;
    min-width: 45px !important;
    min-height: 45px !important;
    flex: 0 0 45px !important;
    margin: 0 !important;
    padding: 10px !important;
    border: 2px solid #fff !important;
    box-shadow: 0 0 0 3px #f0eaff, 0 2px 8px rgba(97, 55, 223, .17) !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r26-stage.is-current > .edo-r26-stage-dot svg {
    width: 22px !important;
    height: 22px !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r26-stage:not(:last-child)::after {
    top: 23px !important;
    left: calc(50% + 22px) !important;
    width: calc(100% - 44px) !important;
    height: 1px !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r26-stage-label {
    font-size: 10px !important;
    line-height: 1.2 !important;
    font-weight: 750 !important;
    color: #5b6785 !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .edo-r26-process .edo-r26-stage.is-current .edo-r26-stage-label {
    color: #6030dc !important;
  }

  /* Unified title/search/filter panel. Nothing is sticky outside the R87
     scrollport: the existing toolbar retains its original scroll behavior. */
  .app-shell .dashboard-page.edo-r26-ready > .table-card {
    border-radius: 13px !important;
    background: #fff !important;
  }
  .app-shell .dashboard-page.edo-r26-ready > .table-card > .edo-r26-toolbar {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
    padding: 10px 10px 8px !important;
    background: #fff !important;
    border-bottom: 1px solid #f0f1f7 !important;
    box-shadow: 0 3px 7px rgba(30, 37, 88, .025) !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .edo-r26-list-heading {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 22px !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .edo-r26-list-heading h2 {
    font-size: 15px !important;
    line-height: 1.22 !important;
    font-weight: 850 !important;
    letter-spacing: -.3px !important;
    color: #121d3b !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .edo-r26-list-count {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 25px !important;
    min-height: 23px !important;
    padding: 3px 7px !important;
    border-radius: 8px !important;
    background: #eee8ff !important;
    color: #5c2de0 !important;
    font-size: 11px !important;
    line-height: 1 !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .edo-r26-controls {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 7px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .edo-r26-search {
    grid-column: 1 / -1 !important;
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 10px !important;
    border: 1px solid #e0e5f2 !important;
    border-radius: 10px !important;
    background: #fff !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .edo-r26-search input {
    width: 100% !important;
    min-width: 0 !important;
    font-size: 12px !important;
    color: #223451 !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .edo-r26-controls > select {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 33px !important;
    min-height: 33px !important;
    padding: 0 8px !important;
    border: 1px solid #e0e5f2 !important;
    border-radius: 9px !important;
    background-color: #fff !important;
    color: #283b60 !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .edo-r26-controls > .edo-r26-kind {
    display: none !important; /* Existing R83 requirement. */
  }

  /* Crisp compact stationery cards; preserve the R92 real-data positions. */
  .app-shell .dashboard-page.edo-r26-ready .table-body {
    gap: 8px !important;
    padding: 8px 9px 17px !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-table.docs-row {
    min-height: 130px !important;
    padding: 13px 11px 43px 82px !important;
    border: 1px solid #e5e8f1 !important;
    border-radius: 11px !important;
    background: #fff !important;
    box-shadow: 0 2px 8px rgba(33, 43, 80, .04) !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row::before {
    inset: 13px auto auto 11px !important;
    width: 58px !important;
    height: 77px !important;
    border-radius: 8px !important;
    background-size: 58px 77px !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(3) b {
    font-size: clamp(15px, 4.4vw, 18px) !important;
    line-height: 1.2 !important;
    font-weight: 850 !important;
    color: #141c35 !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(8) > span {
    min-height: 21px !important;
    max-width: 110px !important;
    padding: 3px 7px !important;
    border-radius: 999px !important;
    font-size: 10px !important;
    line-height: 1.15 !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(4) {
    margin-top: 7px !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(4) b {
    font-size: 13px !important;
    line-height: 1.26 !important;
    font-weight: 800 !important;
    color: #212941 !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > .summary-cell {
    margin-top: 4px !important;
    max-height: 32px !important;
    font-size: 11px !important;
    line-height: 1.38 !important;
    color: #62718d !important;
    -webkit-line-clamp: 2 !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(3) small {
    left: 82px !important;
    bottom: 13px !important;
    max-width: calc(100% - 185px) !important;
    font-size: 10px !important;
    font-variant-numeric: tabular-nums;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > .edo-r26-enter {
    bottom: 6px !important;
    right: 10px !important;
    min-height: 30px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    color: #5927d5 !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > .edo-r26-enter::after {
    font-size: 17px !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row.edo-r26-selected {
    border-color: #d3c7fa !important;
    background: #fff !important;
    box-shadow: 0 2px 9px rgba(96, 56, 221, .08) !important;
  }
  html.edo-r31-dark .app-shell .dashboard-page.edo-r26-ready > .table-card > .edo-r26-toolbar,
  html.edo-r31-dark .app-shell .dashboard-page.edo-r26-ready > .edo-r26-process {
    background: #1a2541 !important;
    border-color: #34415f !important;
  }
  html.edo-r31-dark .app-shell .dashboard-page.edo-r26-ready .edo-r26-list-heading h2 {
    color: #f0f1ff !important;
  }
}

@media (max-width: 355px) {
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-table.docs-row {
    padding-left: 76px !important;
    padding-right: 8px !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row::before {
    left: 8px !important;
    width: 55px !important;
    background-size: 55px 75px !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(3) small {
    left: 76px !important;
    max-width: calc(100% - 174px) !important;
  }
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(8) > span {
    max-width: 101px !important;
    padding-inline: 5px !important;
    font-size: 9px !important;
  }
}

@media (max-width: 720px) and (prefers-reduced-motion: reduce) {
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-table.docs-row {
    transition: none !important;
  }
}


/* R132 SOURCE: /assets/edo-geometric-hex-r95-20261026.css */
/* Retain the original responsive brand dimensions; the new image has alpha. */
.app-shell img[data-edo-geometric-logo="r95"] {
  object-fit: contain !important;
  object-position: center !important;
  image-rendering: auto !important;
}


/* R132 SOURCE: /assets/edo-mobile-icon-dock-r96-20261027.css */
/* EDO Business R96 — icon-only raised mobile dock.
 * Pure presentation: real R4/R5/R84 navigation and native create action stay
 * unchanged. Button aria-labels remain readable to assistive technology. */
@media (max-width: 720px) {
  body.edo-r5-ready .edo-r4-mobile-nav {
    height: 68px !important;
    min-height: 68px !important;
    padding: 8px 6px 7px !important;
    border: 1px solid #e7e8f7 !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, .985) !important;
    box-shadow: 0 10px 32px rgba(32, 40, 105, .14),
      inset 0 1px 0 rgba(255, 255, 255, .98) !important;
    overflow: visible !important;
    isolation: isolate !important;
  }

  /* White circular crest grows naturally out of the dock card. */
  body.edo-r5-ready .edo-r4-mobile-nav::before {
    content: '';
    position: absolute;
    left: 50%;
    top: -30px;
    width: 78px;
    height: 78px;
    box-sizing: border-box;
    transform: translateX(-50%);
    border: 1px solid #e4e5f5;
    border-radius: 50%;
    background: linear-gradient(155deg, #fff 17%, #f4f2ff 100%);
    box-shadow: 0 -5px 15px rgba(58, 44, 121, .085),
      0 5px 12px rgba(58, 44, 121, .055),
      inset 0 2px 2px rgba(255, 255, 255, 1);
    pointer-events: none;
    z-index: 0;
  }

  body.edo-r5-ready .edo-r4-mobile-nav .edo-r4-nav-item {
    position: relative !important;
    z-index: 1;
    width: min(100%, 60px) !important;
    height: 45px !important;
    min-height: 45px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    gap: 0 !important;
    flex-direction: row !important;
    border-radius: 15px !important;
    transition: color .18s ease, background-color .18s ease, box-shadow .18s ease;
  }
  body.edo-r5-ready .edo-r4-mobile-nav .edo-r4-nav-item .edo-r4-nav-text {
    display: none !important;
  }
  body.edo-r5-ready .edo-r4-mobile-nav .edo-r4-nav-item svg {
    flex: 0 0 25px !important;
    width: 25px !important;
    height: 25px !important;
    stroke-width: 1.95 !important;
  }
  body.edo-r5-ready .edo-r4-mobile-nav .edo-r4-nav-item[aria-current='page'] {
    color: #6035ec !important;
    background: #f0ebff !important;
    box-shadow: inset 0 1px 2px rgba(93, 59, 203, .05) !important;
  }
  body.edo-r5-ready .edo-r4-mobile-nav .edo-r4-nav-item:active {
    background: #eee9ff !important;
  }

  body.edo-r5-ready .edo-r4-mobile-nav .edo-r4-nav-center {
    z-index: 2 !important;
  }
  body.edo-r5-ready .edo-r4-mobile-nav .edo-r5-create {
    width: 62px !important;
    height: 62px !important;
    bottom: 23px !important;
    z-index: 3 !important;
    border: 4px solid #fff !important;
    background: linear-gradient(145deg, #9469ff 0%, #6636f5 52%, #4924d9 100%) !important;
    box-shadow: 0 7px 17px rgba(71, 39, 185, .34),
      inset 0 2px 3px rgba(255, 255, 255, .24),
      inset 0 -3px 5px rgba(51, 25, 137, .12) !important;
  }
  body.edo-r5-ready .edo-r4-mobile-nav .edo-r5-create svg {
    width: 29px !important;
    height: 29px !important;
  }

  /* R84 already removes the plus caption; keep it gone for all variants. */
  body.edo-r5-ready .edo-r4-mobile-nav .edo-r5-create-caption {
    display: none !important;
  }
}

@media (max-width: 375px) {
  body.edo-r5-ready .edo-r4-mobile-nav {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 70px minmax(0, 1fr) minmax(0, 1fr) !important;
  }
  body.edo-r5-ready .edo-r4-mobile-nav::before {
    width: 72px;
    height: 72px;
    top: -27px;
  }
  body.edo-r5-ready .edo-r4-mobile-nav .edo-r5-create {
    width: 56px !important;
    height: 56px !important;
    bottom: 23px !important;
  }
}

@media (max-width: 720px) and (max-height: 520px) and (orientation: landscape) {
  body.edo-r5-ready .edo-r4-mobile-nav {height: 64px !important;min-height: 64px !important;}
  body.edo-r5-ready .edo-r4-mobile-nav::before {width: 68px;height: 68px;top: -24px;}
  body.edo-r5-ready .edo-r4-mobile-nav .edo-r5-create {width: 53px !important;height: 53px !important;bottom: 20px !important;}
}

@media (prefers-reduced-motion: reduce) {
  body.edo-r5-ready .edo-r4-mobile-nav .edo-r4-nav-item {transition: none !important;}
}


/* R132 SOURCE: /assets/edo-document-book-bridge-r97-20261027.css */
/* R97 — compact two-sheet document book on phones only.
 * Sheet 1: existing document card/tabs/files. Sheet 2: unmodified React-PDF.
 * R88 continues animating actual PDF pages once sheet 2 is open. */
@media (max-width: 720px) {
  .app-main.detail-mode .detail-page.edo-r97-book {
    position: relative;
    min-width: 0;
    padding-bottom: calc(94px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .app-main.detail-mode .detail-page.edo-r97-book > .detail-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
    position: relative;
    min-width: 0;
    perspective: 1300px;
    perspective-origin: center 32%;
  }

  /* Neither React column is removed from the DOM. Hide only the non-current
     sheet, while leaving the mounted PDF instance, URL and actions untouched. */
  .app-main.detail-mode .detail-page.edo-r97-book.edo-r97-card .detail-grid > .viewer-column {
    display: none !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book.edo-r97-viewer .detail-grid > .info-column {
    display: none !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book.edo-r97-card .detail-grid > .info-column,
  .app-main.detail-mode .detail-page.edo-r97-book.edo-r97-viewer .detail-grid > .viewer-column {
    display: grid !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: relative;
    width: 100% !important;
    min-width: 0;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }

  /* R64 normally sizes the left card to the PDF viewer. In this mobile book,
     the cover page must instead be free to fit its real document details. */
  .app-main.detail-mode .detail-page.edo-r97-book.edo-r64-height-ready .detail-grid > .info-column {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    grid-template-rows: auto auto !important;
    overflow: visible !important;
    align-content: start !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book.edo-r64-height-ready .info-column > .merged-info-files-card {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book.edo-r64-height-ready .merged-info-files-card > .document-info-card-body {
    overflow: visible !important;
    max-height: none !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book.edo-r64-height-ready .info-column > .edo-r60-execution-card {
    height: auto !important;
    max-height: none !important;
  }

  /* The sheet edges and gentle page shadow evoke a physical folder/book. */
  .app-main.detail-mode .detail-page.edo-r97-book .detail-grid > .info-column > .edo-r62-tabs,
  .app-main.detail-mode .detail-page.edo-r97-book .detail-grid > .viewer-column > .viewer-card {
    box-shadow: 0 5px 20px rgba(35, 36, 83, .075);
  }
  .app-main.detail-mode .detail-page.edo-r97-book .detail-grid > .info-column > .merged-info-files-card {
    box-shadow: 0 9px 22px rgba(35, 36, 83, .065);
  }

  /* One small floating sheet navigator; no extra caption below the card. */
  .app-main.detail-mode .detail-page.edo-r97-book > .edo-r97-book-controls {
    position: fixed;
    right: 15px;
    bottom: calc(17px + env(safe-area-inset-bottom, 0px));
    z-index: 650;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-width: 104px;
    height: 53px;
    box-sizing: border-box;
    padding: 6px 7px;
    border: 1px solid #e6e5fa;
    border-radius: 100px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 9px 25px rgba(39, 35, 104, .16), inset 0 1px #fff;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }
  .app-main.detail-mode .detail-page.edo-r97-book > .edo-r97-book-controls button {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border: 0;
    border-radius: 50%;
    background: linear-gradient(145deg, #875bff, #5730e5);
    color: #fff;
    box-shadow: 0 3px 9px rgba(88, 46, 213, .22);
    cursor: pointer;
    touch-action: manipulation;
  }
  .app-main.detail-mode .detail-page.edo-r97-book > .edo-r97-book-controls button[hidden] {
    display: none !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book > .edo-r97-book-controls button svg {
    width: 21px;
    height: 21px;
  }
  .app-main.detail-mode .detail-page.edo-r97-book > .edo-r97-book-controls button:focus-visible {
    outline: 3px solid #bbaaFF;
    outline-offset: 3px;
  }
  .app-main.detail-mode .detail-page.edo-r97-book > .edo-r97-book-controls button:active {
    filter: brightness(.93);
  }
  .edo-r97-book-controls .edo-r97-page-pips {
    display: inline-flex;
    align-items: center;
    gap: 5px;
  }
  .edo-r97-book-controls .edo-r97-page-pips i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #d5d0ed;
  }
  .edo-r97-book.edo-r97-card .edo-r97-page-pips i:first-child,
  .edo-r97-book.edo-r97-viewer .edo-r97-page-pips i:last-child {
    width: 15px;
    border-radius: 99px;
    background: #7044f3;
  }
  .edo-r97-book-controls .edo-r97-a11y {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }

  /* The departing sheet rotates about the spine, then the incoming sheet
     unfolds in the same direction. Existing R88 PDF page turns are nested. */
  .app-main.detail-mode .detail-page.edo-r97-book.edo-r97-out.edo-r97-forward .detail-grid > .info-column {
    transform-origin: left center;
    animation: edo-r97-page-out-next .30s cubic-bezier(.45, .08, .69, .61) both;
  }
  .app-main.detail-mode .detail-page.edo-r97-book.edo-r97-out.edo-r97-backward .detail-grid > .viewer-column {
    transform-origin: right center;
    animation: edo-r97-page-out-previous .30s cubic-bezier(.45, .08, .69, .61) both;
  }
  .app-main.detail-mode .detail-page.edo-r97-book.edo-r97-in.edo-r97-forward .detail-grid > .viewer-column {
    transform-origin: right center;
    animation: edo-r97-page-in-next .42s cubic-bezier(.18, .7, .24, 1) both;
  }
  .app-main.detail-mode .detail-page.edo-r97-book.edo-r97-in.edo-r97-backward .detail-grid > .info-column {
    transform-origin: left center;
    animation: edo-r97-page-in-previous .42s cubic-bezier(.18, .7, .24, 1) both;
  }

  @keyframes edo-r97-page-out-next {
    from {transform: rotateY(0deg);opacity: 1;filter: brightness(1);}
    to {transform: rotateY(-83deg);opacity: .30;filter: brightness(.86);}
  }
  @keyframes edo-r97-page-in-next {
    from {transform: rotateY(83deg);opacity: .3;filter: brightness(.86);}
    to {transform: rotateY(0deg);opacity: 1;filter: brightness(1);}
  }
  @keyframes edo-r97-page-out-previous {
    from {transform: rotateY(0deg);opacity: 1;filter: brightness(1);}
    to {transform: rotateY(83deg);opacity: .30;filter: brightness(.86);}
  }
  @keyframes edo-r97-page-in-previous {
    from {transform: rotateY(-83deg);opacity: .30;filter: brightness(.86);}
    to {transform: rotateY(0deg);opacity: 1;filter: brightness(1);}
  }
}

@media (max-width: 720px) and (prefers-reduced-motion: reduce) {
  .app-main.detail-mode .detail-page.edo-r97-book .detail-grid > .info-column,
  .app-main.detail-mode .detail-page.edo-r97-book .detail-grid > .viewer-column {
    animation: none !important;
    transition: none !important;
  }
}

@media (max-width: 720px) {
  body:has(.modal-backdrop) .edo-r97-book-controls,
  body:has(.execution-modal-overlay) .edo-r97-book-controls,
  body:has(.viewer-card:fullscreen) .edo-r97-book-controls {
    display: none !important;
  }
  html.edo-r31-dark .edo-r97-book-controls {
    background: rgba(23, 31, 58, .97) !important;
    border-color: #3f4269 !important;
  }
}


/* R132 SOURCE: /assets/edo-global-mobile-dock-r98-20261027.css */
/* R98 — use the same compact R96 icon dock on every signed-in mobile page.
 * R4/R5/R84 routing and the native React create action remain authoritative. */
@media (max-width: 720px) {
  /* On the dashboard R5/R96 already style the nav. R98 extends visibility to
     document details, PDF, incoming/outgoing queues and other app screens. */
  body.edo-r98-global-dock .edo-r4-mobile-nav {
    display: grid !important;
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    bottom: max(9px, env(safe-area-inset-bottom, 0px)) !important;
    z-index: 810 !important;
  }

  body.edo-r98-global-dock:not(.edo-r5-ready) .edo-r4-mobile-nav {
    isolation: isolate !important;
    overflow: visible !important;
    height: 68px !important;
    min-height: 68px !important;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) 76px minmax(0,1fr) minmax(0,1fr) !important;
    align-items: center !important;
    padding: 8px 6px 7px !important;
    border: 1px solid #e7e8f7 !important;
    border-radius: 20px !important;
    background: rgba(255,255,255,.985) !important;
    box-shadow: 0 10px 32px rgba(32,40,105,.14), inset 0 1px 0 #fff !important;
  }
  body.edo-r98-global-dock:not(.edo-r5-ready) .edo-r4-mobile-nav::before {
    content: '';
    position: absolute;
    left: 50%;
    top: -30px;
    width: 78px;
    height: 78px;
    box-sizing: border-box;
    transform: translateX(-50%);
    border: 1px solid #e4e5f5;
    border-radius: 50%;
    background: linear-gradient(155deg,#fff 17%,#f4f2ff 100%);
    box-shadow: 0 -5px 15px rgba(58,44,121,.085),
      0 5px 12px rgba(58,44,121,.055), inset 0 2px 2px #fff;
    pointer-events: none;
    z-index: 0;
  }
  body.edo-r98-global-dock:not(.edo-r5-ready) .edo-r4-mobile-nav .edo-r4-nav-item {
    position: relative !important;
    z-index: 1;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: row !important;
    width: min(100%,60px) !important;
    height: 45px !important;
    min-height: 45px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    gap: 0 !important;
    border-radius: 15px !important;
  }
  body.edo-r98-global-dock:not(.edo-r5-ready) .edo-r4-mobile-nav .edo-r4-nav-item .edo-r4-nav-text {
    display: none !important;
  }
  body.edo-r98-global-dock:not(.edo-r5-ready) .edo-r4-mobile-nav .edo-r4-nav-item svg {
    flex: 0 0 25px !important;
    width: 25px !important;
    height: 25px !important;
    stroke-width: 1.95 !important;
  }
  body.edo-r98-global-dock:not(.edo-r5-ready) .edo-r4-mobile-nav .edo-r4-nav-item[aria-current='page'] {
    color: #6035ec !important;
    background: #f0ebff !important;
    box-shadow: inset 0 1px 2px rgba(93,59,203,.05) !important;
  }
  body.edo-r98-global-dock:not(.edo-r5-ready) .edo-r4-mobile-nav .edo-r4-nav-center {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    pointer-events: auto !important;
    z-index: 2 !important;
  }
  body.edo-r98-global-dock:not(.edo-r5-ready) .edo-r4-mobile-nav .edo-r5-create {
    width: 62px !important;
    height: 62px !important;
    bottom: 23px !important;
    z-index: 3 !important;
    border: 4px solid #fff !important;
    background: linear-gradient(145deg,#9469ff,#6636f5 52%,#4924d9) !important;
    box-shadow: 0 7px 17px rgba(71,39,185,.34),
      inset 0 2px 3px rgba(255,255,255,.24),
      inset 0 -3px 5px rgba(51,25,137,.12) !important;
  }
  body.edo-r98-global-dock:not(.edo-r5-ready) .edo-r4-mobile-nav .edo-r5-create svg {
    width: 29px !important;
    height: 29px !important;
  }
  body.edo-r98-global-dock .edo-r4-mobile-nav .edo-r5-create-caption {display:none!important;}

  /* All pages can scroll to their last card/file without covering content. */
  body.edo-r98-global-dock .app-main:not(:has(.dashboard-page)) {
    padding-bottom: calc(122px + env(safe-area-inset-bottom,0px)) !important;
  }
  body.edo-r98-global-dock .detail-page.edo-r97-book {
    padding-bottom: calc(140px + env(safe-area-inset-bottom,0px)) !important;
  }
  /* R97's arrow to the next book sheet floats ABOVE the persistent dock. */
  body.edo-r98-global-dock .detail-page.edo-r97-book > .edo-r97-book-controls {
    bottom: calc(107px + env(safe-area-inset-bottom,0px)) !important;
  }

  /* Match the native app: overlays and fullscreen remain unobstructed. */
  body.edo-r98-global-dock:has(.modal-backdrop) .edo-r4-mobile-nav,
  body.edo-r98-global-dock:has(.execution-modal-overlay) .edo-r4-mobile-nav,
  body.edo-r98-global-dock:has(.viewer-card:fullscreen) .edo-r4-mobile-nav,
  body.edo-r98-global-dock.edo-r2-scroll-lock .edo-r4-mobile-nav {
    display: none !important;
  }
}

@media (max-width: 375px) {
  body.edo-r98-global-dock .edo-r4-mobile-nav {left:6px!important;right:6px!important;}
  body.edo-r98-global-dock:not(.edo-r5-ready) .edo-r4-mobile-nav {
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 70px minmax(0,1fr) minmax(0,1fr)!important;
  }
  body.edo-r98-global-dock:not(.edo-r5-ready) .edo-r4-mobile-nav::before {
    width:72px;height:72px;top:-27px;
  }
  body.edo-r98-global-dock:not(.edo-r5-ready) .edo-r4-mobile-nav .edo-r5-create {
    width:56px!important;height:56px!important;bottom:23px!important;
  }
}

@media (max-width:720px) and (max-height:520px) and (orientation:landscape) {
  body.edo-r98-global-dock:not(.edo-r5-ready) .edo-r4-mobile-nav {height:64px!important;min-height:64px!important;}
  body.edo-r98-global-dock:not(.edo-r5-ready) .edo-r4-mobile-nav::before {width:68px;height:68px;top:-24px;}
  body.edo-r98-global-dock:not(.edo-r5-ready) .edo-r4-mobile-nav .edo-r5-create {width:53px!important;height:53px!important;bottom:20px!important;}
}


/* R132 SOURCE: /assets/edo-header-mobile-only-r100-20261027.css */
/* EDO Business R100 — hide redundant header actions ONLY on mobile.
 * Settings keeps language, theme and profile data; desktop header unchanged.
 */
@media (max-width: 720px) {
  .app-shell .topbar .topbar-actions > .edo-r31-controls,
  .app-shell .topbar .topbar-actions > .edo-r44-profile,
  .app-shell .topbar .topbar-actions > button.lang,
  .app-shell .topbar .topbar-actions > .profile.profile-button,
  .app-shell .topbar .topbar-actions > .profile-button {
    display: none !important;
  }
}


/* R132 SOURCE: /assets/edo-mobile-menu-right-r101-20261027.css */
/* EDO Business R101 — mobile header order (left to right): brand, bell, menu.
 * The existing R2 body-level hamburger stays mounted with its original events.
 */
@media (max-width: 720px) {
  /* The hamburger no longer needs space before the logo. */
  html body #root .app-shell .app-main > .topbar .topbar-left {
    padding-left: 0 !important;
  }

  /* Reserve a right-hand slot for the external hamburger. The notification
   * remains immediately to its left, with no DOM cloning/reordering. */
  html body #root .app-shell .app-main > .topbar .topbar-actions {
    padding-right: 43px !important;
    column-gap: 5px !important;
  }

  body:not(.edo-r2-scroll-lock) > .edo-r2-menu-button {
    left: auto !important;
    right: var(--edo-r101-menu-right, 18px) !important;
    top: var(--edo-r101-menu-top, var(--edo-r85-menu-top, 19px)) !important;
  }
}


/* R132 SOURCE: /assets/edo-mobile-wider-org-cards-r102-20261027.css */
/* EDO Business R102: wider mobile document cards and organization instead of
 * the summary preview. Organization is an existing React value in the author
 * cell's <small> element; no data is injected or modified.
 */
@media (max-width: 720px) {
  /* R94 leaves 9px on either side; reduce to 4px (+10px usable card width). */
  .app-shell .dashboard-page.edo-r26-ready .table-body {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-table.docs-row {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Keep the original summary in the DOM for React and document search, but
   * hide it visually only in the mobile document card. */
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > .summary-cell {
    display: none !important;
  }

  /* The real organization field was hidden by R91. Reveal it directly below
   * the author's name, where the summary preview used to appear. */
  .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(4) small {
    display: -webkit-box !important;
    margin-top: 4px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    max-height: 34px !important;
    overflow: hidden !important;
    overflow-wrap: anywhere !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    font-weight: 450 !important;
    color: #62718d !important;
  }

  html.edo-r31-dark .app-shell .dashboard-page.edo-r26-ready .table-body > .docs-row > div:nth-child(4) small {
    color: #b7c4e2 !important;
  }
}


/* R132 SOURCE: /assets/edo-workflow-after-filters-r103-20261027.css */
/* R103 — mobile workflow appears immediately BELOW search/filter toolbar,
 * and ABOVE scrollable document cards. Desktop keeps the native placement.
 * Native workflow stays mounted; a synchronized mobile presentation is shown.
 */
.edo-r103-filter-process { display: none !important; }

@media (max-width: 720px) {
  /* R26 owns this original node and can recreate its state at any time. */
  .app-shell .dashboard-page.edo-r26-ready > .edo-r26-process:not(.edo-r103-filter-process) {
    display: none !important;
  }

  .app-shell .dashboard-page.edo-r26-ready > .table-card > .edo-r103-filter-process {
    display: grid !important;
    flex: 0 0 auto !important;
    position: relative !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 7px 8px 8px !important;
    padding: 6px 0 3px !important;
    overflow: hidden !important;
    border: 1px solid #ebedfa !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 3px 12px rgba(38, 45, 93, .035) !important;
  }

  /* Preserve the real R82/R94 swipeable, center-snapped stage styles. */
  .app-shell .dashboard-page.edo-r26-ready > .table-card > .edo-r103-filter-process > .edo-r26-steps {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
  }

  html.edo-r31-dark .app-shell .dashboard-page.edo-r26-ready > .table-card > .edo-r103-filter-process {
    background: #1a2541 !important;
    border-color: #34415f !important;
  }
}


/* R132 SOURCE: /assets/edo-cards-scroll-below-workflow-r104-20261027.css */
/* R104 — mobile: keep filters and workflow fixed while documents and
 * pagination scroll underneath. R87 remains the document scroll owner. */
@media (max-width: 720px) {
  .app-shell .dashboard-page.edo-r26-ready > .table-card {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
  }

  .app-shell .dashboard-page.edo-r26-ready > .table-card::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  /* R87 already pins the toolbar. Keep it above the workflow panel. */
  .app-shell .dashboard-page.edo-r26-ready > .table-card > .edo-r26-toolbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 28 !important;
    flex: 0 0 auto !important;
  }

  /* R103 places this mirror directly after filters, before document rows. */
  .app-shell .dashboard-page.edo-r26-ready > .table-card > .edo-r103-filter-process {
    position: sticky !important;
    top: var(--edo-r104-filter-height, 0px) !important;
    z-index: 27 !important;
    flex: 0 0 auto !important;
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    isolation: isolate;
  }

  /* Do not create a second scrollbar inside the cards. The table-card
   * scrollport keeps the existing R87 pagination after the final card. */
  .app-shell .dashboard-page.edo-r26-ready > .table-card > .table-scroll {
    flex: 0 0 auto !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    scrollbar-width: none !important;
  }

  .app-shell .dashboard-page.edo-r26-ready > .table-card > .table-scroll::-webkit-scrollbar {
    display: none !important;
  }
}


/* R132 SOURCE: /assets/edo-workflow-back-on-top-r105-20261027.css */
/* R105: On phones, restore the real workflow to its original place above
 * the document list. Keep R104's scrollable, scrollbar-free document cards. */
@media (max-width: 720px) {
  /* R103's mobile copy is no longer shown after the filters. */
  .app-shell .dashboard-page.edo-r26-ready > .table-card > .edo-r103-filter-process {
    display: none !important;
  }

  /* R26 owns the original workflow, directly before .table-card. Reuse it
   * so stages, dates, animations and selected document stay synchronized. */
  .app-shell .dashboard-page.edo-r26-ready > .edo-r26-process:not(.edo-r103-filter-process) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    flex: 0 0 auto !important;
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 6px 0 3px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    border: 1px solid #ebedfa !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 3px 12px rgba(38,45,93,.035) !important;
  }

  .app-shell .dashboard-page.edo-r26-ready > .edo-r26-process:not(.edo-r103-filter-process) > .edo-r26-steps {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
  }

  html.edo-r31-dark .app-shell .dashboard-page.edo-r26-ready > .edo-r26-process:not(.edo-r103-filter-process) {
    background: #1a2541 !important;
    border-color: #34415f !important;
  }
}


/* R132 SOURCE: /assets/edo-mobile-dock-center-r106-20261027.css */
/* EDO Business R106: exact five-column optical alignment of the existing
 * R4/R5/R96/R98 mobile dock on every signed-in page. No route changes. */
@media (max-width: 720px) {
  body:is(.edo-r5-ready, .edo-r98-global-dock) .edo-r4-mobile-nav.edo-r4-mobile-nav {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    column-gap: 0 !important;
    justify-items: center !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }

  body:is(.edo-r5-ready, .edo-r98-global-dock) .edo-r4-mobile-nav.edo-r4-mobile-nav > .edo-r4-nav-item {
    display: grid !important;
    place-items: center !important;
    justify-self: center !important;
    align-self: center !important;
    box-sizing: border-box !important;
    width: min(100%, 60px) !important;
    height: 45px !important;
    min-height: 45px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    text-align: center !important;
    line-height: 1 !important;
  }

  body:is(.edo-r5-ready, .edo-r98-global-dock) .edo-r4-mobile-nav.edo-r4-mobile-nav > .edo-r4-nav-item > svg {
    display: block !important;
    place-self: center !important;
    flex: none !important;
    width: 25px !important;
    height: 25px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    vertical-align: middle !important;
  }

  /* Middle column is exactly one fifth of the dock, not a special width.
   * Keep the raised FAB and decorative ring anchored to its true center. */
  body:is(.edo-r5-ready, .edo-r98-global-dock) .edo-r4-mobile-nav.edo-r4-mobile-nav > .edo-r4-nav-center {
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    justify-self: stretch !important;
    align-self: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body:is(.edo-r5-ready, .edo-r98-global-dock) .edo-r4-mobile-nav.edo-r4-mobile-nav > .edo-r4-nav-center > .edo-r5-create {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body:is(.edo-r5-ready, .edo-r98-global-dock) .edo-r4-mobile-nav.edo-r4-mobile-nav > .edo-r4-nav-center > .edo-r5-create > svg {
    display: block !important;
    width: 29px !important;
    height: 29px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  body:is(.edo-r5-ready, .edo-r98-global-dock) .edo-r4-mobile-nav.edo-r4-mobile-nav::before {
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}


/* R132 SOURCE: /assets/edo-mobile-dock-reference-r107-20261027.css */
/* R107 — mobile dock matching the provided reference: a calm flat white
 * pill, four balanced icons, and a raised violet FAB in a white round notch.
 * Existing R4/R5/R96/R98/R106 actions and navigation remain untouched. */
@media (max-width: 720px) {
  body:is(.edo-r5-ready, .edo-r98-global-dock) .edo-r4-mobile-nav.edo-r4-mobile-nav {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    align-items: center !important;
    justify-items: center !important;
    gap: 0 !important;
    left: 8px !important;
    right: 8px !important;
    bottom: max(9px, env(safe-area-inset-bottom, 0px)) !important;
    width: auto !important;
    height: 68px !important;
    min-height: 68px !important;
    box-sizing: border-box !important;
    padding: 7px 7px 6px !important;
    border: 0 !important;
    border-radius: 21px !important;
    background: radial-gradient(circle 43px at 50% 2px,
      transparent 98%, #fff 100%) !important;
    box-shadow: none !important;
    overflow: visible !important;
    isolation: isolate !important;
  }

  /* Paper-white circular surround, seamlessly cutting into the top edge. */
  body:is(.edo-r5-ready, .edo-r98-global-dock) .edo-r4-mobile-nav.edo-r4-mobile-nav::before {
    content: '' !important;
    position: absolute !important;
    left: 50% !important;
    top: -35px !important;
    width: 78px !important;
    height: 78px !important;
    box-sizing: border-box !important;
    transform: translateX(-50%) !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: 0 3px 0 rgba(235, 235, 252, .92) !important;
    pointer-events: none !important;
    z-index: 0 !important;
  }

  /* Large, accessible hit areas; the selected visual backing is smaller,
   * exactly centered behind the icon, as on the user's reference. */
  body:is(.edo-r5-ready, .edo-r98-global-dock) .edo-r4-mobile-nav.edo-r4-mobile-nav > .edo-r4-nav-item {
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    justify-self: center !important;
    align-self: center !important;
    box-sizing: border-box !important;
    width: min(100%, 60px) !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #7c90b8 !important;
  }

  body:is(.edo-r5-ready, .edo-r98-global-dock) .edo-r4-mobile-nav.edo-r4-mobile-nav > .edo-r4-nav-item[aria-current='page'] {
    color: #6335f7 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body:is(.edo-r5-ready, .edo-r98-global-dock) .edo-r4-mobile-nav.edo-r4-mobile-nav > .edo-r4-nav-item[aria-current='page']::before {
    content: '';
    position: absolute;
    inset: 50% auto auto 50%;
    width: 43px;
    height: 33px;
    border-radius: 11px;
    background: #eee9ff;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 0;
  }

  body:is(.edo-r5-ready, .edo-r98-global-dock) .edo-r4-mobile-nav.edo-r4-mobile-nav > .edo-r4-nav-item > svg {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    place-self: center !important;
    flex: none !important;
    width: 25px !important;
    height: 25px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    stroke-width: 1.95 !important;
  }

  body:is(.edo-r5-ready, .edo-r98-global-dock) .edo-r4-mobile-nav.edo-r4-mobile-nav .edo-r4-nav-text {
    display: none !important;
  }

  body:is(.edo-r5-ready, .edo-r98-global-dock) .edo-r4-mobile-nav.edo-r4-mobile-nav > .edo-r4-nav-center {
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-self: stretch !important;
    align-self: center !important;
    z-index: 2 !important;
  }

  /* The screenshot's circle fades from soft lavender at the top into a
   * deep violet at the bottom. No floating shadow around the icon itself. */
  body:is(.edo-r5-ready, .edo-r98-global-dock) .edo-r4-mobile-nav.edo-r4-mobile-nav > .edo-r4-nav-center > .edo-r5-create {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    bottom: 30px !important;
    display: grid !important;
    place-items: center !important;
    box-sizing: border-box !important;
    width: 60px !important;
    height: 60px !important;
    padding: 0 !important;
    transform: translateX(-50%) !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: linear-gradient(180deg, #a58bef 0%, #8366dd 37%,
      #50358d 72%, #271751 100%) !important;
    box-shadow: none !important;
    color: #fff !important;
    z-index: 3 !important;
  }

  body:is(.edo-r5-ready, .edo-r98-global-dock) .edo-r4-mobile-nav.edo-r4-mobile-nav > .edo-r4-nav-center > .edo-r5-create > svg {
    display: block !important;
    width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    stroke-width: 2.5 !important;
  }

  body:is(.edo-r5-ready, .edo-r98-global-dock) .edo-r4-mobile-nav.edo-r4-mobile-nav .edo-r5-create-caption {
    display: none !important;
  }
}

@media (max-width: 375px) {
  body:is(.edo-r5-ready, .edo-r98-global-dock) .edo-r4-mobile-nav.edo-r4-mobile-nav {
    left: 6px !important;
    right: 6px !important;
  }
  body:is(.edo-r5-ready, .edo-r98-global-dock) .edo-r4-mobile-nav.edo-r4-mobile-nav::before {
    top: -32px !important;
    width: 74px !important;
    height: 74px !important;
  }
  body:is(.edo-r5-ready, .edo-r98-global-dock) .edo-r4-mobile-nav.edo-r4-mobile-nav > .edo-r4-nav-center > .edo-r5-create {
    bottom: 30px !important;
    width: 56px !important;
    height: 56px !important;
  }
}


/* R132 SOURCE: /assets/edo-mobile-fab-aligned-r108-20261027.css */
/* R108 — R107's white ring and purple create button now share ONE containing
 * block: the fixed dock itself. Make both slightly smaller and concentric. */
@media (max-width: 720px) {
  body:is(.edo-r5-ready, .edo-r98-global-dock) .edo-r4-mobile-nav.edo-r4-mobile-nav {
    /* The cut-out follows the new 70px ring; no extra pale crescent. */
    background: radial-gradient(circle 38px at 50% 3px,
      transparent 98%, #fff 100%) !important;
  }

  body:is(.edo-r5-ready, .edo-r98-global-dock) .edo-r4-mobile-nav.edo-r4-mobile-nav::before {
    left: 50% !important;
    top: -32px !important;
    width: 70px !important;
    height: 70px !important;
    transform: translateX(-50%) !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: 0 2px 0 rgba(235, 235, 252, .9) !important;
  }

  /* Stop using this grid cell as the purple button's positioning context.
   * The outer nav is position:fixed, so both circles use nav's 50% center. */
  body:is(.edo-r5-ready, .edo-r98-global-dock) .edo-r4-mobile-nav.edo-r4-mobile-nav > .edo-r4-nav-center {
    position: static !important;
  }

  /* White circle: center y = -32 + 70 / 2 = 3px from dock top.
   * Purple FAB:  center y = -23 + 52 / 2 = 3px from dock top. */
  body:is(.edo-r5-ready, .edo-r98-global-dock) .edo-r4-mobile-nav.edo-r4-mobile-nav > .edo-r4-nav-center > .edo-r5-create {
    position: absolute !important;
    left: 50% !important;
    top: -23px !important;
    right: auto !important;
    bottom: auto !important;
    width: 52px !important;
    height: 52px !important;
    transform: translateX(-50%) !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    z-index: 3 !important;
  }

  body:is(.edo-r5-ready, .edo-r98-global-dock) .edo-r4-mobile-nav.edo-r4-mobile-nav > .edo-r4-nav-center > .edo-r5-create > svg {
    width: 28px !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* Maintain exact shared centers on the narrowest phones. */
@media (max-width: 375px) {
  body:is(.edo-r5-ready, .edo-r98-global-dock) .edo-r4-mobile-nav.edo-r4-mobile-nav {
    background: radial-gradient(circle 36px at 50% 3px,
      transparent 98%, #fff 100%) !important;
  }
  body:is(.edo-r5-ready, .edo-r98-global-dock) .edo-r4-mobile-nav.edo-r4-mobile-nav::before {
    top: -30px !important;
    width: 66px !important;
    height: 66px !important;
  }
  body:is(.edo-r5-ready, .edo-r98-global-dock) .edo-r4-mobile-nav.edo-r4-mobile-nav > .edo-r4-nav-center > .edo-r5-create {
    top: -21px !important;
    width: 48px !important;
    height: 48px !important;
  }
}


/* R132 SOURCE: /assets/edo-mobile-white-ring-smaller-r109-20261027.css */
/* R109 — shrink only the white ring behind R108's purple create button.
 * Both circles keep their exactly shared center at dock top + 3px. */
@media (max-width: 720px) {
  body:is(.edo-r5-ready, .edo-r98-global-dock) .edo-r4-mobile-nav.edo-r4-mobile-nav {
    background: radial-gradient(circle 36px at 50% 3px,
      transparent 98%, #fff 100%) !important;
  }

  /* Center: -30px + 66px / 2 = 3px, matching the purple 52px FAB. */
  body:is(.edo-r5-ready, .edo-r98-global-dock) .edo-r4-mobile-nav.edo-r4-mobile-nav::before {
    top: -30px !important;
    width: 66px !important;
    height: 66px !important;
  }
}

@media (max-width: 375px) {
  body:is(.edo-r5-ready, .edo-r98-global-dock) .edo-r4-mobile-nav.edo-r4-mobile-nav {
    background: radial-gradient(circle 34px at 50% 3px,
      transparent 98%, #fff 100%) !important;
  }

  /* Center: -28px + 62px / 2 = 3px, matching the purple 48px FAB. */
  body:is(.edo-r5-ready, .edo-r98-global-dock) .edo-r4-mobile-nav.edo-r4-mobile-nav::before {
    top: -28px !important;
    width: 62px !important;
    height: 62px !important;
  }
}


/* R132 SOURCE: /assets/edo-mobile-filter-toggle-r110-20261027.css */
/* R110 — mobile-only compact search with a show/hide-filters button to its
 * right. Keep the real R26 search and selects with their original listeners. */
.edo-r110-filter-toggle { display: none; }

@media (max-width: 720px) {
  .app-shell .dashboard-page.edo-r26-ready > .table-card > .edo-r26-toolbar .edo-r26-controls {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .app-shell .dashboard-page.edo-r26-ready > .table-card > .edo-r26-toolbar .edo-r26-controls > .edo-r26-search {
    display: flex !important;
    order: 0 !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    height: 36px !important;
    margin: 0 !important;
  }

  .app-shell .dashboard-page.edo-r26-ready > .table-card > .edo-r26-toolbar .edo-r26-controls > .edo-r26-search > input {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  .app-shell .dashboard-page.edo-r26-ready > .table-card > .edo-r26-toolbar .edo-r110-filter-toggle {
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    flex: 0 0 36px !important;
    order: 1 !important;
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    border: 1px solid #dce3f4 !important;
    border-radius: 10px !important;
    background: #f7f8ff !important;
    color: #704afa !important;
    box-shadow: 0 1px 4px rgba(42, 37, 101, .035) !important;
    cursor: pointer;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }

  .app-shell .dashboard-page.edo-r26-ready .edo-r110-filter-toggle svg {
    width: 19px !important;
    height: 19px !important;
    display: block !important;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.9;
    stroke-linecap: round;
  }

  .app-shell .dashboard-page.edo-r26-ready .edo-r110-filter-toggle[aria-expanded='true'] {
    color: #fff !important;
    background: #6741f4 !important;
    border-color: #6741f4 !important;
  }

  .app-shell .dashboard-page.edo-r26-ready .edo-r110-filter-toggle:focus-visible {
    outline: 3px solid #b7a5ff !important;
    outline-offset: 2px !important;
  }

  .app-shell .dashboard-page.edo-r26-ready .edo-r110-filter-toggle.edo-r110-has-filter::after {
    content: '';
    position: absolute;
    top: 3px;
    right: 3px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #f6a548;
    pointer-events: none;
  }

  /* Closed by default. No filter values or handlers are removed. */
  .app-shell .dashboard-page.edo-r26-ready > .table-card > .edo-r26-toolbar .edo-r26-controls > select {
    display: none !important;
  }

  .app-shell .dashboard-page.edo-r26-ready > .table-card > .edo-r26-toolbar.edo-r110-filters-open .edo-r26-controls > :is(.edo-r26-status, .edo-r26-sort) {
    display: block !important;
    order: 2 !important;
    flex: 1 1 calc(50% - 3px) !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
    height: 36px !important;
    box-sizing: border-box !important;
    font-size: 11px !important;
    margin: 0 !important;
  }

  /* This type selector was already absent from the approved mobile design. */
  .app-shell .dashboard-page.edo-r26-ready > .table-card > .edo-r26-toolbar .edo-r26-controls > .edo-r26-kind {
    display: none !important;
  }

  html.edo-r31-dark .app-shell .dashboard-page.edo-r26-ready .edo-r110-filter-toggle {
    background: #273354 !important;
    border-color: #465579 !important;
    color: #d5c8ff !important;
  }
  html.edo-r31-dark .app-shell .dashboard-page.edo-r26-ready .edo-r110-filter-toggle[aria-expanded='true'] {
    background: #6741f4 !important;
    color: #fff !important;
    border-color: #6741f4 !important;
  }
}


/* R132 SOURCE: /assets/edo-filter-separate-row-r111-20261027.css */
/* R111 — mobile R110: search + filter toggle in first row; the two visible
 * selects form a separate 70% / 30% second row, without squeezing search. */
@media (max-width: 720px) {
  .app-shell .dashboard-page.edo-r26-ready > .table-card > .edo-r26-toolbar .edo-r26-controls {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 7fr) minmax(0, 3fr) !important;
    grid-auto-rows: min-content !important;
    column-gap: 6px !important;
    row-gap: 6px !important;
    align-items: center !important;
    justify-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  /* Search spans row one, reserving exactly 36px + 6px for the button. */
  .app-shell .dashboard-page.edo-r26-ready > .table-card > .edo-r26-toolbar .edo-r26-controls > .edo-r26-search {
    grid-row: 1 !important;
    grid-column: 1 / -1 !important;
    justify-self: start !important;
    align-self: center !important;
    width: calc(100% - 42px) !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .app-shell .dashboard-page.edo-r26-ready > .table-card > .edo-r26-toolbar .edo-r26-controls > .edo-r110-filter-toggle {
    grid-row: 1 !important;
    grid-column: 2 !important;
    justify-self: end !important;
    align-self: center !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
  }

  /* Width allocation is 7 / 10 and 3 / 10 of usable row width.
   * Grid subtracts the 6px gap first, preventing horizontal overflow. */
  .app-shell .dashboard-page.edo-r26-ready > .table-card > .edo-r26-toolbar .edo-r26-controls > .edo-r26-status {
    grid-row: 2 !important;
    grid-column: 1 !important;
    justify-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .app-shell .dashboard-page.edo-r26-ready > .table-card > .edo-r26-toolbar .edo-r26-controls > .edo-r26-sort {
    grid-row: 2 !important;
    grid-column: 2 !important;
    justify-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding-inline: 5px !important;
  }
}


/* R132 SOURCE: /assets/edo-document-advanced-filters-r112-20261027.css */
/* R112. New search filters are mobile-only; R26 desktop controls are untouched. */
.edo-r112-fields { display: none; }

@media (max-width: 720px) {
  .edo-r112-filter-hidden { display: none !important; }
  .app-shell .dashboard-page.edo-r26-ready > .table-card > .edo-r26-toolbar .edo-r26-controls > :is(.edo-r26-status, .edo-r26-kind, .edo-r26-sort) {
    display: none !important;
  }

  .app-shell .dashboard-page.edo-r26-ready > .table-card > .edo-r26-toolbar .edo-r26-controls > .edo-r112-fields {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .app-shell .dashboard-page.edo-r26-ready > .table-card > .edo-r26-toolbar.edo-r110-filters-open .edo-r26-controls > .edo-r112-fields {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding-top: 2px !important;
  }

  .edo-r112-fields label { display: grid; gap: 4px; min-width: 0; }
  .edo-r112-fields .edo-r112-label { color: #596687; font-size: 10px; font-weight: 650; line-height: 1.3; }
  .edo-r112-fields select,
  .edo-r112-fields input[type='date'] {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 36px !important;
    padding: 0 7px !important;
    background: #fff !important;
    border: 1px solid #dce3f4 !important;
    border-radius: 9px !important;
    color: #26365e !important;
    font-family: inherit !important;
    font-weight: 500 !important;
    font-size: 12px !important;
  }
  .edo-r112-fields select:focus-visible,
  .edo-r112-fields input[type='date']:focus-visible {
    outline: 2px solid #8064fa !important;
    outline-offset: 1px !important;
  }
  .edo-r112-fields .edo-r112-date-wrap { grid-column: 1 / -1; min-width: 0; }
  .edo-r112-fields .edo-r112-date-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 4px; }
  .edo-r112-fields .edo-r112-date-preview { color: #7a86a6; font-size: 10px; }
  .edo-r112-fields .edo-r112-date-pair { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; }
  .edo-r112-fields .edo-r112-date-pair > label { position: relative; min-width: 0; }
  .edo-r112-fields .edo-r112-date-pair input { font-size: 11px !important; padding-inline: 5px !important; }
  .edo-r112-fields .edo-r112-sort-wrap { grid-column: 1 / -1; }
  .edo-r112-fields .edo-r112-note { grid-column: 1 / -1; margin: 0; font-size: 10px; color: #b45309; }
  .edo-r112-fields .edo-r112-note:empty { display: none; }

  /* React/R26 may set inline order after each render. This only applies to
     mobile A-Z/Z-A; desktop sorting keeps its original behavior. */
  .app-shell .dashboard-page.edo-r112-sorted .table-body > .docs-row {
    order: var(--edo-r112-sort-order) !important;
  }

  .app-shell .dashboard-page.edo-r26-ready .edo-r110-filter-toggle.edo-r112-has-filter::after {
    content: ''; position: absolute; top: 3px; right: 3px; width: 5px; height: 5px;
    border-radius: 50%; background: #f6a548; pointer-events: none;
  }

  html.edo-r31-dark .edo-r112-fields select,
  html.edo-r31-dark .edo-r112-fields input[type='date'] { color: #e5eaff !important; background: #233152 !important; border-color: #465579 !important; }
  html.edo-r31-dark .edo-r112-fields .edo-r112-label { color: #c5d0ef; }
}


/* R132 SOURCE: /assets/edo-number-single-date-r113-20261027.css */
/* R113: remove sorting on desktop and mobile; mobile number and date mode. */
.app-shell .dashboard-page.edo-r26-ready > .table-card > .edo-r26-toolbar .edo-r26-controls > .edo-r26-sort { display: none !important; }
.edo-r113-number-wrap, .edo-r113-single-date { display: none; }

@media (max-width: 720px) {
  .app-shell .dashboard-page.edo-r26-ready > .table-card > .edo-r26-toolbar .edo-r112-fields > .edo-r112-sort-wrap {
    display: none !important;
  }

  .app-shell .dashboard-page.edo-r26-ready > .table-card > .edo-r26-toolbar .edo-r112-fields > .edo-r113-number-wrap {
    display: grid !important;
    grid-column: 1 / -1 !important;
    min-width: 0 !important;
    gap: 4px !important;
  }
  .edo-r112-fields .edo-r113-number-input {
    width: 100% !important;
    height: 36px !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding: 0 11px !important;
    border: 1px solid #dce3f4 !important;
    border-radius: 9px !important;
    background: #fff !important;
    color: #26365e !important;
    font-size: 12px !important;
    outline-offset: 1px;
  }
  .edo-r112-fields .edo-r113-number-input:focus-visible {
    outline: 2px solid #8064fa !important;
  }
  .edo-r112-fields .edo-r112-date-heading {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    min-height: 20px !important;
  }
  .edo-r112-fields .edo-r112-date-preview { display: none !important; }
  .edo-r112-fields .edo-r113-range-toggle {
    box-sizing: border-box;
    appearance: auto;
    accent-color: #6540f4;
    width: 16px;
    height: 16px;
    min-width: 16px;
    margin: 0;
    cursor: pointer;
  }

  .edo-r112-fields .edo-r112-date-wrap:not(.edo-r113-range-on) .edo-r112-date-pair { display: none !important; }
  .edo-r112-fields .edo-r112-date-wrap:not(.edo-r113-range-on) .edo-r113-single-date {
    display: grid !important;
    min-width: 0 !important;
    gap: 4px !important;
  }
  .edo-r112-fields .edo-r112-date-wrap.edo-r113-range-on .edo-r112-date-pair { display: grid !important; }
  .edo-r112-fields .edo-r112-date-wrap.edo-r113-range-on .edo-r113-single-date { display: none !important; }
  .edo-r112-fields .edo-r113-single-date input[type='date'] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .edo-r113-number-hidden { display: none !important; }

  html.edo-r31-dark .edo-r112-fields .edo-r113-number-input {
    color: #e5eaff !important;
    background: #233152 !important;
    border-color: #465579 !important;
  }
}


/* R132 SOURCE: /assets/edo-mobile-remove-legacy-selects-r114-20261027.css */
/* R114 — prevent R110's expanded-state specificity from showing legacy
 * "Barcha holatlar" and "Asl tartib" on the mobile advanced-filter panel.
 * Desktop status filtering stays available; R113 desktop sorting stays hidden. */
@media (max-width: 720px) {
  html body .app-shell .dashboard-page.edo-r26-ready > .table-card > .edo-r26-toolbar .edo-r26-controls > select.edo-r26-status,
  html body .app-shell .dashboard-page.edo-r26-ready > .table-card > .edo-r26-toolbar .edo-r26-controls > select.edo-r26-sort,
  html body .app-shell .dashboard-page.edo-r26-ready > .table-card > .edo-r26-toolbar.edo-r110-filters-open .edo-r26-controls > select.edo-r26-status,
  html body .app-shell .dashboard-page.edo-r26-ready > .table-card > .edo-r26-toolbar.edo-r110-filters-open .edo-r26-controls > select.edo-r26-sort {
    display: none !important;
    visibility: hidden !important;
  }
}


/* R132 SOURCE: /assets/edo-mobile-profile-in-header-r115-20261027.css */
/* R115 — on mobile replace the independent R2/R101 header hamburger with
 * the existing functional R44 profile (avatar/menu). Desktop is unchanged. */
@media (max-width: 720px) {
  /* The drawer button stays mounted for compatibility, but is not shown. */
  html body > .edo-r2-menu-button,
  html body.edo-r2-scroll-lock > .edo-r2-menu-button {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* R101 reserved 43px at the right for that fixed hamburger. The real
   * account button takes that place inside the normal header flex layout. */
  html body #root .app-shell .app-main > .topbar .topbar-actions {
    padding-right: 0 !important;
    gap: 7px !important;
    align-items: center !important;
  }

  /* R100 hid profile only on mobile; show its real R44 menu trigger again. */
  html body #root .app-shell .topbar .topbar-actions > .edo-r44-profile {
    display: block !important;
    position: relative !important;
    flex: 0 0 36px !important;
    width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    z-index: 1300 !important;
  }
  html body #root .app-shell .topbar .edo-r44-profile > .edo-r44-profile-button {
    display: grid !important;
    place-items: center !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  html body #root .app-shell .topbar .edo-r44-profile .edo-r44-avatar {
    display: grid !important;
    place-items: center !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
    margin: 0 !important;
    background: #ece9ff !important;
    color: #5a3ceb !important;
    border-radius: 50% !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }
  html body #root .app-shell .topbar .edo-r44-profile .edo-r44-labels,
  html body #root .app-shell .topbar .edo-r44-profile .edo-r44-chevron {
    display: none !important;
  }
  html body #root .app-shell .topbar .edo-r44-profile > .edo-r44-profile-button:focus-visible {
    outline: 3px solid #b8a8ff !important;
    outline-offset: 2px !important;
  }

  /* Dropdown remains connected to original Profile/Admin actions. */
  html body #root .app-shell .topbar .edo-r44-profile .edo-r44-account-menu {
    right: 0 !important;
    z-index: 1500 !important;
  }
}


/* R132 SOURCE: /assets/edo-mobile-global-sticky-header-r116-20261027.css */
/* R116 — keep the existing main EDO header visible across mobile routes.
 * The element remains in normal flow, so no spacer or body offset is needed.
 * R85's document-card-only scrolling remains intact. */
@media (max-width: 720px) {
  html body #root .app-shell > .app-main > .topbar,
  html body #root .app-shell .app-main > .topbar {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 8px !important;
    z-index: 1200 !important;
    align-self: stretch !important;
    flex-shrink: 0 !important;
    isolation: isolate;
  }

  /* Preserve a solid backdrop when the document, settings, or PDF page slides
     beneath the pinned header. Do not change its sizing or logo/bell/profile. */
  html body #root .app-shell .app-main > .topbar {
    background: #fff !important;
  }
  html.edo-r31-dark body #root .app-shell .app-main > .topbar {
    background: #1e2b45 !important;
  }
}


/* R132 SOURCE: /assets/edo-mobile-document-professional-r117-20261027.css */
/* R117 — approved variant 4: sober, compact mobile document card + PDF.
 * Visual changes only. R62 tabs, R97 book flip, R88 PDF pages, React handlers,
 * R98 dock, R115 profile and R116 sticky topbar remain authoritative. */
@media (max-width: 720px) {
  .app-main.detail-mode .detail-page.edo-r97-book {
    --edo-r117-ink: #172647;
    --edo-r117-muted: #71809b;
    --edo-r117-line: #e5eaf3;
    --edo-r117-purple: #6545ee;
    --edo-r117-surface: #ffffff;
    --edo-r117-backdrop: #f8f9fc;
    color: var(--edo-r117-ink);
    background: var(--edo-r117-backdrop);
  }

  /* Tabs look like professional navigation, not two large purple pills. */
  .app-main.detail-mode .detail-page.edo-r97-book.edo-r62-ready {
    --edo-r68-header-height: 50px !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book.edo-r62-ready .detail-grid > .info-column {
    grid-template-rows: 50px auto !important;
    align-content: start !important;
    gap: 8px !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book.edo-r62-ready .info-column > .edo-r62-tabs {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    padding: 0 9px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--edo-r117-line) !important;
    border-radius: 12px 12px 0 0 !important;
    background: var(--edo-r117-surface) !important;
    box-shadow: none !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .edo-r62-pill {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    height: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .edo-r62-pill > button {
    min-height: 0 !important;
    height: 100% !important;
    padding: 0 5px !important;
    border: 0 !important;
    border-bottom: 3px solid transparent !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--edo-r117-muted) !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .edo-r62-pill > button[aria-selected='true'] {
    color: var(--edo-r117-purple) !important;
    border-bottom-color: var(--edo-r117-purple) !important;
    background: transparent !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .edo-r62-pill > button:focus-visible {
    outline: 2px solid var(--edo-r117-purple) !important;
    outline-offset: -4px;
  }

  /* Turn the single React-owned info card into three quiet visual sections.
   * Never remove, reparent or clone the real data or action buttons. */
  .app-main.detail-mode .detail-page.edo-r97-book .info-column > .merged-info-files-card {
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .merged-info-files-card > .document-info-toolbar {
    min-height: 61px !important;
    padding: 12px 11px 9px !important;
    gap: 8px !important;
    border: 1px solid var(--edo-r117-line) !important;
    border-bottom: 0 !important;
    border-radius: 12px 12px 0 0 !important;
    background: var(--edo-r117-surface) !important;
    box-shadow: none !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .document-info-toolbar-left {
    flex-wrap: wrap !important;
    gap: 7px !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .merged-info-files-card .document-info-toolbar h3 {
    white-space: normal !important;
    font-size: clamp(14px, 4vw, 17px) !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    color: var(--edo-r117-ink) !important;
    letter-spacing: -.2px;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .merged-info-files-card .info-add-button {
    box-sizing: border-box;
    width: 34px !important;
    min-width: 34px !important;
    flex: 0 0 34px !important;
    height: 34px !important;
    padding: 0 !important;
    border-radius: 9px !important;
    background: #24be78 !important;
    box-shadow: none !important;
    font-size: 21px !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .merged-info-files-card > .document-info-card-body {
    overflow: visible !important;
    max-height: none !important;
    padding: 0 !important;
    background: transparent !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .merged-info-files-card .document-info-card-body > dl {
    display: grid !important;
    grid-template-columns: minmax(94px, 43%) minmax(0, 1fr) !important;
    column-gap: 8px !important;
    row-gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 1px 13px 3px !important;
    border: 1px solid var(--edo-r117-line) !important;
    border-top: 0 !important;
    border-radius: 0 0 12px 12px !important;
    background: var(--edo-r117-surface) !important;
    font-size: 13px !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .document-info-card-body > dl > dt,
  .app-main.detail-mode .detail-page.edo-r97-book .document-info-card-body > dl > dd {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 11px 1px !important;
    border-bottom: 1px solid var(--edo-r117-line) !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    overflow-wrap: anywhere;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .document-info-card-body > dl > dt {
    color: var(--edo-r117-muted) !important;
    font-weight: 550 !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .document-info-card-body > dl > dd {
    color: var(--edo-r117-ink) !important;
    font-weight: 760 !important;
    font-variant-numeric: tabular-nums;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .document-info-card-body > dl > dd.danger-text {
    color: #ed4052 !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .document-info-card-body > dl > dt:last-of-type,
  .app-main.detail-mode .detail-page.edo-r97-book .document-info-card-body > dl > dd:last-of-type {
    border-bottom: 0 !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .document-info-card-body > .document-info-task {
    margin: 10px 0 0 !important;
    padding: 13px 14px 14px !important;
    border: 1px solid var(--edo-r117-line) !important;
    border-radius: 11px !important;
    background: var(--edo-r117-surface) !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .document-info-task > span {
    margin: 0 0 7px !important;
    color: var(--edo-r117-ink) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .document-info-task > p {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    font-weight: 540 !important;
    color: var(--edo-r117-ink) !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .merged-info-files-card .merged-card-divider {
    display: none !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .merged-info-files-card .merged-files-section {
    margin-top: 10px !important;
    padding: 13px 12px !important;
    border: 1px solid var(--edo-r117-line) !important;
    border-radius: 11px !important;
    background: var(--edo-r117-surface) !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .merged-files-section > h3 {
    margin: 0 0 10px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    color: var(--edo-r117-ink) !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .merged-files-section .file-list {
    gap: 8px !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .merged-files-section .file-item {
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) 35px !important;
    gap: 9px !important;
    min-height: 54px !important;
    align-items: center !important;
    padding: 7px 2px !important;
    border-bottom: 1px solid var(--edo-r117-line) !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .merged-files-section .file-item:last-child {
    border-bottom: 0 !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .file-item-copy {
    min-width: 0 !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .file-item-copy b {
    color: var(--edo-r117-ink) !important;
    font-size: 13px !important;
    overflow-wrap: anywhere;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .file-item-copy small {
    color: var(--edo-r117-muted) !important;
    font-size: 11px !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .info-file-download-button {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    border: 1px solid #dce3f0 !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #4e6487 !important;
  }

  /* Viewer: one filename row, one horizontally accessible tool row. */
  .app-main.detail-mode .detail-page.edo-r97-book .viewer-column > .viewer-card {
    overflow: hidden !important;
    border: 1px solid var(--edo-r117-line) !important;
    border-radius: 12px !important;
    background: var(--edo-r117-surface) !important;
    box-shadow: 0 2px 10px rgba(22, 37, 73, .045) !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .viewer-card > .viewer-toolbar {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid var(--edo-r117-line) !important;
    background: var(--edo-r117-surface) !important;
    box-shadow: none !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .viewer-toolbar > .file-caption {
    display: flex !important;
    flex: none !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 55px !important;
    margin: 0 !important;
    padding: 9px 52px 9px 11px !important;
    gap: 9px !important;
    border-bottom: 1px solid var(--edo-r117-line) !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .viewer-toolbar .pdf-toolbar-type-icon {
    flex: 0 0 34px;
    width: 34px !important;
    height: 34px !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .file-caption b {
    max-width: 100% !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    color: var(--edo-r117-ink) !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .file-caption small {
    font-size: 11px !important;
    margin-top: 2px !important;
    color: var(--edo-r117-muted) !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .viewer-toolbar > .viewer-controls {
    display: flex !important;
    flex: none !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 5px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 49px !important;
    margin: 0 !important;
    padding: 6px 10px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .viewer-controls::-webkit-scrollbar {
    display: none !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .viewer-controls > button:not(.viewer-close-btn) {
    box-sizing: border-box;
    flex: 0 0 auto !important;
    display: inline-grid !important;
    place-items: center !important;
    min-width: 34px !important;
    width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    border: 1px solid #dfe5ef !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: none !important;
    color: #304669 !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .viewer-controls > .viewer-history-btn {
    display: inline-flex !important;
    width: auto !important;
    min-width: 59px !important;
    padding: 0 10px !important;
    white-space: nowrap;
    font-size: 12px !important;
    font-weight: 700 !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .viewer-controls > .zoom-value,
  .app-main.detail-mode .detail-page.edo-r97-book .viewer-controls > .page-counter {
    flex: 0 0 auto !important;
    min-width: 43px !important;
    padding: 0 3px !important;
    font-size: 12px !important;
    color: var(--edo-r117-ink) !important;
    font-variant-numeric: tabular-nums;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .viewer-controls > .divider {
    flex: 0 0 1px !important;
    width: 1px !important;
    min-width: 1px !important;
    height: 22px !important;
    margin: 0 3px !important;
  }
  /* Keep the real React close button; visually move it next to the filename. */
  .app-main.detail-mode .detail-page.edo-r97-book .viewer-controls > .viewer-close-btn {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    display: grid !important;
    place-items: center !important;
    box-sizing: border-box !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    border: 1px solid #dfe5ef !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #33496c !important;
    z-index: 5;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .viewer-card > .real-pdf-stage {
    box-sizing: border-box;
    min-height: max(345px, min(750px, calc(100dvh - 220px))) !important;
    padding: 11px 8px 22px !important;
    background: #e9edf3 !important;
    overflow: auto !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .real-pdf-stage .react-pdf-page {
    background: #fff;
    box-shadow: 0 3px 12px rgba(23, 38, 71, .12) !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .history-drawer {
    top: 104px !important;
    width: min(100%, 380px) !important;
    min-width: 0 !important;
  }

  /* Existing real book-page navigator, visually reduced to variant 4. */
  .app-main.detail-mode .detail-page.edo-r97-book > .edo-r97-book-controls {
    min-width: 96px !important;
    height: 47px !important;
    padding: 5px 7px !important;
    gap: 7px !important;
    border: 1px solid #e5e9f3 !important;
    background: rgba(255, 255, 255, .98) !important;
    box-shadow: 0 4px 13px rgba(31, 41, 79, .10) !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book > .edo-r97-book-controls button {
    flex: 0 0 35px !important;
    width: 35px !important;
    height: 35px !important;
    border-radius: 50% !important;
    background: #6545ee !important;
    box-shadow: none !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book .edo-r97-page-pips i {
    background: #d5d9e8 !important;
  }
  .app-main.detail-mode .detail-page.edo-r97-book.edo-r97-card .edo-r97-page-pips i:first-child,
  .app-main.detail-mode .detail-page.edo-r97-book.edo-r97-viewer .edo-r97-page-pips i:last-child {
    background: var(--edo-r117-purple) !important;
  }
}

/* Preserve the already-installed R31 dark-mode option. */
@media (max-width: 720px) {
  html.edo-r31-dark .app-main.detail-mode .detail-page.edo-r97-book {
    --edo-r117-ink: #e7ecfb;
    --edo-r117-muted: #a6b3cd;
    --edo-r117-line: #3b4967;
    --edo-r117-surface: #1d2a44;
    --edo-r117-backdrop: #172238;
  }
  html.edo-r31-dark .app-main.detail-mode .detail-page.edo-r97-book .viewer-toolbar .viewer-controls > button,
  html.edo-r31-dark .app-main.detail-mode .detail-page.edo-r97-book .info-file-download-button {
    background: #24334f !important;
    border-color: #4c5a75 !important;
    color: #e7ecfb !important;
  }
  html.edo-r31-dark .app-main.detail-mode .detail-page.edo-r97-book .viewer-controls > .divider {
    background: #50617d !important;
  }
}


/* R132 SOURCE: /assets/edo-mobile-fixed-document-panels-r118-20261027.css */
/* R118 — keep the R117 document workspace within the phone viewport.
 * Only the opened card content or the original PDF stage scrolls. R116 main
 * header, R62 tabs, R97 book navigator, R88 PDF pages and R98 dock are kept. */
@media (max-width: 720px) {
  /* Follow R85's successful dashboard viewport pattern, but scope it only to
     an actively mounted detail page. Login, settings, creation and desktop
     layouts retain their original document scrolling. */
  html:has(.app-shell > .app-main.detail-mode > .detail-page.edo-r97-book),
  body:has(.app-shell > .app-main.detail-mode > .detail-page.edo-r97-book) {
    height: 100dvh !important;
    min-height: 0 !important;
    overflow-y: hidden !important;
    overscroll-behavior-y: none !important;
  }
  #root:has(.app-shell > .app-main.detail-mode > .detail-page.edo-r97-book),
  .app-shell:has(> .app-main.detail-mode > .detail-page.edo-r97-book) {
    height: 100dvh !important;
    min-height: 0 !important;
    max-height: 100dvh !important;
    overflow: hidden !important; /* Older WebKit fallback. */
    overflow: clip !important;
  }
  html body #root .app-shell > .app-main.detail-mode:has(> .detail-page.edo-r97-book) {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
    height: 100dvh !important;
    min-height: 0 !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    padding: 7px 7px calc(87px + env(safe-area-inset-bottom, 0px)) !important;
    overflow: hidden !important;
    overflow: clip !important;
  }

  /* The complete app header remains visible while the detail area changes.
     It is still the genuine R31/R44/R115 header, not a visual copy. */
  html body #root .app-shell > .app-main.detail-mode:has(> .detail-page.edo-r97-book) > .topbar {
    position: relative !important;
    top: auto !important;
    z-index: 1200 !important;
    flex: 0 0 auto !important;
    align-self: stretch !important;
    margin: 0 !important;
  }

  .app-shell .app-main.detail-mode > .detail-page.edo-r97-book {
    box-sizing: border-box !important;
    display: flex !important;
    flex: 1 1 0 !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important; /* R98's former 140px padding is for window scroll. */
    overflow: hidden !important;
    overflow: clip !important;
  }
  .app-shell .app-main.detail-mode > .detail-page.edo-r97-book > .detail-grid {
    box-sizing: border-box !important;
    display: grid !important;
    flex: 1 1 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    gap: 0 !important;
    overflow: hidden !important;
    overflow: clip !important;
    scroll-margin-top: 70px;
  }

  /* R97 exclusively decides which sheet is visible. We intentionally do not
     override its display:none for the inactive column or its page transforms. */
  .app-shell .app-main.detail-mode .detail-page.edo-r97-book .detail-grid > .info-column,
  .app-shell .app-main.detail-mode .detail-page.edo-r97-book .detail-grid > .viewer-column {
    box-sizing: border-box !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: stretch !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow: hidden !important;
    overflow: clip !important;
  }

  /* Card mode: document-type tabs stay in place while the REAL card (including
     the plus/employee chooser, summary and attached files) scrolls beneath. */
  .app-shell .app-main.detail-mode .detail-page.edo-r97-book .detail-grid > .info-column {
    grid-template-rows: 50px minmax(0, 1fr) !important;
    align-content: stretch !important;
    gap: 8px !important;
  }
  .app-shell .app-main.detail-mode .detail-page.edo-r97-book .info-column > .edo-r62-tabs {
    flex: 0 0 50px !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
  }
  .app-shell .app-main.detail-mode .detail-page.edo-r97-book .info-column > .merged-info-files-card,
  .app-shell .app-main.detail-mode .detail-page.edo-r97-book .info-column > .edo-r60-execution-card {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    margin: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .app-shell .app-main.detail-mode .detail-page.edo-r97-book .info-column > .merged-info-files-card::-webkit-scrollbar,
  .app-shell .app-main.detail-mode .detail-page.edo-r97-book .info-column > .edo-r60-execution-card::-webkit-scrollbar {
    display: none !important;
  }
  .app-shell .app-main.detail-mode .detail-page.edo-r97-book .merged-info-files-card > .document-info-card-body {
    max-height: none !important;
    overflow: visible !important;
  }
  /* R97's fixed arrow sits above R98's dock. Leave room for the last file. */
  .app-shell .app-main.detail-mode .detail-page.edo-r97-book .merged-files-section {
    margin-bottom: 72px !important;
  }
  .app-shell .app-main.detail-mode .detail-page.edo-r97-book .info-column > .edo-r60-execution-card {
    padding-bottom: 76px !important;
  }
  /* R60 mounts the native execution upload dialog as an absolute sibling of
     the columns. Keep its full form scrollable inside the same viewport. */
  .app-shell .app-main.detail-mode .detail-page.edo-r97-book.edo-r60-execution-mode
    .execution-modal-overlay.edo-r60-inline-upload {
    box-sizing: border-box !important;
    top: 50px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: calc(100% - 50px) !important;
    max-height: calc(100% - 50px) !important;
    overflow: hidden !important;
  }
  .app-shell .app-main.detail-mode .detail-page.edo-r97-book.edo-r60-execution-mode
    .execution-modal-overlay.edo-r60-inline-upload > .execution-modal {
    box-sizing: border-box !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  /* Viewer mode: filename + PDF controls stay at top of its panel. The only
     viewer scroller is React-PDF's existing .real-pdf-stage. */
  .app-shell .app-main.detail-mode .detail-page.edo-r97-book .detail-grid > .viewer-column {
    grid-template-rows: minmax(0, 1fr) auto !important;
    gap: 0 !important;
  }
  .app-shell .app-main.detail-mode .detail-page.edo-r97-book .viewer-column > .viewer-card {
    box-sizing: border-box !important;
    display: flex !important;
    flex: 1 1 0 !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow: hidden !important;
  }
  .app-shell .app-main.detail-mode .detail-page.edo-r97-book .viewer-card > .viewer-toolbar {
    flex: 0 0 auto !important;
    min-height: 0 !important;
  }
  .app-shell .app-main.detail-mode .detail-page.edo-r97-book .viewer-card > .real-pdf-stage {
    box-sizing: border-box !important;
    display: block !important;
    flex: 1 1 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important; /* Supersedes R117's tall min-height. */
    max-height: none !important;
    padding-bottom: 76px !important;
    overflow-x: auto !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .app-shell .app-main.detail-mode .detail-page.edo-r97-book .real-pdf-stage::-webkit-scrollbar {
    display: none !important;
  }
  /* If the PDF has extra React actions, they remain reachable and take their
     natural height; R62's intentionally hidden footer stays hidden. */
  .app-shell .app-main.detail-mode .detail-page.edo-r97-book .viewer-column > .viewer-actions-card:not([hidden]) {
    min-height: 0 !important;
    max-height: 38vh !important;
    overflow-y: auto !important;
  }

  /* The existing R97 fixed arrows and R98 global bottom dock are not moved. */
}


/* R132 SOURCE: /assets/edo-desktop-table-scroll-r123.css */
/*
 * EDO Business R123: R122 layout correction.
 * R26 inserts a separate process panel between the hidden category bar
 * and the document table. Preserve that panel's intrinsic height.
 *
 * Only scroll the TABLE viewport; sticky headings stay aligned horizontally
 * with the rows. All changes are desktop-only and dashboard-only.
 */
@media (min-width: 1025px) {
  html:has(.app-shell .dashboard-page.edo-r26-ready),
  body:has(.app-shell .dashboard-page.edo-r26-ready),
  body:has(.app-shell .dashboard-page.edo-r26-ready) #root {
    height: 100%;
    max-height: 100%;
    overflow: hidden !important;
  }

  body:has(.app-shell .dashboard-page.edo-r26-ready) .app-shell {
    box-sizing: border-box;
    height: 100dvh !important;
    min-height: 0 !important;
    overflow: hidden !important;
    grid-template-rows: minmax(0, 1fr);
  }

  body:has(.app-shell .dashboard-page.edo-r26-ready) .app-main {
    box-sizing: border-box;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body:has(.app-shell .dashboard-page.edo-r26-ready) .app-main > .topbar {
    flex: 0 0 auto !important;
  }

  body:has(.app-shell .dashboard-page.edo-r26-ready) .dashboard-page.edo-r26-ready {
    display: flex !important;
    flex: 1 1 0 !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow: hidden !important;
  }

  /* This is the hidden, old React category bar. It must not occupy height. */
  body:has(.app-shell .dashboard-page.edo-r26-ready)
  .dashboard-page.edo-r26-ready > .category-filter-bar {
    flex: 0 0 0 !important;
    height: 0 !important;
    min-height: 0 !important;
  }

  /* R26's status timeline: never stretch to fill the viewport. */
  body:has(.app-shell .dashboard-page.edo-r26-ready)
  .dashboard-page.edo-r26-ready > .edo-r26-process {
    flex: 0 0 auto !important;
    height: auto !important;
    max-height: none !important;
    align-self: stretch !important;
  }

  /* Only the list card consumes the remaining height. */
  body:has(.app-shell .dashboard-page.edo-r26-ready)
  .dashboard-page.edo-r26-ready > .table-card {
    box-sizing: border-box;
    display: flex !important;
    flex: 1 1 0 !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
  }

  body:has(.app-shell .dashboard-page.edo-r26-ready)
  .dashboard-page.edo-r26-ready .table-card > .edo-r26-toolbar,
  body:has(.app-shell .dashboard-page.edo-r26-ready)
  .dashboard-page.edo-r26-ready .table-card > .table-footer {
    flex: 0 0 auto !important;
  }

  /* One scroll viewport keeps the headings and the rows aligned on X.
     The headings stick to the top while the rows move underneath. */
  body:has(.app-shell .dashboard-page.edo-r26-ready)
  .dashboard-page.edo-r26-ready .table-card > .table-scroll {
    display: block !important;
    flex: 1 1 0 !important;
    width: 100%;
    min-height: 0 !important;
    overflow-x: auto !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  body:has(.app-shell .dashboard-page.edo-r26-ready)
  .dashboard-page.edo-r26-ready .table-scroll > .docs-head {
    position: sticky !important;
    top: 0 !important;
    z-index: 2 !important;
    background: #f6f8fd !important;
  }

  body:has(.app-shell .dashboard-page.edo-r26-ready)
  .dashboard-page.edo-r26-ready .table-scroll > .table-body {
    display: flex;
    flex-direction: column;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  body:has(.app-shell .dashboard-page.edo-r26-ready)
  .dashboard-page.edo-r26-ready .table-scroll::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }
}


/* R132 SOURCE: /assets/edo-r126-shell-guard.css */
/* EDO R126 - compatibility for the new MySQL frontend; desktop and mobile.
 * These rules only target sidebar elements injected by the existing R25/R78
 * enhancement, and do not change document cards, PDF or server behavior. */
#root .app-shell .sidebar .edo-r25-nav {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  min-width: 0;
  margin-top: 18px;
  flex-direction: column;
  gap: 6px;
}
#root .app-shell .sidebar .edo-r25-nav .edo-r25-item {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  border-radius: 12px;
  font-size: 13px; font-weight: 700; line-height: 1.4;
}
#root .app-shell .sidebar .edo-r25-nav .edo-r25-icon,
#root .app-shell .sidebar .edo-r25-nav .edo-r25-icon svg {
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  min-height: 20px;
  max-height: 20px;
  flex: 0 0 20px;
  display: block;
}
#root .app-shell .sidebar .edo-r25-nav .edo-r25-chevron,
#root .app-shell .sidebar .edo-r25-nav .edo-r25-chevron svg {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  max-width: 16px;
}
#root .app-shell .sidebar .edo-r25-nav .edo-r25-label {
  min-width: 0;
  flex: 1;
  overflow-wrap: anywhere;
}
#root .app-shell .sidebar:has(.edo-r25-nav) .sidebar-nav {
  display: none !important;
}


/* R132 SOURCE: /assets/edo-r127-route-layout.css */
/* EDO R127: desktop route-safe shell. MySQL, React content and PDF are unchanged.
   Applies to the actual desktop shell irrespective of temporary enhancer ready classes. */
@media (min-width: 961px) {
  html body #root > .app-shell {
    --edo-r127-sidebar: 272px;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: var(--edo-r127-sidebar) minmax(0,1fr) !important;
    gap: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 100dvh !important;
    align-items: stretch !important;
    background: #eef1f8;
  }
  html body #root > .app-shell.sidebar-collapsed {
    --edo-r127-sidebar: 84px;
  }
  html body #root > .app-shell > aside.sidebar,
  html body #root > .app-shell > .sidebar {
    box-sizing: border-box !important;
    position: sticky !important;
    top: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    display: flex !important;
    flex-flow: column nowrap !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: var(--edo-r127-sidebar) !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 100dvh !important;
    min-height: 0 !important;
    overflow: hidden !important;
    z-index: 30 !important;
    padding: 18px 13px 14px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg,#081431,#08183d,#071430) !important;
    color: #fff !important;
  }
  html body #root > .app-shell > .app-main {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 10px 13px !important;
    overflow-x: clip !important;
    background: #f1f4fa !important;
  }
  html body #root .app-shell > .sidebar .sidebar-inner {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: none;
  }
  html body #root .app-shell > .sidebar .sidebar-inner::-webkit-scrollbar {display:none}
  /* The enhanced and native menus must not be visible simultaneously. */
  html body #root .app-shell > .sidebar:has(.edo-r25-nav) .sidebar-nav {
    display: none !important;
  }
  html body #root .app-shell > .sidebar .edo-r25-nav {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 5px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 16px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
  html body #root .app-shell > .sidebar .edo-r25-nav .edo-r25-group {
    display: flex !important; flex-direction: column !important;
    width: 100% !important; min-width: 0 !important;
  }
  html body #root .app-shell > .sidebar .edo-r25-nav .edo-r25-item {
    box-sizing: border-box !important;
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 9px 10px !important;
    gap: 12px !important;
    border: 1px solid transparent !important;
    border-radius: 11px !important;
    background: transparent !important;
    color: #f4f6ff !important;
    text-align: left !important;
    white-space: normal !important;
    font: 700 13px/1.35 system-ui, Arial, sans-serif !important;
    cursor: pointer;
  }
  html body #root .app-shell > .sidebar .edo-r25-nav .edo-r25-item:hover {
    background: rgba(255,255,255,.08) !important;
  }
  html body #root .app-shell > .sidebar .edo-r25-nav .edo-r25-create {
    background: linear-gradient(115deg,#7755f2,#5638db) !important;
    margin-bottom: 5px !important;
  }
  html body #root .app-shell > .sidebar .edo-r25-nav .edo-r25-item.is-selected:not(.edo-r25-create) {
    background: #23375f !important;
  }
  html body #root .app-shell > .sidebar .edo-r25-nav .edo-r25-icon,
  html body #root .app-shell > .sidebar .edo-r25-nav .edo-r25-icon svg {
    box-sizing: border-box !important;
    display: block !important;
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
    flex: 0 0 20px !important;
  }
  html body #root .app-shell > .sidebar .edo-r25-nav .edo-r25-label {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
  }
  html body #root .app-shell > .sidebar .edo-r25-nav .edo-r25-chevron,
  html body #root .app-shell > .sidebar .edo-r25-nav .edo-r25-chevron svg {
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px !important;
  }
  html body #root .app-shell > .sidebar .edo-r25-nav .edo-r25-plus {
    display: grid !important;
    place-items: center !important;
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
    border-radius: 7px !important;
    background: #ffffff30 !important;
    font-size: 19px !important;
  }
  html body #root .app-shell > .sidebar .edo-r25-nav .edo-r25-children[hidden] {display: none !important}
  html body #root .app-shell > .sidebar .edo-r25-nav .edo-r25-children:not([hidden]) {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
  }
  /* Fallback only when R25 has not mounted; the native React buttons remain usable. */
  html body #root .app-shell > .sidebar:not(:has(.edo-r25-nav)) .sidebar-nav {
    display: flex !important; flex-direction: column !important; gap: 5px !important;
    width: 100% !important;
  }
  html body #root .app-shell > .sidebar:not(:has(.edo-r25-nav)) .sidebar-nav .nav-item {
    display: flex !important; align-items:center !important;
    width:100% !important; min-height:44px !important;
    font-size:13px !important; color:#f4f6ff !important;
  }
  html body #root > .app-shell > .app-main > .edo-r46-page {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
  }
  html body #root > .app-shell > .app-main .edo-r46-page > .new-doc-modal {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    flex: 1 1 auto !important;
    border: 1px solid #e1e7f3 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 5px 24px rgba(24,39,88,.05) !important;
  }
  html body #root > .app-shell > .app-main .new-doc-horizontal-body {
    min-width: 0 !important;
    max-width: 100% !important;
  }
}
@media (min-width: 1451px) {
  html body #root > .app-shell:not(.sidebar-collapsed) {--edo-r127-sidebar: 286px}
}
/* Mobile views remain owned by R4/R85/R117/R118; no mobile overrides here. */


/* R132 SOURCE: /assets/edo-trash-page-layout-r130.css */
/* EDO Business R130 — isolated Korzina page with persistent React rerender support.
   R129 stores trash in MySQL. This patch changes presentation only. */
@supports selector(.app-main:has(> #edo-r56-trash-page:not([hidden]))) {
  /* Do not depend on .edo-r56-trash-open on the React-controlled shell:
     React can replace its className during a list reload or route change. */
  #root .app-shell .app-main:has(> #edo-r56-trash-page:not([hidden])) > :not(.topbar):not(#edo-r56-trash-page) {
    display: none !important;
  }
  #root .app-shell .app-main:has(> #edo-r56-trash-page:not([hidden])) > #edo-r56-trash-page {
    display: block !important;
  }
}

/* A single full-width page directly below the global header. */
#root .app-main > #edo-r56-trash-page:not([hidden]) {
  box-sizing: border-box;
  flex: 0 0 auto;
  width: auto;
  min-width: 0;
  min-height: min(320px, calc(100dvh - 140px));
  max-height: calc(100dvh - 112px);
  margin: 0;
  padding: 22px 24px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
  -ms-overflow-style: none;
  border-radius: 16px;
}
#root .app-main > #edo-r56-trash-page::-webkit-scrollbar {display: none;}
#root #edo-r56-trash-page .edo-r56-list {gap: 10px;}
#root #edo-r56-trash-page .edo-r56-row {min-width: 0;}
@media (max-width: 700px) {
  #root .app-main > #edo-r56-trash-page:not([hidden]) {
    padding: 16px 13px;
    min-height: 220px;
    max-height: calc(100dvh - 135px);
    border-radius: 13px;
  }
  #root #edo-r56-trash-page .edo-r56-row {align-items:flex-start;}
  #root #edo-r56-trash-page .edo-r56-actions {justify-content: stretch;}
}

/* EDO R136: restore rounded outer sidebar corners on desktop.
   R127 previously forced border-radius: 0. No geometry or navigation changes. */
@media (min-width:961px) {
  html body #root > .app-shell > aside.sidebar,
  html body #root > .app-shell > .sidebar {
    border-radius: 24px !important;
  }
}