/**  =====================================================================
     app.css — SocialPlus application-wide overrides (ALL languages)
     =========================================================================
     Loaded AFTER style.css, for every user, in every layout.

     style.css is the (hand-edited) Datta Able vendor theme + this app's
     brand system (--button-color / --nav-bg-color). This file is the home
     for OUR app-wide component styles and fixes, so the theme sheet can
     stay stable.

     Arabic-only rules do NOT belong here — they go in arabic.css.
     Direction (RTL) rules do NOT belong here — layouts/rtl.css owns those.

     When a rule is being copy-pasted into several views' <style> blocks,
     promote it to this file instead.
==========================================================================  **/

/* Compact table density */
.table td,
.table th {
  padding: 0.5rem 0.3rem;
}

/* Small buttons: roomier hit area */
.btn-group-sm > .btn,
.btn-sm {
  padding: 6px 14px;
  font-size: 13px;
}

/* Collapsed sidebar, hover: keep the white logo panel at the collapsed width
   (same fix as DMS_ERP's app.css).

   style.css comments out the theme's own hover-expand rule
   (.pcoded-navbar.navbar-collapsed:hover { width: 264px }) but leaves its companions
   live. One of them, .pcoded-navbar.navbar-collapsed:hover .header-logo { width: 264px },
   grew the logo panel alone to 264px inside an 80px rail. Same specificity as the
   style.css rule; app.css loads after it, so this wins. */
.pcoded-navbar.navbar-collapsed:hover .header-logo {
  width: 80px;
}

/* The other companion dims the header and the page while the pointer is over the
   rail — the backdrop for a rail that expands over the content. Nothing expands, so
   nothing should dim. The mobile off-canvas backdrop (.mob-open) is untouched. */
.pcoded-navbar.navbar-collapsed:hover ~ .pcoded-header:before,
.pcoded-navbar.navbar-collapsed:hover ~ .pcoded-main-container:before {
  display: none;
}

/* Collapsed rail: submenu items are icons only, lined up with the top-level icons
   (7px 25px, style.css), hovered or not. An open group's submenu stays visible in the
   80px rail (li.pcoded-trigger.active > .pcoded-submenu outranks the collapsed
   display:none), and hover sets its links back to a visible colour, which used to
   spill clipped labels out of the rail. Tooltips carry the names. Logical padding,
   so both directions line up. */
.pcoded-navbar.navbar-collapsed .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li > a {
  padding-inline-start: 25px !important;
}
.pcoded-navbar.navbar-collapsed .pcoded-inner-navbar li.pcoded-hasmenu .pcoded-submenu li > a .pcoded-mtext {
  display: none;
}

/* bootstrap-datepicker: days panel must be visible */
.datepicker > .datepicker-days {
  display: block;
}

/* Clickable DataTable cells */
#datatable1 tbody tr td.mypointer {
  cursor: pointer;
}

/* No column-position rules here. A global "#datatable1 td:nth-child(N)" reaches every list
   page (38 of them use #datatable1), and it once squeezed the Template column on the
   campaigns page to leftover space because the WhatsApp message table wanted its 4th
   column cut. A page that wants a cell truncated says so in its own view. */