.gw-view-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:-8px 0 20px}
.gw-view-tabs button{padding:9px 14px!important;font-size:12px!important}
.gw-view-tabs button.active{background:var(--teal)!important;color:#fff!important}
.gw-tools{display:grid;gap:10px}
.gw-preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.gw-preset-grid button,.gw-mini-button{font-size:12px!important;padding:8px 10px!important}
.gw-compare-toggle{position:absolute;left:14px;top:14px;z-index:3;display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800;color:var(--teal)}
.gw-compare-toggle input{width:auto!important;margin:0}
.gw-card-badges{display:none!important}
.gw-badge{font-size:11px;border-radius:999px;padding:5px 8px;background:#efe8db;color:#5c5549;border:1px solid rgba(36,77,67,.12)}
.gw-panel{display:none;background:rgba(255,253,248,.96);border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 12px 42px rgba(38,42,39,.06);margin-bottom:22px}
.gw-panel.active{display:block}
.gw-panel h2{font-family:'Playfair Display',Georgia,serif;margin:0 0 12px;font-size:30px}
.gw-panel h3{margin:22px 0 10px}
.gw-compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.gw-compare-card{border:1px solid var(--line);border-radius:18px;background:#fffdf8;overflow:hidden}
.gw-compare-card img{width:100%;height:210px;object-fit:contain;background:#f0ece4;padding:12px}
.gw-compare-card div{padding:12px}
.gw-compare-card dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 0;font-size:12px}
.gw-compare-card dt{color:var(--muted);font-weight:800}.gw-compare-card dd{margin:0;text-align:right}
.gw-bars{display:grid;gap:8px}.gw-bar{display:grid;grid-template-columns:minmax(130px,220px) 1fr 58px;gap:10px;align-items:center;font-size:13px}.gw-track{height:12px;border-radius:999px;background:#ece6da;overflow:hidden}.gw-fill{height:100%;background:linear-gradient(90deg,var(--teal),var(--gold))}
.gw-analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.gw-timeline{position:relative;display:grid;gap:12px;margin-top:12px}.gw-timeline-item{display:grid;grid-template-columns:86px 1fr;gap:14px;align-items:start}.gw-timeline-year{font-family:'Playfair Display',Georgia,serif;font-size:24px;color:var(--teal)}.gw-timeline-card{border-left:3px solid var(--gold);background:#f8f4ec;border-radius:0 14px 14px 0;padding:12px 14px}
.gw-field-list{display:grid;gap:10px}.gw-note{background:#f8f4ec;border:1px solid var(--line);border-radius:16px;padding:14px;white-space:pre-wrap}
.gw-record-row{display:grid;grid-template-columns:120px 1fr 120px auto;gap:10px;align-items:end;margin-bottom:10px}
.gw-gallery-view{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}
.gw-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}
.gw-gallery-card{margin:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#101722}
.gw-gallery-card button[data-gallery-open]{display:block!important;width:100%;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important}
.gw-gallery-card img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#fff;display:block}
.gw-gallery-card figcaption{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:10px 12px;color:var(--text);font-size:12px;font-weight:800}
.gw-gallery-card figcaption button{min-height:34px!important;padding:6px 10px!important;font-size:11px!important}
.gw-gallery-upload{border:1px solid var(--line);border-radius:18px;padding:16px;background:#101722}
.gw-gallery-upload h3{margin-top:0}
.gw-gallery-upload p{color:var(--muted);font-size:12px;line-height:1.45;margin:12px 0 0}
.gw-gallery-slots{display:grid;gap:9px}
.gw-gallery-slot{display:flex!important;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(201,168,76,.20);border-radius:12px;padding:10px 12px;background:rgba(255,255,255,.03);color:var(--text)!important;font-size:12px!important;font-weight:850!important;cursor:pointer}
.gw-gallery-slot:after{content:'Upload';color:var(--gold);font-weight:900}
.gw-gallery-slot input{display:none!important}
.gw-wear-calendar{margin:18px 0 22px;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fffaf0}
.gw-section-head h3{margin:0 0 4px!important;color:var(--text)!important}.gw-section-head p{margin:0;color:#5f625d;font-size:13px;line-height:1.45}
.gw-wear-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;margin-top:12px}
.gw-wear-pill{display:grid!important;gap:4px;text-align:left!important;border-radius:14px!important;padding:10px 12px!important;background:#f4efe5!important;color:var(--text)!important;border:1px solid rgba(36,77,67,.15)!important}
.gw-wear-pill span{font-size:11px;color:#6f6a60;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.gw-wear-pill b{font-size:13px;line-height:1.2;color:#1d2421}
.gw-wear-pill:hover{background:#eae2d3!important}
.wrist-panel h3,#wristoryTrackerPanel h3{color:#1d2421!important}
#wearSummary .metric,#mostWorn,.wear-table-compact{color:#1d2421!important}
#wearSummary .metric .label,#wearSummary .metric .sub{color:#5f625d!important}
#mostWorn .bar-row{color:#1d2421!important;background:#fffaf0;border:1px solid rgba(36,77,67,.10);border-radius:12px;padding:8px 10px}
#mostWorn .bar-row b{color:#244d43!important}
#mostWorn p{color:#5f625d!important}
.gw-lightbox{position:fixed;inset:0;z-index:10000;background:rgba(15,23,20,.88);display:none;align-items:center;justify-content:center;padding:28px}.gw-lightbox.open{display:flex}.gw-lightbox img{max-width:94vw;max-height:88vh;object-fit:contain;background:#f5f0e6;border-radius:20px;padding:18px}.gw-lightbox button{position:fixed;right:24px;top:24px}
.gw-empty-state{grid-column:1/-1;text-align:center;padding:54px 20px;border:1px dashed rgba(36,77,67,.25);border-radius:22px;color:var(--muted);background:#fffdf8}
.panel{background:#fffdf8!important;color:#1d2421!important;border-color:var(--line)!important}
.panel h2,.panel h3{color:#1d2421!important}
.panel div[style*="color:#9ca3af"]{color:#5f625d!important}
@media(max-width:700px){.gw-record-row,.gw-gallery-view{grid-template-columns:1fr}.gw-bar{grid-template-columns:1fr}.gw-calendar{grid-template-columns:repeat(7,1fr)}.gw-timeline-item{grid-template-columns:1fr}.gw-view-tabs{overflow:auto;flex-wrap:nowrap}.gw-view-tabs button{white-space:nowrap}}

/* Navigation, login, sync menu and mobile polish */
.gw-side-nav{display:grid;gap:8px;margin:18px 0;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.gw-side-nav button{display:flex!important;align-items:center;justify-content:flex-start;gap:10px;width:100%;background:transparent!important;color:var(--text)!important;border:1px solid transparent!important;border-radius:12px!important}
.gw-side-nav button.active{background:var(--teal)!important;border-color:var(--teal)!important;color:#fff!important}
.gw-side-nav svg,.gw-data-menu svg,.gw-action-icon{width:17px;height:17px;stroke:currentColor;stroke-width:1.8;fill:none}
.gw-hero-nav{display:inline-flex;gap:10px;flex-wrap:wrap;align-items:center}
.hero .top-actions{flex-wrap:wrap!important}
.gw-hero-nav button{display:inline-flex!important;align-items:center;gap:8px;padding:10px 14px!important}
.gw-hero-nav button.active{background:var(--teal)!important;color:#fff!important;border-color:var(--teal)!important}
.gw-hero-nav svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.8;fill:none}
.gw-data-menu{position:relative;margin-top:10px}
.gw-data-menu summary{cursor:pointer;list-style:none;border:1px solid var(--line);border-radius:14px;padding:10px 12px;color:var(--text);font-weight:800;background:rgba(255,255,255,.03)}
.gw-data-menu summary::-webkit-details-marker{display:none}
.gw-data-menu div{display:grid;gap:8px;margin-top:8px}
.gw-data-menu button{justify-content:flex-start!important;display:flex!important;gap:8px;align-items:center}
.gw-mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 14px}
.gw-mode-toggle button{background:rgba(255,255,255,.04)!important;color:var(--text)!important;border:1px solid var(--line)!important}
.gw-mode-toggle button.active{background:var(--gold)!important;color:#111923!important}
.lock-card:before{content:'GW';display:grid;place-items:center;width:58px;height:58px;border-radius:50%;border:1px solid rgba(201,168,76,.55);color:var(--gold);font:700 22px 'Playfair Display',Georgia,serif;margin:0 auto 18px;background:#0D1117}
.lock-logo .logo-mark{display:none!important}
.lock-logo{justify-content:center;text-align:center}
.lock-logo .brand-title{font-size:24px!important}
.lock-card label:has(#pw){margin-top:12px}
.form-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:14px 18px;background:#101722;border-bottom:1px solid var(--line)}
.form-progress span{height:5px;border-radius:999px;background:rgba(201,168,76,.18)}
.form-progress span.active{background:var(--gold)}
.field-help{font-size:11px;color:var(--muted);text-transform:none;letter-spacing:0;font-weight:500;margin-top:-3px}
#compactToggle{min-width:20px;min-height:20px}
@media(max-width:700px){button,.modal-tab,.wrist-tab,.tab{min-height:46px!important}.modal-head button{min-width:46px!important;min-height:46px!important}.gw-side-nav{grid-template-columns:1fr 1fr}.top-actions{gap:8px!important}.hero h1{white-space:normal!important}}

/* Main title responsive wrapping */
.hero h1{
  white-space:normal!important;
  max-width:min(1180px,100%)!important;
  text-wrap:balance;
  overflow-wrap:normal;
  font-size:clamp(30px,3.1vw,52px)!important;
  line-height:1.08!important;
}
.hero h1 span{display:block}
.hero h1 span:first-child{white-space:nowrap}
.hero h1 span:last-child{font-size:.72em}
.gw-wear-sort{display:flex;justify-content:flex-end;margin:18px 0 10px}
.gw-wear-sort label{width:min(240px,100%)}
@media(max-width:560px){
  .hero h1{
    font-size:clamp(23px,7.4vw,30px)!important;
    line-height:1.12!important;
  }
  .hero h1 span:first-child{white-space:normal}
}

/* Readable data tables on Wristory, Wrist Log and Timegrapher */
#wristoryView table,
#wristLogTable,
#wearTable,
#timeSummaryTable,
.wear-table-compact table{
  background:#101722!important;
  color:#f7f2e8!important;
}
#wristoryView table th,
#wristLogTable th,
#wearTable th,
#timeSummaryTable th,
.wear-table-compact table th{
  color:#fff8e7!important;
  background:#0d1117!important;
  border-color:rgba(201,168,76,.20)!important;
}
#wristoryView table td,
#wristLogTable td,
#wearTable td,
#timeSummaryTable td,
.wear-table-compact table td{
  color:#f7f2e8!important;
  background:#101722!important;
  border-color:rgba(201,168,76,.13)!important;
}
#wristoryView table tr:nth-child(even) td,
#wristLogTable tr:nth-child(even) td,
#wearTable tr:nth-child(even) td,
#timeSummaryTable tr:nth-child(even) td,
.wear-table-compact table tr:nth-child(even) td{
  background:#131b27!important;
}
#wristoryView table tr:hover td,
#wristLogTable tr:hover td,
#wearTable tr:hover td,
#timeSummaryTable tr:hover td,
.wear-table-compact table tr:hover td{
  background:rgba(201,168,76,.12)!important;
}
#wristoryView table td:first-child,
#wristLogTable td:first-child,
#wearTable td:first-child,
#timeSummaryTable td:first-child,
.wear-table-compact table td:first-child{
  color:#fff3cc!important;
  font-weight:800;
}

/* Desktop card alignment */
@media(min-width:760px){
  #cards{
    align-items:stretch!important;
  }
  .watch-card{
    display:flex!important;
    flex-direction:column!important;
    height:100%!important;
  }
  .watch-img{
    flex:0 0 340px!important;
  }
  .watch-body{
    display:grid!important;
    grid-template-rows:34px 96px 46px auto auto!important;
    row-gap:0!important;
    flex:1 1 auto!important;
  }
  .watch-kicker{
    min-height:34px!important;
    align-items:flex-start!important;
  }
  .watch-title{
    min-height:96px!important;
    max-height:96px!important;
    overflow:hidden!important;
    display:-webkit-box!important;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    margin:0!important;
    align-self:start!important;
  }
  .specs{
    min-height:46px!important;
    margin:0!important;
    align-content:flex-start!important;
  }
  .quickstats{
    margin-top:0!important;
    align-self:start!important;
  }
  .quickstats .qs{
    min-height:82px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }
  .card-actions{
    align-self:end!important;
    width:100%!important;
    margin-top:24px!important;
  }
}

@media(max-width:760px){
  .gw-hero-nav{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}
  .gw-hero-nav button{justify-content:center!important;padding:9px 10px!important;font-size:12px!important}
}