/* Aventra — Travel Tools · Currency · Weather */
.pg-tools-chips { margin-bottom: var(--gutter); }
/* phone menu: a 2-column icon grid under four small headings (built only under 760px — see tools.js) */
.pg-tools-grid { display: flex; flex-direction: column; gap: 10px; margin-bottom: var(--gutter); }
.pg-tools-group { font-family: var(--font-ui); font-size: var(--fs-xs); text-transform: uppercase; letter-spacing: 0.12em; color: var(--text-3); margin: 8px 2px 0; }
.pg-tools-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.pg-tools-tile { display: flex; align-items: center; gap: 12px; padding: 12px 14px; min-height: 64px; text-align: left; color: var(--heading); font-weight: 600; font-size: var(--fs-sm); line-height: 1.2; transition: transform var(--dur-fast) var(--ease), box-shadow var(--dur-fast); }
.pg-tools-tile:active { transform: scale(0.98); }
.pg-tools-tile-ico { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: var(--accent-soft); color: var(--accent); }
.pg-tools-tile-l { min-width: 0; }
.pg-tools-backrow { margin-bottom: 10px; }
.pg-tools-back { padding-left: 6px; }
.pg-tools-panel { gap: 16px; }
.pg-tools-cv { display: flex; flex-direction: column; gap: 12px; }
.pg-tools-cv-row { display: flex; gap: 10px; align-items: flex-end; flex-wrap: wrap; }
.pg-tools-cv-row .field { min-width: 140px; }
.pg-tools-cv-row .icon-btn { margin-bottom: 2px; }
.pg-tools-amount { font-size: var(--fs-lg); font-weight: 600; }
.pg-tools-cv-out { padding: 16px 18px; border-radius: var(--radius-md); background: var(--accent-soft); }
.pg-tools-cv-n { font-size: var(--fs-3xl); color: var(--heading); line-height: 1; }
.pg-tools-pairs { display: flex; flex-wrap: wrap; gap: 8px; }
.pg-tools-pairs .chip b { color: var(--heading); }
.pg-tools-clocks { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: var(--gutter-sm); }
.pg-tools-clock { gap: 6px; padding: 16px 18px; }
.pg-tools-clock.night { background: var(--glass-bg-weak); }
.pg-tools-clock-city { font-weight: 700; color: var(--heading); }
.pg-tools-clock-time { font-family: var(--font-display); font-size: var(--fs-3xl); line-height: 1; color: var(--heading); font-variant-numeric: tabular-nums; }
.pg-tools-pack { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: var(--gutter-sm); }
.pg-tools-pack-group { display: flex; flex-direction: column; gap: 6px; padding: 12px 14px; border-radius: var(--radius-md); background: var(--surface-2); border: 1px solid var(--glass-rim-2); }
.pg-tools-pack-group h4 { font-family: var(--font-ui); font-size: var(--fs-sm); text-transform: uppercase; letter-spacing: 0.08em; color: var(--text-3); margin-bottom: 4px; }
.pg-tools-pack-item { display: flex; align-items: flex-start; gap: 8px; font-size: var(--fs-sm); cursor: pointer; }
.pg-tools-pack-item input { margin-top: 3px; accent-color: var(--accent); }
.pg-tools-pack-item.done span { text-decoration: line-through; color: var(--text-3); }
.pg-tools-em-hero { display: flex; flex-direction: column; gap: 10px; padding: 14px 16px; border-radius: var(--radius-md); background: var(--surface-2); border: 1px solid var(--glass-rim-2); }
.pg-tools-em-table { display: flex; flex-direction: column; max-height: 60vh; overflow-y: auto; }
.pg-tools-em-row { display: grid; grid-template-columns: 200px repeat(auto-fit, minmax(90px, 1fr)); gap: 8px; align-items: center; padding: 10px 8px; border-bottom: 1px solid var(--line); border-radius: 10px; }
.pg-tools-em-row.current { background: var(--accent-soft); }
.pg-tools-em-name { font-weight: 600; color: var(--heading); }
.pg-tools-em-num { display: flex; flex-direction: column; color: inherit; line-height: 1.2; text-decoration: none; }
.pg-tools-em-num b { color: var(--heading); }
.pg-tools-plugs { display: flex; flex-wrap: wrap; gap: 14px; }
.pg-tools-plug { display: flex; flex-direction: column; align-items: center; gap: 4px; color: var(--accent); }
.pg-tools-plug b { color: var(--heading); font-size: var(--fs-sm); }
.pg-tools-unit { padding: 14px 16px; }
.pg-tools-unit h4 { font-family: var(--font-ui); font-size: var(--fs-sm); margin-bottom: 8px; }
.pg-tools-rates { overflow-x: auto; }
.pg-tools-rates-table { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); }
.pg-tools-rates-table th { text-align: left; font-size: var(--fs-xs); text-transform: uppercase; letter-spacing: 0.06em; color: var(--text-3); padding: 8px 10px; border-bottom: 1px solid var(--line); }
.pg-tools-rates-table td { padding: 10px; border-bottom: 1px solid var(--line); vertical-align: middle; }
.pg-tools-rates-table td .pill { margin: 2px 4px 2px 0; cursor: pointer; }
.pg-tools-wx { gap: 10px; cursor: pointer; }
.pg-tools-wx-ico { color: var(--accent); display: inline-flex; }
.pg-tools-wx-temp { font-family: var(--font-display); font-size: var(--fs-2xl); line-height: 1; color: var(--heading); }
.pg-tools-wx-meta { display: flex; gap: 12px; font-size: var(--fs-xs); color: var(--text-2); }
.pg-tools-wx-days { display: flex; gap: 10px; }
.pg-tools-wx-days > span { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.pg-tools-wx-days .ico { color: var(--accent); }
@media (max-width: 760px) { .pg-tools-em-row { grid-template-columns: 1fr 1fr; } .pg-tools-em-name { grid-column: span 2; } }
/* visa checker */
.pg-tools-visa-stats { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; margin-bottom: 8px; }
.pg-tools-visa-stat { align-items: center; text-align: center; padding: 12px 6px; border-radius: 14px; background: var(--tone-soft); border: 1px solid transparent; transition: transform var(--dur-fast) var(--ease), border-color var(--dur-fast); }
.pg-tools-visa-stat:hover { transform: translateY(-2px); }
.pg-tools-visa-stat.on { border-color: var(--tone); }
.pg-tools-visa-stat .n { color: var(--tone-ink); }
.pg-tools-visa { display: flex; flex-direction: column; gap: 6px; }
.pg-tools-visa-row { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto 90px 110px 18px; gap: 12px; align-items: center; padding: 10px 12px; border-radius: 14px; background: var(--glass-bg-strong); border: 1px solid var(--glass-rim-2); text-align: left; color: inherit; transition: transform var(--dur-fast) var(--ease), box-shadow var(--dur-fast); }
.pg-tools-visa-row:hover { transform: translateX(2px); box-shadow: var(--shadow-soft); }
.pg-tools-visa-name { display: flex; flex-direction: column; min-width: 0; }
.pg-tools-visa-name .t { font-weight: 600; color: var(--heading); }
.pg-tools-visa-days { font-weight: 600; color: var(--heading); font-variant-numeric: tabular-nums; }
@media (max-width: 760px) { .pg-tools-visa-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); } .pg-tools-visa-row { grid-template-columns: 30px minmax(0, 1fr) auto; } .pg-tools-visa-days, .pg-tools-visa-src, .pg-tools-visa-row .ico { display: none; } }

/* ------------------------------------------------------ compare countries */
.pg-cmp-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; margin-top: 8px; border-radius: 14px; border: 1px solid var(--glass-rim-2); }
.pg-cmp { border-collapse: collapse; min-width: 560px; width: 100%; font-size: var(--fs-sm); }
.pg-cmp th, .pg-cmp td { padding: 8px 10px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.pg-cmp thead th { font-family: var(--font-display); font-weight: 500; font-size: 16px; background: var(--surface-2); position: sticky; top: 0; }
.pg-cmp tbody th { font-weight: 600; color: var(--text-2); font-size: var(--fs-xs); white-space: nowrap; position: sticky; left: 0; background: var(--surface-2); }
.pg-cmp tr:last-child th, .pg-cmp tr:last-child td { border-bottom: 0; }