/* ============================================================================
   F14  THE QUOTE PAGE: the "Client page" section of a quote's drawer.
   Tokens only, from app.css, so both themes work.
   ============================================================================ */

/* The link itself, readable and selectable: Adam may copy it by hand when the
   browser will not let the button do it. Monospace so the code at the end
   reads as one piece. */
.f14-link{margin:2px 0 8px}
.f14-url{width:100%;box-sizing:border-box;padding:7px 9px;border:1px solid var(--line);border-radius:6px;
  background:var(--panel-2);color:var(--ink);font-family:var(--mono, ui-monospace, monospace);font-size:11.5px;
  text-overflow:ellipsis}
.f14-url:focus{outline:2px solid var(--lime-dim);outline-offset:1px}
.f14-btns{margin:0 0 10px}
.f14-line{margin:0 0 6px;font-size:12.5px;line-height:1.5;color:var(--ink-2)}
.f14-line b{color:var(--ink)}
.f14-page .note{margin-top:8px}

@media(max-width:700px){
  .f14-url{font-size:12px;padding:9px 10px}
  .f14-btns .btn{flex:1 1 auto;text-align:center}
}