/* Galasso shipment tracking pages */
:root {
  --gt-blue: #0f4c81;
  --gt-blue-dark: #0b3a63;
  --gt-accent: #ffffcc;
  --gt-border: #d9d9d9;
  --gt-text: #222;
  --gt-muted: #666;
  --gt-bg: #f5f5f5;
}
* { box-sizing: border-box; }
body { margin: 0; font: 15px/1.45 Arial, Helvetica, sans-serif; color: var(--gt-text); background: var(--gt-bg); }
a { color: var(--gt-blue); }
.gt-wrap { max-width: 1100px; margin: 0 auto; padding: 0 16px; }

.gt-header { background: #fff; border-bottom: 4px solid var(--gt-blue); }
.gt-header .gt-wrap { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 24px; padding-top: 10px; padding-bottom: 10px; }
.gt-logo img { height: 70px; display: block; }
.gt-nav a { display: inline-block; padding: 8px 12px; margin-left: 4px; text-decoration: none; color: var(--gt-blue-dark); font-weight: bold; border-radius: 4px; }
.gt-nav a:hover { background: var(--gt-bg); }
.gt-nav a.active { background: var(--gt-blue); color: #fff; }

main { padding-top: 20px; padding-bottom: 32px; }

.gt-search { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 0 0 20px; }
.gt-search label { font-weight: bold; }
.gt-search input { flex: 0 1 260px; min-width: 160px; padding: 8px 10px; font-size: 16px; border: 1px solid #aaa; border-radius: 4px; }
.gt-search button { padding: 8px 18px; font-size: 15px; background: var(--gt-blue); color: #fff; border: 0; border-radius: 4px; cursor: pointer; }
.gt-search button:hover { background: var(--gt-blue-dark); }
.gt-clear { font-size: 14px; }

.gt-muted { color: var(--gt-muted); }
.gt-warn { color: #b35c00; }
.gt-notfound { padding: 14px 16px; background: #fff3cd; border: 1px solid #ffe08a; border-radius: 4px; }

.gt-card { background: #fff; border: 1px solid var(--gt-border); border-radius: 6px; padding: 16px; margin-bottom: 20px; max-width: 560px; }
.gt-detail { border-collapse: collapse; width: 100%; }
.gt-detail th, .gt-detail td { padding: 6px 10px; border-bottom: 1px solid #eee; vertical-align: top; }
.gt-detail th { text-align: right; width: 45%; background: var(--gt-accent); font-weight: bold; white-space: nowrap; }
.gt-detail tr:first-child td { font-size: 1.2em; font-weight: bold; }
.gt-paycargo { margin: 14px 0 0; font-weight: bold; color: var(--gt-blue-dark); }

.gt-table { border-collapse: collapse; width: 100%; background: #fff; border: 1px solid var(--gt-border); }
.gt-table th, .gt-table td { padding: 7px 10px; border-bottom: 1px solid #eee; text-align: left; white-space: nowrap; }
.gt-table thead th { background: var(--gt-blue); color: #fff; position: sticky; top: 0; }
.gt-table tbody tr:nth-child(even) { background: #fafafa; }
.gt-table tbody tr:hover { background: var(--gt-accent); }
.gt-table tr.gt-lp-break td { border-top: 2px solid var(--gt-blue); }
.gt-list { display: block; overflow-x: auto; }

.gt-footer { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; padding-top: 12px; padding-bottom: 24px; border-top: 1px solid var(--gt-border); font-size: 13px; color: var(--gt-muted); }

@media (max-width: 640px) {
  .gt-logo img { height: 50px; }
  .gt-nav a { padding: 6px 8px; margin-left: 0; }
  .gt-detail th { width: 40%; white-space: normal; }
}