/* Dastyab Clean Toast Alerts */
.t-Alert.t-Alert--page {
    min-width: 360px !important;
    max-width: 540px !important;
    border: 0 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: 0 22px 55px rgba(15, 23, 42, .28) !important;
    animation: dtyToastIn .35s cubic-bezier(.2,.9,.2,1) both;
}

.t-Alert--page {
    top: 18px !important;
    right: 22px !important;
}

.t-Alert--success,
#APEX_SUCCESS_MESSAGE,
#t_Alert_Success {
    background: linear-gradient(135deg, #0d8f00, #16b600) !important;
    color: #fff !important;
}

.t-Alert--danger,
.t-Alert--warning,
#t_Alert_Notification {
    background: linear-gradient(135deg, #ffb703, #ffd166) !important;
    color: #111827 !important;
}

.t-Alert.t-Alert--page .t-Alert-wrap {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 42px 1fr !important;
    column-gap: 14px !important;
    align-items: start !important;
    padding: 16px 48px 16px 18px !important;
}

.t-Alert.t-Alert--page .t-Alert-icon {
    position: static !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.32) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

/* Hide APEX original icon */
.t-Alert.t-Alert--page .t-Alert-icon .fa,
.t-Alert.t-Alert--page .t-Alert-icon .t-Icon {
    display: none !important;
}

/* Default warning icon */
.t-Alert.t-Alert--page .t-Alert-icon::before {
    content: "!" !important;
    width: 26px !important;
    height: 26px !important;
    border-radius: 50% !important;
    background: #0f172a !important;
    color: #ffd166 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font: 900 18px/1 Arial, sans-serif !important;
}

/* Success icon */
#APEX_SUCCESS_MESSAGE .t-Alert-icon::before,
#t_Alert_Success .t-Alert-icon::before,
.t-Alert--success .t-Alert-icon::before {
    content: "✓" !important;
    background: #fff !important;
    color: #0d8f00 !important;
}

.t-Alert-content {
    padding: 0 !important;
    margin: 0 !important;
}

.t-Alert-title {
    margin: 1px 0 5px 0 !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
}

.t-Alert-body {
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
}

.t-Alert-body ul {
    margin: 5px 0 0 17px !important;
    padding: 0 !important;
}

.t-Alert-body li {
    margin: 2px 0 !important;
}

.t-Alert-buttons,
.t-Alert-close {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    margin: 0 !important;
}

.t-Button--closeAlert,
.t-Alert-buttons button {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(15,23,42,.92) !important;
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.30) !important;
}

@keyframes dtyToastIn {
    from {
        opacity: 0;
        transform: translate3d(24px, -12px, 0) scale(.96);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}
/* Center custom alert icon perfectly */
.t-Alert.t-Alert--page .t-Alert-icon {
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    line-height: 1 !important;
}

.t-Alert.t-Alert--page .t-Alert-icon::before {
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 26px !important;
    text-align: center !important;
    transform: translateY(-1px);
}



/* ============================================================
   DASTYAB ERP - Professional Orange / White UI
   Clean global theme, no page-specific IDs
   ============================================================ */

:root {
  --erp-primary: #ff3d16;
  --erp-primary-dark: #d92d0b;
  --erp-primary-soft: #fff2ee;
  --erp-focus: rgba(255, 61, 22, .14);

  --erp-bg: #f4f6f8;
  --erp-surface: #ffffff;
  --erp-surface-soft: #f8fafc;
  --erp-border: #dfe4ea;
  --erp-border-soft: #edf1f5;

  --erp-text: #172033;
  --erp-text-soft: #475569;
  --erp-muted: #64748b;

  --erp-success-bg: #dcfce7;
  --erp-success-text: #067647;
  --erp-danger-bg: #fee4e2;
  --erp-danger-text: #b42318;
  --erp-warning-bg: #fff7d6;
  --erp-warning-text: #8a5a00;
  --erp-info-bg: #e0ecff;
  --erp-info-text: #1d4ed8;

  --erp-radius: 14px;
  --erp-radius-sm: 9px;
  --erp-shadow: 0 10px 26px rgba(15, 23, 42, .07);
}

/* Base */
.t-Body,
.t-Body-main,
.t-Body-content,
body {
  background: var(--erp-bg) !important;
  color: var(--erp-text) !important;
  font-size: 13px !important;
}

/* Header */
.t-Header {
  background: var(--erp-primary) !important;
  box-shadow: 0 1px 0 rgba(0,0,0,.12) !important;
}

.t-Header-logo,
.t-Header-logo-link {
  color: #fff !important;
  font-weight: 600 !important;
}

/* Collapsed Sidebar - Clean Light */
.t-Body-nav {
  background: #fbfcfe !important;
  border-right: 1px solid #e5eaf0 !important;
  box-shadow: 4px 0 18px rgba(15, 23, 42, .04) !important;
}

/* Collapsed nav width icon alignment */
.t-PageBody--leftNavCollapsed .t-Body-nav,
.t-PageBody--leftNavCollapsed .t-Body-nav .t-TreeNav {
  width: 60px !important;
}

.t-PageBody--leftNavCollapsed .t-TreeNav .a-TreeView-content {
  width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 6px 8px !important;
  padding: 0 !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}

/* Icon center fix */
.t-PageBody--leftNavCollapsed .t-TreeNav .a-TreeView-icon,
.t-PageBody--leftNavCollapsed .t-TreeNav .a-TreeView-toggle {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #334155 !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

/* Hide labels when collapsed */
.t-PageBody--leftNavCollapsed .t-TreeNav .a-TreeView-label {
  display: none !important;
}

/* Prevent half icon clipping */
.t-PageBody--leftNavCollapsed .t-TreeNav .a-TreeView-row,
.t-PageBody--leftNavCollapsed .t-TreeNav .a-TreeView-node,
.t-PageBody--leftNavCollapsed .t-TreeNav .a-TreeView-content {
  overflow: visible !important;
}

/* Hover collapsed */
.t-PageBody--leftNavCollapsed .t-TreeNav .a-TreeView-content:hover {
  background: #fff2ee !important;
}

.t-PageBody--leftNavCollapsed .t-TreeNav .a-TreeView-content:hover .a-TreeView-icon,
.t-PageBody--leftNavCollapsed .t-TreeNav .a-TreeView-content:hover .a-TreeView-toggle {
  color: #ff3d16 !important;
}

/* Active collapsed */
.t-PageBody--leftNavCollapsed .t-TreeNav .a-TreeView-content.is-selected,
.t-PageBody--leftNavCollapsed .t-TreeNav .a-TreeView-content.is-current,
.t-PageBody--leftNavCollapsed .t-TreeNav .a-TreeView-content[aria-current="page"] {
  background: #fff2ee !important;
  border-left: 0 !important;
  box-shadow: inset 3px 0 0 #ff3d16 !important;
}

.t-PageBody--leftNavCollapsed .t-TreeNav .a-TreeView-content.is-selected .a-TreeView-icon,
.t-PageBody--leftNavCollapsed .t-TreeNav .a-TreeView-content.is-current .a-TreeView-icon,
.t-PageBody--leftNavCollapsed .t-TreeNav .a-TreeView-content[aria-current="page"] .a-TreeView-icon {
  color: #ff3d16 !important;
}

/* Expanded nav clean colors */
.t-TreeNav .a-TreeView-content {
  color: #475569 !important;
}

.t-TreeNav .a-TreeView-icon,
.t-TreeNav .a-TreeView-toggle {
  color: #64748b !important;
}

.t-TreeNav .a-TreeView-content:hover {
  background: #fff2ee !important;
  color: #d92d0b !important;
}

.t-TreeNav .a-TreeView-content:hover .a-TreeView-icon,
.t-TreeNav .a-TreeView-content:hover .a-TreeView-toggle {
  color: #ff3d16 !important;
}



/* Regions */
.t-Region {
  background: var(--erp-surface) !important;
  border: 1px solid var(--erp-border) !important;
  border-radius: var(--erp-radius) !important;
  box-shadow: var(--erp-shadow) !important;
  overflow: hidden !important;
}

.t-Region-header {
  min-height: 48px !important;
  padding: 0 16px !important;
  background: var(--erp-surface-soft) !important;
  border-bottom: 1px solid var(--erp-border) !important;
  border-left: 4px solid var(--erp-primary) !important;
}

.t-Region-title {
  color: #334155 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.t-Region-body {
  padding: 18px 24px !important;
}

/* Forms */
.t-Form-label {
  color: #334155 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}


.apex-item-text,
.apex-item-select,
.apex-item-textarea,
.apex-item-datepicker,
.select2-selection,
.a-IRR-search-field,
.a-GV-columnItem input {
  border: 1px solid var(--erp-border) !important;
  border-radius: 4px !important;
  background: var(--erp-surface) !important;
  color: var(--erp-text) !important;
  outline: none !important;
  transition: border-color .18s ease, box-shadow .18s ease;
}

.apex-item-text:focus,
.apex-item-select:focus,
.apex-item-textarea:focus,
.apex-item-datepicker:focus,
input.text_field:focus,
textarea.textarea:focus {
  border-color: #ff9d89 !important;
  box-shadow: 0 0 0 3px var(--erp-focus) !important;
  outline: none !important;
}


/* Reports / Interactive Grid */
.a-IRR,
.a-GV {
  border: 1px solid var(--erp-border) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #fff !important;
}

.a-IRR-table,
.a-GV-table {
  font-size: 12px !important;
}

.a-IRR-table th,
.a-GV-header {
  background: #f8fafc !important;
  color: #334155 !important;
  font-weight: 500 !important;
  font-size: 100%;
  border-color: var(--erp-border) !important;
}

.a-IRR-table td,
.a-GV-cell {
  border-color: var(--erp-border) !important;
  color: #111827 !important;
}

.a-IRR-table tr:hover td,
.a-GV-row:hover .a-GV-cell {
  background: #fff7f4 !important;
}

.a-GV-row.is-selected .a-GV-cell,
.a-GV-row.is-active .a-GV-cell {
  background: #fff0eb !important;
}

/* IG edit popup ko clean inline look */
.a-GV-floatingItem,
.a-GV-floatingItemContent,
.a-GV-floatingItem-content {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
 /* overflow: visible !important;*/
}

.a-GV-floatingItem-close,
.a-GV-floatingItem button[title="Close"],
.a-GV-floatingItemContent button[title="Close"],
.a-GV-floatingItem .a-Button--close,
.a-GV-floatingItemContent .a-Button--close,
.a-GV-floatingItem .ui-dialog-titlebar-close,
.a-GV-floatingItemContent .ui-dialog-titlebar-close {
  display: none !important;
}

.a-GV-floatingItem input,
.a-GV-floatingItem textarea,
.a-GV-floatingItem select,
.a-GV-floatingItemContent input,
.a-GV-floatingItemContent textarea,
.a-GV-floatingItemContent select {
  height: 30px !important;
  min-height: 30px !important;
  padding: 3px 7px !important;
  border: 1px solid #ff9d89 !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #111827 !important;
  box-shadow: 0 0 0 3px var(--erp-focus) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  outline: none !important;
}

/* Badges */
.t-Badge {
  border-radius: 999px !important;
  font-weight: 600 !important;
  padding: 4px 10px !important;
}

.t-Badge--success {
  background: var(--erp-success-bg) !important;
  color: var(--erp-success-text) !important;
}

.t-Badge--danger {
  background: var(--erp-danger-bg) !important;
  color: var(--erp-danger-text) !important;
}

.t-Badge--warning {
  background: var(--erp-warning-bg) !important;
  color: var(--erp-warning-text) !important;
}

.t-Badge--info {
  background: var(--erp-info-bg) !important;
  color: var(--erp-info-text) !important;
}

/* Numeric utility */
.num-display,
.num-display span,
.num-display .display_only,
.num-display .apex-item-display-only,
.a-IRR-table td[headers*="AMT"],
.a-IRR-table td[headers*="BAL"],
.a-IRR-table td[headers*="QTY"],
.a-IRR-table td[headers*="RATE"] {
  text-align: right !important;
  font-variant-numeric: tabular-nums !important;
}

/* Mobile */
@media (max-width: 768px) {
  .t-Region-body {
    padding: 14px !important;
  }

  .t-Button:not(.t-Button--icon) {
    min-height: 38px !important;
  }