/*
Layout e pagine staff PSC (plugin pages)
*/

/* ---------------------------
HEADER STAFF
---------------------------- */

/* Contenitore del menu in alto al centro */
body.psc-theme #header-constrain {
    max-width: var(--page-max-width) !important;  /* OsTicket per evitare dispersione mette larghezza massima 1264px */    
    display: flex;
    align-items: center;        
    justify-content: space-between; 
    height: 100%;     
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.psc-theme.staff-side #pjax-container{
  padding-top: 0 !important;
}

/* ---------------------------
FINE HEADER STAFF
---------------------------- */













/* ---------------------------
   STRUTTURA PAGINE - STAFF
---------------------------- */
/* In staff osTicket le pagine si dividono in 2 categorie reali:

1️⃣ Pages a listato / tabella
(users, orgs, teams, roles, departments, ecc.)

2️⃣ Pages speciali
(tickets, dashboard, forms complessi)
*/
body.psc-theme.staff-side {
  --background: var(--color-primary-bg);
  --page-max-width-wide: 1440px;   /* resto staff */
  --subnav-height: 56px;
  --subnav-padding: 56px;
}

/* Content base */
body.psc-theme.staff-side #content {
  max-width: var(--page-max-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--page-gutter-x);
  padding-right: var(--page-gutter-x);
  margin-top: var(--subnav-height) !important;
  box-sizing: border-box;
  flex: 1 1 auto;
  min-height: 0 !important;
  padding-bottom: 0 !important;
}
/* Pagine NON tickets più larghe */
body.psc-theme.staff-side #content:not(.tickets) {
  max-width: var(--page-max-width-wide);
}
/* PJAX sticky footer */
body.psc-theme.staff-side #pjax-container {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: #fff !important;
  position: relative; 
}

/* Footer PSC */
body.psc-theme.staff-side .psc-footer-wrapper {
  flex: 0 0 auto;
}
/* Evita clear che aggiungono spazio */
body.psc-theme.staff-side .clear {
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* IMPORTANTISSIMO – gestisce larghezza delle pagine */
body.psc-theme.staff-side #content,
body.psc-theme.staff-side #content form,
body.psc-theme.staff-side #content table.list {
  width: 100% !important;
  max-width: var(--page-max-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
 /* padding-left: var(--page-gutter-x) !important;
  padding-right: var(--page-gutter-x) !important;*/
  box-sizing: border-box;
}
/* Questi permettono ai menu dropdown di aprirsi verso il basso e non tagliarsi */
body.psc-theme.staff-side #nav > li {
  position: relative; /* ancora */
}
body.psc-theme.staff-side #nav > li > ul {
  top: 100% !important;     /* sotto al li */
  bottom: auto !important;  /* annulla aperture “verso l’alto” */
  left: 0 !important;
  margin-top: 8px;          
}
/* ---------------------------
   FINE STRUTTURA PAGINE - STAFF
---------------------------- */

/* ---------------------------
   STRUTTURA PAGINE - STAFF CON SUBNAV
---------------------------- */
/* Barra subnav: full width (sfondo + border) */
body.psc-theme #sub_nav-wrap,
body.psc-theme #sub_nav_wrap {
  background: var(--color-primary-bg) !important;
  border: 0 !important;
  border-bottom: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* Wrapper UL esterno: deve essere full width e "neutro" */
body.psc-theme #sub_nav-wrap > ul#sub_nav,
body.psc-theme #sub_nav_wrap > ul#sub_nav,
body.psc-theme #sub_nav_wrap > ul {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
  border: 0 !important;
  box-sizing: border-box !important;
}
/* Il "container" della subnav: stesso di #content (1120 + gutter) */
/* Caso 1: c'è jb-overflowmenu */
body.psc-theme #sub_nav-wrap > ul#sub_nav > nav.jb-overflowmenu,
body.psc-theme #sub_nav_wrap > ul#sub_nav > nav.jb-overflowmenu {
  max-width: var(--page-max-width) !important;
  margin: 0 auto !important;
  padding: 0 var(--page-gutter-x) !important;
  box-sizing: border-box !important;

  display: flex !important;
  align-items: center !important;
  min-height: 56px !important;

  background: transparent !important;
  border: 0 !important;
  position: relative !important;
}
/* Caso 2: NON c'è jb-overflowmenu (sub_nav è una <ul> diretta di <li>) */
body.psc-theme #sub_nav-wrap > ul#sub_nav > ul,
body.psc-theme #sub_nav_wrap > ul#sub_nav > ul,
body.psc-theme #sub_nav_wrap > ul {
  max-width: var(--page-max-width) !important;
  margin: 0 auto !important;
  padding: 0 var(--page-gutter-x) !important;
  box-sizing: border-box !important;

  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  min-height: 56px !important;
}
/* Menu interno (UL di jb-overflowmenu) — resetta padding/margini “storici” */
body.psc-theme #sub_nav-wrap nav.jb-overflowmenu > ul,
body.psc-theme #sub_nav_wrap nav.jb-overflowmenu > ul,
body.psc-theme #sub_nav-wrap nav.jb-overflowmenu ul.jb-overflowmenu-menu,
body.psc-theme #sub_nav_wrap nav.jb-overflowmenu ul.jb-overflowmenu-menu {
  /*display: flex !important;*/
  align-items: center !important;
  gap: 18px !important;

  margin: 0 !important;
  padding: 20px !important;
  list-style: none !important;

  width: auto !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
/* Link subnav */
body.psc-theme #sub_nav-wrap #sub_nav a,
body.psc-theme #sub_nav_wrap #sub_nav a,
body.psc-theme #sub_nav_wrap a {
   display: inline-flex !important;
  align-items: center !important;

  font-family: var(--font-body) !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1 !important;

  color: var(--subnav-text, #0b0f14) !important;
  text-decoration: none !important;
  opacity: 1 !important;
}
/* Active: niente underline, solo weight */
body.psc-theme #sub_nav-wrap #sub_nav li.active > a,
body.psc-theme #sub_nav_wrap #sub_nav li.active > a,
body.psc-theme #sub_nav-wrap #sub_nav a.active,
body.psc-theme #sub_nav_wrap #sub_nav a.active {
  font-weight: 700 !important;
}
body.psc-theme #sub_nav-wrap #sub_nav li.active > a::after,
body.psc-theme #sub_nav_wrap #sub_nav li.active > a::after,
body.psc-theme #sub_nav-wrap #sub_nav a.active::after,
body.psc-theme #sub_nav_wrap #sub_nav a.active::after {
  content: none !important;
}
/* Container destro jb-overflowmenu (ellipsis/azioni) spinto a destra */
body.psc-theme #sub_nav-wrap nav.jb-overflowmenu .jb-overflowmenu-container,
body.psc-theme #sub_nav_wrap nav.jb-overflowmenu .jb-overflowmenu-container {
  margin-left: auto !important;
  background: transparent !important;
  border: 0 !important;
}
/* Se vuoi: nascondi ellipsis */
body.psc-theme #sub_nav-wrap nav.jb-overflowmenu .jb-overflowmenu-menu-secondary-handle,
body.psc-theme #sub_nav_wrap nav.jb-overflowmenu .jb-overflowmenu-menu-secondary-handle,
body.psc-theme #sub_nav-wrap nav.jb-overflowmenu .icon-ellipsis-vertical,
body.psc-theme #sub_nav_wrap nav.jb-overflowmenu .icon-ellipsis-vertical {
  display: none !important;
}
#sub_nav {
  background: var(--color-primary-bg) !important;
}


/*
* NON jb-overflowmenu
*/
/* Caso NON jb-overflowmenu: il contenuto della subnav va nella colonna pagina */
body.psc-theme #sub_nav-wrap > ul#sub_nav > :not(nav.jb-overflowmenu){
  max-width: var(--page-max-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--page-gutter-x) !important;
  padding-right: var(--page-gutter-x) !important;
  box-sizing: border-box !important;
}
/* reset dell'UL interno solo nel caso NON jb-overflowmenu */
body.psc-theme #sub_nav-wrap > ul#sub_nav > :not(nav.jb-overflowmenu) ul{
  margin: 0 !important;
  padding: 20px !important;
  list-style: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
}
body.psc-theme #sub_nav-wrap > ul#sub_nav > :not(nav.jb-overflowmenu) a{
  height: 56px !important;
  display: inline-flex !important;
  align-items: center !important;
  text-decoration: none !important;

  font-family: Inter, var(--font-body) !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  color: var(--subnav-text, #0b0f14) !important;
}
body.psc-theme #sub_nav-wrap > ul#sub_nav > :not(nav.jb-overflowmenu) li.active > a,
body.psc-theme #sub_nav-wrap > ul#sub_nav > :not(nav.jb-overflowmenu) a.active{
  font-weight: 700 !important;
}
/* ---------------------------
  FINE STRUTTURA PAGINE STAFF CON SUBNAV
---------------------------- */




/* ---------------------------
TABLE
---------------------------- */

body.psc-theme.staff-side table.list {
  width: min(860px, 100%) !important;  /* sovrascrive width="800" */
  margin: 14px auto 0;
  border-collapse: separate !important;
  border-spacing: 0;
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 12px 34px rgba(0,0,0,.06);
  border: 1px solid color-mix(in srgb, var(--color-text, #111827) 8%, transparent);
}

/* Header bianco */
body.psc-theme.staff-side table.list thead th{
  background: #fff !important;
  padding: 14px 16px;
  font-size: 12px;
  font-weight: 800;
  color: color-mix(in srgb, var(--color-text, #111827) 55%, #6b7280);
  border-bottom: 1px solid color-mix(in srgb, var(--color-text, #111827) 8%, transparent);
  white-space: nowrap;
}

/* Titoli colonne */
body.psc-theme.staff-side table.list thead th a{
  color: var(--color-text-primary) !important;
  text-decoration: none;
  font-family: var(--font-body) !important;

  overflow: hidden;
  text-overflow: ellipsis;

  /* UI/Table Header */
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px; /* 112.5% */

  margin: 20px;
}
body.psc-theme.staff-side table.list thead th a:hover{
  text-decoration: underline;
}

/* Celle */
body.psc-theme.staff-side table.list tbody td{
  padding: 24px 20px;
  color: var(--color-text-primary) !important;
  vertical-align: middle;
  /*text-align: center;*/
  font-family: var(--font-body);
  color: var(--color-neutri-900, #1B1B1B);
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 112.5% */
}
body.psc-theme.staff-side table.list tbody a{
  color: var(--color-text-primary) !important;
  font-family: var(--font-body);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 112.5% */
}

body.psc-theme.staff-side table.list tbody a.preview{
  color: var(--color-primary-700) !important;
  font-family: var(--font-body);
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 18px; /* 112.5% */
  border:none !important;

}

body.psc-theme.staff-side table.list tbody tr:last-child td{
  border-bottom: none;
}

/* Numero ticket cliccabile */
body.psc-theme.staff-side table.list td.ticket-number a{
  color: #2563eb;
  text-decoration: none;
  font-weight: 800;
}
body.psc-theme.staff-side table.list td.ticket-number a:hover{
  text-decoration: underline;
}

body.psc-theme.staff-side table.list a.Icon.Ticket, a.Icon.emailTicket, a.Icon.phoneTicket, a.Icon.webTicket
{
  border: none !important;
}

body.psc-theme.staff-side table.list .Icon.overdueTicket
{
  display: none !important;
}

/* Oggetto: rendilo “testo link” senza comportamenti strani */
body.psc-theme.staff-side table.list td.ticket-subject .link.truncate{
  color: var(--color-text-primary) !important;
  font-weight: 600;
}

body.psc-theme.staff-side table.list tbody tr:nth-child(2n+1) td {
  background-color: var(--color-bg-surface-highlight) !important;
}

body.psc-theme.staff-side table.list span.dot {
  display: none;
}
/* =========================
   Paginazione - pageNav (usa <b>1</b> per corrente)
   ========================= */

body.psc-theme.staff-side table.list tfoot tr td{
  padding: 20px 24px;
}

/* "Pagina:" */
body.psc-theme.staff-side table.list #table-foot-options{
  letter-spacing: .01em;
}


body.psc-theme.staff-side table.list .padding-slider-container {
  display: none;
}

body.psc-theme.staff-side table.list #resize-buttons-container {
  display: none;
}

/* Link pagine */
body.psc-theme.staff-side table.list #table-foot-options a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  padding: 0 10px;
  margin: 0 5px;
  border-radius: 10px;
  border: 1px solid color-mix(in srgb, var(--color-text, #111827) 10%, transparent);
  background: #fff;
  text-decoration: none;
  color: color-mix(in srgb, var(--color-text, #111827) 70%, #6b7280);
  font-weight: 800;
}

/* Pagina corrente (il tuo <b>) */
body.psc-theme.staff-side table.list #table-foot-options b{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  padding: 0 10px;
  margin: 0 5px;
  border-radius: 10px;

  border: 2px solid color-mix(in srgb, var(--color-accent, #22c55e) 65%, transparent);
  background: #fff;
  color: color-mix(in srgb, var(--color-accent, #22c55e) 85%, #000);
  font-weight: 900;
}

/* Hover dei link */
body.psc-theme.staff-side table.list #table-foot-options a:hover{
  border-color: color-mix(in srgb, var(--color-accent, #22c55e) 45%, transparent);
}

/* Nasconde le parentesi quadre [ ] */
body.psc-theme.staff-side table.list #table-foot-options{
  font-size: 0;   /* azzera il testo: [ ] e "Pagina:" */
}

/* Ripristina il box con il numero */
body.psc-theme.staff-side table.list #table-foot-options b{
  font-size: 14px;          /* o quello che avevi */
  font-weight: 700;
  line-height: 1;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 34px;
  height: 34px;
  padding: 0 10px;

  border-radius: 10px;
  border: 1px solid color-mix(in srgb, var(--color-accent, #22c55e) 60%, transparent);

  color: color-mix(in srgb, var(--color-accent, #22c55e) 85%, #000);
  background: #fff;
}

/* icone nere */
body.psc-theme.staff-side i.icon-flag,
body.psc-theme.staff-side i.icon-search,
body.psc-theme.staff-side i.icon-user,
body.psc-theme.staff-side i.icon-fixed-width.icon-share,
body.psc-theme.staff-side i.icon-trash,
body.psc-theme.staff-side i.icon-sort-by-attributes-alt 
{
  filter: brightness(0);
}

body.psc-theme.staff-side a#tickets-transfer,
body.psc-theme.staff-side a#tasks-transfer i.icon-share,
body.psc-theme.staff-side a#ticket-transfer i.icon-share,
body.psc-theme.staff-side a.task-action i.icon-share,
body.psc-theme.staff-side a[href="#tasks/mass/transfer"] i.icon-fixed-width.icon-share { /* Tickets, Tasks = "Transfer" icon */
filter: brightness(0);
  }

body.psc-theme.staff-side .button-text.advanced-search svg
{
  fill:#000000;
}

body.psc-theme.staff-side table.list thead th a {

    /*background: url(/images/asc_desc.gif) 100% 50% no-repeat;*/
}


/* ---------------------------
FINE TABLE
---------------------------- */