/*
  Copyright - A Produle Systems Private Limited. All Rights Reserved.

  What the try it console needs beyond dev.css. Kept separate because the
  key console loads dev.css and never any of this.
*/

.mfdev .side .it.op{display:flex;gap:8px;align-items:center;font-family:var(--mono);font-size:12px}
.mfdev .side .it.op .label{font-family:var(--body);font-size:13px;color:inherit}
.mfdev .side .grp.tag{cursor:default}

.mfdev .paramrow{display:grid;grid-template-columns:170px minmax(0,1fr);gap:12px;align-items:center;padding:6px 0}
.mfdev .paramrow .name{font-family:var(--mono);font-size:12.5px}
.mfdev .paramrow .req{color:var(--red)}
.mfdev .paramrow .hint{font-size:11.5px;color:var(--faint);grid-column:2}

.mfdev #mft-sample{font-size:11.5px;max-height:260px;overflow:auto}
.mfdev #mft-body-out{max-height:420px;overflow:auto}
.mfdev #mft-headers-out{max-height:200px;overflow:auto;font-size:11.5px}

.mfdev .histrow{display:flex;gap:8px;align-items:center;font-size:12px;cursor:pointer;padding:4px 6px;border-radius:6px}
.mfdev .histrow:hover{background:var(--surface2)}
.mfdev .histrow .s{font-family:var(--mono);font-size:11px}
.mfdev .histrow .ok{color:var(--green)}
.mfdev .histrow .bad{color:var(--red)}

@media (max-width: 1240px){
  .mfdev:not(.mft-embed) .body3{grid-template-columns:240px minmax(0,1fr)}
  .mfdev:not(.mft-embed) .toc{display:none}
}

/* Inside the Try it dialog of a reference page: one operation, no operation
   list, the sample column kept. The dark theme comes from docs.css tokens. */
body.mfd-tryframe{display:block;min-height:0}
body.mfd-tryframe .mft-embed{padding:14px 20px 28px;max-width:none}
.mft-embed .body3{grid-template-columns:minmax(0,1fr) 380px}
.mft-embed .side{display:none}
.mft-embed #mft-docs{display:none}
.mft-embed .article{padding:16px 24px 32px 0}
.mft-embed .bar{padding-top:0}
@media (max-width:900px){
  .mft-embed .body3{grid-template-columns:minmax(0,1fr)}
  .mft-embed .toc{display:none}
}