/* FalconEye Public Interactive Demo R1.2.
   Layout/components intentionally come from the live Customer Dashboard CSS.
   Demo CSS only provides simulator-only state/popup helpers. */
.fe-demo-page[hidden],.fe-demo-tool[hidden],[data-security-page][hidden]{display:none!important}
.fe-demo-text-link{display:block;margin-top:7px;padding:0;border:0;background:transparent;color:#b43a3a;font:inherit;font-size:12px;font-weight:800;text-decoration:none;cursor:pointer;text-align:left}
.fe-demo-build-progress{min-width:130px;height:7px;border-radius:99px;background:#e1e7eb;overflow:hidden;margin-top:7px}.fe-demo-build-progress i{display:block;height:100%;background:#43d17d}
.fe-demo-source-card{margin-bottom:12px;padding:13px 14px;border:1px solid #dbe4ea;border-radius:11px;background:#fff}.fe-demo-source-card strong,.fe-demo-source-card span{display:block}.fe-demo-source-card span{margin-top:4px;color:#748794;font-size:12px}
.fe-demo-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.fe-log-stat{border:1px solid #dbe4ea;border-radius:11px;padding:13px;background:#fff}.fe-log-stat span{display:block;color:#7b8f9d;font-size:12px}.fe-log-stat strong{display:block;font-size:22px;margin-top:3px;color:#243846}
.fe-demo-filter-row{display:flex;align-items:flex-end;gap:8px 12px;flex-wrap:wrap;margin:8px 0 12px}.fe-demo-filter-row input{height:36px;border:1px solid #cfd7dd;border-radius:8px;background:#fff;color:#24323c;padding:7px 9px;font:inherit;font-size:12px}.fe-demo-filter-row .btn{min-height:36px;padding:7px 12px}.fe-demo-empty-row td{text-align:center;color:#748896;padding:18px}
.fe-demo-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px;background:rgba(16,31,42,.46);backdrop-filter:blur(4px)}.fe-demo-modal[hidden]{display:none!important}.fe-demo-modal-card{width:min(440px,96vw);padding:24px;border:1px solid #d4dee4;border-radius:14px;background:#fff;text-align:center;box-shadow:0 24px 70px rgba(27,48,61,.2)}.fe-demo-modal-card h2{margin:10px 0 8px;color:#1c3c4e}.fe-demo-modal-card p{margin:0 0 18px;color:#687b87;line-height:1.55}.fe-demo-modal-icon{width:48px;height:48px;margin:0 auto;display:grid;place-items:center;border-radius:10px;background:#2f7faf;color:#fff;font-weight:900}
.fe-demo-toast{position:fixed;right:22px;bottom:22px;z-index:9998;max-width:360px;padding:11px 14px;border-radius:10px;background:#203642;color:#fff;box-shadow:0 12px 34px rgba(29,48,61,.2);font-size:12px;font-weight:700}.fe-demo-toast[hidden]{display:none!important}
button.fe-read-more{font:inherit;cursor:pointer}
@media(max-width:900px){.fe-demo-summary{grid-template-columns:1fr 1fr}}@media(max-width:620px){.fe-demo-summary{grid-template-columns:1fr}.fe-demo-filter-row{align-items:stretch;flex-direction:column}.fe-demo-filter-row .btn{width:100%}}


/* R1.3 public-demo identity, FE Logs selector/detail mirror, and theme integration. */
.fe-demo-notice{max-width:1120px;margin:0 auto 16px;padding:13px 15px;border:1px solid #b9d9ea;border-radius:10px;background:#eef8fd;color:#315f76;line-height:1.45}
.fe-demo-notice strong{display:block;margin-bottom:3px;color:#174960}.fe-demo-notice span{display:block}
.fe-log-select-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
button.fe-log-select-card{display:block;width:100%;padding:16px;border:1px solid #d7e0e6;border-radius:12px;background:#fff;color:#203340;text-decoration:none;text-align:left;font:inherit;cursor:pointer;transition:.15s}
button.fe-log-select-card:hover{border-color:#8fb1c8;box-shadow:0 5px 16px rgba(43,67,84,.08);transform:translateY(-1px)}
button.fe-log-select-card strong{display:block;font-size:15px}button.fe-log-select-card span{display:block;margin-top:6px;color:#748794;font-size:12px}
.fe-log-select-empty{padding:18px;border:1px dashed #c9d6df;border-radius:10px;color:#748896;text-align:center}
.fe-log-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.fe-log-back{margin-bottom:12px}
.fe-log-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}
.fe-log-table-wrap{overflow:auto}.fe-log-table{width:100%;border-collapse:collapse;font-size:12px}.fe-log-table th,.fe-log-table td{padding:10px 11px;border-bottom:1px solid #e4eaee;text-align:left;white-space:nowrap}.fe-log-table td.wrap{white-space:normal;min-width:220px}.fe-log-code{font-family:Consolas,monospace}
.fe-log-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:13px}.fe-log-pager-meta{font-size:12px;color:#788b99}.fe-log-pager-actions{display:flex;gap:7px}
.fe-log-filter{display:flex;align-items:flex-end;gap:8px 12px;flex-wrap:wrap;margin:8px 0 12px}.fe-log-field{display:flex;align-items:center;gap:6px;margin:0}.fe-log-field label{display:inline-block;width:74px;text-align:right;font-size:12px;font-weight:700;color:#506775;white-space:nowrap;line-height:1}.fe-log-field input,.fe-log-field select{height:30px;line-height:20px;border:1px solid #cfdbe3;border-radius:7px;background:#fff;color:#263b49;padding:4px 8px;font:inherit;font-size:12px;box-sizing:border-box;margin-top:0}.fe-log-field input{width:132px}.fe-log-field-hwid input{width:168px}.fe-log-field-account input{width:96px}.fe-log-field-type select{width:165px}.fe-log-filter-actions{display:flex;align-items:center;gap:6px;margin-left:2px}.fe-log-filter .btn{height:30px;min-height:30px;padding:0 12px}
#violPrev:disabled,#violNext:disabled{opacity:.45;pointer-events:none}
:root[data-fe-theme="dark"] .fe-demo-notice{background:#17313e;color:#b8d6e5;border-color:#315b70}:root[data-fe-theme="dark"] .fe-demo-notice strong{color:#d4effc}
:root[data-fe-theme="dark"] button.fe-log-select-card{background:#182229;color:#dce7ec;border-color:#354750}:root[data-fe-theme="dark"] button.fe-log-select-card span{color:#91a5b0}:root[data-fe-theme="dark"] .fe-log-select-empty{background:#151f25;color:#94a7b1;border-color:#465861}
@media(max-width:850px){.fe-log-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fe-log-pager{align-items:flex-start;flex-direction:column}.fe-log-filter{align-items:center;gap:8px 10px}.fe-log-field label{width:72px}.fe-log-field input,.fe-log-field-hwid input,.fe-log-field-account input{width:135px}}
@media(max-width:760px){.fe-log-select-grid{grid-template-columns:1fr}}

/* R1.4.1 simulator alignment and dark readability */
.fe-demo-notice{max-width:920px;margin-left:auto!important;margin-right:auto!important}
:root[data-fe-theme="dark"] .fe-demo-source-card,
:root[data-fe-theme="dark"] .fe-log-stat,
:root[data-fe-theme="dark"] .fe-demo-modal-card,
:root[data-fe-theme="dark"] .fe-log-table,
:root[data-fe-theme="dark"] .fe-log-table-wrap,
:root[data-fe-theme="dark"] .fe-demo-empty-row td,
:root[data-fe-theme="dark"] .fe-demo-filter-row input{background:#10202a!important;color:#dbe8ee!important;border-color:#294351!important}
:root[data-fe-theme="dark"] .fe-demo-source-card span,
:root[data-fe-theme="dark"] .fe-log-stat span,
:root[data-fe-theme="dark"] .fe-demo-empty-row td,
:root[data-fe-theme="dark"] .fe-log-pager-meta,
:root[data-fe-theme="dark"] .fe-log-field label{color:#a4bac5!important}
:root[data-fe-theme="dark"] .fe-log-stat strong,
:root[data-fe-theme="dark"] .fe-demo-modal-card h2,
:root[data-fe-theme="dark"] .fe-log-table th,
:root[data-fe-theme="dark"] .fe-log-table td{color:#eef6f9!important}
:root[data-fe-theme="dark"] .fe-log-table th,
:root[data-fe-theme="dark"] .fe-log-table td{border-bottom-color:#243c49!important}
:root[data-fe-theme="dark"] .fe-demo-modal-card p{color:#aac0cb!important}
:root[data-fe-theme="dark"] .fe-demo-toast{background:#10202a!important;color:#eef6f9!important;box-shadow:0 16px 38px rgba(0,0,0,.35)!important}
:root[data-fe-theme="dark"] .fe-demo-text-link{color:#ff9fa7!important}

/* R1.4.3 demo badge spacing + branded modal. */
.fe-demo-tool .fe-top-actions{padding-top:8px!important;padding-right:10px!important;margin-bottom:10px!important}
.fe-demo-tool .fe-local-badge{margin:0!important}
.fe-demo-modal-icon{
  width:62px!important;height:62px!important;padding:7px!important;
  border-radius:14px!important;background:#0c1c26!important;border:1px solid #31536a!important;
  overflow:hidden!important
}
.fe-demo-modal-icon img{display:block;width:100%;height:100%;object-fit:contain}
:root[data-fe-theme="dark"] .fe-demo-modal-card{background:#10202a!important;border-color:#2e4b5b!important;color:#dce9ef!important}
:root[data-fe-theme="dark"] .fe-demo-modal-card h2{color:#f3f8fb!important}
:root[data-fe-theme="dark"] .fe-demo-modal-card p{color:#a7bbc5!important}

/* FALCONEYE_RESPONSIVE_MOBILE_UI_R1_0 - Demo responsive polish */
@media(max-width:760px){
  .fe-demo-notice{margin:0 0 12px;padding:11px 12px;font-size:12px}
  .fe-demo-summary,.fe-log-stat-grid{grid-template-columns:1fr 1fr!important}.fe-log-select-grid{grid-template-columns:1fr!important}
  .fe-log-head-row{flex-direction:column;gap:8px}
  .fe-log-filter,.fe-demo-filter-row{display:grid!important;grid-template-columns:1fr;align-items:stretch}
  .fe-log-field{display:grid!important;grid-template-columns:1fr;gap:4px}.fe-log-field label{width:auto!important;text-align:left!important}
  .fe-log-field input,.fe-log-field select,.fe-log-field-hwid input,.fe-log-field-account input,.fe-log-field-type select{width:100%!important}
  .fe-log-filter-actions{display:grid!important;grid-template-columns:1fr 1fr;margin:0!important}.fe-log-filter-actions .btn{width:100%}
  .fe-log-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.fe-log-table{min-width:680px}
  .fe-demo-modal{padding:12px}.fe-demo-modal-card{padding:20px 16px}.fe-demo-toast{left:12px;right:12px;bottom:12px;max-width:none}
}
@media(max-width:440px){.fe-demo-summary,.fe-log-stat-grid{grid-template-columns:1fr!important}}

/* R1.5 Customer Dashboard parity: Payment History visual mirror only.
   No billing actions are enabled in the public demo. */
.fe-demo-page[data-page="payments"] .fe-payment-license-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.fe-demo-page[data-page="payments"] .fe-payment-license-summary>div{padding:14px;border:1px solid var(--line,#d9e4ec);border-radius:11px}
.fe-demo-page[data-page="payments"] .fe-payment-license-summary span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;opacity:.7;margin-bottom:5px}
.fe-demo-page[data-page="payments"] .fe-payment-license-summary strong{display:block;word-break:break-word}
.fe-demo-page[data-page="payments"] .fe-order-history-list{display:grid;gap:10px;margin-top:12px}
.fe-demo-page[data-page="payments"] .fe-order-history-row{display:grid;grid-template-columns:minmax(240px,1.55fr) minmax(130px,.8fr) minmax(120px,.65fr) minmax(175px,1fr);gap:16px;align-items:start;padding:15px 16px;border:1px solid var(--line,#d9e4ec);border-radius:12px;background:rgba(255,255,255,.02)}
.fe-demo-page[data-page="payments"] .fe-order-main,.fe-demo-page[data-page="payments"] .fe-order-cell{min-width:0;display:grid;gap:4px}
.fe-demo-page[data-page="payments"] .fe-order-label{font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.06em;opacity:.6}
.fe-demo-page[data-page="payments"] .fe-order-ref{overflow-wrap:anywhere;line-height:1.35}
.fe-demo-page[data-page="payments"] .fe-order-history-row small{display:block;opacity:.72;line-height:1.35}
.fe-demo-page[data-page="payments"] .fe-order-status .badge{width:max-content;max-width:100%}
@media(max-width:980px){.fe-demo-page[data-page="payments"] .fe-order-history-row{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}
@media(max-width:760px){.fe-demo-page[data-page="payments"] .fe-payment-license-summary,.fe-demo-page[data-page="payments"] .fe-order-history-row{grid-template-columns:1fr}.fe-demo-page[data-page="payments"] .fe-order-history-row{gap:11px;padding:14px}.fe-demo-page[data-page="payments"] .fe-order-cell{padding-top:10px;border-top:1px solid var(--line,#d9e4ec)}}