/* Tracom Tools: conversion elements: result call to action, sticky "Get the file" bar.
   Fixed elements never take layout space; the result card is added only after the visitor's own input. */
/* Result call to action: a device-label card. Green edge = suggestion, amber = high level */
.trt .trt-rcta{position:relative;display:grid;gap:12px;padding:16px 18px;padding-inline-end:52px;border:1px solid var(--trt-line-strong);border-inline-start:5px solid var(--trt-green);border-radius:var(--trt-r);background:linear-gradient(90deg,#fff 55%,var(--trt-hue-soft));overflow:hidden}
.trt[dir="rtl"] .trt-rcta{background:linear-gradient(270deg,#fff 55%,var(--trt-hue-soft))}
.trt .trt-rcta[hidden]{display:none}
.trt .trt-rcta[data-level="high"]{border-inline-start-color:var(--trt-amber);background:var(--trt-warn-bg);border-color:#e6cd87;border-inline-start-color:#ffcd57}
.trt .trt-rcta__msg{margin:0;font-size:15px;line-height:1.55;color:var(--trt-ink);font-weight:500}
.trt .trt-rcta__msg::before{content:"";display:inline-block;width:11px;height:11px;margin-inline-end:8px;background:var(--trt-green);-webkit-mask:var(--trt-arrow) center/contain no-repeat;mask:var(--trt-arrow) center/contain no-repeat}
.trt .trt-rcta[data-level="high"] .trt-rcta__msg::before{background:#8a5a00}
.trt .trt-rcta__acts{display:flex;flex-wrap:wrap;gap:8px}
.trt .trt-rcta__acts .trt-btn{width:auto}
.trt .trt-rcta__x{position:absolute;top:8px;inset-inline-end:8px;width:36px;height:36px;display:grid;place-items:center;background:none;border:0;border-radius:50%;color:var(--trt-muted);cursor:pointer}
.trt .trt-rcta__x:hover{background:rgba(34,32,33,.08);color:var(--trt-ink)}
.trt .trt-rcta__x:focus-visible{outline:none;box-shadow:var(--trt-focus)}

/* Mobile-only fixed elements */
.trt-fixed .trt-getbar{display:none}
@media (max-width:1024px){
  .trt-fixed .trt-getbar{display:flex;position:fixed;inset-inline:12px;bottom:12px;z-index:50;align-items:center;justify-content:space-between;gap:12px;padding:10px;padding-inline-start:16px;border-radius:12px;background:var(--trt-panel);color:#fff;box-shadow:var(--trt-shadow-lg);border:1px solid var(--trt-panel-line);border-top:3px solid var(--trt-green);transform:translateY(140%);visibility:hidden;transition:transform .2s ease,visibility 0s linear .2s}
  .trt-fixed .trt-getbar.is-on{transform:none;visibility:visible;transition:transform .2s ease}
  .trt-fixed .trt-getbar__t{min-width:0;font-size:13px;font-weight:600;color:var(--trt-panel-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .trt-fixed .trt-getbar .trt-btn{width:auto;flex:none;min-height:40px;padding:8px 14px;font-size:14px}
}
@media (prefers-reduced-motion:reduce){.trt-fixed .trt-getbar,.trt-fixed .trt-getbar.is-on{transition:none}}
@media print{.trt .trt-rcta,.trt-fixed{display:none!important}}

/* 1.8.6 — sticky "Get the file" bar on phones: the title may take 2 lines; the button never wraps */
@media (max-width:1024px){
  .trt-fixed .trt-getbar__t{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.35}
  .trt-fixed .trt-getbar .trt-btn{white-space:nowrap}
}