/* Inventory Issued Order Document */
.inventory-issued-view {
    width: 100%;
    margin-bottom: 20px;
}

.inventory-issued-toolbar {
    display: flex;
    justify-content: flex-end;
    gap: 5px;
    margin-bottom: 10px;
}

.inventory-issued-document {
    max-width: 1050px;
    margin: 0 auto;
    padding: 24px;
    background: #ffffff;
    border: 1px solid #e6e6e6;
}

.inventory-issued-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 16px;
    margin-bottom: 18px;
    border-bottom: 3px solid #3498db;
}

.inventory-issued-brand {
    display: flex;
    align-items: center;
    gap: 12px;
}

.inventory-issued-logo {
    width: 58px;
    height: auto;
}

.inventory-issued-company {
    color: #404040;
    font-size: 1.25rem;
    font-weight: 700;
}

.inventory-issued-subtitle {
    margin-top: 2px;
    color: #737373;
    font-size: 0.8rem;
    letter-spacing: 0.08rem;
    text-transform: uppercase;
}

.inventory-issued-number {
    min-width: 210px;
    text-align: right;
}

.inventory-issued-number span,
.inventory-issued-meta-item span,
.inventory-issued-summary-item span,
.inventory-issued-notes span,
.inventory-issued-audit span {
    display: block;
    margin-bottom: 3px;
    color: #737373;
    font-size: 0.62rem;
    text-transform: uppercase;
}

.inventory-issued-number strong {
    display: block;
    color: #404040;
    font-size: 1rem;
}

.inventory-issued-status {
    display: inline-block;
    margin-top: 7px;
    padding: 5px 12px;
    background: #62cb31;
    color: #ffffff;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.05rem;
}

.inventory-issued-meta {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    padding: 12px;
    margin-bottom: 18px;
    background: #f7f9fa;
    border-left: 3px solid #3498db;
}

.inventory-issued-meta-item strong,
.inventory-issued-audit strong {
    color: #404040;
    font-weight: 600;
}

.inventory-issued-section-title {
    padding-bottom: 6px;
    margin-bottom: 6px;
    color: #404040;
    font-size: 0.75rem;
    font-weight: 700;
    border-bottom: 1px solid #e6e6e6;
}

.inventory-issued-table-wrap {
    margin-bottom: 10px;
}

.inventory-issued-table {
    width: 100%;
    margin-bottom: 0;
}

.inventory-issued-table thead th {
    padding: 7px 8px;
    background: #3498db;
    color: #ffffff;
    font-weight: 600;
}

.inventory-issued-table tbody td {
    padding: 7px 8px;
    border-bottom: 1px solid #eeeeee;
}

.inventory-issued-summary {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
}

.inventory-issued-summary-item {
    min-width: 160px;
    padding: 8px 10px;
    text-align: right;
    background: #f7f9fa;
    border-right: 3px solid #3498db;
}

.inventory-issued-summary-item strong {
    color: #404040;
    font-size: 0.9rem;
}

.inventory-issued-notes {
    margin-top: 18px;
    padding: 10px;
    background: #f7f9fa;
    border: 1px solid #e6e6e6;
}

.inventory-issued-notes div {
    color: #404040;
}

.inventory-issued-audit {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
    margin-top: 20px;
    padding-top: 12px;
    border-top: 1px solid #e6e6e6;
}

.inventory-issued-footer {
    margin-top: 18px;
    padding-top: 8px;
    color: #999999;
    font-size: 0.6rem;
    text-align: center;
    border-top: 1px solid #eeeeee;
}

@media (max-width: 767.98px) {
    .inventory-issued-document {
        padding: 14px;
    }
    .inventory-issued-header {
        flex-direction: column;
    }
    .inventory-issued-number {
        width: 100%;
        min-width: 0;
        text-align: left;
    }
    .inventory-issued-meta {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .inventory-issued-audit {
        grid-template-columns: 1fr;
    }
}

@media print {
    body * {
        visibility: hidden !important;
    }
    #inventoryOrderView,
    #inventoryOrderView * {
        visibility: visible !important;
    }
    #inventoryOrderView {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .inventory-issued-document {
        max-width: none;
        margin: 0;
        padding: 10mm;
        border: 0;
    }
    .no-print {
        display: none !important;
    }
}

/* Dashboard Charts */
.dashboard-chart-card {
    height: 100%;
    margin-bottom: 8px;
    background: #ffffff;
    border: 1px solid #e6e6e6;
    border-top: 3px solid #3498db;
    box-shadow: 0 3px 10px rgba(52, 73, 94, 0.05);
}

.dashboard-chart-card.dashboard-chart-live {
    border-top-color: var(--eagle-green);
}

.dashboard-chart-card.dashboard-chart-snapshot {
    border-top-color: var(--eagle-green);
}

.dashboard-chart-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: auto;
    min-height: 40px;
    margin-top: 0;
    padding: 8px 10px;
    background: #ffffff;
    border-bottom: 1px solid #edf1f4;
    color: #404040;
    font-weight: 700;
}

.dashboard-chart-header > span {
    display: flex;
    align-items: center;
    width: 100%;
}

.dashboard-chart-header i {
    width: 24px;
    color: #3498db;
    font-size: 0.78rem;
}

.dashboard-chart-live .dashboard-chart-header i {
    color: #62cb31;
}

.dashboard-chart-badge {
    margin-left: auto;
    padding: 3px 6px;
    background: #ffffff;
    border: #ffffff;
    color: var(--eagle-green);
    font-size: 0.52rem;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.dashboard-chart-badge-live {
    background: #ffffff;
    border-color: #ffffff;
    color: var(--eagle-green);
}

.dashboard-chart-badge-alert {
    background: #ffffff;
    border-color: #ffffff;
    color: var(--eagle-green);
}

.dashboard-chart-body {
    min-height: 350px;
    padding: 8px 10px 4px 10px;
    border: 0;
}

.dashboard-chart-body .apexcharts-canvas {
    margin: 0 auto;
}

.dashboard-chart-body .apexcharts-tooltip {
    border: 1px solid #e6e6e6 !important;
    border-radius: 0 !important;
    box-shadow: 0 5px 14px rgba(52, 73, 94, 0.12) !important;
}

.dashboard-chart-body .apexcharts-tooltip-title {
    background: #f7f9fa !important;
    border-bottom: 1px solid #e6e6e6 !important;
    font-family: Arial, sans-serif !important;
    font-size: 10.5px !important;
}

.dashboard-chart-body .apexcharts-legend {
    padding-left: 0 !important;
}

.dashboard-chart-body .apexcharts-xaxis-label,
.dashboard-chart-body .apexcharts-yaxis-label {
    fill: #737373 !important;
}

@media (max-width: 767.98px) {
    .dashboard-chart-body {
        min-height: 310px;
    }
}

/* Main Profile Dashboard */
.profile-dashboard-card {
    height: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #ffffff;
    border: 0px solid #e6e6e6;
    border-top: 0px solid #ffffff;
    box-shadow: 0 3px 10px rgba(52, 73, 94, 0.05);
}

.profile-dashboard-card.profile-dashboard-live {
    border-top-color: #ffffff;
}

.profile-dashboard-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 42px;
    height: auto;
    margin-top: 0;
    padding: 8px 10px;
    background: #ffffff;
    border-bottom: 1px solid #edf1f4;
    color: var(--eagle-darkblue);
    font-weight: 700;
}

.profile-dashboard-header > span:first-child {
    display: flex;
    align-items: center;
    min-width: 0;
}

.profile-dashboard-header > span:first-child > i {
    width: 24px;
    color: var(--eagle-green);
    font-size: 0.78rem;
}

.profile-dashboard-live .profile-dashboard-header > span:first-child > i {
    color: #62cb31;
}

.profile-dashboard-header .pull-right {
    margin-left: auto;
    padding-left: 10px;
}

.profile-dashboard-body {
    min-height: 350px;
    padding: 10px;
    border: 0;
    background: #ffffff;
}

.profile-dashboard-body .apexcharts-canvas {
    margin: 0 auto;
}

.profile-dashboard-body .apexcharts-tooltip {
    border: 1px solid #e6e6e6 !important;
    border-radius: 0 !important;
    box-shadow: 0 5px 14px rgba(52, 73, 94, 0.12) !important;
}

.profile-dashboard-body .apexcharts-tooltip-title {
    background: #f7f9fa !important;
    border-bottom: 1px solid #e6e6e6 !important;
    font-family: Arial, sans-serif !important;
    font-size: 10.5px !important;
}

.profile-dashboard-body .apexcharts-xaxis-label,
.profile-dashboard-body .apexcharts-yaxis-label {
    fill: #737373 !important;
}

.profile-dashboard-body .apexcharts-gridline {
    stroke: #edf1f4;
}

#assetFilterBar {
    margin-bottom: 2px;
}

@media (max-width: 767.98px) {
    .profile-dashboard-header {
        align-items: flex-start;
        gap: 6px;
        flex-wrap: wrap;
    }

    .profile-dashboard-header .pull-right {
        margin-left: 0;
        padding-left: 0;
        width: 100%;
    }

    .profile-dashboard-body {
        min-height: 310px;
    }
}
/* Stock Take */
.stocktake-library {
    margin-bottom: 1rem;
}

.stocktake-toolbar {
    display: flex;
    gap: 0.5rem;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.stocktake-summary-card {
    background: #fff;
    border: 1px solid #e6e6e6;
    border-left: 4px solid #3498db;
    padding: 1rem;
    margin-bottom: 1rem;
}

.stocktake-title {
    font-size: 1rem;
    font-weight: bold;
    color: #404040;
}

.stocktake-subtitle {
    margin-top: 0.25rem;
    color: #737373;
}

.stocktake-status-badge {
    width: auto;
    min-width: 90px;
    margin-bottom: 0;
}

.stocktake-kpi-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.5rem;
    margin-top: 1rem;
}

.stocktake-kpi {
    border: 1px solid #e6e6e6;
    padding: 0.75rem;
    background: #f7f9fa;
}

.stocktake-kpi span {
    display: block;
    font-size: 0.65rem;
    color: #737373;
    text-transform: uppercase;
    letter-spacing: 0.04rem;
}

.stocktake-kpi strong {
    display: block;
    margin-top: 0.25rem;
    font-size: 1.25rem;
    color: #404040;
}

.stocktake-found {
    border-left: 3px solid #62cb31;
}

.stocktake-outstanding {
    border-left: 3px solid #ffb606;
}

.stocktake-missing {
    border-left: 3px solid #e73c3c;
}

.stocktake-unexpected {
    border-left: 3px solid #e67e22;
}

.stocktake-mobile-scanner {
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 1rem;
    margin-bottom: 1rem;
}

.stocktake-scanner-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.stocktake-scanner-header strong {
    display: block;
    font-size: 0.85rem;
}

.stocktake-scanner-header div div {
    color: #737373;
    margin-top: 0.2rem;
}

.stocktake-camera {
    position: relative;
    width: 100%;
    max-width: 520px;
    margin: 0 auto 1rem auto;
    background: #111;
    overflow: hidden;
}

.stocktake-camera video {
    display: block;
    width: 100%;
    min-height: 280px;
    object-fit: cover;
}

.stocktake-camera-frame {
    position: absolute;
    left: 15%;
    right: 15%;
    top: 20%;
    bottom: 20%;
    border: 2px solid #62cb31;
    pointer-events: none;
}

.stocktake-camera-stop {
    position: absolute;
    right: 0.5rem;
    bottom: 0.5rem;
}

.stocktake-manual {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.5rem;
    max-width: 520px;
    margin: 0 auto;
}

.stocktake-scan-result {
    max-width: 520px;
    margin: 0.75rem auto 0 auto;
    padding: 0.75rem;
    border-left: 4px solid #3498db;
}

.stocktake-scan-success {
    background: #edf8e8;
    border-left-color: #62cb31;
}

.stocktake-scan-error {
    background: #fdeeee;
    border-left-color: #e73c3c;
}

.stocktake-scan-warning {
    background: #fff5e9;
    border-left-color: #e67e22;
}

.stocktake-filter-bar {
    margin-bottom: 0.75rem;
}

@media (max-width: 768px) {
    .stocktake-kpi-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .stocktake-scanner-header {
        align-items: stretch;
        flex-direction: column;
    }

    .stocktake-scanner-header .btn {
        min-height: 42px;
        width: 100%;
    }

    .stocktake-manual {
        grid-template-columns: 1fr;
    }

    .stocktake-manual .form-control,
    .stocktake-manual .btn {
        min-height: 42px;
        font-size: 0.85rem;
    }

    .stocktake-camera video {
        min-height: 320px;
    }
}


/* ---------------------------------------------------------
   Stock Take - dedicated mobile scanner
   --------------------------------------------------------- */
.stocktake-scan-app {
    margin: 0;
    padding: 0;
    background: #f4f6f8;
    min-height: 100vh;
    overflow-x: hidden;
}

.stocktake-scan-shell {
    width: 100%;
    max-width: 760px;
    min-height: 100vh;
    margin: 0 auto;
    background: #fff;
    display: flex;
    flex-direction: column;
}

.stocktake-scan-topbar {
    min-height: 68px;
    padding: 12px 14px;
    background: #3498db;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.stocktake-scan-app-title {
    font-size: 1rem;
    font-weight: bold;
}

.stocktake-scan-app-subtitle {
    margin-top: 3px;
    font-size: 0.718rem;
    opacity: 0.9;
}

.stocktake-scan-exit {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.16);
    color: #fff;
    font-size: 1rem;
}

.stocktake-scan-exit:hover {
    color: #fff;
    background: rgba(255,255,255,0.25);
}

.stocktake-scan-progress {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-bottom: 1px solid #e6e6e6;
    background: #fff;
}

.stocktake-scan-progress-item {
    padding: 10px 6px;
    text-align: center;
    border-right: 1px solid #e6e6e6;
}

.stocktake-scan-progress-item:last-child {
    border-right: 0;
}

.stocktake-scan-progress-item span {
    display: block;
    font-size: 0.62rem;
    color: #737373;
    text-transform: uppercase;
}

.stocktake-scan-progress-item strong {
    display: block;
    margin-top: 2px;
    font-size: 1.05rem;
    color: #404040;
}

.stocktake-scan-camera-wrap {
    position: relative;
    flex: 1 1 auto;
    min-height: 52vh;
    background: #111;
    overflow: hidden;
}

.stocktake-scan-video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    inset: 0;
}

.stocktake-scan-target {
    position: absolute;
    left: 50%;
    top: 50%;
    width: min(72vw, 340px);
    height: min(72vw, 340px);
    max-height: 58vh;
    transform: translate(-50%, -50%);
    border: 2px solid rgba(255,255,255,0.9);
    box-shadow: 0 0 0 9999px rgba(0,0,0,0.20);
    pointer-events: none;
}

.stocktake-scan-target::before,
.stocktake-scan-target::after,
.stocktake-scan-target span::before,
.stocktake-scan-target span::after {
    content: '';
    position: absolute;
    width: 38px;
    height: 38px;
    border-color: #62cb31;
    border-style: solid;
}

.stocktake-scan-target::before {
    left: -3px;
    top: -3px;
    border-width: 5px 0 0 5px;
}

.stocktake-scan-target::after {
    right: -3px;
    top: -3px;
    border-width: 5px 5px 0 0;
}

.stocktake-scan-target span::before {
    left: -3px;
    bottom: -3px;
    border-width: 0 0 5px 5px;
}

.stocktake-scan-target span::after {
    right: -3px;
    bottom: -3px;
    border-width: 0 5px 5px 0;
}

.stocktake-scan-target.stocktake-scanning {
    border-color: #62cb31;
}

.stocktake-scan-camera-message {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    z-index: 2;
    text-align: center;
}

.stocktake-scan-app-result {
    margin: 10px 12px 0 12px;
    padding: 10px;
    display: flex;
    gap: 10px;
    align-items: center;
    border-left: 4px solid #3498db;
    background: #f7f9fa;
}

.stocktake-scan-app-result.stocktake-scan-success {
    border-left-color: #62cb31;
    background: #f2faee;
}

.stocktake-scan-app-result.stocktake-scan-warning {
    border-left-color: #ffb606;
    background: #fff9e8;
}

.stocktake-scan-app-result.stocktake-scan-error {
    border-left-color: #e73c3c;
    background: #fff2f2;
}

.stocktake-result-icon {
    font-size: 1.4rem;
}

.stocktake-scan-manual {
    padding: 10px 12px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    background: #fff;
}

.stocktake-scan-footer {
    padding: 10px 12px 14px 12px;
    border-top: 1px solid #e6e6e6;
    background: #fff;
}

.stocktake-complete-btn {
    width: 100%;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 767px) {
    .stocktake-scan-shell {
        max-width: none;
    }

    .stocktake-scan-camera-wrap {
        min-height: 56vh;
    }

    .stocktake-scan-target {
        width: 68vw;
        height: 68vw;
    }
}

/* =========================================================
   Eagle Asset - Lightweight Support
   ========================================================= */
.support-portal-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:14px 0 18px 0;
}
.support-kpi {
    margin-bottom:18px;
}
.support-kpi h2 {
    margin:0;
    font-size:32px;
    font-weight:700;
}
.support-kpi span {
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.08em;
    opacity:.7;
}
.support-ticket-document {
    background:#fff;
    padding:26px;
    border:1px solid rgba(0,0,0,.08);
    box-shadow:0 8px 24px rgba(0,0,0,.05);
}
.support-ticket-title {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:15px;
    border-bottom:1px solid rgba(0,0,0,.08);
    padding-bottom:18px;
    margin-bottom:18px;
}
.support-ticket-title h2 {
    margin:5px 0 0 0;
}
.support-ticket-meta {
    margin-bottom:20px;
}
.support-ticket-meta label {
    display:block;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.06em;
    opacity:.65;
}
.support-ticket-meta strong {
    display:block;
    margin-top:3px;
}
.support-ticket-description {
    padding: 18px;
    background: var(--eagle-lightblue);
    margin-bottom: 20px;
    border-left: 5px solid var(--eagle-darkblue);
}
.support-ticket-controls {
    padding:18px;
    border:1px solid rgba(0,0,0,.08);
    margin-bottom:24px;
}
.support-conversation-title {
    margin-top:20px;
}
.support-reply {
    padding:14px 16px;
    border-left:5px solid #d9dde3;
    background:#f8f9fa;
    margin-bottom:10px;
}
.support-reply-it {
    border-left-color:#ff4d4d;
}
.support-reply-head {
    display:flex;
    justify-content:space-between;
    gap:10px;
    margin-bottom:8px;
    font-size:12px;
}
@media (max-width:768px) {
    .support-ticket-document {
        padding:16px;
    }
    .support-ticket-title {
        flex-direction:column;
    }
    .support-ticket-meta > div {
        margin-bottom:12px;
    }
}

/* Lightweight support ticket attachments */
.support-attachments { display:flex; flex-wrap:wrap; gap:7px; margin-top:12px; }
.support-attachment { display:inline-flex; align-items:center; gap:6px; padding:7px 9px; border:1px solid #e6e6e6; background:#f9fafb; color:#404040; text-decoration:none; font-size:12px; }
.support-attachment:hover { border-color:#3498db; color:#3498db; }
.support-file-preview { display:flex; flex-wrap:wrap; gap:7px; margin-top:10px; }
.support-file-chip { display:inline-flex; align-items:center; gap:6px; padding:6px 9px; border:1px solid #e6e6e6; background:#fff; font-size:12px; }
.support-file-chip button { border:0; background:transparent; color:#e73c3c; cursor:pointer; padding:0; }