:root{
  --bg:#050606;--panel:#0d0f0f;--panel2:#121414;--line:#292c2c;
  --text:#f2f3f2;--muted:#858b89;--white:#fff;--radius:18px;
  --mono:"Courier New",ui-monospace,monospace;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button:active{transform:scale(.985)}
header{
  position:sticky;top:0;z-index:20;background:rgba(5,6,6,.94);
  backdrop-filter:blur(18px);border-bottom:1px solid #181a1a;
  padding:calc(15px + env(safe-area-inset-top)) 16px 14px;
  font-family:var(--mono);font-size:14px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;
}
main{width:min(100%,560px);margin:auto;padding:14px 12px calc(36px + env(safe-area-inset-bottom))}
.card{
  background:linear-gradient(180deg,#111313,#0b0d0d);border:1px solid var(--line);
  border-radius:var(--radius);padding:16px;margin-bottom:12px;
}
.row{display:flex;gap:9px;flex-wrap:wrap}
.row>*{flex:1;min-width:0}
h2,h3{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px}
h2{font-size:17px}h3{font-size:12px}
.muted{color:var(--muted);font-size:12px}
button{
  min-height:48px;padding:0 15px;border-radius:14px;border:1px solid #383b3b;
  background:#f0f2f1;color:#080909;font-weight:700;letter-spacing:.02em;
}
button.secondary{background:#0b0d0d;color:#eee;border-color:#303333}
button.danger{background:#0b0d0d;color:#eee;border-color:#555}
button.small{min-height:40px;padding:0 12px;font-size:12px;border-radius:11px}
.gps-mini{flex:0 0 42px!important;width:42px;min-width:42px;padding:0!important}
.move-btn{flex:1.5!important}
.delete-square{
  width:30px!important;height:30px!important;min-height:30px!important;
  padding:0!important;border-radius:8px!important;background:#160b0b!important;
  border:1px solid #7d2d2d!important;color:#ff4b4b!important;
  display:grid!important;place-items:center!important;font:700 16px var(--mono)!important;
}
.location-row{display:flex;justify-content:space-between;gap:10px;align-items:center}
.location-coords{font:11px var(--mono);color:#aaa}
.location-time{font:11px var(--mono);color:#777}
.hidden{display:none!important}
input,select,textarea{
  width:100%;min-height:48px;background:#080a0a;color:var(--text);
  border:1px solid #2d3030;border-radius:13px;padding:11px 13px;outline:none;
}
input:focus,select:focus,textarea:focus{border-color:#777}
textarea{min-height:96px;resize:vertical}
label{
  display:block;margin:0 0 7px;color:#909593;font:10px var(--mono);
  text-transform:uppercase;letter-spacing:.1em;
}
.toolbar{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.toolbar button{width:100%}
.list{display:grid;gap:9px}
.fishing{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:15px;background:#0c0e0e;border:1px solid #252828;border-radius:16px;
}
.fishing-name{font-weight:700}.fishing-meta{margin-top:5px;color:var(--muted);font-size:12px}
.arrow{color:#777;font-size:24px}
.session-head{display:grid;gap:9px}
.session-title{font:700 19px var(--mono);letter-spacing:.03em}
.session-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px}
.gps{font-family:var(--mono);font-size:10px}
.gps.ok{color:#ddd}.gps.err{color:#aaa}
.quick-actions{
  display:grid;grid-template-columns:repeat(3,1fr);gap:8px;
}
.quick-actions button{
  width:100%;aspect-ratio:1/1;min-height:0;padding:7px;
  border-radius:12px;background:#0a0c0c;color:#f1f2f1;border:1px solid #383b3b;
  display:flex;align-items:center;justify-content:center;text-align:center;
  font:700 11px var(--mono);text-transform:uppercase;letter-spacing:.03em;
}
.event-form{display:grid;gap:12px}
.catch-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.photo-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.photo-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.photo-preview img,.event img{
  width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;filter:none!important;
}
.events{display:grid;gap:8px}
.event{
  padding:13px;background:#090b0b;border:1px solid #242727;border-radius:14px;
}
.event-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px}
.event-type{font:700 11px var(--mono);text-transform:uppercase}
.event-time{font:11px var(--mono);color:#777}
.event-text{font-size:14px;line-height:1.4;white-space:pre-wrap}
.event-details{margin-top:6px;color:#aaa;font-size:12px}
.event-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}
.event-delete{margin-top:9px}
.finish-wrap{position:sticky;bottom:10px;z-index:10;padding-top:8px}
.finish-btn{
  width:100%;min-height:58px;background:#f2f3f2;color:#070808;
  border-color:#f2f3f2;border-radius:15px;font:700 12px var(--mono);
  letter-spacing:.1em;text-transform:uppercase;box-shadow:0 8px 25px #0008;
}
.empty{padding:34px 16px;text-align:center;color:var(--muted);border:1px dashed #303333;border-radius:16px}
.modal{position:fixed;inset:0;z-index:100;background:#000d;padding:14px;overflow:auto;backdrop-filter:blur(10px)}
.modal-box{width:min(100%,560px);margin:30px auto;background:#0b0d0d;border:1px solid #303333;border-radius:18px;padding:15px}
.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.editor-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 0;border-bottom:1px solid #222}
.editor-actions{display:flex;gap:6px}
.toast{
  position:fixed;left:50%;bottom:22px;transform:translateX(-50%);
  background:#f1f2f1;color:#080909;padding:10px 14px;border-radius:12px;
  font-size:13px;font-weight:700;z-index:200;display:none;
}
@media(max-width:400px){
  main{padding-left:9px;padding-right:9px}
  .catch-grid{grid-template-columns:1fr}
  .photo-preview{grid-template-columns:repeat(3,1fr)}
}

/* compact v2.1 refinement */
.session-start-line{display:flex;align-items:center;gap:9px;margin-top:7px;padding:8px 10px;border:1px solid #333;border-radius:7px;font:11px "Courier New",monospace}
.session-start-line strong{font-size:15px;letter-spacing:1px}
.session-start-line .muted{margin-left:auto;color:#777;font-size:9px}
.gps-history{margin-top:6px}.gps-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;font:10px "Courier New",monospace;letter-spacing:1px}.gps-toggle b{font-size:17px}
.gps-points-list{margin-top:4px}.hidden{display:none!important}
.gps-point{display:flex;justify-content:space-between;gap:10px;padding:6px 9px;border-bottom:1px solid #252525;font:10px "Courier New",monospace}.gps-time{font-size:12px}.gps-coords{color:#777;text-align:right}
.quick-grid{gap:5px!important}.quick{min-height:48px!important;padding:4px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:6px!important;border-radius:5px!important;font:9px "Courier New",monospace!important;letter-spacing:.3px!important}.px-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #777;font:700 11px monospace;flex:0 0 18px}
.event-row{display:flex!important;align-items:center!important;gap:8px!important;min-height:36px!important}.event-time{flex:0 0 auto!important;font:11px "Courier New",monospace!important;color:#777!important}.event-type{flex:0 1 auto!important;font-size:15px!important;font-weight:700!important;white-space:nowrap!important}.event-delete{margin-left:auto!important;flex:0 0 23px!important;width:23px!important;height:23px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.event-photo-toggle{margin-left:auto!important;font:9px "Courier New",monospace!important}.event-extra{margin-left:48px!important}.event-photos{margin-left:48px!important}

/* v2.1 final button typography */
.quick-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
.quick{
  min-height:48px!important;
  height:48px!important;
  padding:0 8px!important;
  border-radius:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-family:var(--mono)!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.04em!important;
  line-height:1.15!important;
  white-space:normal!important;
}
.quick .px-icon{display:none!important}

.event-row{
  padding:3px 0!important;
}
.event-type{
  font-family:var(--mono)!important;
  font-size:14px!important;
  font-weight:700!important;
  letter-spacing:.02em!important;
}
.event-time{
  font-family:var(--mono)!important;
  font-size:11px!important;
  min-width:42px!important;
}
.event-delete{
  margin-left:auto!important;
}


/* v2.1 chronology final */
.event{padding:7px 0!important;border-bottom:1px solid #252525!important}
.event-top{
  display:flex!important;align-items:center!important;gap:8px!important;
  width:100%!important;min-width:0!important;white-space:nowrap!important;
}
.event-time{
  flex:0 0 42px!important;width:42px!important;
  font:11px "Courier New",monospace!important;color:#777!important;
}
.event-type{
  flex:0 0 auto!important;
  font:700 14px "Courier New",monospace!important;
}
.event-inline-text{
  flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;
  text-overflow:ellipsis!important;white-space:nowrap!important;
  font:11px "Courier New",monospace!important;color:#777!important;
}
.event-photo-toggle,.event-edit{
  flex:0 0 auto!important;margin:0!important;height:25px!important;
  padding:0 7px!important;font:9px "Courier New",monospace!important;
}
.event-edit{margin-left:auto!important}
.event-photos{margin:7px 0 0 50px!important}


/* chronology: minimal edit icon + balanced time column */
.event-top{
  gap:10px!important;
}
.event-time{
  flex:0 0 50px!important;
  width:50px!important;
  min-width:50px!important;
  padding-right:8px!important;
  box-sizing:border-box!important;
  text-align:left!important;
  color:#d0d0d0!important;
  font-size:12px!important;
  font-weight:600!important;
  letter-spacing:.02em!important;
}
.event-type{
  margin-left:2px!important;
}
.event-edit{
  width:27px!important;
  min-width:27px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  font-family:Arial,sans-serif!important;
  font-size:17px!important;
  line-height:1!important;
  color:#aaa!important;
  opacity:.8!important;
}
.event-edit:hover{
  color:#fff!important;
  opacity:1!important;
}


.session-end-line{margin-top:5px!important}
.session-end-line strong{color:#777!important}


.event-form-actions{display:grid;gap:7px}
.photo-edit-item{position:relative;aspect-ratio:1}
.photo-edit-item img{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block}
.photo-remove{
  position:absolute;top:4px;right:4px;width:22px;height:22px;
  padding:0;border:1px solid #777;border-radius:50%;
  background:#080909;color:#fff;font:700 15px/19px Arial,sans-serif;
}


#moveBtn:disabled,#gpsBtn:disabled{
  cursor:not-allowed!important;
  filter:none!important;
}


.gps-check{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:0!important;
  padding:10px 12px!important;
  border:1px solid #2d3030!important;
  border-radius:12px!important;
  color:#aaa!important;
  font:10px var(--mono)!important;
  letter-spacing:.04em!important;
  cursor:pointer!important;
}
.gps-check input{
  width:18px!important;
  height:18px!important;
  min-height:18px!important;
  margin:0!important;
  padding:0!important;
  accent-color:#69d58a;
}
.gps-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:20px;
  min-width:34px;
  padding:0 7px;
  margin-left:6px;
  border:1px solid #34704a;
  border-radius:6px;
  background:#102518;
  color:#72dc91;
  font:700 9px var(--mono);
  letter-spacing:.04em;
}



/* Следующий исходный блок стилей */


#app-version{
  position:fixed;
  right:8px;
  bottom:6px;
  font-size:10px;
  opacity:.35;
  pointer-events:none;
  z-index:999;
}


/* Следующий исходный блок стилей */


.event-top{
  padding-left:12px!important;
  padding-right:8px!important;
}
.event-photos{
  margin-left:62px!important;
  margin-right:8px!important;
}
.event-extra{
  margin-left:62px!important;
}


/* Следующий исходный блок стилей */


.event{
  overflow:hidden!important;
}
.event-top{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  box-sizing:border-box!important;
  padding-left:12px!important;
  padding-right:8px!important;
  gap:10px!important;
}
.event-time{
  flex:0 0 58px!important;
  width:58px!important;
  min-width:58px!important;
  padding-right:4px!important;
  box-sizing:border-box!important;
}
.event-type{
  flex:0 0 auto!important;
  white-space:nowrap!important;
}
.event-spacer{
  flex:1 1 auto!important;
  min-width:4px!important;
}
.event-details{
  display:block!important;
  margin:7px 42px 4px 80px!important;
  padding:0!important;
  color:#9a9a9a!important;
  font:12px/1.45 var(--mono)!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.event-edit{
  flex:0 0 27px!important;
}
.event-photos{
  margin-left:80px!important;
  margin-right:8px!important;
}



/* Fishing Journal — field-first interface */
.field-topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}
.field-topbar .gps{min-width:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#75d98e}
.top-finish{width:auto!important;min-height:40px!important;padding:0 12px!important;background:#270d0d!important;color:#ff6262!important;border:1px solid #8c3030!important;border-radius:10px!important;font:700 10px var(--mono)!important;letter-spacing:.04em!important;box-shadow:none!important}
.session-head{gap:12px}
.session-title{font-size:17px}
.session-meta{justify-content:space-between}
.field-events{padding:12px}
.quick-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.quick{
  min-height:64px!important;height:auto!important;padding:10px!important;
  border:1px solid #383b3b!important;border-radius:12px!important;
  background:#0a0c0c!important;color:#f1f2f1!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:8px!important;font:700 12px var(--mono)!important;letter-spacing:.04em!important;
}
.camera-mark{width:18px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;flex:0 0 auto}
.note-button{width:100%;margin-top:10px;min-height:58px;background:#e9ecea;color:#080909;border-radius:12px;font:700 12px var(--mono);letter-spacing:.08em}
.events{gap:0}
.event{padding:9px 2px!important;border:0!important;border-bottom:1px solid #252828!important;border-radius:0!important;background:transparent!important}
.event-top.event-row{display:grid!important;grid-template-columns:minmax(0,1fr) 48px auto auto;gap:8px!important;align-items:center!important;padding:0!important;white-space:normal!important}
.event-type{font:700 12px var(--mono)!important;white-space:nowrap!important}
.event-time{font:11px var(--mono)!important;color:#aaa!important;text-align:right}
.event-coords{font:10px var(--mono);color:#72dc91;white-space:nowrap;text-align:right}
.event-photo-open{min-height:28px!important;height:28px!important;padding:0 7px!important;border:1px solid #34704a!important;background:#102518!important;color:#72dc91!important;font:700 9px var(--mono)!important}
.event-details{margin:6px 0 2px!important;font-size:11px!important}
.camera-box{max-width:560px}
.camera-box video{display:block;width:100%;max-height:65vh;object-fit:contain;background:#000;border-radius:12px}
#cameraReview img{display:block;width:100%;max-height:65vh;object-fit:contain;background:#000;border-radius:12px}
.camera-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.camera-actions button{min-height:48px}
.camera-hint{color:var(--muted);font-size:11px;line-height:1.4}
.photo-viewer-box{position:relative;width:min(100%,900px);margin:5vh auto;padding:42px 10px 10px}
.photo-viewer-box img{display:block;max-width:100%;max-height:80vh;margin:auto;object-fit:contain}
.viewer-close{position:absolute;right:10px;top:8px}
@media(max-width:380px){
 .field-topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:5px}
 .field-topbar .gps{font-size:8px}
 .top-finish{padding:0 8px!important;font-size:9px!important}
 .event-top.event-row{grid-template-columns:minmax(0,1fr) 42px auto;gap:6px!important}
 .event-coords{grid-column:1/-1;text-align:left;padding-left:2px}
}


/* 0.2.2 — compact mobile field controls and stable history rows */
#fishView .field-events { padding: 10px !important; }
#fishView .field-events .quick-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
}
#fishView .field-events .quick-grid .quick {
  min-height: 44px !important;
  height: 44px !important;
  padding: 5px 7px !important;
  border-radius: 9px !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
  letter-spacing: .025em !important;
}
#fishView .field-events .quick-grid .camera-mark {
  width: 16px !important;
  height: 14px !important;
}
#fishView .field-events .note-button {
  min-height: 48px !important;
  height: 48px !important;
  margin-top: 8px !important;
  font-size: 13px !important;
}
#fishView .session-head { gap: 8px !important; padding: 12px !important; }
#fishView .session-title { font-size: 16px !important; }
#fishView .history-card { padding: 12px !important; }
#fishView .history-heading {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}
#fishView .history-heading h3 { margin: 0 !important; }
#fishView .history-toggle {
  display: inline-flex !important;
  flex: 0 0 34px !important;
  width: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  height: 34px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border: 1px solid #414444 !important;
  border-radius: 8px !important;
  background: #101212 !important;
  color: #f2f3f2 !important;
  font: 20px/1 var(--mono) !important;
}
#fishView #historyContent { margin-top: 8px !important; }
#fishView .events { gap: 0 !important; }
#fishView .event {
  padding: 6px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #252828 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
#fishView .event-top.event-row {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 44px minmax(88px,auto) 26px !important;
  align-items: center !important;
  gap: 6px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
}
#fishView .event-type {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font: 700 12px var(--mono) !important;
}
#fishView .event-time {
  width: 44px !important;
  min-width: 44px !important;
  text-align: right !important;
  white-space: nowrap !important;
  color: #b5b8b6 !important;
  font: 11px var(--mono) !important;
}
#fishView .event-coords {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-align: right !important;
  color: #72dc91 !important;
  font: 10px var(--mono) !important;
}
#fishView .event-photo-icon,
#fishView .event-photo-icon-placeholder {
  display: inline-flex !important;
  flex: 0 0 26px !important;
  width: 26px !important;
  min-width: 26px !important;
  height: 26px !important;
  min-height: 26px !important;
  align-items: center !important;
  justify-content: center !important;
}
#fishView .event-photo-icon {
  padding: 0 !important;
  border: 1px solid #454949 !important;
  border-radius: 7px !important;
  background: #101212 !important;
  color: #d7d9d8 !important;
}
#fishView .event-photo-icon svg {
  display: block !important;
  width: 15px !important;
  height: 13px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.7 !important;
}
#fishView .event-photo-icon-placeholder { visibility: hidden !important; }
#fishView .event-details {
  margin: 4px 32px 2px 0 !important;
  font: 11px/1.35 var(--mono) !important;
}
@media (max-width: 380px) {
  #fishView .event-top.event-row {
    grid-template-columns: minmax(0,1fr) 40px minmax(70px,auto) 24px !important;
    gap: 4px !important;
  }
  #fishView .event-time { width: 40px !important; min-width: 40px !important; font-size: 10px !important; }
  #fishView .event-coords { font-size: 9px !important; }
  #fishView .event-photo-icon,
  #fishView .event-photo-icon-placeholder { flex-basis: 24px !important; width: 24px !important; min-width: 24px !important; height: 24px !important; min-height: 24px !important; }
}


/* 0.2.3 — aligned event metadata, map link and expandable details */
#fishView .event-top.event-row {
  display: grid !important;
  grid-template-columns: 42px minmax(0,1fr) 26px auto !important;
  align-items: center !important;
  gap: 7px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
}
#fishView .event-time {
  grid-column: 1 !important;
  width: 42px !important;
  min-width: 42px !important;
  text-align: left !important;
  white-space: nowrap !important;
  color: #b5b8b6 !important;
  font: 11px var(--mono) !important;
}
#fishView .event-type {
  grid-column: 2 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font: 700 12px var(--mono) !important;
}
#fishView .event-photo-icon {
  grid-column: 3 !important;
  display: inline-flex !important;
  flex: 0 0 26px !important;
  width: 26px !important;
  min-width: 26px !important;
  height: 26px !important;
  min-height: 26px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border: 1px solid #454949 !important;
  border-radius: 7px !important;
  background: #101212 !important;
  color: #d7d9d8 !important;
}
#fishView .event-photo-icon svg {
  display: block !important;
  width: 15px !important;
  height: 13px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.7 !important;
}
#fishView .event-map-slot {
  grid-column: 4 !important;
  justify-self: end !important;
  min-width: 0 !important;
}
#fishView .event-map-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 4px !important;
  min-height: 26px !important;
  color: #d7d9d8 !important;
  text-decoration: underline !important;
  text-decoration-color: #777 !important;
  text-underline-offset: 2px !important;
  white-space: nowrap !important;
  font: 10px var(--mono) !important;
}
#fishView .event-map-link svg {
  display: block !important;
  width: 15px !important;
  height: 15px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.4 !important;
}
#fishView .event-disclosure {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  margin-top: 2px !important;
}
#fishView .event-disclosure-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 26px !important;
  min-width: 26px !important;
  height: 24px !important;
  min-height: 24px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: transparent !important;
  color: #bfc2c0 !important;
  font: 18px/1 var(--mono) !important;
}
#fishView .event-detail-content {
  align-self: stretch !important;
  width: 100% !important;
  padding: 3px 4px 5px 49px !important;
}
#fishView .event-details-text {
  color: #aeb2b0 !important;
  font: 11px/1.4 var(--mono) !important;
  white-space: pre-wrap !important;
  overflow-wrap: anywhere !important;
}
@media (max-width: 360px) {
  #fishView .event-top.event-row {
    grid-template-columns: 38px minmax(0,1fr) 24px auto !important;
    gap: 4px !important;
  }
  #fishView .event-time { width: 38px !important; min-width: 38px !important; font-size: 10px !important; }
  #fishView .event-photo-icon { width: 24px !important; min-width: 24px !important; height: 24px !important; min-height: 24px !important; }
  #fishView .event-map-link { gap: 3px !important; font-size: 9px !important; }
  #fishView .event-map-link svg { width: 13px !important; height: 13px !important; }
}


/* 0.2.4 — one-line event actions and compact current weather */
#fishView .event-top.event-row {
  grid-template-columns: 42px minmax(0,1fr) auto auto !important;
  gap: 7px !important;
}
#fishView .event-actions-slot {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 3px !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}
#fishView .event-photo-icon,
#fishView .event-disclosure-toggle {
  flex: 0 0 24px !important;
  width: 24px !important;
  min-width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
}
#fishView .event-disclosure-toggle {
  border: 0 !important;
  background: transparent !important;
  color: #bfc2c0 !important;
  font: 18px/1 var(--mono) !important;
}
#fishView .event-detail-content {
  width: 100% !important;
  padding: 4px 4px 5px 49px !important;
}
#fishView .event-map-slot { justify-self: end !important; white-space: nowrap !important; }
#fishView .weather-card { padding: 10px 12px !important; }
#fishView .weather-heading {
  display:flex; align-items:center; justify-content:space-between; gap:8px;
  color:#9da3a0; font:700 10px var(--mono); letter-spacing:.07em;
}
#fishView #weatherStatus { color:#777e7b; font-weight:400; }
#fishView .weather-summary {
  margin-top:6px; color:#e0e3e1; font:10px/1.5 var(--mono);
  overflow-wrap:anywhere;
}
@media (max-width:380px) {
  #fishView .event-top.event-row { grid-template-columns:40px minmax(0,1fr) auto auto !important; gap:4px !important; }
  #fishView .event-time { width:40px !important; min-width:40px !important; }
  #fishView .event-actions-slot { gap:1px !important; }
  #fishView .event-photo-icon, #fishView .event-disclosure-toggle { flex-basis:22px !important; width:22px !important; min-width:22px !important; height:22px !important; min-height:22px !important; }
  #fishView .event-map-link { gap:3px !important; font-size:9px !important; }
}

/* GPS status: compact status dot, no coordinates in the field header */
#fishView .field-topbar .gps {
  display:inline-block !important;
  width:9px !important;
  height:9px !important;
  min-width:9px !important;
  padding:0 !important;
  margin:0 auto !important;
  border-radius:50% !important;
  overflow:visible !important;
  font-size:0 !important;
  line-height:0 !important;
  background:#c94b4b !important;
  box-shadow:0 0 0 3px rgba(201,75,75,.12) !important;
}
#fishView .field-topbar .gps.ok {
  background:#42c878 !important;
  box-shadow:0 0 0 3px rgba(66,200,120,.13) !important;
}
#fishView .field-topbar .gps.err {
  background:#c94b4b !important;
  box-shadow:0 0 0 3px rgba(201,75,75,.12) !important;
}
#fishView .session-meta { justify-content:flex-end !important; }


/* 0.2.6 — framed GPS indicator; no duplicate start line; current weather */
#fishView .field-topbar { grid-template-columns:auto minmax(0,1fr) auto !important; }
#fishView .gps-indicator {
  justify-self:end !important; display:inline-flex !important; align-items:center !important;
  justify-content:center !important; gap:7px !important; min-width:64px !important;
  height:36px !important; padding:0 10px !important; margin:0 2px 0 0 !important;
  border:1px solid #3b4140 !important; border-radius:10px !important;
  background:#0b0e0d !important; color:#d9ddda !important;
  font:700 10px var(--mono) !important; letter-spacing:.08em !important;
  box-shadow:none !important; white-space:nowrap !important;
}
#fishView .gps-indicator i {
  display:block !important; width:8px !important; height:8px !important;
  min-width:8px !important; border-radius:50% !important; background:#c94b4b !important;
  box-shadow:0 0 0 2px rgba(201,75,75,.13) !important;
}
#fishView .gps-indicator.ok i { background:#42c878 !important; box-shadow:0 0 0 2px rgba(66,200,120,.14) !important; }
#fishView .gps-indicator.err i { background:#c94b4b !important; }
#fishView .session-meta { display:none !important; }
#fishView .weather-heading { justify-content:flex-start !important; }
@media (max-width:380px) {
  #fishView .gps-indicator { min-width:58px !important; height:34px !important; padding:0 8px !important; gap:6px !important; }
}


/* 0.2.7: single-line field header and safe event deletion */
#fishView .field-topbar{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;}
#fishView .session-inline{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;white-space:nowrap;overflow:hidden;}
#fishView .session-inline .session-title{font-size:clamp(10px,1.15vw,15px)!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;min-width:0;}
#fishView .gps-indicator{flex:0 0 auto!important;}
#fishView #backBtn,#fishView #finishBtn{min-width:104px!important;height:42px!important;padding:0 10px!important;white-space:nowrap!important;}
#fishView .event-delete{border:1px solid #444!important;border-radius:6px!important;background:transparent!important;color:#999!important;font:16px/1 monospace!important;width:23px!important;height:23px!important;min-width:23px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 23px!important;}
#fishView .event-delete:active{background:#292929!important;color:#fff!important;}
#fishView .weather-summary{display:block!important;}
@media(max-width:520px){#fishView .field-topbar{grid-template-columns:auto minmax(0,1fr) auto!important;gap:4px!important;}#fishView #backBtn,#fishView #finishBtn{min-width:76px!important;font-size:9px!important;padding:0 5px!important;}#fishView .session-inline{gap:4px;}#fishView .session-inline .session-title{font-size:10px!important;}#fishView .gps-indicator{padding:4px 5px!important;font-size:8px!important;}}

#fishView .event-top.event-row{grid-template-columns:42px minmax(0,1fr) auto auto 28px!important;gap:6px!important;}
#fishView .event-actions-slot{display:flex!important;align-items:center!important;gap:4px!important;}


/* 0.2.7 hotfix: compact muted burgundy delete control */
#fishView .event-delete{
  align-self:center!important; justify-self:center!important;
  width:28px!important; min-width:28px!important; max-width:28px!important;
  height:28px!important; min-height:28px!important; max-height:28px!important;
  flex:0 0 28px!important; padding:0!important; margin:0!important;
  border:1px solid #71343b!important; border-radius:6px!important;
  background:rgba(75,28,34,.10)!important; color:#8e4a52!important;
  font:600 17px/1 monospace!important; display:inline-flex!important;
  align-items:center!important; justify-content:center!important;
  box-sizing:border-box!important; overflow:hidden!important;
}
#fishView .event-delete:active{background:rgba(95,35,43,.22)!important;color:#a9656c!important;}

/* 0.2.7 weather layout hotfix: keep current conditions on one compact line */
#fishView .weather-card {
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:48px!important;
  padding:10px 14px!important;
}
#fishView .weather-heading {
  flex:0 0 auto!important;
  margin:0!important;
  white-space:nowrap!important;
}
#fishView .weather-summary {
  flex:1 1 auto!important;
  min-width:0!important;
  margin:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  overflow-wrap:normal!important;
  line-height:1.3!important;
}
@media(max-width:520px){
  #fishView .weather-card{gap:8px!important;padding:9px 10px!important;}
  #fishView .weather-summary{font-size:9px!important;}
}


/* 0.2.7 — manual weather refresh and readable session title */
#fishView .weather-heading{display:flex!important;align-items:center!important;gap:8px!important;}
#fishView .weather-refresh{width:28px!important;min-width:28px!important;max-width:28px!important;height:28px!important;min-height:28px!important;max-height:28px!important;flex:0 0 28px!important;padding:0!important;margin:0!important;border:1px solid #454b49!important;border-radius:50%!important;background:transparent!important;color:#aeb5b1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;}
#fishView .weather-refresh svg{width:16px!important;height:16px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
#fishView .weather-refresh:active{background:#202523!important;color:#e2e6e3!important;}
#fishView .weather-refresh:disabled{opacity:.55!important;cursor:default!important;}
#fishView .weather-refresh.is-loading svg{animation:weatherSpin .8s linear infinite;}
@keyframes weatherSpin{to{transform:rotate(360deg);}}
#fishView .session-inline .session-title{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:17px!important;font-weight:650!important;letter-spacing:.01em!important;line-height:1.2!important;}
@media(max-width:520px){#fishView .session-inline .session-title{font-size:14px!important;}}


/* 0.2.8 — consistent typography, protected initial weather record, weather refresh placement */
:root{
  --ui-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
html,body,button,input,select,textarea{
  font-family:var(--ui-font)!important;
}
#fishView h2,#fishView h3,
#fishView .field-topbar button,
#fishView .weather-heading,
#fishView .quick,
#fishView .note-button,
#fishView .event-type,
#fishView .event-time,
#fishView .event-map-link,
#fishView .event-delete,
#fishView .history-toggle{
  font-family:var(--ui-font)!important;
}
#fishView .session-inline .session-title{
  font-family:var(--ui-font)!important;
  font-size:clamp(10px,2.8vw,13px)!important;
  font-weight:600!important;
  letter-spacing:0!important;
  line-height:1.15!important;
}
#fishView .weather-card{
  display:block!important;
}
#fishView .weather-heading{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  margin:0 0 6px!important;
}
#fishView .weather-data-row{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
}
#fishView .weather-summary{
  flex:1 1 auto!important;
  min-width:0!important;
  margin:0!important;
  font-family:var(--ui-font)!important;
  font-size:10px!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#fishView .weather-refresh{
  width:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  flex:0 0 28px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  border:1px solid #454b49!important;
  border-radius:50%!important;
  background:transparent!important;
  color:#b8bfbb!important;
}
#fishView .weather-refresh svg{
  width:16px!important;
  height:16px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
#fishView .weather-refresh.is-loading svg{
  animation:weatherSpin .8s linear infinite!important;
}
@media(max-width:520px){
  #fishView .session-inline .session-title{font-size:10px!important;}
  #fishView .weather-summary{font-size:9px!important;}
}


/* 0.2.10 — explicit circular weather refresh control */
#fishView .weather-data-row{display:flex!important;align-items:center!important;gap:8px!important;}
#fishView .weather-summary{flex:1 1 auto!important;min-width:0!important;}
#fishView .weather-refresh{appearance:none!important;-webkit-appearance:none!important;width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important;min-height:30px!important;max-height:30px!important;flex:0 0 30px!important;padding:0!important;margin:0!important;border:1px solid #626b66!important;border-radius:50%!important;background:transparent!important;color:#c2cbc5!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;line-height:1!important;}
#fishView .weather-refresh svg{display:block!important;width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
#fishView .weather-refresh:active{background:#252c28!important;}
#fishView .event-delete-placeholder{display:block!important;width:28px!important;min-width:28px!important;height:28px!important;flex:0 0 28px!important;}


/* 0.2.11 — field-first single-line weather and aligned history controls */
#fishView .weather-card{
  display:flex!important; flex-flow:row nowrap!important; align-items:center!important;
  gap:9px!important; min-height:44px!important; padding:8px 10px!important;
  overflow:hidden!important;
}
#fishView .weather-heading{flex:0 0 auto!important; margin:0!important; white-space:nowrap!important; font-size:11px!important;}
#fishView .weather-data-row{display:flex!important; flex:1 1 auto!important; min-width:0!important;
  flex-flow:row nowrap!important; align-items:center!important; gap:7px!important;}
#fishView .weather-summary{flex:1 1 auto!important; min-width:0!important; white-space:nowrap!important;
  overflow:hidden!important; text-overflow:ellipsis!important; font-size:10px!important; line-height:1.2!important;}
#fishView .weather-refresh{width:28px!important; min-width:28px!important; max-width:28px!important;
  height:28px!important; min-height:28px!important; max-height:28px!important; flex:0 0 28px!important;
  border-radius:50%!important; padding:0!important; margin:0!important; box-sizing:border-box!important;}
#fishView .weather-refresh svg{width:16px!important;height:16px!important;stroke-width:1.8!important;}
#fishView .event-top.event-row{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto auto 28px!important;gap:6px!important;align-items:center!important;}
#fishView .event-label-group{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;min-width:0!important;white-space:nowrap!important;}
#fishView .event-label-group .event-type{min-width:0!important;}
#fishView .event-label-group .event-disclosure-toggle{flex:0 0 22px!important;width:22px!important;height:22px!important;margin:0!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
#fishView .event-actions-slot{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;}
#fishView .event-delete,#fishView .event-delete-placeholder{width:28px!important;min-width:28px!important;max-width:28px!important;height:28px!important;min-height:28px!important;max-height:28px!important;flex:0 0 28px!important;}
@media(max-width:520px){
  #fishView .weather-card{gap:7px!important;padding:7px 8px!important;}
  #fishView .weather-heading{font-size:10px!important;}
  #fishView .weather-summary{font-size:9px!important;}
  #fishView .event-top.event-row{grid-template-columns:38px minmax(0,1fr) auto auto 28px!important;gap:4px!important;}
}


/* 0.2.12 — compact field weather, matching history snapshot and aligned disclosure */
#fishView .weather-card{display:flex!important;flex-flow:row nowrap!important;align-items:center!important;gap:9px!important;min-height:44px!important;padding:8px 10px!important;overflow:visible!important;}
#fishView .weather-heading{flex:0 0 auto!important;margin:0!important;white-space:nowrap!important;}
#fishView .weather-data-row{display:flex!important;flex:1 1 auto!important;min-width:0!important;flex-flow:row nowrap!important;align-items:center!important;gap:7px!important;}
#fishView .weather-summary{display:flex!important;flex:1 1 auto!important;min-width:0!important;flex-flow:row wrap!important;align-items:center!important;justify-content:space-between!important;column-gap:10px!important;row-gap:5px!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;font-size:10px!important;line-height:1.25!important;}
#fishView .weather-refresh{appearance:none!important;-webkit-appearance:none!important;width:28px!important;min-width:28px!important;max-width:28px!important;height:28px!important;min-height:28px!important;max-height:28px!important;flex:0 0 28px!important;border:1px solid #626b66!important;border-radius:50%!important;background:transparent!important;color:#c2cbc5!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;box-sizing:border-box!important;}
#fishView .weather-refresh svg{display:block!important;width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
#fishView .event-top.event-row{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto auto 22px 28px!important;gap:6px!important;align-items:center!important;}
#fishView .event-label-group{display:flex!important;min-width:0!important;justify-content:flex-start!important;}
#fishView .event-disclosure-toggle,#fishView .event-disclosure-placeholder{grid-column:auto!important;justify-self:end!important;align-self:center!important;width:22px!important;min-width:22px!important;height:22px!important;min-height:22px!important;flex:0 0 22px!important;margin:0!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
#fishView .event-delete{width:28px!important;min-width:28px!important;max-width:28px!important;height:28px!important;min-height:28px!important;max-height:28px!important;flex:0 0 28px!important;margin:0!important;}
@media(max-width:520px){#fishView .weather-summary{font-size:9px!important;column-gap:7px!important;}#fishView .event-top.event-row{grid-template-columns:38px minmax(0,1fr) auto auto 22px 28px!important;gap:4px!important;}}

#fishView .weather-piece{flex:1 1 auto!important;min-width:max-content!important;white-space:nowrap!important;text-align:center!important;}
#fishView .weather-piece:first-child{text-align:left!important;}


/* 0.2.13 — balanced weather icons, square refresh button, history disclosure alignment */
#fishView .weather-card{
  display:flex!important;flex-flow:row nowrap!important;align-items:center!important;
  gap:8px!important;min-width:0!important;overflow:visible!important;
}
#fishView .weather-heading{flex:0 0 auto!important;white-space:nowrap!important;margin:0!important;}
#fishView .weather-data-row{display:flex!important;flex:1 1 auto!important;min-width:0!important;align-items:center!important;gap:7px!important;}
#fishView .weather-summary{
  display:grid!important;flex:1 1 auto!important;min-width:0!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  align-items:center!important;justify-items:stretch!important;
  gap:7px 9px!important;overflow:visible!important;white-space:normal!important;
  font:10px/1.2 var(--ui-font)!important;
}
#fishView .weather-piece{
  display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;
  gap:5px!important;min-width:0!important;white-space:nowrap!important;text-align:left!important;
  font:10px/1.2 var(--ui-font)!important;color:#d2d6d3!important;
}
#fishView .weather-icon{
  display:block!important;width:16px!important;height:16px!important;min-width:16px!important;
  flex:0 0 16px!important;fill:none!important;stroke:#aeb6b1!important;
  stroke-width:1.65!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
#fishView .weather-refresh{
  appearance:none!important;-webkit-appearance:none!important;
  width:28px!important;min-width:28px!important;max-width:28px!important;
  height:28px!important;min-height:28px!important;max-height:28px!important;
  flex:0 0 28px!important;box-sizing:border-box!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:0!important;margin:0!important;border:1px solid #454b49!important;
  border-radius:7px!important;background:#101212!important;color:#d7ddda!important;
}
#fishView .weather-refresh svg{
  display:block!important;width:16px!important;height:16px!important;
  fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
}
#fishView .weather-refresh.is-loading svg{animation:weatherSpin .8s linear infinite!important;}
#fishView .event-top.event-row{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto auto 28px 34px!important;
  gap:5px!important;align-items:center!important;
}
#fishView .event-disclosure-toggle,#fishView .event-disclosure-placeholder{
  grid-column:6!important;justify-self:center!important;
  width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important;
  margin:0!important;padding:0!important;display:inline-flex!important;
  align-items:center!important;justify-content:center!important;
}
#fishView .event-delete{
  grid-column:5!important;justify-self:center!important;
  width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important;
  margin:0!important;
}
#fishView .event-delete-placeholder{display:none!important;}
#fishView .history-toggle{width:34px!important;height:34px!important;flex-basis:34px!important;}
@media(max-width:650px){
  #fishView .weather-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px 6px!important;font-size:9px!important;}
  #fishView .weather-piece{font-size:9px!important;gap:4px!important;}
  #fishView .weather-icon{width:16px!important;height:16px!important;min-width:16px!important;flex-basis:16px!important;}
  #fishView .event-top.event-row{grid-template-columns:38px minmax(0,1fr) auto auto 28px 34px!important;gap:4px!important;}
}

/* 0.2.14 — larger stable weather values and refresh glyph */
#fishView .weather-heading{display:none!important;}
#fishView .weather-card{gap:8px!important;}
#fishView .weather-data-row{min-width:0!important;flex:1 1 auto!important;}
#fishView .weather-summary{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:7px 10px!important;
  font-size:12px!important;line-height:1.25!important;
}
#fishView .weather-piece{
  min-width:0!important;gap:6px!important;
  font-size:12px!important;line-height:1.2!important;
  white-space:nowrap!important;
}
#fishView .weather-icon{
  width:19px!important;height:19px!important;min-width:19px!important;
  flex:0 0 19px!important;stroke-width:1.7!important;
}
#fishView .weather-refresh{
  width:28px!important;min-width:28px!important;max-width:28px!important;
  height:28px!important;min-height:28px!important;max-height:28px!important;
  flex:0 0 28px!important;border-radius:7px!important;
}
#fishView .weather-refresh svg{
  width:18px!important;height:18px!important;stroke-width:1.9!important;
}
@media(max-width:650px){
  #fishView .weather-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px 8px!important;font-size:11px!important;}
  #fishView .weather-piece{font-size:11px!important;gap:5px!important;}
  #fishView .weather-icon{width:18px!important;height:18px!important;min-width:18px!important;flex-basis:18px!important;}
}


/* 0.2.15 — static refresh control and centered weather field */
#fishView .weather-card{
  display:flex!important; flex-flow:row nowrap!important; align-items:center!important;
  justify-content:center!important; gap:10px!important;
  padding-left:12px!important; padding-right:12px!important;
  box-sizing:border-box!important;
}
#fishView .weather-data-row{
  flex:1 1 0!important; min-width:0!important;
  display:flex!important; align-items:center!important; justify-content:center!important;
}
#fishView .weather-summary{
  width:100%!important; flex:1 1 100%!important;
  display:grid!important; grid-template-columns:repeat(6,minmax(0,1fr))!important;
  justify-items:center!important; align-items:center!important;
  text-align:center!important; margin:0 auto!important;
}
#fishView .weather-piece{
  width:100%!important; min-width:0!important;
  display:flex!important; justify-content:center!important; align-items:center!important;
  text-align:center!important;
}
#fishView .weather-refresh{
  flex:0 0 28px!important; width:28px!important; min-width:28px!important;
  max-width:28px!important; height:28px!important; min-height:28px!important;
  max-height:28px!important; border-radius:7px!important;
}
#fishView .weather-refresh svg{animation:none!important; transform:none!important;}
#fishView .weather-refresh.is-loading svg{animation:none!important; transform:none!important;}
@media(max-width:650px){
  #fishView .weather-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:8px 6px!important;}
  #fishView .weather-piece{justify-content:center!important;}
}

/* 0.2.17 — tap-anywhere event rows; no disclosure or delete controls for system weather */
#fishView .event-clickable{cursor:pointer; -webkit-tap-highlight-color:transparent;}
#fishView .event-clickable:focus-visible{outline:1px solid #777;outline-offset:2px;}
#fishView .event-clickable .event-top.event-row{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto auto 28px!important;
  align-items:center!important;gap:6px!important;
  min-height:34px!important;
}
#fishView .event-clickable .event-label-group{min-width:0!important;}
#fishView .event-clickable .event-type{white-space:normal!important;}
#fishView .event-clickable .event-detail-content{padding:7px 0 3px 50px!important;}
#fishView .event:not(.event-clickable) .event-top.event-row{grid-template-columns:42px minmax(0,1fr) auto auto 28px!important;}
#fishView .event-delete{grid-column:5!important;justify-self:center!important;margin:0!important;}
.session-rules{font-size:12px}.session-rules summary{font-family:var(--mono);font-weight:700;letter-spacing:.05em;cursor:pointer;padding:4px 0 12px}.session-rules-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.session-rules-grid label{font-size:10px;color:var(--muted)}.session-rules-grid input{width:100%;min-width:0;margin-top:5px;padding:8px 5px}.session-rules-toggle{display:flex;align-items:center;gap:8px;margin:12px 0}.session-rules-toggle input{width:auto}

/* 0.2.22 — optional lure note in the camera flow */
#cameraCommentWrap{margin:10px 0 12px}
#cameraCommentWrap label{margin-bottom:7px}
#cameraComment{min-height:72px}