/* Here you can add your CSS classes */

body
  {margin:0; background-color:#F4F7FB; color:#1A1A1A;
   font-family:"Segoe UI", Tahoma, sans-serif; font-size:16px}

.dv_page
  {max-width:560px; margin:0 auto; padding:16px; box-sizing:border-box}

.dv_title
  {margin:8px 0 0 0; color:#0047AB; font-size:1.6em}

.dv_owner
  {margin:0 0 16px 0; font-size:1.2em; font-style:italic}

.dv_owner a
  {color:#0047AB}

.dv_label
  {display:block; margin:12px 0 4px 0; font-weight:bold}

.dv_group
  {display:flex; gap:8px}

.dv_input
  {flex:1; width:100%; min-width:0; box-sizing:border-box; padding:8px;
   font-size:16px; font-family:Consolas, monospace;
   border:1px solid #9AA9C0; border-radius:4px; background-color:#FFFFFF}

.dv_input[readonly]
  {background-color:#EEF2F8}

.dv_text
  {resize:none; white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.4}

.dv_top
  {align-items:flex-start}

.dv_button
  {flex:none; padding:8px 14px; font-size:16px; cursor:pointer;
   color:#FFFFFF; background-color:#0047AB; border:none; border-radius:4px}

.dv_button:hover
  {background-color:#003580}

.dv_status
  {min-height:1.4em; margin-top:16px; color:#0047AB; font-weight:bold}

.dv_footer
  {margin:32px 0 8px 0; text-align:center; font-size:1em; color:#5A6B85}

.dv_footer a
  {color:#0047AB}

.dv_wide
  {max-width:960px}

.dv_versions
  {margin-top:8px}

.dv_table
  {width:100%; border-collapse:collapse; background-color:#FFFFFF}

.dv_table th
  {text-align:left; padding:8px; color:#FFFFFF; background-color:#0047AB}

.dv_table td
  {padding:6px 8px; border-bottom:1px solid #DDE3EC}

.dv_table tbody tr:nth-child(even)
  {background-color:#F4F7FB}

.dv_table .dv_button
  {padding:4px 10px; font-size:14px}

@media (max-width:700px)
{
  .dv_table thead
    {display:none}
  .dv_table tr
    {display:block; margin-bottom:12px; border:1px solid #DDE3EC; border-radius:4px}
  .dv_table td
    {display:flex; justify-content:space-between; gap:12px; border-bottom:none}
  .dv_table td::before
    {content:attr(data-label); font-weight:bold; color:#0047AB}
  .dv_table .dv_copy_cell
    {justify-content:flex-end}
}