/* ReplyOne Stage 8.5 — consolidated final admin/client UI layer.
   Combines previous Stage 8 cleanup layers and adds final production UI normalization.
   Runtime logic, installer/update-restore workflow and admin roles are not changed. */


/* ===== Consolidated from replyone-stage8-ui-cleanup.css ===== */

/* ReplyOne Stage 8 — CSS/UI cleanup layer.
   Purpose: final, low-risk UI normalization for public site, admin panel and client cabinet.
   Business logic is not affected. */

:root{
  --ro-font-sans: Inter, "Noto Sans Hebrew", "Noto Sans", Arial, sans-serif;
  --ro-bg:#f6f8fc;
  --ro-surface:#ffffff;
  --ro-surface-soft:#f8fafc;
  --ro-text:#0f172a;
  --ro-muted:#64748b;
  --ro-line:#e2e8f0;
  --ro-line-strong:#cbd5e1;
  --ro-brand:#2563eb;
  --ro-brand-dark:#1d4ed8;
  --ro-brand-soft:#eff6ff;
  --ro-success:#16a34a;
  --ro-success-soft:#ecfdf5;
  --ro-danger:#dc2626;
  --ro-danger-soft:#fef2f2;
  --ro-warning:#d97706;
  --ro-warning-soft:#fffbeb;
  --ro-radius-xs:8px;
  --ro-radius-sm:12px;
  --ro-radius-md:16px;
  --ro-radius-lg:22px;
  --ro-radius-xl:28px;
  --ro-shadow-sm:0 1px 2px rgba(15,23,42,.05);
  --ro-shadow-md:0 14px 35px rgba(15,23,42,.08);
  --ro-shadow-lg:0 22px 60px rgba(15,23,42,.12);
  --ro-focus:0 0 0 4px rgba(37,99,235,.16);
}

html{font-family:var(--ro-font-sans);font-size:16px;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}
body{color:var(--ro-text);background:var(--ro-bg)}
[hidden]{display:none}
*,*::before,*::after{box-sizing:border-box}
a{color:inherit}
button,input,select,textarea{font:inherit}
img,svg,video{max-width:100%}

/* Shared surfaces */
.card,.ro-card,.rc-card,.panel,.box,.admin-card,.dashboard-card,.stat-card,.receipt-kpi-card,
.ro-admin-shell .card,.replyone-client-adminlike .card{
  background:var(--ro-surface);
  border:1px solid var(--ro-line);
  border-radius:var(--ro-radius-lg);
  box-shadow:var(--ro-shadow-sm);
}
.card:hover,.ro-card:hover,.rc-card:hover{box-shadow:var(--ro-shadow-md)}
.card h1,.card h2,.card h3,.card h4,.ro-card h1,.ro-card h2,.ro-card h3,.ro-card h4,.rc-card h1,.rc-card h2,.rc-card h3,.rc-card h4{color:var(--ro-text);letter-spacing:-.02em}
.small,.muted,.hint,.form-hint,.help-text{color:var(--ro-muted);line-height:1.55}

/* Forms */
.input,.select,.textarea,
input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="url"],input[type="tel"],input[type="search"],select,textarea{
  min-height:44px;
  border:1px solid var(--ro-line-strong);
  border-radius:var(--ro-radius-sm);
  background:#fff;
  color:var(--ro-text);
  outline:none;
  transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}
.input:focus,.select:focus,.textarea:focus,
input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="number"]:focus,input[type="url"]:focus,input[type="tel"]:focus,input[type="search"]:focus,select:focus,textarea:focus{
  border-color:var(--ro-brand);
  box-shadow:var(--ro-focus);
}
textarea,.textarea{min-height:112px;line-height:1.55;resize:vertical}
.form-group{min-width:0}
.form-group label,.form-group>span,label span{font-weight:700;color:var(--ro-text)}
.form-grid,.grid{min-width:0}
.form-actions,.rc-actions-row,.actions-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}

/* Password fields: one standard for public/admin/client */
.password-wrap,.ro-password-field{position:relative;display:block;width:100%}
.password-wrap>.input,.password-wrap>input,.ro-password-field>.ro-input,.ro-password-field>.input,.ro-password-field>input{width:100%;padding-inline-end:52px}
.password-eye,.ro-password-toggle{
  position:absolute;
  inset-inline-end:8px;
  top:50%;
  transform:translateY(-50%);
  width:36px;
  height:36px;
  border:0;
  border-radius:10px;
  background:var(--ro-surface-soft);
  color:#475569;
  cursor:pointer;
  display:grid;
  place-items:center;
  line-height:1;
  z-index:2;
}
.password-eye:hover,.password-eye.active,.ro-password-toggle:hover,.ro-password-toggle.active{background:var(--ro-brand-soft);color:var(--ro-brand)}
html[dir="rtl"] .password-eye,html[dir="rtl"] .ro-password-toggle{inset-inline-end:8px;inset-inline-start:auto}

/* Buttons */
.btn,.ro-btn,.rc-btn,.button,button.btn,a.btn,.ro-nav-button{
  min-height:42px;
  border-radius:999px;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  line-height:1.15;
  text-decoration:none;
  transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease,color .16s ease;
}
.btn:hover,.ro-btn:hover,.rc-btn:hover,.button:hover,.ro-nav-button:hover{transform:translateY(-1px)}
.btn-primary,.ro-btn-primary,.rc-btn-primary{background:linear-gradient(135deg,var(--ro-brand),var(--ro-brand-dark));border-color:transparent;color:#fff;box-shadow:0 12px 25px rgba(37,99,235,.22)}
.btn-outline,.ro-btn-outline,.rc-btn-outline{background:#fff;border:1px solid var(--ro-line-strong);color:var(--ro-text)}
.btn-danger,.danger,.btn-delete{background:var(--ro-danger-soft);border-color:#fecaca;color:#991b1b}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--ro-focus)}

/* Tables */
.table-wrap,.table-responsive,.ro-table-wrap,.rc-table-wrap,.admin-table-wrap{width:100%;overflow:auto;-webkit-overflow-scrolling:touch;border-radius:var(--ro-radius-md)}
table,.table{width:100%;border-collapse:separate;border-spacing:0;min-width:720px}
th{font-size:12px;text-transform:uppercase;letter-spacing:.045em;color:var(--ro-muted);font-weight:900;background:var(--ro-surface-soft);white-space:nowrap}
td,th{padding:13px 14px;border-bottom:1px solid var(--ro-line);vertical-align:middle;text-align:start}
tbody tr:hover{background:#fafcff}
td .btn,td button,td a.btn{white-space:nowrap}

/* Alerts/status badges */
.alert{border-radius:var(--ro-radius-md);border:1px solid var(--ro-line);padding:13px 16px;line-height:1.5;box-shadow:var(--ro-shadow-sm)}
.alert-ok,.success{background:var(--ro-success-soft);border-color:#bbf7d0;color:#166534}
.alert-danger,.error,.danger-alert{background:var(--ro-danger-soft);border-color:#fecaca;color:#991b1b}
.badge,.status,.label,.pill,.tag{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900;line-height:1.2;white-space:nowrap}
.badge-success,.status-active,.is-success{background:var(--ro-success-soft);color:#166534;border:1px solid #bbf7d0}
.badge-danger,.status-error,.status-blocked,.is-danger{background:var(--ro-danger-soft);color:#991b1b;border:1px solid #fecaca}
.badge-warning,.status-pending,.is-warning{background:var(--ro-warning-soft);color:#92400e;border:1px solid #fde68a}
.badge-info,.status-free,.status-pro,.is-info{background:var(--ro-brand-soft);color:#1d4ed8;border:1px solid #bfdbfe}

/* Modals */
.modal-backdrop,.ro-legal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.52);backdrop-filter:blur(7px);z-index:900}
.modal,.ro-legal-modal{z-index:901;border-radius:var(--ro-radius-xl);border:1px solid rgba(255,255,255,.36);box-shadow:var(--ro-shadow-lg)}
body.modal-open,body.ro-modal-open{overflow:hidden}

/* Admin shell */
.replyone-admin-shell .main,.replyone-admin-shell .ro-main{min-width:0}
.replyone-admin-shell .ro-page,.replyone-client-adminlike .rc-page{width:min(100%,1480px);margin-inline:auto}
.replyone-admin-shell .section-title-row,.replyone-client-adminlike .section-title-row{gap:16px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.replyone-admin-shell .section-title-row h1,.replyone-admin-shell .section-title-row h2,.replyone-admin-shell .section-title-row h3,
.replyone-client-adminlike .section-title-row h1,.replyone-client-adminlike .section-title-row h2,.replyone-client-adminlike .section-title-row h3{margin-top:0}
.ro-admin-kpis,.dashboard-kpis,.stats-grid,.receipt-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}
.ro-admin-kpis>.card,.dashboard-kpis>.card,.stats-grid>.card,.receipt-kpi-card{min-width:0}
.filters,.filter-bar,.admin-filters,.ro-filter-bar,.search-filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap;background:var(--ro-surface);border:1px solid var(--ro-line);border-radius:var(--ro-radius-lg);padding:12px;box-shadow:var(--ro-shadow-sm)}
.filters .form-group,.filter-bar .form-group,.admin-filters .form-group,.ro-filter-bar .form-group,.search-filters .form-group{flex:1 1 180px;margin:0}
.filters .btn,.filter-bar .btn,.admin-filters .btn,.ro-filter-bar .btn,.search-filters .btn{flex:0 0 auto}
.danger-zone{border:1px solid #fecaca;background:linear-gradient(180deg,#fff,#fff7f7);border-radius:var(--ro-radius-lg);padding:18px}

/* Sidebars */
.ro-sidebar,.rc-sidebar,.sidebar{background:#0f172a;color:#e5e7eb}
.ro-sidebar a,.rc-sidebar a,.nav a,.rc-nav a,.rc-nav-logout-button{border-radius:14px;min-height:42px}
.ro-sidebar a.active,.rc-sidebar a.active,.nav a.active,.rc-nav a.active{background:rgba(255,255,255,.12);color:#fff}
.ro-nav-group-label,.rc-nav-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-weight:900;margin:14px 10px 8px}
.ro-nav-icon-svg,.rc-nav-icon-svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}

/* Client cabinet */
.replyone-client-adminlike .rc-main{min-width:0;background:var(--ro-bg)}
.replyone-client-adminlike .rc-card,.replyone-client-adminlike .card{padding:clamp(16px,2vw,24px)}
.replyone-client-adminlike .rc-actions-row{margin-top:14px}
.replyone-client-adminlike code,.replyone-admin-shell code{direction:ltr;unicode-bidi:embed;display:inline-block;max-width:100%;white-space:normal;word-break:break-all;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:.16em .4em}

/* Public landing */
.ro-home-page{font-size:calc(1rem * var(--ro-access-scale,1))}
.ro-home-shell{width:min(1180px,calc(100% - 32px));margin-inline:auto}
.ro-home-header,.ro-home-nav,.ro-home-hero,.ro-home-footer{min-width:0}
.ro-home-nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ro-language-switch{display:flex;gap:6px;flex-wrap:wrap}
.ro-language-switch a{min-height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;text-decoration:none}
.ro-language-switch a.active{background:var(--ro-brand);color:#fff}
.ro-form-card,.ro-auth-card{border:1px solid var(--ro-line);box-shadow:var(--ro-shadow-lg)}
.ro-accessibility-widget{z-index:950}
.ro-access-high-contrast{background:#000;color:#fff}
.ro-access-high-contrast a{text-decoration:underline}
.ro-access-underline a{text-decoration:underline;text-underline-offset:3px}

/* RTL */
html[dir="rtl"],html.rtl{direction:rtl}
html[dir="rtl"] body,html.rtl body{text-align:right}
html[dir="rtl"] .ro-home-nav,html[dir="rtl"] .form-actions,html[dir="rtl"] .rc-actions-row,html[dir="rtl"] .actions-row{direction:rtl}
html[dir="rtl"] input[type="email"],html[dir="rtl"] input[type="url"],html[dir="rtl"] input[name*="token"],html[dir="rtl"] code,
html[dir="rtl"] .token,html[dir="rtl"] .webhook-url{direction:ltr;text-align:left;unicode-bidi:embed}
html[dir="rtl"] td,html[dir="rtl"] th{text-align:right}
html[dir="rtl"] td code,html[dir="rtl"] th code{text-align:left}
html[dir="rtl"] .ro-nav-icon-svg,html[dir="rtl"] .rc-nav-icon-svg{margin-inline-start:0;margin-inline-end:0}

/* Responsive cleanup */
@media (max-width:1180px){
  .replyone-admin-shell .ro-page,.replyone-client-adminlike .rc-page{padding-inline:clamp(14px,3vw,24px)}
  .admin-mobile-backdrop,.rc-mobile-backdrop,.client-mobile-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.52);z-index:790}
  .admin-sidebar-open .admin-mobile-backdrop,.client-sidebar-open .rc-mobile-backdrop,.client-sidebar-open .client-mobile-backdrop{display:block}
}
@media (max-width:900px){
  table,.table{min-width:680px}
  .form-grid,.form-grid.two,.grid.two,.content-grid,.payments-settings-grid{grid-template-columns:1fr}
  .filters,.filter-bar,.admin-filters,.ro-filter-bar,.search-filters{align-items:stretch}
  .filters .form-group,.filter-bar .form-group,.admin-filters .form-group,.ro-filter-bar .form-group,.search-filters .form-group{flex-basis:100%}
  .filters .btn,.filter-bar .btn,.admin-filters .btn,.ro-filter-bar .btn,.search-filters .btn{width:100%}
  .ro-home-header{align-items:flex-start;gap:14px}
  .ro-home-nav{width:100%;justify-content:flex-start}
  html[dir="rtl"] .ro-home-nav{justify-content:flex-end}
}
@media (max-width:640px){
  html{font-size:15px}
  .card,.ro-card,.rc-card,.panel,.box{border-radius:18px}
  .btn,.ro-btn,.rc-btn,.button,button.btn,a.btn,.ro-nav-button{width:100%;min-height:44px}
  .form-actions,.rc-actions-row,.actions-row{align-items:stretch}
  .form-actions>* , .rc-actions-row>* , .actions-row>*{width:100%}
  .ro-admin-kpis,.dashboard-kpis,.stats-grid,.receipt-kpi-grid{grid-template-columns:1fr}
  .ro-home-shell{width:min(100% - 20px,1180px)}
  .ro-home-nav a,.ro-language-switch a{flex:1 1 auto}
  .ro-legal-modal{width:calc(100% - 20px);max-height:calc(100vh - 28px);overflow:auto}
  .ro-accessibility-widget{inset-inline-start:10px;inset-inline-end:10px;bottom:10px}
  .ro-accessibility-main{width:100%}
  .ro-accessibility-panel{max-width:none;width:100%}
}


/* ===== Consolidated from replyone-stage8-1-admin-ui-fix.css ===== */

/* ReplyOne Stage 8.1 — main admin UI alignment fix.
   Scope: main administrator shell only. Client cabinet/public screens are intentionally untouched. */

.replyone-admin-shell{
  --ro-admin-max:1840px;
  --ro-admin-page-pad-x:32px;
  --ro-admin-page-pad-y:26px;
}

.replyone-admin-shell .app-layout,
.replyone-admin-shell .ro-admin-layout{
  width:100%;
  min-height:100vh;
  display:grid;
  grid-template-columns:286px minmax(0,1fr);
  align-items:start;
  background:#f4f7fb;
}

.replyone-admin-shell .main,
.replyone-admin-shell .ro-main{
  width:100%;
  max-width:none;
  min-width:0;
  margin:0;
  padding:var(--ro-admin-page-pad-y) var(--ro-admin-page-pad-x) 34px;
  align-self:start;
  overflow-x:hidden;
  background:#f4f7fb;
}

.replyone-admin-shell .ro-page{
  width:100%;
  max-width:var(--ro-admin-max);
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:18px;
}

.replyone-admin-shell .footer-note{
  width:100%;
  max-width:var(--ro-admin-max);
  margin:24px 0 0;
  text-align:center;
}

/* Topbar: match the clean client-cabinet spacing without applying client CSS globally. */
.replyone-admin-shell .topbar,
.replyone-admin-shell .ro-topbar{
  width:100%;
  max-width:var(--ro-admin-max);
  min-height:70px;
  margin:0 0 18px;
  padding:14px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  flex-wrap:nowrap;
  border:1px solid rgba(220,232,247,.78);
  border-radius:26px;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(18px);
  box-shadow:0 10px 30px rgba(15,23,42,.045);
}

.replyone-admin-shell .ro-topbar-left{
  display:flex;
  align-items:flex-start;
  gap:13px;
  min-width:0;
  flex:1 1 auto;
}

.replyone-admin-shell .ro-menu-toggle{
  flex:0 0 auto;
}

.replyone-admin-shell .ro-page-title{
  min-width:0;
}

.replyone-admin-shell .ro-page-title h1{
  margin:0;
  font-size:26px;
  line-height:1.15;
  font-weight:950;
  letter-spacing:-.03em;
  color:#0f172a;
  overflow-wrap:normal;
}

.replyone-admin-shell .ro-page-title p{
  margin:7px 0 0;
  max-width:760px;
  color:#64748b;
  font-size:14px;
  line-height:1.45;
}

.replyone-admin-shell .top-actions,
.replyone-admin-shell .ro-top-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  flex-wrap:nowrap;
  flex:0 0 auto;
  min-width:0;
}

.replyone-admin-shell .ro-top-actions > *,
.replyone-admin-shell .top-actions > *{
  flex:0 0 auto;
}

.replyone-admin-shell .ro-topbar-health,
.replyone-admin-shell .ro-topbar-dashboard,
.replyone-admin-shell .ro-version-pill,
.replyone-admin-shell .ro-logout-form .btn{
  min-height:36px;
  height:36px;
  padding:0 12px;
  white-space:nowrap;
  line-height:1;
}

.replyone-admin-shell .ro-version-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

/* Language switcher: prevent EN/HE/RU letters from stacking vertically. */
.replyone-admin-shell .lang-switch{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  flex-wrap:nowrap;
  min-width:max-content;
  width:auto;
}

.replyone-admin-shell .lang-switch a,
.replyone-admin-shell .lang-switch button{
  width:36px;
  min-width:36px;
  max-width:36px;
  height:36px;
  min-height:36px;
  padding:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid #d9e7ff;
  background:#fff;
  color:#2563eb;
  font-size:12px;
  font-weight:950;
  line-height:1;
  letter-spacing:0;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
  word-break:normal;
  overflow-wrap:normal;
  writing-mode:horizontal-tb;
  text-orientation:mixed;
}

.replyone-admin-shell .lang-switch a.active,
.replyone-admin-shell .lang-switch button.active{
  background:linear-gradient(135deg,#2563eb,#1d4ed8);
  color:#fff;
  border-color:transparent;
  box-shadow:0 10px 22px rgba(37,99,235,.2);
}

.replyone-admin-shell .ro-admin-user{
  max-width:260px;
  min-width:0;
  display:flex;
  align-items:center;
  gap:9px;
  padding:5px 10px 5px 5px;
  border:1px solid #dbe7f5;
  border-radius:999px;
  background:#fff;
  box-shadow:none;
}

html[dir="rtl"] .replyone-admin-shell .ro-admin-user,
.replyone-admin-shell.rtl .ro-admin-user,
body.rtl.replyone-admin-shell .ro-admin-user{
  padding:5px 5px 5px 10px;
}

.replyone-admin-shell .ro-admin-user .avatar,
.replyone-admin-shell .avatar{
  width:38px;
  min-width:38px;
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#e8f1ff;
  color:#2563eb;
  font-size:14px;
  font-weight:950;
}

.replyone-admin-shell .ro-admin-user-text{
  min-width:0;
  display:flex;
  flex-direction:column;
  line-height:1.15;
}

.replyone-admin-shell .ro-admin-user-text strong,
.replyone-admin-shell .ro-admin-user-text span{
  max-width:160px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.replyone-admin-shell .ro-admin-user-text strong{
  color:#0f172a;
  font-size:13px;
  font-weight:950;
}

.replyone-admin-shell .ro-admin-user-text span{
  color:#64748b;
  font-size:11px;
}

.replyone-admin-shell .ro-logout-form{
  display:inline-flex;
  align-items:center;
  margin:0;
}

/* Dashboard cards and panels: full-width workspace, no centered narrow column. */
.replyone-admin-shell .grid,
.replyone-admin-shell .admin-health-grid,
.replyone-admin-shell .ro-kpi-grid,
.replyone-admin-shell .kpi-grid{
  width:100%;
  min-width:0;
  margin-inline:0;
}

.replyone-admin-shell .admin-health-kpis,
.replyone-admin-shell .ro-kpi-grid,
.replyone-admin-shell .kpi-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin:0;
}

.replyone-admin-shell .admin-health-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  align-items:start;
  margin:0;
}

.replyone-admin-shell .card,
.replyone-admin-shell .ro-card,
.replyone-admin-shell .admin-health-card,
.replyone-admin-shell .ro-kpi{
  width:100%;
  min-width:0;
  margin:0;
  border:1px solid #dce8f7;
  border-radius:22px;
  background:rgba(255,255,255,.96);
  box-shadow:0 8px 22px rgba(15,23,42,.045);
}

.replyone-admin-shell .ro-kpi{
  min-height:118px;
  padding:22px;
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.replyone-admin-shell .ro-kpi::after{
  content:"";
  position:absolute;
  width:96px;
  height:96px;
  inset-inline-end:-30px;
  top:-30px;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(37,99,235,.11),rgba(124,58,237,.09));
}

.replyone-admin-shell .ro-kpi-icon{
  width:42px;
  height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  background:#e8f1ff;
  color:#2563eb;
  font-size:20px;
  margin-bottom:12px;
  position:relative;
  z-index:1;
}

.replyone-admin-shell .ro-kpi .label,
.replyone-admin-shell .ro-kpi .value,
.replyone-admin-shell .ro-kpi .hint{
  position:relative;
  z-index:1;
}

.replyone-admin-shell .ro-kpi .label{
  color:#475569;
  font-size:13px;
  font-weight:900;
}

.replyone-admin-shell .ro-kpi .value{
  margin-top:8px;
  color:#0f172a;
  font-size:34px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.04em;
}

.replyone-admin-shell .ro-kpi .hint{
  margin-top:8px;
  color:#64748b;
  font-size:13px;
  line-height:1.45;
}

.replyone-admin-shell .admin-health-card{
  padding:22px;
}

.replyone-admin-shell .section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin:0 0 16px;
}

.replyone-admin-shell .section-head h3{
  margin:0;
  font-size:21px;
  line-height:1.25;
  font-weight:950;
  color:#0f172a;
  letter-spacing:-.02em;
}

.replyone-admin-shell .section-head .small{
  margin:4px 0 0;
  color:#64748b;
  line-height:1.5;
}

.replyone-admin-shell .health-check-list,
.replyone-admin-shell .health-log-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.replyone-admin-shell .health-check-row{
  display:grid;
  grid-template-columns:minmax(150px,1fr) minmax(160px,1.3fr) auto;
  align-items:center;
  gap:12px;
  min-width:0;
  padding:12px 14px;
  border:1px solid #e5edf7;
  border-radius:15px;
  background:#fff;
}

.replyone-admin-shell .health-check-row span:first-child{
  color:#64748b;
  font-weight:800;
}

.replyone-admin-shell .health-check-row strong{
  min-width:0;
  color:#0f172a;
  font-weight:900;
  overflow-wrap:anywhere;
}

.replyone-admin-shell .pill,
.replyone-admin-shell .badge,
.replyone-admin-shell .status{
  min-height:26px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  white-space:nowrap;
}

.replyone-admin-shell .table-wrap{
  width:100%;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}

.replyone-admin-shell .table{
  width:100%;
}

html[dir="rtl"] .replyone-admin-shell .topbar,
html[dir="rtl"] .replyone-admin-shell .ro-topbar,
body.rtl.replyone-admin-shell .topbar,
body.rtl.replyone-admin-shell .ro-topbar{
  direction:rtl;
}

html[dir="rtl"] .replyone-admin-shell .ro-top-actions,
body.rtl.replyone-admin-shell .ro-top-actions{
  justify-content:flex-start;
}

html[dir="rtl"] .replyone-admin-shell input[type="email"],
html[dir="rtl"] .replyone-admin-shell input[type="url"],
html[dir="rtl"] .replyone-admin-shell code,
html[dir="rtl"] .replyone-admin-shell .mono-link,
html[dir="rtl"] .replyone-admin-shell .mono-value{
  direction:ltr;
  text-align:left;
  unicode-bidi:embed;
}

@media (min-width:1600px){
  .replyone-admin-shell .ro-page,
  .replyone-admin-shell .topbar,
  .replyone-admin-shell .ro-topbar,
  .replyone-admin-shell .footer-note{
    max-width:1840px;
  }
}

@media (max-width:1280px){
  .replyone-admin-shell{
    --ro-admin-page-pad-x:24px;
  }

  .replyone-admin-shell .topbar,
  .replyone-admin-shell .ro-topbar{
    align-items:flex-start;
    flex-wrap:wrap;
  }

  .replyone-admin-shell .ro-top-actions,
  .replyone-admin-shell .top-actions{
    width:100%;
    justify-content:flex-start;
    flex-wrap:wrap;
  }

  html[dir="rtl"] .replyone-admin-shell .ro-top-actions,
  body.rtl.replyone-admin-shell .ro-top-actions{
    justify-content:flex-end;
  }
}

@media (max-width:1180px){
  .replyone-admin-shell .app-layout,
  .replyone-admin-shell .ro-admin-layout{
    grid-template-columns:1fr;
  }

  .replyone-admin-shell .main,
  .replyone-admin-shell .ro-main{
    padding:20px;
  }

  .replyone-admin-shell .admin-health-kpis,
  .replyone-admin-shell .ro-kpi-grid,
  .replyone-admin-shell .kpi-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .replyone-admin-shell .admin-health-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:760px){
  .replyone-admin-shell .main,
  .replyone-admin-shell .ro-main{
    padding:16px;
  }

  .replyone-admin-shell .topbar,
  .replyone-admin-shell .ro-topbar{
    padding:12px;
    border-radius:20px;
  }

  .replyone-admin-shell .ro-page-title h1{
    font-size:clamp(22px,7vw,30px);
  }

  .replyone-admin-shell .admin-health-kpis,
  .replyone-admin-shell .ro-kpi-grid,
  .replyone-admin-shell .kpi-grid{
    grid-template-columns:1fr;
  }

  .replyone-admin-shell .health-check-row{
    grid-template-columns:1fr;
    align-items:start;
  }

  .replyone-admin-shell .section-head{
    flex-direction:column;
    align-items:stretch;
  }

  .replyone-admin-shell .section-head .btn,
  .replyone-admin-shell .section-head button,
  .replyone-admin-shell .ro-logout-form,
  .replyone-admin-shell .ro-logout-form .btn{
    width:100%;
  }
}

@media (max-width:520px){
  .replyone-admin-shell .ro-topbar-left{
    width:100%;
  }

  .replyone-admin-shell .ro-top-actions,
  .replyone-admin-shell .top-actions{
    align-items:stretch;
  }

  .replyone-admin-shell .ro-topbar-health,
  .replyone-admin-shell .ro-topbar-dashboard,
  .replyone-admin-shell .ro-version-pill,
  .replyone-admin-shell .ro-admin-user,
  .replyone-admin-shell .lang-switch,
  .replyone-admin-shell .ro-logout-form{
    width:100%;
    max-width:none;
  }

  .replyone-admin-shell .lang-switch{
    justify-content:flex-start;
  }

  html[dir="rtl"] .replyone-admin-shell .lang-switch,
  body.rtl.replyone-admin-shell .lang-switch{
    justify-content:flex-end;
  }
}


/* ===== Consolidated from replyone-stage8-2-fluid-layout.css ===== */

/* ReplyOne Stage 8.2 — unified fluid workspace layout.
   Goal: public landing, main admin and client cabinet use the same wide workspace behavior on large screens.
   No business logic, database, Stripe or Telegram behavior is changed. */

:root{
  --ro-fluid-page-x:clamp(18px,2vw,36px);
  --ro-fluid-page-y:clamp(18px,1.8vw,28px);
  --ro-fluid-shell-max:none;
  --ro-fluid-card-gap:18px;
}

/* ===== Shared rule: stop large screens from looking like a small centered table ===== */
body.ro-home-page,
body.replyone-admin-shell,
body.replyone-client-adminlike{
  width:100%;
  max-width:none;
  overflow-x:hidden;
}

/* ===== Public landing ===== */
body.ro-home-page .ro-home-shell{
  width:100%;
  max-width:none;
  margin:0;
  padding:var(--ro-fluid-page-y) var(--ro-fluid-page-x) 34px;
}

body.ro-home-page .ro-home-header,
body.ro-home-page .ro-hero,
body.ro-home-page .ro-section,
body.ro-home-page .ro-home-footer{
  width:100%;
  max-width:none;
  margin-inline:0;
}

body.ro-home-page .ro-home-header{
  min-height:70px;
  padding:0;
}

body.ro-home-page .ro-hero{
  grid-template-columns:minmax(0,1.28fr) minmax(390px,.72fr);
  gap:clamp(28px,4vw,76px);
  align-items:center;
  padding-block:22px 14px;
}

body.ro-home-page .ro-hero-copy{
  max-width:980px;
  justify-self:start;
  margin:0;
}

body.ro-home-page .ro-hero h1{
  max-width:1100px;
}

body.ro-home-page .ro-hero-lead{
  max-width:820px;
}

body.ro-home-page .ro-auth-card{
  width:100%;
  max-width:560px;
  justify-self:end;
}

body.ro-home-page .ro-step-grid{
  width:100%;
  grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));
}

body.ro-home-page .ro-plan-grid{
  width:100%;
  max-width:none;
  margin-inline:0;
  grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr));
}

body.ro-home-page .ro-section-head{
  max-width:none;
  width:100%;
}

@media (min-width:1600px){
  body.ro-home-page .ro-hero{
    grid-template-columns:minmax(0,1.35fr) minmax(440px,.65fr);
  }
  body.ro-home-page .ro-auth-card{
    max-width:590px;
  }
}

/* ===== Main admin ===== */
body.replyone-admin-shell .app-layout,
body.replyone-admin-shell .ro-admin-layout{
  width:100%;
  max-width:none;
  min-height:100dvh;
  margin:0;
  grid-template-columns:286px minmax(0,1fr);
}

body.replyone-admin-shell .main,
body.replyone-admin-shell .ro-main{
  width:100%;
  max-width:none;
  min-width:0;
  margin:0;
  padding:var(--ro-fluid-page-y) var(--ro-fluid-page-x) 34px;
  overflow-x:visible;
}

body.replyone-admin-shell .ro-page,
body.replyone-admin-shell .topbar,
body.replyone-admin-shell .ro-topbar,
body.replyone-admin-shell .footer-note,
body.replyone-admin-shell .ro-page > section,
body.replyone-admin-shell .ro-page > div,
body.replyone-admin-shell .admin-health-grid,
body.replyone-admin-shell .admin-health-kpis,
body.replyone-admin-shell .ro-kpi-grid,
body.replyone-admin-shell .kpi-grid{
  width:100%;
  max-width:none;
  margin-inline:0;
}

body.replyone-admin-shell .ro-page{
  gap:var(--ro-fluid-card-gap);
}

body.replyone-admin-shell .admin-health-kpis,
body.replyone-admin-shell .ro-kpi-grid,
body.replyone-admin-shell .kpi-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));
  gap:var(--ro-fluid-card-gap);
}

body.replyone-admin-shell .admin-health-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--ro-fluid-card-gap);
  align-items:start;
}

body.replyone-admin-shell .topbar,
body.replyone-admin-shell .ro-topbar{
  min-height:70px;
  margin-bottom:18px;
}

body.replyone-admin-shell .card,
body.replyone-admin-shell .ro-card,
body.replyone-admin-shell .admin-health-card,
body.replyone-admin-shell .ro-kpi{
  max-width:none;
}

/* ===== Client cabinet ===== */
body.replyone-client-adminlike .rc-layout{
  width:100%;
  max-width:none;
  min-height:100dvh;
  margin:0;
  grid-template-columns:var(--rc-sidebar,260px) minmax(0,1fr);
}

body.replyone-client-adminlike .rc-main{
  width:100%;
  max-width:none;
  min-width:0;
  margin:0;
  padding:var(--ro-fluid-page-y) var(--ro-fluid-page-x) 34px;
  overflow-x:visible;
}

body.replyone-client-adminlike .rc-page,
body.replyone-client-adminlike .rc-topbar,
body.replyone-client-adminlike .footer-note,
body.replyone-client-adminlike .rc-page > section,
body.replyone-client-adminlike .rc-page > div{
  width:100%;
  max-width:none;
  margin-inline:0;
}

body.replyone-client-adminlike .rc-page{
  gap:var(--ro-fluid-card-gap);
}

body.replyone-client-adminlike .rc-topbar{
  min-height:70px;
  margin-bottom:18px;
}

body.replyone-client-adminlike .rc-kpi-grid,
body.replyone-client-adminlike .kpi-grid,
body.replyone-client-adminlike .ro-kpi-grid,
body.replyone-client-adminlike .stats-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));
  gap:var(--ro-fluid-card-gap);
}

body.replyone-client-adminlike .rc-card,
body.replyone-client-adminlike .card,
body.replyone-client-adminlike .rc-grid{
  max-width:none;
}

/* Topbar controls: keep language/user/actions aligned in both admin shells. */
body.replyone-admin-shell .ro-top-actions,
body.replyone-admin-shell .top-actions,
body.replyone-client-adminlike .rc-top-actions{
  min-width:0;
  flex-wrap:nowrap;
}

body.replyone-admin-shell .lang-switch,
body.replyone-client-adminlike .rc-lang-switch,
body.ro-home-page .ro-language-switch{
  flex-wrap:nowrap;
  white-space:nowrap;
}

body.replyone-admin-shell .lang-switch a,
body.replyone-client-adminlike .rc-lang-switch a,
body.ro-home-page .ro-language-switch a{
  writing-mode:horizontal-tb;
  text-orientation:mixed;
  word-break:normal;
  overflow-wrap:normal;
  white-space:nowrap;
}

/* Tables use the available width but may scroll horizontally when needed. */
body.replyone-admin-shell .table-wrap,
body.replyone-admin-shell .ro-table-wrap,
body.replyone-client-adminlike .table-wrap,
body.replyone-client-adminlike .rc-table-wrap,
body.replyone-client-adminlike .ro-table-wrap{
  width:100%;
  max-width:100%;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}

/* Ultra-wide screens: keep content fluid, not centered in a narrow cap. */
@media (min-width:1900px){
  :root{
    --ro-fluid-page-x:42px;
    --ro-fluid-card-gap:20px;
  }
}

@media (min-width:2300px){
  :root{
    --ro-fluid-page-x:54px;
  }
}

/* Tablet and small desktop */
@media (max-width:1180px){
  :root{
    --ro-fluid-page-x:20px;
    --ro-fluid-page-y:20px;
  }

  body.replyone-admin-shell .app-layout,
  body.replyone-admin-shell .ro-admin-layout,
  body.replyone-client-adminlike .rc-layout{
    display:block;
    width:100%;
  }

  body.replyone-admin-shell .main,
  body.replyone-admin-shell .ro-main,
  body.replyone-client-adminlike .rc-main{
    padding:20px;
  }

  body.replyone-admin-shell .admin-health-grid{
    grid-template-columns:1fr;
  }

  body.ro-home-page .ro-hero{
    grid-template-columns:1fr;
  }

  body.ro-home-page .ro-hero-copy,
  body.ro-home-page .ro-auth-card,
  body.ro-home-page.ro-dir-rtl .ro-auth-card{
    max-width:760px;
    justify-self:center;
    margin-inline:auto;
  }
}

@media (max-width:760px){
  :root{
    --ro-fluid-page-x:14px;
    --ro-fluid-page-y:14px;
    --ro-fluid-card-gap:14px;
  }

  body.ro-home-page .ro-home-shell,
  body.replyone-admin-shell .main,
  body.replyone-admin-shell .ro-main,
  body.replyone-client-adminlike .rc-main{
    padding:14px;
  }

  body.replyone-admin-shell .topbar,
  body.replyone-admin-shell .ro-topbar,
  body.replyone-client-adminlike .rc-topbar{
    flex-wrap:wrap;
    align-items:flex-start;
  }

  body.replyone-admin-shell .ro-top-actions,
  body.replyone-admin-shell .top-actions,
  body.replyone-client-adminlike .rc-top-actions{
    width:100%;
    flex-wrap:wrap;
    justify-content:flex-start;
  }

  html[dir="rtl"] body.replyone-admin-shell .ro-top-actions,
  html[dir="rtl"] body.replyone-client-adminlike .rc-top-actions{
    justify-content:flex-end;
  }

  body.replyone-admin-shell .admin-health-kpis,
  body.replyone-admin-shell .ro-kpi-grid,
  body.replyone-admin-shell .kpi-grid,
  body.replyone-client-adminlike .rc-kpi-grid,
  body.replyone-client-adminlike .kpi-grid,
  body.replyone-client-adminlike .ro-kpi-grid,
  body.replyone-client-adminlike .stats-grid,
  body.ro-home-page .ro-step-grid,
  body.ro-home-page .ro-plan-grid{
    grid-template-columns:1fr;
  }
}


/* ===== Consolidated from replyone-stage8-3-language-rtl.css ===== */

/* ReplyOne Stage 8.3 — language persistence + RTL hardening.
   Scope: public site, admin panel and client cabinet only. No installer/update/roles logic. */

:root{
  --ro-readable-line: 68ch;
}

html[dir="rtl"],
html.rtl{
  direction: rtl;
}

html[dir="ltr"],
html.ltr{
  direction: ltr;
}

/* Do not let Hebrew/RTL inherit accidental left-only alignment from older CSS layers. */
html[dir="rtl"] body,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] button{
  text-align: right;
}

html[dir="ltr"] body,
html[dir="ltr"] input,
html[dir="ltr"] textarea,
html[dir="ltr"] select{
  text-align: left;
}

/* Public landing: keep the hero visually balanced in Hebrew and prevent text drift. */
body.ro-home-page .ro-hero-copy,
body.ro-home-page .ro-auth-card{
  min-width: 0;
}

body.ro-home-page .ro-hero-copy h1,
body.ro-home-page .ro-hero-copy p,
body.ro-home-page .ro-auth-card h2,
body.ro-home-page .ro-auth-card p{
  overflow-wrap: anywhere;
}

body.ro-home-page.ro-dir-rtl .ro-hero-copy,
html[dir="rtl"] body.ro-home-page .ro-hero-copy{
  text-align: right;
  justify-self: stretch;
}

body.ro-home-page.ro-dir-rtl .ro-hero-actions,
body.ro-home-page.ro-dir-rtl .ro-feature-pills,
html[dir="rtl"] body.ro-home-page .ro-hero-actions,
html[dir="rtl"] body.ro-home-page .ro-feature-pills{
  justify-content: flex-start;
}

body.ro-home-page.ro-dir-rtl .ro-home-header,
html[dir="rtl"] body.ro-home-page .ro-home-header{
  direction: rtl;
}

body.ro-home-page.ro-dir-rtl .ro-home-nav,
html[dir="rtl"] body.ro-home-page .ro-home-nav{
  direction: rtl;
}

/* Language switches must stay compact and readable in all directions. */
.ro-language-switch,
.lang-switch,
.rc-lang-switch{
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.ro-language-switch a,
.lang-switch a,
.rc-lang-switch a{
  min-width: 38px;
  text-align: center !important;
  line-height: 1;
}

/* Admin/client shells: RTL sidebar should be on the right; content should not collapse into a narrow column. */
html[dir="rtl"] body.replyone-admin-shell .app-layout,
html[dir="rtl"] body.replyone-admin-shell .ro-admin-layout,
html[dir="rtl"] body.replyone-client-adminlike .rc-layout{
  direction: rtl;
}

html[dir="rtl"] body.replyone-admin-shell .main,
html[dir="rtl"] body.replyone-admin-shell .ro-main,
html[dir="rtl"] body.replyone-client-adminlike .rc-main{
  direction: rtl;
  min-width: 0;
}

body.replyone-admin-shell .ro-page,
body.replyone-admin-shell .main .ro-page,
body.replyone-client-adminlike .rc-page{
  width: 100%;
  max-width: none;
}

/* Navigation: prevent icons/checkboxes from colliding with Hebrew text. */
.ro-nav a,
.rc-nav a,
.rc-nav-logout-button{
  gap: 10px;
  min-width: 0;
}

.ro-nav-icon-svg,
.rc-nav-icon-svg,
.nav-icon,
.rc-nav-icon{
  flex: 0 0 auto;
}

.nav-text,
.rc-nav-text,
.ro-nav-group-label,
.rc-nav-label{
  min-width: 0;
  overflow-wrap: anywhere;
}

html[dir="rtl"] .ro-nav a,
html[dir="rtl"] .rc-nav a,
html[dir="rtl"] .rc-nav-logout-button{
  text-align: right;
}

html[dir="ltr"] .ro-nav a,
html[dir="ltr"] .rc-nav a,
html[dir="ltr"] .rc-nav-logout-button{
  text-align: left;
}

/* Forms, tables and settings rows: logical alignment for RU/EN/HE. */
.ro-form-group label,
.form-group label,
.setting-row label,
.rc-form label,
.ro-field label{
  text-align: start;
}

input[type="checkbox"],
input[type="radio"]{
  vertical-align: middle;
  margin-inline-end: 8px;
  margin-inline-start: 0;
}

html[dir="rtl"] input[type="checkbox"],
html[dir="rtl"] input[type="radio"]{
  margin-inline-start: 8px;
  margin-inline-end: 0;
}

.table,
table{
  direction: inherit;
}

th,td{
  text-align: start;
}

/* Top bars: keep controls readable when translated strings are longer. */
.ro-topbar,
.rc-topbar{
  min-width: 0;
}

.ro-topbar-left,
.rc-topbar-left,
.ro-top-actions,
.rc-top-actions{
  min-width: 0;
}

.ro-page-title,
.rc-page-title{
  min-width: 0;
}

.ro-page-title h1,
.rc-page-title h1,
.ro-page-title p,
.rc-page-title p{
  overflow-wrap: anywhere;
}

/* Password eye buttons: use logical placement, so RTL does not cover the input text. */
.ro-password-field,
.password-field{
  position: relative;
}

.ro-password-field .ro-input,
.password-field input{
  padding-inline-end: 46px;
}

html[dir="rtl"] .ro-password-field .ro-input,
html[dir="rtl"] .password-field input{
  padding-inline-end: 14px;
  padding-inline-start: 46px;
}

.ro-password-toggle,
.password-toggle{
  inset-inline-end: 8px;
  inset-inline-start: auto;
}

html[dir="rtl"] .ro-password-toggle,
html[dir="rtl"] .password-toggle{
  inset-inline-start: 8px;
  inset-inline-end: auto;
}

@media (max-width: 960px){
  body.ro-home-page.ro-dir-rtl .ro-hero-copy,
  html[dir="rtl"] body.ro-home-page .ro-hero-copy{
    text-align: center;
  }

  body.ro-home-page.ro-dir-rtl .ro-hero-actions,
  body.ro-home-page.ro-dir-rtl .ro-feature-pills,
  html[dir="rtl"] body.ro-home-page .ro-hero-actions,
  html[dir="rtl"] body.ro-home-page .ro-feature-pills{
    justify-content: center;
  }
}

@media (max-width: 760px){
  .ro-language-switch a,
  .lang-switch a,
  .rc-lang-switch a{
    min-width: 34px;
    padding-inline: 9px;
  }
}


/* ===== Consolidated from replyone-stage8-4-admin-kpi-unified.css ===== */

/* ReplyOne Stage 8.4 — unified admin KPI cards.
   Scope: visual consistency only. No business logic or forms are changed. */

body.replyone-admin-shell .ro-page > .kpi-grid,
body.replyone-admin-shell .ro-page > .ro-kpi-grid,
body.replyone-admin-shell .ro-page > .ro-admin-kpis,
body.replyone-admin-shell .ro-page > .receipt-kpi-grid,
body.replyone-admin-shell .ro-page > .payments-kpi-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr)) !important;
  gap:18px !important;
  align-items:stretch !important;
  margin:0 0 18px !important;
}

@media (min-width:1366px){
  body.replyone-admin-shell .ro-page > .kpi-grid,
  body.replyone-admin-shell .ro-page > .ro-kpi-grid,
  body.replyone-admin-shell .ro-page > .ro-admin-kpis,
  body.replyone-admin-shell .ro-page > .receipt-kpi-grid,
  body.replyone-admin-shell .ro-page > .payments-kpi-grid{
    grid-template-columns:repeat(auto-fit,minmax(210px,1fr)) !important;
  }
}

body.replyone-admin-shell .ro-page .kpi,
body.replyone-admin-shell .ro-page .ro-kpi,
body.replyone-admin-shell .ro-page .kpi-card,
body.replyone-admin-shell .ro-page .receipt-kpi-card{
  position:relative !important;
  min-height:158px !important;
  height:100% !important;
  padding:22px 24px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  align-items:flex-start !important;
  gap:0 !important;
  overflow:hidden !important;
  border-radius:20px !important;
  border:1px solid rgba(203,213,225,.88) !important;
  background:#fff !important;
  box-shadow:0 16px 36px rgba(15,23,42,.06) !important;
}

body.replyone-admin-shell .ro-page .kpi::after,
body.replyone-admin-shell .ro-page .ro-kpi::after,
body.replyone-admin-shell .ro-page .kpi-card::after,
body.replyone-admin-shell .ro-page .receipt-kpi-card::after{
  content:"";
  position:absolute;
  top:-18px;
  inset-inline-end:-10px;
  width:72px;
  height:72px;
  border-radius:0 0 0 40px;
  background:linear-gradient(135deg,rgba(79,70,229,.10),rgba(37,99,235,.08));
  pointer-events:none;
}

body.replyone-admin-shell .ro-page .ro-kpi-icon{
  width:32px !important;
  height:32px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:12px !important;
  margin:0 0 22px !important;
  background:#eef6ff !important;
  color:#1d4ed8 !important;
  font-size:16px !important;
  line-height:1 !important;
  font-weight:900 !important;
  box-shadow:inset 0 0 0 1px rgba(59,130,246,.10) !important;
}

body.replyone-admin-shell .ro-page .kpi-card::before,
body.replyone-admin-shell .ro-page .receipt-kpi-card::before{
  content:"•";
  width:32px;
  height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  margin:0 0 22px;
  background:#eef6ff;
  color:#1d4ed8;
  font-size:22px;
  line-height:1;
  font-weight:900;
  box-shadow:inset 0 0 0 1px rgba(59,130,246,.10);
}

body.replyone-admin-shell .ro-page .kpi .label,
body.replyone-admin-shell .ro-page .ro-kpi .label,
body.replyone-admin-shell .ro-page .kpi-card > span,
body.replyone-admin-shell .ro-page .receipt-kpi-card > span{
  display:block !important;
  order:2 !important;
  margin:0 0 16px !important;
  color:#334155 !important;
  font-size:13px !important;
  line-height:1.25 !important;
  font-weight:850 !important;
  letter-spacing:-.01em !important;
  max-width:100% !important;
}

body.replyone-admin-shell .ro-page .kpi .value,
body.replyone-admin-shell .ro-page .ro-kpi .value,
body.replyone-admin-shell .ro-page .kpi-card > strong,
body.replyone-admin-shell .ro-page .receipt-kpi-card > strong{
  display:block !important;
  order:3 !important;
  margin:0 0 18px !important;
  color:#0f172a !important;
  font-size:clamp(28px,2vw,38px) !important;
  line-height:.98 !important;
  font-weight:950 !important;
  letter-spacing:-.04em !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  max-width:100% !important;
}

body.replyone-admin-shell .ro-page .kpi .hint,
body.replyone-admin-shell .ro-page .ro-kpi .hint,
body.replyone-admin-shell .ro-page .kpi-card > small,
body.replyone-admin-shell .ro-page .receipt-kpi-card > small{
  display:block !important;
  order:4 !important;
  margin-top:auto !important;
  color:#64748b !important;
  font-size:12px !important;
  line-height:1.35 !important;
  font-weight:650 !important;
  overflow-wrap:anywhere !important;
  max-width:100% !important;
}

body.replyone-admin-shell .ro-page .payments-kpi-grid .ro-kpi,
body.replyone-admin-shell .ro-page .receipt-kpi-grid .ro-kpi{
  min-height:158px !important;
}

html.rtl body.replyone-admin-shell .ro-page .kpi,
html.rtl body.replyone-admin-shell .ro-page .ro-kpi,
html.rtl body.replyone-admin-shell .ro-page .kpi-card,
html.rtl body.replyone-admin-shell .ro-page .receipt-kpi-card{
  text-align:start !important;
}

@media (max-width:900px){
  body.replyone-admin-shell .ro-page > .kpi-grid,
  body.replyone-admin-shell .ro-page > .ro-kpi-grid,
  body.replyone-admin-shell .ro-page > .ro-admin-kpis,
  body.replyone-admin-shell .ro-page > .receipt-kpi-grid,
  body.replyone-admin-shell .ro-page > .payments-kpi-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:560px){
  body.replyone-admin-shell .ro-page > .kpi-grid,
  body.replyone-admin-shell .ro-page > .ro-kpi-grid,
  body.replyone-admin-shell .ro-page > .ro-admin-kpis,
  body.replyone-admin-shell .ro-page > .receipt-kpi-grid,
  body.replyone-admin-shell .ro-page > .payments-kpi-grid{
    grid-template-columns:1fr !important;
  }
  body.replyone-admin-shell .ro-page .kpi,
  body.replyone-admin-shell .ro-page .ro-kpi,
  body.replyone-admin-shell .ro-page .kpi-card,
  body.replyone-admin-shell .ro-page .receipt-kpi-card{
    min-height:142px !important;
    padding:20px !important;
  }
}



/* ===== Stage 8.5 — Admin + Client final design cleanup ===== */
:root{
  --ro-shell-bg:#f5f7fb;
  --ro-shell-sidebar:#ffffff;
  --ro-shell-sidebar-line:#e5eaf3;
  --ro-shell-card:#ffffff;
  --ro-shell-border:#dfe7f2;
  --ro-shell-text:#0f172a;
  --ro-shell-muted:#64748b;
  --ro-shell-brand:#2563eb;
  --ro-shell-brand-2:#14b8ff;
  --ro-shell-radius:20px;
  --ro-shell-radius-lg:24px;
  --ro-shell-shadow:0 18px 48px rgba(15,23,42,.07);
  --ro-shell-shadow-soft:0 10px 30px rgba(15,23,42,.055);
  --ro-shell-sidebar-w:240px;
  --ro-shell-gap:22px;
}

/* Shared production shell: admin and client must feel like one product. */
body.replyone-admin-shell,
body.replyone-client-adminlike{
  background:var(--ro-shell-bg) !important;
  color:var(--ro-shell-text) !important;
  min-height:100vh;
  overflow-x:hidden;
}

body.replyone-admin-shell .app-layout,
body.replyone-admin-shell .ro-admin-layout,
body.replyone-client-adminlike .rc-layout{
  display:grid !important;
  grid-template-columns:var(--ro-shell-sidebar-w) minmax(0,1fr) !important;
  gap:0 !important;
  width:100% !important;
  min-height:100vh !important;
  background:var(--ro-shell-bg) !important;
}

html[dir="rtl"] body.replyone-admin-shell .app-layout,
html[dir="rtl"] body.replyone-admin-shell .ro-admin-layout,
html[dir="rtl"] body.replyone-client-adminlike .rc-layout{
  grid-template-columns:minmax(0,1fr) var(--ro-shell-sidebar-w) !important;
}

/* Sidebar: same width, spacing and visual rhythm in admin and client. */
body.replyone-admin-shell .sidebar,
body.replyone-admin-shell .ro-sidebar,
body.replyone-client-adminlike .rc-sidebar{
  position:sticky !important;
  top:0 !important;
  height:100vh !important;
  width:var(--ro-shell-sidebar-w) !important;
  background:var(--ro-shell-sidebar) !important;
  color:#334155 !important;
  border-inline-end:1px solid var(--ro-shell-sidebar-line) !important;
  box-shadow:8px 0 28px rgba(15,23,42,.035) !important;
  overflow:hidden !important;
  z-index:30 !important;
}
html[dir="rtl"] body.replyone-admin-shell .sidebar,
html[dir="rtl"] body.replyone-admin-shell .ro-sidebar,
html[dir="rtl"] body.replyone-client-adminlike .rc-sidebar{
  border-inline-end:0 !important;
  border-inline-start:1px solid var(--ro-shell-sidebar-line) !important;
  box-shadow:-8px 0 28px rgba(15,23,42,.035) !important;
}
body.replyone-admin-shell .sidebar-inner,
body.replyone-admin-shell .ro-sidebar-inner,
body.replyone-client-adminlike .rc-sidebar-inner{
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  padding:24px 16px 18px !important;
  overflow-y:auto !important;
  scrollbar-width:thin;
}
body.replyone-admin-shell .ro-sidebar-head,
body.replyone-client-adminlike .rc-sidebar-head{
  min-height:94px !important;
  padding:0 8px 18px !important;
  margin:0 0 16px !important;
  border-bottom:1px solid var(--ro-shell-sidebar-line) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
}
body.replyone-admin-shell .brand img,
body.replyone-admin-shell .ro-sidebar-brand-logo img,
body.replyone-client-adminlike .rc-brand img{
  max-width:135px !important;
  width:135px !important;
  height:auto !important;
  display:block !important;
}
body.replyone-admin-shell .ro-nav,
body.replyone-client-adminlike .rc-nav{
  display:flex !important;
  flex-direction:column !important;
  gap:18px !important;
  padding:0 !important;
}
body.replyone-admin-shell .ro-nav-group,
body.replyone-client-adminlike .rc-nav-group{
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
  margin:0 !important;
}
body.replyone-admin-shell .ro-nav-group-label,
body.replyone-client-adminlike .rc-nav-label{
  margin:0 12px 5px !important;
  color:#718096 !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  line-height:1.2 !important;
}
body.replyone-admin-shell .nav a,
body.replyone-admin-shell .ro-nav a,
body.replyone-client-adminlike .rc-nav a,
body.replyone-client-adminlike .rc-nav-logout-button{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-height:44px !important;
  width:100% !important;
  padding:11px 13px !important;
  border-radius:13px !important;
  color:#475569 !important;
  background:transparent !important;
  border:1px solid transparent !important;
  text-decoration:none !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1.25 !important;
  transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease !important;
}
body.replyone-admin-shell .nav a:hover,
body.replyone-admin-shell .ro-nav a:hover,
body.replyone-client-adminlike .rc-nav a:hover,
body.replyone-client-adminlike .rc-nav-logout-button:hover{
  color:#1d4ed8 !important;
  background:#f0f7ff !important;
  border-color:#dbeafe !important;
  transform:none !important;
}
body.replyone-admin-shell .nav a.active,
body.replyone-admin-shell .ro-nav a.active,
body.replyone-client-adminlike .rc-nav a.active{
  color:#2563eb !important;
  background:linear-gradient(135deg,#eff6ff,#e0f2fe) !important;
  border-color:#bfdbfe !important;
  box-shadow:0 10px 24px rgba(37,99,235,.10) !important;
}
body.replyone-admin-shell .nav-icon,
body.replyone-client-adminlike .rc-nav-icon{
  flex:0 0 22px !important;
  width:22px !important;
  height:22px !important;
  display:inline-grid !important;
  place-items:center !important;
  color:currentColor !important;
}
body.replyone-admin-shell .nav-text,
body.replyone-client-adminlike .rc-nav-text{
  flex:1 1 auto !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

/* Main content: full width on large monitors, no narrow centered table effect. */
body.replyone-admin-shell .main,
body.replyone-admin-shell .ro-main,
body.replyone-client-adminlike .rc-main{
  min-width:0 !important;
  width:100% !important;
  max-width:none !important;
  padding:24px clamp(18px,2.2vw,34px) 28px !important;
  background:var(--ro-shell-bg) !important;
}
body.replyone-admin-shell .ro-page,
body.replyone-client-adminlike .rc-page{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:22px !important;
}
body.replyone-admin-shell .footer-note,
body.replyone-client-adminlike .footer-note{
  width:100% !important;
  max-width:none !important;
  margin:26px 0 0 !important;
  color:#94a3b8 !important;
  font-size:12px !important;
  text-align:center !important;
}

/* Topbar: one shared visual design. */
body.replyone-admin-shell .ro-topbar,
body.replyone-admin-shell .topbar,
body.replyone-client-adminlike .rc-topbar{
  position:sticky !important;
  top:0 !important;
  z-index:25 !important;
  width:100% !important;
  min-height:76px !important;
  margin:0 0 24px !important;
  padding:16px 20px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  background:rgba(255,255,255,.92) !important;
  border:1px solid var(--ro-shell-border) !important;
  border-radius:22px !important;
  box-shadow:var(--ro-shell-shadow-soft) !important;
  backdrop-filter:blur(14px) !important;
}
body.replyone-admin-shell .ro-topbar-left,
body.replyone-client-adminlike .rc-topbar-left{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  min-width:0 !important;
  flex:1 1 auto !important;
}
body.replyone-admin-shell .ro-page-title,
body.replyone-client-adminlike .rc-page-title{
  min-width:0 !important;
  display:block !important;
}
body.replyone-admin-shell .ro-page-title h1,
body.replyone-client-adminlike .rc-page-title h1{
  margin:0 0 4px !important;
  color:#0f172a !important;
  font-size:clamp(24px,2.0vw,34px) !important;
  line-height:1.05 !important;
  font-weight:950 !important;
  letter-spacing:-.045em !important;
  overflow-wrap:anywhere !important;
}
body.replyone-admin-shell .ro-page-title p,
body.replyone-client-adminlike .rc-page-title p{
  margin:0 !important;
  color:#64748b !important;
  font-size:13px !important;
  line-height:1.35 !important;
  max-width:760px !important;
}
body.replyone-admin-shell .ro-top-actions,
body.replyone-admin-shell .top-actions,
body.replyone-client-adminlike .rc-top-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  flex:0 1 auto !important;
  min-width:0 !important;
  flex-wrap:wrap !important;
}
body.replyone-admin-shell .ro-menu-toggle,
body.replyone-client-adminlike .rc-menu-toggle{
  display:none !important;
  width:42px !important;
  height:42px !important;
  flex:0 0 42px !important;
  border-radius:14px !important;
  border:1px solid #dbeafe !important;
  background:#eff6ff !important;
  color:#2563eb !important;
  font-weight:950 !important;
  cursor:pointer !important;
}
body.replyone-admin-shell .lang-switch,
body.replyone-client-adminlike .rc-lang-switch{
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  direction:ltr !important;
  unicode-bidi:isolate !important;
}
body.replyone-admin-shell .lang-switch a,
body.replyone-client-adminlike .rc-lang-switch a{
  width:34px !important;
  min-width:34px !important;
  height:34px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  border:1px solid #dbeafe !important;
  background:#fff !important;
  color:#2563eb !important;
  font-size:11px !important;
  font-weight:950 !important;
  text-decoration:none !important;
}
body.replyone-admin-shell .lang-switch a.active,
body.replyone-client-adminlike .rc-lang-switch a.active{
  background:#2563eb !important;
  color:#fff !important;
  border-color:#2563eb !important;
  box-shadow:0 10px 22px rgba(37,99,235,.20) !important;
}
body.replyone-admin-shell .ro-admin-user,
body.replyone-client-adminlike .rc-user-chip{
  min-height:42px !important;
  max-width:220px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:6px 12px 6px 6px !important;
  border:1px solid #e2e8f0 !important;
  border-radius:999px !important;
  background:#fff !important;
  min-width:0 !important;
}
html[dir="rtl"] body.replyone-admin-shell .ro-admin-user,
html[dir="rtl"] body.replyone-client-adminlike .rc-user-chip{
  padding:6px 6px 6px 12px !important;
}
body.replyone-admin-shell .avatar,
body.replyone-client-adminlike .rc-avatar{
  width:32px !important;
  height:32px !important;
  flex:0 0 32px !important;
  border-radius:999px !important;
  display:inline-grid !important;
  place-items:center !important;
  color:#2563eb !important;
  background:#eff6ff !important;
  font-size:13px !important;
  font-weight:950 !important;
}
body.replyone-admin-shell .ro-admin-user-text,
body.replyone-client-adminlike .rc-user-text{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  line-height:1.1 !important;
}
body.replyone-admin-shell .ro-admin-user-text strong,
body.replyone-client-adminlike .rc-user-text strong{
  color:#0f172a !important;
  font-size:12px !important;
  font-weight:950 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
body.replyone-admin-shell .ro-admin-user-text span,
body.replyone-client-adminlike .rc-user-text span{
  color:#64748b !important;
  font-size:10px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

/* Universal cards/sections: one spacing system. */
body.replyone-admin-shell .card,
body.replyone-admin-shell .ro-card,
body.replyone-admin-shell .admin-health-card,
body.replyone-client-adminlike .rc-card,
body.replyone-client-adminlike .card{
  border:1px solid var(--ro-shell-border) !important;
  border-radius:22px !important;
  background:#fff !important;
  box-shadow:var(--ro-shell-shadow-soft) !important;
  overflow:hidden;
}
body.replyone-admin-shell .card,
body.replyone-admin-shell .card-pad,
body.replyone-client-adminlike .rc-card,
body.replyone-client-adminlike .card{
  padding:22px !important;
}
body.replyone-admin-shell .section-head,
body.replyone-admin-shell .section-title-row,
body.replyone-admin-shell .ro-section-head,
body.replyone-client-adminlike .rc-section-head,
body.replyone-client-adminlike .section-head,
body.replyone-client-adminlike .section-title-row{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:14px !important;
  flex-wrap:wrap !important;
  margin:0 0 16px !important;
}
body.replyone-admin-shell .section-head h2,
body.replyone-admin-shell .section-head h3,
body.replyone-admin-shell .section-title-row h2,
body.replyone-admin-shell .section-title-row h3,
body.replyone-admin-shell .ro-section-head h2,
body.replyone-admin-shell .ro-section-head h3,
body.replyone-client-adminlike .rc-section-head h2,
body.replyone-client-adminlike .rc-section-head h3{
  margin:0 !important;
  color:#0f172a !important;
  font-size:clamp(18px,1.35vw,24px) !important;
  line-height:1.15 !important;
  font-weight:950 !important;
  letter-spacing:-.035em !important;
}
body.replyone-admin-shell .section-head p,
body.replyone-admin-shell .section-title-row p,
body.replyone-admin-shell .ro-section-head p,
body.replyone-client-adminlike .rc-section-head p{
  margin:5px 0 0 !important;
  color:#64748b !important;
  font-size:13px !important;
  line-height:1.45 !important;
}

/* Consistent grids across admin/client. */
body.replyone-admin-shell .content-grid,
body.replyone-admin-shell .admin-health-grid,
body.replyone-admin-shell .payments-settings-grid,
body.replyone-admin-shell .admin-payments-top-grid,
body.replyone-client-adminlike .rc-grid,
body.replyone-client-adminlike .rc-two-col,
body.replyone-client-adminlike .rc-payments-grid,
body.replyone-client-adminlike .rc-settings-grid,
body.replyone-client-adminlike .rc-client-forms-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:22px !important;
  align-items:start !important;
  width:100% !important;
}
body.replyone-admin-shell .content-grid > .card,
body.replyone-client-adminlike .rc-grid > .rc-card{
  min-width:0 !important;
}
body.replyone-admin-shell .wide-card,
body.replyone-admin-shell .admin-users-list-card,
body.replyone-client-adminlike .rc-support-toolbar,
body.replyone-client-adminlike .rc-support-list-card,
body.replyone-client-adminlike .rc-support-thread-card{
  width:100% !important;
}

/* KPI cards: shared admin/client shape. */
body.replyone-admin-shell .kpi-grid,
body.replyone-admin-shell .ro-kpi-grid,
body.replyone-admin-shell .ro-admin-kpis,
body.replyone-client-adminlike .rc-kpi-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr)) !important;
  gap:18px !important;
  align-items:stretch !important;
  width:100% !important;
  margin:0 !important;
}
body.replyone-admin-shell .ro-kpi,
body.replyone-admin-shell .kpi,
body.replyone-admin-shell .kpi-card,
body.replyone-client-adminlike .rc-kpi{
  position:relative !important;
  min-height:158px !important;
  padding:22px 24px !important;
  border-radius:20px !important;
  border:1px solid rgba(203,213,225,.88) !important;
  background:#fff !important;
  box-shadow:0 16px 36px rgba(15,23,42,.06) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:0 !important;
  overflow:hidden !important;
}
body.replyone-admin-shell .ro-kpi::after,
body.replyone-admin-shell .kpi::after,
body.replyone-admin-shell .kpi-card::after,
body.replyone-client-adminlike .rc-kpi::after{
  content:"" !important;
  position:absolute !important;
  top:-18px !important;
  inset-inline-end:-10px !important;
  width:72px !important;
  height:72px !important;
  border-radius:0 0 0 40px !important;
  background:linear-gradient(135deg,rgba(79,70,229,.10),rgba(37,99,235,.08)) !important;
  pointer-events:none !important;
}
html[dir="rtl"] body.replyone-admin-shell .ro-kpi::after,
html[dir="rtl"] body.replyone-admin-shell .kpi::after,
html[dir="rtl"] body.replyone-admin-shell .kpi-card::after,
html[dir="rtl"] body.replyone-client-adminlike .rc-kpi::after{
  border-radius:0 0 40px 0 !important;
}
body.replyone-admin-shell .ro-kpi-icon,
body.replyone-client-adminlike .rc-kpi-icon{
  width:32px !important;
  height:32px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:12px !important;
  margin:0 0 22px !important;
  background:#eef6ff !important;
  color:#1d4ed8 !important;
  font-size:16px !important;
  line-height:1 !important;
  font-weight:900 !important;
  box-shadow:inset 0 0 0 1px rgba(59,130,246,.10) !important;
}
body.replyone-admin-shell .ro-kpi .label,
body.replyone-admin-shell .kpi .label,
body.replyone-client-adminlike .rc-kpi .label{
  display:block !important;
  order:2 !important;
  margin:0 0 14px !important;
  color:#334155 !important;
  font-size:13px !important;
  line-height:1.25 !important;
  font-weight:850 !important;
  letter-spacing:-.01em !important;
}
body.replyone-admin-shell .ro-kpi .value,
body.replyone-admin-shell .kpi .value,
body.replyone-client-adminlike .rc-kpi .value{
  display:block !important;
  order:3 !important;
  margin:0 0 16px !important;
  color:#0f172a !important;
  font-size:clamp(28px,2vw,38px) !important;
  line-height:.98 !important;
  font-weight:950 !important;
  letter-spacing:-.04em !important;
  overflow-wrap:anywhere !important;
  max-width:100% !important;
}
body.replyone-admin-shell .ro-kpi .hint,
body.replyone-admin-shell .kpi .hint,
body.replyone-client-adminlike .rc-kpi .hint{
  display:block !important;
  order:4 !important;
  margin-top:auto !important;
  color:#64748b !important;
  font-size:12px !important;
  line-height:1.35 !important;
  font-weight:650 !important;
  overflow-wrap:anywhere !important;
}

/* Forms and filters: no giant half-page filter blocks. */
body.replyone-admin-shell .form-grid,
body.replyone-client-adminlike .form-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:16px !important;
  width:100% !important;
}
body.replyone-admin-shell .form-grid.three,
body.replyone-client-adminlike .form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
body.replyone-admin-shell .form-grid.four,
body.replyone-client-adminlike .form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
body.replyone-admin-shell .form-group.full,
body.replyone-client-adminlike .form-group.full{grid-column:1 / -1 !important;}
body.replyone-admin-shell .form-group,
body.replyone-client-adminlike .form-group,
body.replyone-admin-shell .filter-field,
body.replyone-client-adminlike .filter-field{
  min-width:0 !important;
  margin:0 !important;
}
body.replyone-admin-shell .form-group label,
body.replyone-client-adminlike .form-group label,
body.replyone-admin-shell .filter-field label,
body.replyone-client-adminlike .filter-field label{
  display:block !important;
  margin:0 0 7px !important;
  color:#0f172a !important;
  font-size:12px !important;
  font-weight:950 !important;
  line-height:1.25 !important;
  text-align:start !important;
}
body.replyone-admin-shell input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body.replyone-admin-shell select,
body.replyone-admin-shell textarea,
body.replyone-client-adminlike input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body.replyone-client-adminlike select,
body.replyone-client-adminlike textarea{
  width:100% !important;
  min-height:44px !important;
  border:1px solid #d7e0ec !important;
  border-radius:13px !important;
  background:#fff !important;
  color:#0f172a !important;
  padding:10px 13px !important;
  font-size:14px !important;
  line-height:1.35 !important;
  outline:none !important;
}
body.replyone-admin-shell textarea,
body.replyone-client-adminlike textarea{
  min-height:114px !important;
  resize:vertical !important;
}
body.replyone-admin-shell input:focus,
body.replyone-admin-shell select:focus,
body.replyone-admin-shell textarea:focus,
body.replyone-client-adminlike input:focus,
body.replyone-client-adminlike select:focus,
body.replyone-client-adminlike textarea:focus{
  border-color:#2563eb !important;
  box-shadow:0 0 0 4px rgba(37,99,235,.12) !important;
}
body.replyone-admin-shell .ro-filter-bar,
body.replyone-admin-shell .filter-bar,
body.replyone-admin-shell .payments-filter-panel,
body.replyone-client-adminlike .rc-support-toolbar,
body.replyone-client-adminlike .rc-filter-bar{
  background:#fff !important;
  border:1px solid var(--ro-shell-border) !important;
  border-radius:20px !important;
  padding:16px !important;
  box-shadow:var(--ro-shell-shadow-soft) !important;
  width:100% !important;
}
body.replyone-admin-shell .ro-filter-grid,
body.replyone-admin-shell .payments-filter-grid,
body.replyone-admin-shell .receipts-filter-grid{
  display:grid !important;
  grid-template-columns:minmax(260px,2fr) repeat(4,minmax(150px,1fr)) auto !important;
  gap:14px !important;
  align-items:end !important;
}
body.replyone-admin-shell .filter-field-wide{grid-column:auto !important;}
body.replyone-admin-shell .payments-filter-actions,
body.replyone-admin-shell .receipts-filter-actions,
body.replyone-admin-shell .ro-filter-actions{
  display:flex !important;
  align-items:end !important;
  justify-content:flex-end !important;
  gap:8px !important;
}

/* Buttons: same shape in both cabinets. */
body.replyone-admin-shell .btn,
body.replyone-admin-shell button.btn,
body.replyone-admin-shell a.btn,
body.replyone-client-adminlike .btn,
body.replyone-client-adminlike .rc-btn,
body.replyone-client-adminlike button.btn,
body.replyone-client-adminlike a.btn{
  min-height:42px !important;
  padding:10px 16px !important;
  border-radius:999px !important;
  font-size:13px !important;
  font-weight:900 !important;
  line-height:1.1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  cursor:pointer !important;
}
body.replyone-admin-shell .btn-primary,
body.replyone-client-adminlike .btn-primary,
body.replyone-client-adminlike .rc-btn-primary{
  background:linear-gradient(135deg,#2563eb,#1d4ed8) !important;
  border-color:transparent !important;
  color:#fff !important;
  box-shadow:0 12px 25px rgba(37,99,235,.22) !important;
}
body.replyone-admin-shell .btn-outline,
body.replyone-client-adminlike .btn-outline,
body.replyone-client-adminlike .rc-btn-outline{
  background:#fff !important;
  border:1px solid #dbe4f0 !important;
  color:#1d4ed8 !important;
}

/* Tables: single production table style. */
body.replyone-admin-shell .table-wrap,
body.replyone-admin-shell .ro-table-wrap,
body.replyone-client-adminlike .rc-table-wrap{
  width:100% !important;
  overflow:auto !important;
  border:1px solid var(--ro-shell-border) !important;
  border-radius:18px !important;
  background:#fff !important;
  -webkit-overflow-scrolling:touch !important;
}
body.replyone-admin-shell table,
body.replyone-admin-shell .table,
body.replyone-client-adminlike table,
body.replyone-client-adminlike .client-standard-table{
  width:100% !important;
  min-width:760px !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  background:#fff !important;
}
body.replyone-admin-shell th,
body.replyone-client-adminlike th{
  background:#f8fafc !important;
  color:#64748b !important;
  font-size:11px !important;
  font-weight:950 !important;
  letter-spacing:.055em !important;
  text-transform:uppercase !important;
  text-align:start !important;
  white-space:nowrap !important;
}
body.replyone-admin-shell td,
body.replyone-admin-shell th,
body.replyone-client-adminlike td,
body.replyone-client-adminlike th{
  padding:13px 14px !important;
  border-bottom:1px solid #e8eef6 !important;
  vertical-align:middle !important;
  text-align:start !important;
}
body.replyone-admin-shell tbody tr:hover,
body.replyone-client-adminlike tbody tr:hover{
  background:#fbfdff !important;
}
body.replyone-admin-shell tr:last-child td,
body.replyone-client-adminlike tr:last-child td{border-bottom:0 !important;}

/* Prevent checkbox/radio collisions with translated text. */
body.replyone-admin-shell label:has(input[type="checkbox"]),
body.replyone-admin-shell .check-row,
body.replyone-client-adminlike label:has(input[type="checkbox"]),
body.replyone-client-adminlike .check-row{
  display:flex !important;
  align-items:flex-start !important;
  gap:9px !important;
  line-height:1.45 !important;
}
body.replyone-admin-shell input[type="checkbox"],
body.replyone-admin-shell input[type="radio"],
body.replyone-client-adminlike input[type="checkbox"],
body.replyone-client-adminlike input[type="radio"]{
  flex:0 0 auto !important;
  margin:2px 0 0 !important;
  inline-size:16px !important;
  block-size:16px !important;
}

/* Client-specific: dashboard cards, plan/status blocks and requests should not use a different visual language. */
body.replyone-client-adminlike .rc-client-hero,
body.replyone-client-adminlike .rc-plan-status-card,
body.replyone-client-adminlike .rc-onboarding-card,
body.replyone-client-adminlike .rc-action-card,
body.replyone-client-adminlike .rc-request-card,
body.replyone-client-adminlike .rc-bot-card,
body.replyone-client-adminlike .rc-plan-card{
  border:1px solid var(--ro-shell-border) !important;
  border-radius:22px !important;
  background:#fff !important;
  box-shadow:var(--ro-shell-shadow-soft) !important;
}
body.replyone-client-adminlike .rc-client-hero{
  display:grid !important;
  grid-template-columns:minmax(0,1.6fr) minmax(280px,.75fr) !important;
  gap:20px !important;
  align-items:stretch !important;
}
body.replyone-client-adminlike .rc-hero-actions,
body.replyone-client-adminlike .rc-actions-row,
body.replyone-client-adminlike .form-actions{
  display:flex !important;
  gap:10px !important;
  align-items:center !important;
  flex-wrap:wrap !important;
}
body.replyone-client-adminlike .rc-action-grid,
body.replyone-client-adminlike .rc-plan-mini-grid,
body.replyone-client-adminlike .rc-plan-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr)) !important;
  gap:16px !important;
}
body.replyone-client-adminlike .rc-support-grid{
  display:grid !important;
  grid-template-columns:minmax(300px,.9fr) minmax(0,1.6fr) !important;
  gap:22px !important;
}

/* RTL polishing for admin/client. */
html[dir="rtl"] body.replyone-admin-shell,
html[dir="rtl"] body.replyone-client-adminlike{
  text-align:right;
}
html[dir="rtl"] body.replyone-admin-shell .ro-top-actions,
html[dir="rtl"] body.replyone-admin-shell .top-actions,
html[dir="rtl"] body.replyone-client-adminlike .rc-top-actions{
  justify-content:flex-start !important;
}
html[dir="rtl"] body.replyone-admin-shell .nav-text,
html[dir="rtl"] body.replyone-client-adminlike .rc-nav-text{
  text-align:right !important;
}
html[dir="rtl"] body.replyone-admin-shell input,
html[dir="rtl"] body.replyone-admin-shell textarea,
html[dir="rtl"] body.replyone-admin-shell select,
html[dir="rtl"] body.replyone-client-adminlike input,
html[dir="rtl"] body.replyone-client-adminlike textarea,
html[dir="rtl"] body.replyone-client-adminlike select{
  text-align:right;
}
html[dir="rtl"] body.replyone-admin-shell input[type="email"],
html[dir="rtl"] body.replyone-admin-shell input[type="url"],
html[dir="rtl"] body.replyone-client-adminlike input[type="email"],
html[dir="rtl"] body.replyone-client-adminlike input[type="url"],
html[dir="rtl"] body.replyone-admin-shell code,
html[dir="rtl"] body.replyone-client-adminlike code{
  direction:ltr;
  text-align:left;
}

/* Responsive: mobile/tablet off-canvas sidebars. */
@media (max-width:1180px){
  body.replyone-admin-shell .ro-filter-grid,
  body.replyone-admin-shell .payments-filter-grid,
  body.replyone-admin-shell .receipts-filter-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  body.replyone-admin-shell .payments-filter-actions,
  body.replyone-admin-shell .receipts-filter-actions,
  body.replyone-admin-shell .ro-filter-actions{justify-content:flex-start !important;}
}
@media (max-width:1024px){
  body.replyone-admin-shell .app-layout,
  body.replyone-admin-shell .ro-admin-layout,
  body.replyone-client-adminlike .rc-layout,
  html[dir="rtl"] body.replyone-admin-shell .app-layout,
  html[dir="rtl"] body.replyone-admin-shell .ro-admin-layout,
  html[dir="rtl"] body.replyone-client-adminlike .rc-layout{
    display:block !important;
  }
  body.replyone-admin-shell .sidebar,
  body.replyone-admin-shell .ro-sidebar,
  body.replyone-client-adminlike .rc-sidebar{
    position:fixed !important;
    inset-block:0 !important;
    inset-inline-start:0 !important;
    transform:translateX(-105%) !important;
    transition:transform .22s ease !important;
    width:min(86vw,300px) !important;
    max-width:300px !important;
    z-index:1000 !important;
    box-shadow:0 24px 80px rgba(15,23,42,.24) !important;
  }
  html[dir="rtl"] body.replyone-admin-shell .sidebar,
  html[dir="rtl"] body.replyone-admin-shell .ro-sidebar,
  html[dir="rtl"] body.replyone-client-adminlike .rc-sidebar{
    inset-inline-start:auto !important;
    inset-inline-end:0 !important;
    transform:translateX(105%) !important;
  }
  body.replyone-admin-shell.sidebar-open .sidebar,
  body.replyone-admin-shell.sidebar-open .ro-sidebar,
  body.replyone-admin-shell.admin-sidebar-open .sidebar,
  body.replyone-admin-shell.admin-sidebar-open .ro-sidebar,
  body.replyone-client-adminlike.sidebar-open .rc-sidebar,
  body.replyone-client-adminlike.client-sidebar-open .rc-sidebar{
    transform:translateX(0) !important;
  }
  body.replyone-admin-shell .ro-menu-toggle,
  body.replyone-client-adminlike .rc-menu-toggle{
    display:inline-grid !important;
    place-items:center !important;
  }
  body.replyone-admin-shell .main,
  body.replyone-admin-shell .ro-main,
  body.replyone-client-adminlike .rc-main{
    padding:16px !important;
  }
  body.replyone-admin-shell .ro-topbar,
  body.replyone-client-adminlike .rc-topbar{
    position:relative !important;
    top:auto !important;
    align-items:flex-start !important;
    flex-direction:column !important;
    padding:14px !important;
  }
  body.replyone-admin-shell .ro-top-actions,
  body.replyone-client-adminlike .rc-top-actions{
    justify-content:flex-start !important;
    width:100% !important;
  }
  body.replyone-admin-shell .content-grid,
  body.replyone-admin-shell .admin-health-grid,
  body.replyone-admin-shell .payments-settings-grid,
  body.replyone-admin-shell .admin-payments-top-grid,
  body.replyone-client-adminlike .rc-grid,
  body.replyone-client-adminlike .rc-two-col,
  body.replyone-client-adminlike .rc-payments-grid,
  body.replyone-client-adminlike .rc-settings-grid,
  body.replyone-client-adminlike .rc-client-forms-grid,
  body.replyone-client-adminlike .rc-client-hero,
  body.replyone-client-adminlike .rc-support-grid{
    grid-template-columns:1fr !important;
  }
}
@media (max-width:720px){
  body.replyone-admin-shell .ro-page-title h1,
  body.replyone-client-adminlike .rc-page-title h1{font-size:24px !important;}
  body.replyone-admin-shell .kpi-grid,
  body.replyone-admin-shell .ro-kpi-grid,
  body.replyone-admin-shell .ro-admin-kpis,
  body.replyone-client-adminlike .rc-kpi-grid{
    grid-template-columns:1fr !important;
  }
  body.replyone-admin-shell .form-grid,
  body.replyone-admin-shell .form-grid.three,
  body.replyone-admin-shell .form-grid.four,
  body.replyone-client-adminlike .form-grid,
  body.replyone-client-adminlike .form-grid.three,
  body.replyone-client-adminlike .form-grid.four,
  body.replyone-admin-shell .ro-filter-grid,
  body.replyone-admin-shell .payments-filter-grid,
  body.replyone-admin-shell .receipts-filter-grid{
    grid-template-columns:1fr !important;
  }
  body.replyone-admin-shell .card,
  body.replyone-admin-shell .card-pad,
  body.replyone-client-adminlike .rc-card,
  body.replyone-client-adminlike .card{
    padding:18px !important;
    border-radius:18px !important;
  }
  body.replyone-admin-shell .ro-admin-user-text,
  body.replyone-client-adminlike .rc-user-text{display:none !important;}
  body.replyone-admin-shell .ro-admin-user,
  body.replyone-client-adminlike .rc-user-chip{padding:5px !important;}
}

/* =========================================================
   ReplyOne Stage 8.5.1 — RTL shell fix for admin/client.
   Purpose: keep the physical application shell stable in Hebrew.
   The page remains RTL, but CSS Grid is explicitly controlled so
   sidebar, topbar, KPI cards and page content cannot collapse into
   a narrow left column on desktop screens.
   ========================================================= */
body.replyone-admin-shell .app-layout,
body.replyone-admin-shell .ro-admin-layout{
  display:grid !important;
  grid-template-columns:286px minmax(0,1fr) !important;
  grid-template-areas:"sidebar main" !important;
  direction:ltr !important;
  width:100% !important;
  max-width:none !important;
  min-height:100dvh !important;
  align-items:start !important;
}

body.replyone-admin-shell .sidebar,
body.replyone-admin-shell .ro-sidebar{
  grid-area:sidebar !important;
  width:286px !important;
  min-width:286px !important;
  max-width:286px !important;
}

body.replyone-admin-shell .main,
body.replyone-admin-shell .ro-main{
  grid-area:main !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
}

html[dir="rtl"] body.replyone-admin-shell .app-layout,
html[dir="rtl"] body.replyone-admin-shell .ro-admin-layout,
body.rtl.replyone-admin-shell .app-layout,
body.rtl.replyone-admin-shell .ro-admin-layout{
  grid-template-columns:minmax(0,1fr) 286px !important;
  grid-template-areas:"main sidebar" !important;
  direction:ltr !important;
}

html[dir="rtl"] body.replyone-admin-shell .main,
html[dir="rtl"] body.replyone-admin-shell .ro-main,
body.rtl.replyone-admin-shell .main,
body.rtl.replyone-admin-shell .ro-main{
  direction:rtl !important;
  text-align:right !important;
}

html[dir="rtl"] body.replyone-admin-shell .sidebar,
html[dir="rtl"] body.replyone-admin-shell .ro-sidebar,
body.rtl.replyone-admin-shell .sidebar,
body.rtl.replyone-admin-shell .ro-sidebar{
  direction:rtl !important;
  text-align:right !important;
  border-inline-end:0 !important;
  border-inline-start:1px solid rgba(220,232,247,.78) !important;
}

body.replyone-admin-shell .ro-page,
body.replyone-admin-shell .topbar,
body.replyone-admin-shell .ro-topbar,
body.replyone-admin-shell .footer-note{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin-inline:0 !important;
}

html[dir="rtl"] body.replyone-admin-shell .ro-page,
html[dir="rtl"] body.replyone-admin-shell .topbar,
html[dir="rtl"] body.replyone-admin-shell .ro-topbar,
html[dir="rtl"] body.replyone-admin-shell .footer-note,
body.rtl.replyone-admin-shell .ro-page,
body.rtl.replyone-admin-shell .topbar,
body.rtl.replyone-admin-shell .ro-topbar,
body.rtl.replyone-admin-shell .footer-note{
  direction:rtl !important;
  text-align:right !important;
}

html[dir="rtl"] body.replyone-admin-shell .ro-topbar-left,
body.rtl.replyone-admin-shell .ro-topbar-left{
  direction:rtl !important;
  text-align:right !important;
}

html[dir="rtl"] body.replyone-admin-shell .ro-top-actions,
html[dir="rtl"] body.replyone-admin-shell .top-actions,
body.rtl.replyone-admin-shell .ro-top-actions,
body.rtl.replyone-admin-shell .top-actions{
  direction:rtl !important;
  justify-content:flex-start !important;
}

html[dir="rtl"] body.replyone-admin-shell .ro-kpi,
html[dir="rtl"] body.replyone-admin-shell .card,
html[dir="rtl"] body.replyone-admin-shell .ro-card,
html[dir="rtl"] body.replyone-admin-shell .admin-health-card,
body.rtl.replyone-admin-shell .ro-kpi,
body.rtl.replyone-admin-shell .card,
body.rtl.replyone-admin-shell .ro-card,
body.rtl.replyone-admin-shell .admin-health-card{
  direction:rtl !important;
  text-align:right !important;
}

body.replyone-client-adminlike .rc-layout{
  display:grid !important;
  grid-template-columns:260px minmax(0,1fr) !important;
  grid-template-areas:"sidebar main" !important;
  direction:ltr !important;
  width:100% !important;
  max-width:none !important;
  min-height:100dvh !important;
  align-items:start !important;
}

body.replyone-client-adminlike .rc-sidebar{
  grid-area:sidebar !important;
  width:260px !important;
  min-width:260px !important;
  max-width:260px !important;
}

body.replyone-client-adminlike .rc-main{
  grid-area:main !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
}

html[dir="rtl"] body.replyone-client-adminlike .rc-layout,
body.rtl.replyone-client-adminlike .rc-layout{
  grid-template-columns:minmax(0,1fr) 260px !important;
  grid-template-areas:"main sidebar" !important;
  direction:ltr !important;
}

html[dir="rtl"] body.replyone-client-adminlike .rc-main,
body.rtl.replyone-client-adminlike .rc-main{
  direction:rtl !important;
  text-align:right !important;
}

html[dir="rtl"] body.replyone-client-adminlike .rc-sidebar,
body.rtl.replyone-client-adminlike .rc-sidebar{
  direction:rtl !important;
  text-align:right !important;
  border-inline-end:0 !important;
  border-inline-start:1px solid rgba(220,232,247,.78) !important;
}

body.replyone-client-adminlike .rc-page,
body.replyone-client-adminlike .rc-topbar,
body.replyone-client-adminlike .footer-note{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin-inline:0 !important;
}

html[dir="rtl"] body.replyone-client-adminlike .rc-page,
html[dir="rtl"] body.replyone-client-adminlike .rc-topbar,
html[dir="rtl"] body.replyone-client-adminlike .footer-note,
body.rtl.replyone-client-adminlike .rc-page,
body.rtl.replyone-client-adminlike .rc-topbar,
body.rtl.replyone-client-adminlike .footer-note{
  direction:rtl !important;
  text-align:right !important;
}

html[dir="rtl"] body.replyone-client-adminlike .rc-topbar-left,
body.rtl.replyone-client-adminlike .rc-topbar-left{
  direction:rtl !important;
  text-align:right !important;
}

html[dir="rtl"] body.replyone-client-adminlike .rc-top-actions,
body.rtl.replyone-client-adminlike .rc-top-actions{
  direction:rtl !important;
  justify-content:flex-start !important;
}

html[dir="rtl"] body.replyone-admin-shell .lang-switch,
html[dir="rtl"] body.replyone-client-adminlike .rc-lang-switch,
body.rtl.replyone-admin-shell .lang-switch,
body.rtl.replyone-client-adminlike .rc-lang-switch{
  direction:ltr !important;
  text-align:center !important;
}

@media(max-width:1180px){
  body.replyone-admin-shell .app-layout,
  body.replyone-admin-shell .ro-admin-layout,
  body.replyone-client-adminlike .rc-layout{
    display:block !important;
    grid-template-columns:none !important;
    grid-template-areas:none !important;
    direction:inherit !important;
  }

  body.replyone-admin-shell .sidebar,
  body.replyone-admin-shell .ro-sidebar,
  body.replyone-client-adminlike .rc-sidebar{
    position:fixed !important;
    top:0 !important;
    bottom:0 !important;
    inset-inline-start:0 !important;
    inset-inline-end:auto !important;
    height:100dvh !important;
    max-height:100dvh !important;
    overflow-y:auto !important;
    z-index:900 !important;
    transform:translate3d(-112%,0,0) !important;
    transition:transform .24s ease !important;
  }

  html[dir="rtl"] body.replyone-admin-shell .sidebar,
  html[dir="rtl"] body.replyone-admin-shell .ro-sidebar,
  html[dir="rtl"] body.replyone-client-adminlike .rc-sidebar,
  body.rtl.replyone-admin-shell .sidebar,
  body.rtl.replyone-admin-shell .ro-sidebar,
  body.rtl.replyone-client-adminlike .rc-sidebar{
    inset-inline-start:auto !important;
    inset-inline-end:0 !important;
    transform:translate3d(112%,0,0) !important;
  }

  body.replyone-admin-shell.admin-sidebar-open .sidebar,
  body.replyone-admin-shell.admin-sidebar-open .ro-sidebar,
  body.admin-sidebar-open.replyone-admin-shell .sidebar,
  body.admin-sidebar-open.replyone-admin-shell .ro-sidebar,
  html.admin-sidebar-open body.replyone-admin-shell .sidebar,
  html.admin-sidebar-open body.replyone-admin-shell .ro-sidebar,
  body.replyone-client-adminlike.client-sidebar-open .rc-sidebar,
  body.client-sidebar-open.replyone-client-adminlike .rc-sidebar,
  html.client-sidebar-open body.replyone-client-adminlike .rc-sidebar{
    transform:translate3d(0,0,0) !important;
  }

  body.replyone-admin-shell .main,
  body.replyone-admin-shell .ro-main,
  body.replyone-client-adminlike .rc-main{
    width:100% !important;
    max-width:none !important;
  }
}


/* =========================================================
   ReplyOne Stage 8.5.2 — Bounded desktop width + safe RTL shell
   Purpose:
   1) Fix the SQL-safe release after v8.5.1.
   2) Stop admin/client pages from looking stretched on large monitors.
   3) Keep Hebrew RTL layout stable: sidebar on the right, content normal width.
   ========================================================= */
:root{
  --ro-shell-sidebar-w:260px;
  --ro-shell-content-max:1440px;
  --ro-shell-content-pad-x:clamp(18px,2vw,32px);
  --ro-shell-content-pad-y:24px;
}

body.replyone-admin-shell .app-layout,
body.replyone-admin-shell .ro-admin-layout,
body.replyone-client-adminlike .rc-layout{
  display:grid !important;
  grid-template-columns:var(--ro-shell-sidebar-w) minmax(0,1fr) !important;
  grid-template-areas:"sidebar main" !important;
  direction:ltr !important;
  width:100% !important;
  min-height:100dvh !important;
  background:var(--ro-shell-bg,#f5f7fb) !important;
}

html[dir="rtl"] body.replyone-admin-shell .app-layout,
html[dir="rtl"] body.replyone-admin-shell .ro-admin-layout,
html[dir="rtl"] body.replyone-client-adminlike .rc-layout,
body.rtl.replyone-admin-shell .app-layout,
body.rtl.replyone-admin-shell .ro-admin-layout,
body.rtl.replyone-client-adminlike .rc-layout{
  grid-template-columns:minmax(0,1fr) var(--ro-shell-sidebar-w) !important;
  grid-template-areas:"main sidebar" !important;
  direction:ltr !important;
}

body.replyone-admin-shell .sidebar,
body.replyone-admin-shell .ro-sidebar,
body.replyone-client-adminlike .rc-sidebar{
  grid-area:sidebar !important;
  width:var(--ro-shell-sidebar-w) !important;
  min-width:var(--ro-shell-sidebar-w) !important;
  max-width:var(--ro-shell-sidebar-w) !important;
}

body.replyone-admin-shell .main,
body.replyone-admin-shell .ro-main,
body.replyone-client-adminlike .rc-main{
  grid-area:main !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
  padding:var(--ro-shell-content-pad-y) var(--ro-shell-content-pad-x) 30px !important;
  background:var(--ro-shell-bg,#f5f7fb) !important;
}

body.replyone-admin-shell .ro-page,
body.replyone-admin-shell .topbar,
body.replyone-admin-shell .ro-topbar,
body.replyone-admin-shell .footer-note,
body.replyone-client-adminlike .rc-page,
body.replyone-client-adminlike .rc-topbar,
body.replyone-client-adminlike .footer-note{
  width:100% !important;
  max-width:var(--ro-shell-content-max) !important;
  min-width:0 !important;
  margin-inline:auto !important;
}

body.replyone-admin-shell .ro-page,
body.replyone-client-adminlike .rc-page{
  display:flex !important;
  flex-direction:column !important;
  gap:22px !important;
}

body.replyone-admin-shell .footer-note,
body.replyone-client-adminlike .footer-note{
  margin-top:26px !important;
}

/* Make topbars visually balanced inside the bounded content area. */
body.replyone-admin-shell .topbar,
body.replyone-admin-shell .ro-topbar,
body.replyone-client-adminlike .rc-topbar{
  margin-block-start:0 !important;
  margin-block-end:24px !important;
}

html[dir="rtl"] body.replyone-admin-shell .main,
html[dir="rtl"] body.replyone-admin-shell .ro-main,
html[dir="rtl"] body.replyone-client-adminlike .rc-main,
body.rtl.replyone-admin-shell .main,
body.rtl.replyone-admin-shell .ro-main,
body.rtl.replyone-client-adminlike .rc-main{
  direction:rtl !important;
  text-align:right !important;
}

html[dir="rtl"] body.replyone-admin-shell .sidebar,
html[dir="rtl"] body.replyone-admin-shell .ro-sidebar,
html[dir="rtl"] body.replyone-client-adminlike .rc-sidebar,
body.rtl.replyone-admin-shell .sidebar,
body.rtl.replyone-admin-shell .ro-sidebar,
body.rtl.replyone-client-adminlike .rc-sidebar{
  direction:rtl !important;
  text-align:right !important;
  border-inline-end:0 !important;
  border-inline-start:1px solid var(--ro-shell-sidebar-line,#e5eaf3) !important;
}

html[dir="rtl"] body.replyone-admin-shell .topbar,
html[dir="rtl"] body.replyone-admin-shell .ro-topbar,
html[dir="rtl"] body.replyone-client-adminlike .rc-topbar,
body.rtl.replyone-admin-shell .topbar,
body.rtl.replyone-admin-shell .ro-topbar,
body.rtl.replyone-client-adminlike .rc-topbar{
  direction:rtl !important;
  text-align:right !important;
}

html[dir="rtl"] body.replyone-admin-shell .ro-topbar-left,
html[dir="rtl"] body.replyone-client-adminlike .rc-topbar-left,
body.rtl.replyone-admin-shell .ro-topbar-left,
body.rtl.replyone-client-adminlike .rc-topbar-left{
  direction:rtl !important;
  text-align:right !important;
}

html[dir="rtl"] body.replyone-admin-shell .top-actions,
html[dir="rtl"] body.replyone-admin-shell .ro-top-actions,
html[dir="rtl"] body.replyone-client-adminlike .rc-top-actions,
body.rtl.replyone-admin-shell .top-actions,
body.rtl.replyone-admin-shell .ro-top-actions,
body.rtl.replyone-client-adminlike .rc-top-actions{
  direction:rtl !important;
  justify-content:flex-start !important;
}

/* Keep language pills and technical data readable in Hebrew. */
html[dir="rtl"] body.replyone-admin-shell .lang-switch,
html[dir="rtl"] body.replyone-client-adminlike .rc-lang-switch,
body.rtl.replyone-admin-shell .lang-switch,
body.rtl.replyone-client-adminlike .rc-lang-switch{
  direction:ltr !important;
  unicode-bidi:isolate !important;
  text-align:center !important;
}

html[dir="rtl"] body.replyone-admin-shell input[type="email"],
html[dir="rtl"] body.replyone-admin-shell input[type="url"],
html[dir="rtl"] body.replyone-admin-shell input[name*="token"],
html[dir="rtl"] body.replyone-admin-shell input[name*="stripe"],
html[dir="rtl"] body.replyone-admin-shell code,
html[dir="rtl"] body.replyone-admin-shell .mono-link,
html[dir="rtl"] body.replyone-admin-shell .mono-value,
html[dir="rtl"] body.replyone-client-adminlike input[type="email"],
html[dir="rtl"] body.replyone-client-adminlike input[type="url"],
html[dir="rtl"] body.replyone-client-adminlike input[name*="token"],
html[dir="rtl"] body.replyone-client-adminlike code{
  direction:ltr !important;
  text-align:left !important;
  unicode-bidi:embed !important;
}

/* Limit over-wide dashboards but keep data tables usable. */
body.replyone-admin-shell .content-grid,
body.replyone-admin-shell .admin-health-grid,
body.replyone-admin-shell .payments-settings-grid,
body.replyone-admin-shell .admin-payments-top-grid,
body.replyone-client-adminlike .rc-grid,
body.replyone-client-adminlike .rc-two-col,
body.replyone-client-adminlike .rc-payments-grid,
body.replyone-client-adminlike .rc-settings-grid,
body.replyone-client-adminlike .rc-client-forms-grid{
  gap:22px !important;
}

body.replyone-admin-shell .kpi-grid,
body.replyone-admin-shell .ro-kpi-grid,
body.replyone-admin-shell .ro-admin-kpis,
body.replyone-client-adminlike .rc-kpi-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(214px,100%),1fr)) !important;
  gap:18px !important;
}

body.replyone-admin-shell .ro-kpi,
body.replyone-admin-shell .kpi,
body.replyone-admin-shell .kpi-card,
body.replyone-client-adminlike .rc-kpi{
  min-height:156px !important;
}

/* On very large monitors keep a deliberate, modern workspace instead of stretching cards to the edges. */
@media (min-width:1700px){
  body.replyone-admin-shell .main,
  body.replyone-admin-shell .ro-main,
  body.replyone-client-adminlike .rc-main{
    padding-inline:34px !important;
  }
}

/* Tablet/mobile: the sidebar becomes off-canvas and content can use full width. */
@media (max-width:1180px){
  body.replyone-admin-shell .app-layout,
  body.replyone-admin-shell .ro-admin-layout,
  body.replyone-client-adminlike .rc-layout,
  html[dir="rtl"] body.replyone-admin-shell .app-layout,
  html[dir="rtl"] body.replyone-admin-shell .ro-admin-layout,
  html[dir="rtl"] body.replyone-client-adminlike .rc-layout,
  body.rtl.replyone-admin-shell .app-layout,
  body.rtl.replyone-admin-shell .ro-admin-layout,
  body.rtl.replyone-client-adminlike .rc-layout{
    display:block !important;
    direction:inherit !important;
  }

  body.replyone-admin-shell .ro-page,
  body.replyone-admin-shell .topbar,
  body.replyone-admin-shell .ro-topbar,
  body.replyone-client-adminlike .rc-page,
  body.replyone-client-adminlike .rc-topbar{
    max-width:none !important;
  }

  body.replyone-admin-shell .main,
  body.replyone-admin-shell .ro-main,
  body.replyone-client-adminlike .rc-main{
    padding:16px !important;
  }
}

@media (max-width:720px){
  :root{--ro-shell-content-pad-x:12px;--ro-shell-content-pad-y:12px;}

  body.replyone-admin-shell .topbar,
  body.replyone-admin-shell .ro-topbar,
  body.replyone-client-adminlike .rc-topbar{
    margin-block-end:16px !important;
  }
}

/* ===== ReplyOne Stage 8.5.4 — public landing width and hero stabilization =====
   Scope: public index.php only (body.ro-home-page). No admin/client/backend styles changed.
   Goal: stop the landing page from stretching endlessly on 1920px/2560px screens while keeping mobile fluid. */
:root{
  --ro-public-max:1180px;
  --ro-public-wide-max:1200px;
  --ro-public-readable-max:760px;
  --ro-public-lead-max:690px;
  --ro-public-auth-max:460px;
  --ro-public-section-gap:clamp(34px,5vw,72px);
}

body.ro-home-page{
  overflow-x:hidden;
}

body.ro-home-page .ro-home-shell{
  width:min(calc(100% - 32px),var(--ro-public-max));
  max-width:var(--ro-public-max);
  margin-inline:auto;
  padding:clamp(18px,2.4vw,28px) 0 34px;
}

body.ro-home-page .ro-home-header,
body.ro-home-page .ro-hero,
body.ro-home-page .ro-section,
body.ro-home-page .ro-home-footer{
  width:100%;
  max-width:100%;
  margin-inline:auto;
}

body.ro-home-page .ro-home-header{
  min-height:68px;
  padding:0;
  margin-bottom:clamp(22px,3vw,38px);
}

body.ro-home-page .ro-hero{
  grid-template-columns:minmax(0,1fr) minmax(360px,var(--ro-public-auth-max));
  gap:clamp(28px,4vw,54px);
  align-items:center;
  padding-block:clamp(18px,3vw,42px) clamp(18px,2.5vw,34px);
}

body.ro-home-page .ro-hero-copy{
  width:100%;
  max-width:var(--ro-public-readable-max);
  justify-self:start;
  margin:0;
}

body.ro-home-page .ro-hero h1{
  max-width:var(--ro-public-readable-max);
  font-size:clamp(40px,4.25vw,64px);
  line-height:1.04;
}

body.ro-home-page .ro-hero-lead{
  max-width:var(--ro-public-lead-max);
  font-size:clamp(17px,1.16vw,20px);
  line-height:1.58;
}

body.ro-home-page .ro-auth-card{
  width:100%;
  max-width:var(--ro-public-auth-max);
  justify-self:end;
}

body.ro-home-page .ro-section{
  margin-top:var(--ro-public-section-gap);
}

body.ro-home-page .ro-section-head{
  width:100%;
  max-width:760px;
  margin-inline:auto;
  text-align:center;
}

body.ro-home-page .ro-section-head span{
  margin-inline:auto;
}

body.ro-home-page .ro-step-grid{
  width:100%;
  max-width:100%;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(14px,1.8vw,22px);
}

body.ro-home-page .ro-step-card,
body.ro-home-page .ro-plan-card{
  height:100%;
}

body.ro-home-page .ro-step-card p,
body.ro-home-page .ro-plan-card li{
  overflow-wrap:break-word;
}

body.ro-home-page .ro-plan-grid{
  width:100%;
  max-width:940px;
  margin-inline:auto;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(18px,2.4vw,28px);
}

body.ro-home-page .ro-home-footer{
  margin-top:var(--ro-public-section-gap);
}

body.ro-home-page .ro-legal-modal{
  width:min(760px,calc(100vw - 32px));
}

/* RTL landing: keep Hebrew visually balanced without flipping technical values or stretching the hero. */
html[dir="rtl"] body.ro-home-page .ro-hero-copy,
body.ro-home-page.ro-dir-rtl .ro-hero-copy{
  justify-self:end;
  text-align:right;
}

html[dir="rtl"] body.ro-home-page .ro-auth-card,
body.ro-home-page.ro-dir-rtl .ro-auth-card{
  justify-self:start;
}

html[dir="rtl"] body.ro-home-page .ro-hero-actions,
html[dir="rtl"] body.ro-home-page .ro-feature-pills,
body.ro-home-page.ro-dir-rtl .ro-hero-actions,
body.ro-home-page.ro-dir-rtl .ro-feature-pills{
  justify-content:flex-start;
}

html[dir="rtl"] body.ro-home-page input[type="email"],
html[dir="rtl"] body.ro-home-page input[type="url"],
html[dir="rtl"] body.ro-home-page input[name*="email"],
html[dir="rtl"] body.ro-home-page code{
  direction:ltr;
  text-align:left;
  unicode-bidi:isolate;
}

@media (min-width:1500px){
  body.ro-home-page .ro-home-shell{
    width:min(calc(100% - 48px),var(--ro-public-wide-max));
    max-width:var(--ro-public-wide-max);
  }
}

@media (min-width:1900px){
  body.ro-home-page .ro-home-shell{
    width:var(--ro-public-wide-max);
    max-width:var(--ro-public-wide-max);
  }
}

@media (max-width:1180px){
  body.ro-home-page .ro-home-shell{
    width:min(calc(100% - 28px),var(--ro-public-max));
    max-width:var(--ro-public-max);
    padding-block:20px 30px;
  }

  body.ro-home-page .ro-hero{
    grid-template-columns:1fr;
    gap:24px;
  }

  body.ro-home-page .ro-hero-copy,
  html[dir="rtl"] body.ro-home-page .ro-hero-copy,
  body.ro-home-page.ro-dir-rtl .ro-hero-copy,
  body.ro-home-page .ro-auth-card,
  html[dir="rtl"] body.ro-home-page .ro-auth-card,
  body.ro-home-page.ro-dir-rtl .ro-auth-card{
    max-width:760px;
    justify-self:center;
    margin-inline:auto;
  }

  body.ro-home-page .ro-step-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:760px){
  body.ro-home-page .ro-home-shell{
    width:min(calc(100% - 24px),var(--ro-public-max));
    padding-block:14px 26px;
  }

  body.ro-home-page .ro-home-header{
    align-items:flex-start;
    margin-bottom:18px;
  }

  body.ro-home-page .ro-home-nav{
    width:100%;
    justify-content:flex-start;
  }

  html[dir="rtl"] body.ro-home-page .ro-home-nav,
  body.ro-home-page.ro-dir-rtl .ro-home-nav{
    justify-content:flex-end;
  }

  body.ro-home-page .ro-hero{
    padding-block:18px 16px;
  }

  body.ro-home-page .ro-hero h1{
    font-size:clamp(32px,9.4vw,44px);
    letter-spacing:-.045em;
  }

  body.ro-home-page .ro-auth-card{
    max-width:100%;
    border-radius:22px;
  }

  body.ro-home-page .ro-step-grid,
  body.ro-home-page .ro-plan-grid{
    grid-template-columns:1fr;
  }

  body.ro-home-page .ro-section-head{
    text-align:start;
  }

  body.ro-home-page .ro-section-head span{
    margin-inline:0;
  }
}

@media (max-width:520px){
  body.ro-home-page .ro-home-shell{
    width:min(calc(100% - 18px),var(--ro-public-max));
  }

  body.ro-home-page .ro-home-logo img{
    width:clamp(150px,48vw,190px);
  }

  body.ro-home-page .ro-language-switch,
  body.ro-home-page .ro-nav-link,
  body.ro-home-page .ro-nav-button{
    width:100%;
  }

  body.ro-home-page .ro-language-switch a{
    flex:1 1 0;
  }

  body.ro-home-page .ro-hero-actions .ro-btn{
    width:100%;
    justify-content:center;
  }
}