/* ── Reset base ─────────────────────────────────────────── */
* {
  font-family: Arial, sans-serif !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ── Wrapper principale ─────────────────────────────────── */
#wep {
  background-color: #f5f0e8 !important;
}

/* ============================================================
   HEADER
   ============================================================ */
#header-container,
.header-container {
  background-color: #1a1714 !important;
  border-bottom: 2px solid #c9a84c !important;
  height: 60px !important;
  display: flex !important;
  justify-content: space;
  align-items: center !important;
  padding: 0 16px !important;
  width: 100% !important;
}

#header-main-caption,
.header-main-caption {
  color: #c9a84c !important;
  font-size: 15px !important;
  font-weight: bold !important;
  letter-spacing: 0.05em !important;
}

.header-command-box {
  color: #ddd5c4 !important;
  font-size: 11px !important;
}

#header-command-input {
  background-color: #2a2420 !important;
  border: 1px solid #c9a84c !important;
  color: #f5f0e8 !important;
  border-radius: 4px !important;
  padding: 2px 6px !important;
  font-size: 11px !important;
  outline: none !important;
}

.header-suppress-menu-hl,
.header-help-button-hl,
.header-debug-image-hl,
.header-close-app-hl {
  cursor: pointer !important;
  opacity: 0.7 !important;
  margin: 0 4px !important;
}

.header-suppress-menu-hl:hover,
.header-help-button-hl:hover,
.header-debug-image-hl:hover,
.header-close-app-hl:hover {
  opacity: 1 !important;
}

/* ============================================================
   SIDE MENU
   ============================================================ */
#side-menu-container {
  background-color: #ffffff !important;
  border-right: 1px solid #ddd5c4 !important;
}

#menu-container,
.menu-container {
  background-color: #ffffff !important;
}

/* Level 1 — commandset (gruppo menu) */
.menu-container-level-1 {
  background-color: #ffffff !important;
}

.menu-separator-first {
  border-bottom: 1px solid #ddd5c4 !important;
  margin: 4px 0 !important;
}

.menu-separator-img-first {
  display: none !important;
}

.menu-commandset-level-1 {
  background-color: #f5f0e8 !important;
  padding: 20px 8px !important;
  cursor: pointer !important;
  display: flex !important;
  justify-content: space-evenly !important;
  align-items: center !important;
}

.menu-commandset-link-level-1 {
  color: #1a1714 !important;
  font-size: 11px !important;
  font-weight: bold !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  cursor: pointer !important;
}

.menu-commandset-link-level-1:hover {
  color: #c9a84c !important;
}

.menu-commandset-branchimage-level-1,
.menu-commandset-image-level-1,
.menu-commandset-imagedx-level-1 {
  width: 12px !important;
  height: 12px !important;
  opacity: 0.5 !important;
}

/* Level 2 — singoli comandi */
.submenu-container-level-1 {
  background-color: #ffffff !important;
  padding-left: 0 !important;
}

.menu-container-level-2 {
  background-color: #ffffff !important;
}

.menu-command-level-2 {
  padding: 5px 12px 5px 20px !important;
  cursor: pointer !important;
  border-left: 3px solid transparent !important;
  transition: background-color 0.15s !important;
}

.menu-command-level-2:hover {
  background-color: #f5f0e8 !important;
  border-left-color: #c9a84c !important;
}

.menu-command-link-level-2 {
  color: #4a4540 !important;
  font-size: 11px !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.menu-command-link-level-2:hover {
  color: #c9a84c !important;
}

.menu-command-branchimage-level-2,
.menu-command-image-level-2,
.menu-command-imagedx-level-2 {
  opacity: 0.4 !important;
}

.menu-scrollbox-up,
.menu-scrollbox-dn {
  background-color: #f5f0e8 !important;
  cursor: pointer !important;
}

/* ============================================================
   FORM LIST (videate aperte)
   ============================================================ */
#form-list-container {
  background-color: #ffffff !important;
  border-right: 1px solid #ddd5c4 !important;
  border-top: 1px solid #ddd5c4 !important;
}

.form-list-header {
  background-color: #1a1714 !important;
  color: #c9a84c !important;
  font-size: 10px !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  padding: 5px 8px !important;
}

.form-list-entry-container {
  background-color: #ffffff !important;
  padding: 4px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 5px;
}

.form-list-active-item {
  background-color: #c9a84c !important;
  border-radius: 0 !important;
  display: flex !important;
  align-items: center !important;
  padding: 4px 6px !important;
  cursor: pointer !important;
}

.form-list-active-caption {
  background-color: #312c28 !important;
  padding: 0 0.5em !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: bold !important;
}

.form-list-caption-h1,
.form-list-caption {
  background-color: #f9da82 !important;
  padding: 0.5em !important;
  color: #312c28 !important;
  font-size: 11px !important;
  font-weight: bold !important;
}

.form-list-active-img {
  display: none !important;
}

.form-list-close-all-box {
  border-top: 1px solid #ddd5c4 !important;
  padding: 6px 8px !important;
  background-color: #ffffff !important;
}

.form-list-close-all-button {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  cursor: pointer !important;
  color: #7a7068 !important;
  font-size: 10px !important;
}

.form-list-close-all-button:hover .form-list-close-all-text {
  color: #c9a84c !important;
}

.form-list-close-all-text {
  color: #7a7068 !important;
  font-size: 10px !important;
}

/* ============================================================
   FORMS CONTAINER
   ============================================================ */
#forms-container {
  background-color: #f5f0e8 !important;
  padding: 10px !important;
}

/* Form singola */
.form-container {
  background-color: #f5f0e8 !important;
  border: 1px solid #ddd5c4 !important;
  border-radius: 0 !important;
}

/* Caption bar */
.form-caption-container {
  background-color: #1a1714 !important;
  border-bottom: 2px solid #c9a84c !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 10px !important;
}

.form-caption-text {
  color: #f5f0e8 !important;
  font-size: 12px !important;
  font-weight: bold !important;
  flex: 1 !important;
  margin-left: 6px !important;
}

.form-caption-image {
  cursor: pointer !important;
  opacity: 0.6 !important;
}

.form-caption-image:hover {
  opacity: 1 !important;
}

.form-caption-icon {
  width: 16px !important;
  height: 16px !important;
}

/* Message container */
.form-message-container {
  background-color: #ede5d4 !important;
  border-bottom: 1px solid #ddd5c4 !important;
  font-size: 11px !important;
  color: #4a4540 !important;
  padding: 0 10px !important;
}

/* Frames */
.form-frames-container {
  background-color: #f5f0e8 !important;
}

.frame-container-top,
.frame-container-bottom {
  background-color: #f5f0e8 !important;
}

.frame-container {
  background-color: #f5f0e8 !important;
}

/* ============================================================
   CONTENT AREA
   ============================================================ */
.frame-content-container {
  background-color: #faf8f4 !important;
  padding: 10px !important;

}

.panel-form-container,
.panel-list-container {
  background-color: #faf8f4 !important;
}


/* ============================================================
   FORM FIELDS (filtri / form di dettaglio)
   ============================================================ */
.panel-field-caption-form {
  background-color: transparent !important;
  color: #4a4540 !important;
  font-size: 10pt !important;
  font-family: Arial, sans-serif !important;
  font-weight: normal !important;
  border: none !important;
}

.panel-field-value-form {
  background-color: #ffffff !important;
  border: 1px solid #ddd5c4 !important;
  color: #1a1714 !important;
  font-size: 10pt !important;
  font-family: Arial, sans-serif !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 5px !important;
}

.panel-value-input {
  background-color: #ffffff !important;
  border: 1px solid #ddd5c4 !important;
  color: #1a1714 !important;
  font-size: 10pt !important;
  font-family: Arial, sans-serif !important;
  outline: none !important;
}

.panel-value-input:focus {
  border-color: #c9a84c !important;
  box-shadow: 0 0 0 2px rgba(201, 168, 76, 0.15) !important;
  padding: 0 6px !important;
}

/* ============================================================
   LIST (griglia dati)
   ============================================================ */
.panel-list-list-container {
  background-color: transparent !important;
  border-radius: 0 !important;
}

/* Intestazioni colonne */
.panel-field-caption-list {
  background-color: transparent !important;
  color: #1a1714 !important;
  font-size: 10pt !important;
  font-family: Arial, sans-serif !important;
  font-weight: bold !important;
  border: 1px solid #ddd5c4 !important;
  cursor: pointer !important;
}

.panel-field-caption-list:hover {
  background-color: #ede5d4 !important;
}

.header-list-span-obj-zen {
  color: #1a1714 !important;
  font-weight: bold !important;
  font-size: 10pt !important;
  padding: 5px !important;

}

.panel-filter-image,
.panel-sort-image {
  opacity: 0.4 !important;
  margin-left: 4px !important;
}

.panel-field-list-box {
  background-color: #ffffff !important;
}

/* Righe lista — stati colore */
/* Rosso (rgb 255,200,200) → prenotazioni non confermate o da verificare */
.panel-field-value-list[style*="background-color: rgb(255, 200, 200)"],
.combo-input[style*="background-color: rgb(255, 200, 200)"] {
  background-color: #fff0f0 !important;
  color: #7a2020 !important;
  padding: 0 6px !important;
}

/* Verde (rgb 200,255,200) → prenotazioni confermate */
.panel-field-value-list[style*="background-color: rgb(200, 255, 200)"],
.combo-input[style*="background-color: rgb(200, 255, 200)"] {
  background-color: #f0fff4 !important;
  color: #1a5c2a !important;
  padding: 0 6px !important;

}

/* Neutro (rgb 243,243,241) → righe standard */
.panel-field-value-list[style*="background-color: rgb(243, 243, 241)"],
.combo-input[style*="background-color: rgb(243, 243, 241)"] {
  background-color: #faf8f4 !important;
  color: #1a1714 !important;
  padding: 0 6px !important;
}

/* Stile base righe lista */
.panel-field-value-list {
  border: 1px solid #ddd5c4 !important;
  font-size: 10pt !important;
  font-family: Arial, sans-serif !important;
  color: #1a1714 !important;
  cursor: default !important;
  padding: 0 6px !important;
}

.panel-field-value-list:focus {
  border-color: #c9a84c !important;
  background-color: #fffbf0 !important;
  outline: none !important;
  padding: 0 6px !important;

}

/* ============================================================
   COMBO
   ============================================================ */
.combo-input {
  border: 1px solid #ddd5c4 !important;
  font-size: 10pt !important;
  font-family: Arial, sans-serif !important;
  color: #1a1714 !important;
  outline: none !important;
}

.combo-input:focus {
  border-color: #c9a84c !important;
  outline: none !important;
}

.combo-activator {
  background-color: #f5f0e8 !important;
  border-top: 1px solid #ddd5c4 !important;
  border-bottom: 1px solid #ddd5c4 !important;
  border-right: 1px solid #ddd5c4 !important;
  cursor: pointer !important;
}

.combo-activator:hover {
  background-color: #c9a84c !important;
}

/* ============================================================
   RADIO BUTTONS (fasce orarie)
   ============================================================ */
.book-span-radio {
  accent-color: #c9a84c !important;
  cursor: pointer !important;
  margin-right: 2px !important;
}

.book-span-radio-text {
  color: #4a4540 !important;
  font-size: 10pt !important;
  margin-right: 8px !important;
  cursor: pointer !important;
}

/* ============================================================
   TOOLBAR BUTTONS (form)
   ============================================================ */
#toolbar-container,
.toolbar-container-invisible {
  background-color: #ffffff !important;
  border-bottom: 1px solid #ddd5c4 !important;
}

.toolbar-form-command {
  cursor: pointer !important;
}

.toolbar-button,
.toolbar-form-button {
  background-color: #c9a84c !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 0 14px !important;
  font-size: 11px !important;
  font-weight: bold !important;
  cursor: pointer !important;
  font-family: Arial, sans-serif !important;
  letter-spacing: 0.02em !important;
}

.toolbar-button:hover,
.toolbar-form-button:hover {
  background-color: #b8953a !important;
}

/* ============================================================
   SCROLLBARS
   ============================================================ */
.panel-scroll-container {
  background-color: #f5f0e8 !important;
  border: 1px solid #ddd5c4 !important;
  border-radius: 2px !important;
}

.panel-scroll-content {
  background-color: #c9a84c !important;
  border-radius: 2px !important;
  cursor: pointer !important;
}

.panel-scroll-area {
  background-color: #f5f0e8 !important;
}

/* Scroll caps colonne */
.scroll-cap {
  background-color: #f5f0e8 !important;
  border: 1px solid #ddd5c4 !important;
}

/* ============================================================
   MULTISELECT
   ============================================================ */
.panel-multisel-command {
  cursor: pointer !important;
  opacity: 0.6 !important;
}

.panel-multisel-command:hover {
  opacity: 1 !important;
}

/* ============================================================
   DOCK ZONES
   ============================================================ */
.left-dock-container,
.right-dock-container,
.top-dock-container,
.bottom-dock-container {
  background-color: #f5f0e8 !important;
}

.zone-pinned {
  background-color: #f5f0e8 !important;
}

.zone-tab-view {
  background-color: #f5f0e8 !important;
}

.toolstrip-container,
.toolstrip-container-left,
.toolstrip-container-right {
  background-color: #ffffff !important;
  border-bottom: 1px solid #ddd5c4 !important;
}

.tab-filler,
.tab-filler-tabbottom {
  background-color: #f5f0e8 !important;
}

/* ============================================================
   WELCOME / IFRAME
   ============================================================ */
#welcome-container {
  border: none !important;
  background-color: #f5f0e8 !important;
}


/* ============================================================
   POPUP / MSGBOX
   ============================================================ */

.popup-frame-container {
  background-color: #f5f0e8 !important;
  border: 1px solid #c9a84c !important;
  border-radius: 4px !important;
  box-shadow: 0 8px 24px rgba(26, 23, 20, 0.35) !important;
  overflow: hidden !important;
  font-family: Arial, sans-serif !important;
  height: 150px !important
}

.popup-border-thin {
  border-width: 1px !important;
}

/* Barra titolo */
.popup-frame-caption {
  background-color: #1a1714 !important;
  color: #c9a84c !important;
  font-size: 11px !important;
  font-weight: bold !important;
  font-family: Arial, sans-serif !important;
  padding: 5px 10px !important;
  letter-spacing: 0.05em !important;
  border-bottom: 2px solid #c9a84c !important;
  height: 22px !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
}

/* Area contenuto */
.popup-frame-content {
  background-color: #f5f0e8 !important;
  margin: 10px !important;
  height: 130px !important;
}

/* Icona */
.popup-icon-div {
  position: absolute !important;
}

.popup-icon {
  width: 28px !important;
  height: 28px !important;
  opacity: 0.85 !important;
}

/* Testo messaggio */
.popup-text {
  position: absolute !important;
  color: #1a1714 !important;
  font-size: 10pt !important;
  font-family: Arial, sans-serif !important;
  line-height: 2 !important;
}

/* Contenitore bottoni */
.popup-button-div {
  position: absolute !important;
  display: flex !important;
  justify-content: center !important;
  gap: 8px !important;
}

/* Bottone base */
.popup-button {
  min-width: 80px !important;
  height: 28px !important;
  padding: 0 16px !important;
  font-size: 11px !important;
  font-family: Arial, sans-serif !important;
  font-weight: bold !important;
  border: none !important;
  border-radius: 4px !important;
  cursor: pointer !important;
}

/* Ok / conferma — oro */
.popup-button-yes,
.popup-button-default {
  background-color: #c9a84c !important;
  color: #ffffff !important;
}

.popup-button-yes:hover,
.popup-button-default:hover {
  background-color: #b8953a !important;
}

/* Annulla — neutro */
.popup-button-no {
  background-color: #ffffff !important;
  color: #4a4540 !important;
  border: 1px solid #ddd5c4 !important;
}

.popup-button-no:hover {
  background-color: #f5f0e8 !important;
  border-color: #c9a84c !important;
  color: #1a1714 !important;
}