/* Genova mApp - Taccuino di viaggio V3
   Grafica provvisoria interamente CSS. Le texture JPG potranno essere aggiunte
   in seguito senza modificare la struttura JavaScript. */

#fav-notes-panel{
  --taccuino-leather-dark:#2e1c14;
  --taccuino-leather:#513426;
  --taccuino-leather-light:#72513d;
  --taccuino-paper:#f2e8cf;
  --taccuino-paper-deep:#e3d3ad;
  --taccuino-ink:#30281f;
  --taccuino-muted:#756a5b;
  --taccuino-line:rgba(91,111,125,.18);
  --taccuino-red:#87483e;
  --taccuino-green:#536f5b;
  --taccuino-blue:#486b7a;
  /* Reset completo delle vecchie regole del piccolo pannello Preferiti. */
  position:fixed !important;
  inset:0 !important;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  left:0 !important;
  width:100vw !important;
  height:100vh !important;
  height:100dvh !important;
  min-width:0 !important;
  max-width:none !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  overflow:hidden !important;
  transform:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  z-index:12000 !important;
  display:none !important;
  align-items:center !important;
  justify-content:center !important;
  padding:max(48px, env(safe-area-inset-top, 0px)) max(48px, env(safe-area-inset-right, 0px)) max(48px, env(safe-area-inset-bottom, 0px)) max(48px, env(safe-area-inset-left, 0px));
  background:rgba(20,16,13,.72) !important;
  backdrop-filter:blur(4px);
  box-sizing:border-box;
  font-family:Georgia, "Times New Roman", serif;
  color:var(--taccuino-ink);
}

#fav-notes-panel.open{ display:flex !important; }
html.taccuino-open{ overflow:hidden !important; }

#fav-notes-panel,
#fav-notes-panel *{ box-sizing:border-box; }

#fav-notes-panel .taccuino-card{
  position:relative;
  width:min(1180px, calc(100vw - 96px));
  height:min(900px, calc(100dvh - 96px));
  min-width:0;
  min-height:560px;
  max-width:100%;
  max-height:100%;
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr) auto;
  overflow:hidden;
  border:1px solid #1d110c;
  border-radius:24px 18px 20px 24px;
  background:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.07) 0 1px, transparent 2px),
    radial-gradient(circle at 70% 55%, rgba(0,0,0,.16) 0 1px, transparent 2px),
    linear-gradient(115deg, var(--taccuino-leather-light), var(--taccuino-leather) 34%, var(--taccuino-leather-dark));
  background-size:31px 29px, 37px 41px, auto;
  box-shadow:0 26px 70px rgba(0,0,0,.52), inset 0 0 0 4px rgba(255,255,255,.045), inset 0 0 0 7px rgba(22,11,7,.35);
}

#fav-notes-panel .taccuino-card::before{
  content:"";
  position:absolute;
  inset:9px;
  z-index:0;
  pointer-events:none;
  border:1px dashed rgba(224,193,149,.42);
  border-radius:17px 12px 14px 17px;
}

#fav-notes-panel .taccuino-card::after{
  content:"";
  position:absolute;
  top:14px;
  bottom:14px;
  left:18px;
  width:5px;
  z-index:3;
  pointer-events:none;
  border-radius:4px;
  background:linear-gradient(90deg, rgba(0,0,0,.28), rgba(255,255,255,.08), rgba(0,0,0,.25));
  box-shadow:5px 0 10px rgba(0,0,0,.18);
}

.taccuino-cover-head,
.taccuino-tabs,
.taccuino-paper,
.taccuino-footer{ position:relative; z-index:2; }

#fav-notes-panel .taccuino-cover-head{
  min-height:74px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px 24px 10px 34px;
  border:0;
  border-bottom:0;
  background:transparent;
  color:#f5e8cf;
}

.taccuino-brand{ display:flex; align-items:center; gap:12px; min-width:0; }
.taccuino-brand-mark{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border:1px solid rgba(245,222,178,.46);
  border-radius:50%;
  background:rgba(33,18,12,.28);
  box-shadow:inset 0 0 0 3px rgba(255,255,255,.025);
  color:#e5c590;
  font-size:18px;
}

#fav-notes-panel .taccuino-brand h3{
  margin:0;
  color:#f7ead4;
  font-family:Georgia, "Times New Roman", serif;
  font-size:24px;
  font-weight:700;
  line-height:1.05;
  letter-spacing:.02em;
}

#taccuino-subtitle{
  margin:4px 0 0;
  color:rgba(247,234,212,.72);
  font-size:12px;
  font-style:italic;
  letter-spacing:.04em;
}

#fav-notes-panel .taccuino-close{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  margin:0;
  padding:0;
  border:1px solid rgba(245,222,178,.38);
  border-radius:50%;
  background:rgba(28,15,10,.34);
  color:#f5e6ce;
  font-family:Arial, sans-serif;
  font-size:25px;
  line-height:1;
  cursor:pointer;
}

#fav-notes-panel .taccuino-close:hover,
#fav-notes-panel .taccuino-close:focus-visible{ background:rgba(17,8,5,.58); outline:2px solid rgba(245,222,178,.35); outline-offset:2px; }

.taccuino-tabs{
  display:flex;
  align-items:flex-end;
  gap:7px;
  padding:0 34px;
}

#fav-notes-panel .taccuino-tabs button{
  min-width:132px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin:0 0 -7px;
  padding:8px 17px 13px;
  border:1px solid rgba(30,19,13,.72);
  border-bottom:0;
  border-radius:10px 10px 0 0;
  background:linear-gradient(#725548,#51392f);
  box-shadow:inset 0 1px rgba(255,255,255,.12), 0 -3px 8px rgba(0,0,0,.2);
  color:#f4e6cf;
  font-family:Georgia, "Times New Roman", serif;
  font-size:14px;
  cursor:pointer;
  transition:transform .16s ease, filter .16s ease, margin .16s ease;
}

/* Colori legati alla sezione, non alla posizione del segnalibro. */
#fav-notes-panel .taccuino-tabs button[data-view="notes"]{ background:linear-gradient(#687a84,#465c66); }
#fav-notes-panel .taccuino-tabs button[data-view="routes"]{ background:linear-gradient(#667767,#455649); }
#fav-notes-panel .taccuino-tabs button[data-view="favorites"]{ background:linear-gradient(#725548,#51392f); }
#fav-notes-panel .taccuino-tabs button:hover{ filter:brightness(1.08); transform:translateY(-2px); }
#fav-notes-panel .taccuino-tabs button.is-active{
  margin-bottom:-1px;
  padding-bottom:12px;
  transform:translateY(-4px);
  filter:brightness(1.12);
  box-shadow:inset 0 1px rgba(255,255,255,.18), 0 -5px 12px rgba(0,0,0,.24);
}
#fav-notes-panel .taccuino-tabs button:focus-visible{ outline:2px solid #f0d29f; outline-offset:2px; }
#fav-notes-panel .taccuino-tabs span{ font-family:Arial, sans-serif; font-size:15px; }
#fav-notes-panel .taccuino-tabs b{ font-weight:700; }

.taccuino-paper{
  min-height:0;
  margin:0 18px 0 27px;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  overflow:hidden;
  border:1px solid rgba(62,46,29,.38);
  border-radius:8px 10px 12px 7px;
  background:
    linear-gradient(90deg, transparent 0 52px, rgba(167,82,69,.21) 53px, rgba(167,82,69,.21) 54px, transparent 55px),
    repeating-linear-gradient(to bottom, transparent 0 31px, var(--taccuino-line) 32px, transparent 33px),
    radial-gradient(circle at 8% 12%, rgba(132,101,61,.08), transparent 28%),
    linear-gradient(98deg, #eadcbd, var(--taccuino-paper) 9%, #f5edd9 72%, #e5d5b2);
  box-shadow:inset 18px 0 30px rgba(70,48,23,.13), inset -8px 0 18px rgba(91,62,31,.08), 0 4px 12px rgba(0,0,0,.3);
  transform-origin:left center;
}

.taccuino-paper::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(69,47,25,.1), transparent 3%, transparent 96%, rgba(69,47,25,.08)),
    radial-gradient(circle at 90% 94%, rgba(112,80,40,.1), transparent 19%);
  mix-blend-mode:multiply;
}

.taccuino-paper.is-turning{ animation:taccuino-page-turn .31s ease both; }
@keyframes taccuino-page-turn{
  0%{ opacity:.58; transform:perspective(900px) rotateY(-4deg) translateX(8px); }
  55%{ opacity:.82; transform:perspective(900px) rotateY(2deg) translateX(-3px); }
  100%{ opacity:1; transform:perspective(900px) rotateY(0) translateX(0); }
}

.taccuino-page-head{
  min-height:86px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  padding:18px 25px 13px 66px;
  border-bottom:1px solid rgba(92,75,51,.18);
}

#fav-notes-panel .taccuino-back{
  min-width:auto;
  margin:0;
  padding:7px 10px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:#654f3d;
  font-family:Georgia, "Times New Roman", serif;
  font-size:15px;
  cursor:pointer;
}
#fav-notes-panel .taccuino-back:hover{ background:rgba(93,66,39,.09); }

.taccuino-page-heading{ min-width:0; }
.taccuino-page-heading h4{
  margin:0;
  overflow:hidden;
  color:var(--taccuino-ink);
  font-size:23px;
  font-weight:700;
  line-height:1.15;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.taccuino-page-heading p{
  margin:5px 0 0;
  color:var(--taccuino-muted);
  font-size:12px;
  font-style:italic;
}
.taccuino-page-actions{ display:flex; align-items:center; gap:7px; }

.taccuino-page-body{
  position:relative;
  z-index:1;
  min-height:0;
  overflow:auto;
  padding:12px 26px 34px 66px;
  scrollbar-width:thin;
  scrollbar-color:rgba(91,68,45,.45) transparent;
}

#fav-notes-panel button,
#fav-notes-panel input,
#fav-notes-panel select,
#fav-notes-panel textarea{ font:inherit; }

#fav-notes-panel button:not(.taccuino-close):not(.taccuino-tabs button):not(.taccuino-route-main):not(.taccuino-favorite-row){
  min-height:34px;
  padding:7px 11px;
  border:1px solid rgba(80,61,42,.34);
  border-radius:7px;
  background:rgba(248,239,218,.7);
  color:#493b2e;
  box-shadow:inset 0 1px rgba(255,255,255,.48);
  cursor:pointer;
}

#fav-notes-panel button:not(.taccuino-close):not(.taccuino-tabs button):not(.taccuino-route-main):not(.taccuino-favorite-row):hover{
  background:rgba(255,249,232,.95);
  border-color:rgba(80,61,42,.5);
}

#fav-notes-panel button.primary{
  border-color:#5f4835 !important;
  background:linear-gradient(#705342,#513a2e) !important;
  color:#fff4df !important;
}

#fav-notes-panel button.danger{
  border-color:rgba(119,54,47,.43) !important;
  background:rgba(137,67,57,.1) !important;
  color:#7c3d36 !important;
}

#fav-notes-panel button:disabled{ opacity:.38; cursor:default; }
#fav-notes-panel button:focus-visible,
#fav-notes-panel input:focus-visible,
#fav-notes-panel select:focus-visible,
#fav-notes-panel textarea:focus-visible{ outline:2px solid rgba(91,101,95,.45); outline-offset:2px; }

.taccuino-head-action{ white-space:nowrap; }

.taccuino-empty{
  min-height:260px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:35px;
  text-align:center;
  color:var(--taccuino-muted);
}
.taccuino-empty.compact{ min-height:170px; }
.taccuino-empty > span{ color:rgba(95,72,48,.38); font-size:42px; }
.taccuino-empty p{ max-width:500px; margin:0; line-height:1.55; }

.taccuino-sortbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 15px;
  padding:8px 10px;
  border:1px solid rgba(96,76,52,.18);
  border-radius:8px;
  background:rgba(255,255,255,.2);
}
.taccuino-sort-label{
  color:var(--taccuino-muted);
  font-size:11px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.taccuino-sort-options{ display:flex; gap:4px; }
#fav-notes-panel .taccuino-sort-button{
  min-height:30px !important;
  padding:5px 10px !important;
  border-color:transparent !important;
  background:transparent !important;
  box-shadow:none !important;
  font-size:11px !important;
}
#fav-notes-panel .taccuino-sort-button.is-active{
  border-color:rgba(80,61,42,.38) !important;
  background:rgba(91,70,49,.13) !important;
  color:#3e3126 !important;
  font-weight:700;
}
.taccuino-favorites-list{ display:grid; gap:7px; }
.taccuino-favorite-group + .taccuino-favorite-group{ margin-top:20px; }
.taccuino-favorite-group > h5{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0 0 7px;
  color:#5a4736;
  font-size:14px;
  letter-spacing:.025em;
}
.taccuino-favorite-group > h5::after{
  height:1px;
  flex:1;
  background:rgba(96,76,52,.22);
  content:"";
}
.taccuino-favorite-group > h5 small{
  order:3;
  min-width:22px;
  padding:2px 6px;
  border-radius:999px;
  background:rgba(96,76,52,.1);
  color:var(--taccuino-muted);
  text-align:center;
  font:700 10px/1.4 Arial, sans-serif;
}
#fav-notes-panel .taccuino-favorite-row{
  width:100%;
  min-height:62px;
  display:grid;
  grid-template-columns:36px minmax(0,1fr) 24px;
  align-items:center;
  gap:10px;
  margin:0;
  padding:9px 11px;
  border:0;
  border-bottom:1px solid rgba(96,76,52,.16);
  border-radius:4px;
  background:rgba(255,255,255,.05);
  color:var(--taccuino-ink);
  text-align:left;
  cursor:pointer;
}
#fav-notes-panel .taccuino-favorite-row:hover{ background:rgba(255,255,255,.34); }
.taccuino-favorite-pin{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb, var(--fav-color) 65%, #4b3c2f);
  border-radius:50%;
  background:color-mix(in srgb, var(--fav-color) 18%, transparent);
  color:var(--fav-color);
  font-family:Arial, sans-serif;
  font-size:13px;
}
.taccuino-favorite-copy{ min-width:0; display:flex; flex-direction:column; gap:3px; }
.taccuino-favorite-copy strong{ overflow:hidden; font-size:16px; text-overflow:ellipsis; white-space:nowrap; }
.taccuino-favorite-copy small{ color:var(--taccuino-muted); font-size:11px; }
.taccuino-row-arrow{ color:rgba(69,52,36,.5); font-size:28px; line-height:1; }

.taccuino-favorite-page{ max-width:670px; margin:0 auto; padding:10px 0 30px; }
.taccuino-place-stamp{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:18px;
  padding:7px 12px;
  border:1px solid color-mix(in srgb, var(--fav-color) 55%, #6b5943);
  border-radius:4px;
  background:color-mix(in srgb, var(--fav-color) 10%, transparent);
  color:color-mix(in srgb, var(--fav-color) 78%, #34281f);
  transform:rotate(-1deg);
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:11px;
}
.taccuino-inline-notice{
  margin:0 0 18px;
  padding:9px 12px;
  border-left:3px solid var(--taccuino-green);
  background:rgba(75,110,80,.08);
  color:#49604d;
  font-size:12px;
}

.taccuino-field{ display:flex; flex-direction:column; gap:5px; min-width:0; }
.taccuino-field > label,
.taccuino-step-fields label > span{
  color:#655545;
  font-size:11px;
  font-weight:700;
  letter-spacing:.035em;
  text-transform:uppercase;
}
.taccuino-field input,
.taccuino-field select,
.taccuino-field textarea,
.taccuino-step-fields input{
  width:100%;
  border:0;
  border-bottom:1px solid rgba(85,66,45,.34);
  border-radius:3px 3px 0 0;
  background:rgba(255,255,255,.25);
  color:var(--taccuino-ink);
}
.taccuino-field input,
.taccuino-field select,
.taccuino-step-fields input{ min-height:39px; padding:7px 9px; }
.taccuino-field textarea{ min-height:130px; padding:10px; resize:vertical; line-height:1.55; }
.taccuino-favorite-page .taccuino-field + .taccuino-field{ margin-top:20px; }
.taccuino-large-actions{ display:flex; flex-wrap:wrap; gap:9px; margin-top:22px; }

.taccuino-routes-list{ display:grid; gap:11px; }
.taccuino-route-card{
  overflow:hidden;
  border:1px solid rgba(82,62,42,.22);
  border-left:5px solid var(--route-color);
  border-radius:6px;
  background:rgba(255,255,255,.18);
  box-shadow:0 2px 5px rgba(61,42,22,.06);
}
.taccuino-route-card.is-editing{ background:rgba(80,108,88,.08); }
.taccuino-route-card.is-visible{ box-shadow:0 0 0 2px color-mix(in srgb, var(--route-color) 28%, transparent); }
#fav-notes-panel .taccuino-route-main{
  width:100%;
  min-height:64px;
  display:grid;
  grid-template-columns:14px minmax(0,1fr) 22px;
  align-items:center;
  gap:10px;
  margin:0;
  padding:10px 12px;
  border:0;
  background:transparent;
  color:var(--taccuino-ink);
  text-align:left;
  cursor:pointer;
}
.taccuino-route-main i{ width:10px; height:10px; border-radius:50%; background:var(--route-color); box-shadow:0 0 0 4px color-mix(in srgb, var(--route-color) 14%, transparent); }
.taccuino-route-main span{ min-width:0; display:flex; flex-direction:column; gap:4px; }
.taccuino-route-main strong{ overflow:hidden; font-size:16px; text-overflow:ellipsis; white-space:nowrap; }
.taccuino-route-main small{ color:var(--taccuino-muted); font-size:11px; }
.taccuino-route-chevron{
  display:grid;
  place-items:center;
  color:rgba(69,52,36,.58);
  font-family:Arial, sans-serif;
  font-size:22px;
  font-weight:400;
  line-height:1;
  transform:rotate(0deg);
  transition:transform .22s ease;
}
.taccuino-route-card.is-expanded .taccuino-route-chevron{ transform:rotate(180deg); }
.taccuino-route-summary{
  display:grid;
  grid-template-rows:0fr;
  border-top:1px solid transparent;
  background:rgba(255,255,255,.13);
  transition:grid-template-rows .25s ease, border-color .25s ease;
}
.taccuino-route-summary > div{ min-height:0; overflow:hidden; }
.taccuino-route-card.is-expanded .taccuino-route-summary{
  grid-template-rows:1fr;
  border-top-color:rgba(89,68,45,.14);
}
.taccuino-route-summary-inner{ padding:4px 12px 10px 34px; }
.taccuino-route-summary ul{
  display:grid;
  gap:3px;
  margin:0;
  padding:0;
  list-style:none;
}
.taccuino-route-summary li{
  min-height:29px;
  display:grid;
  grid-template-columns:9px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  padding:4px 7px;
  border-radius:4px;
  background:color-mix(in srgb, var(--stop-color) 7%, transparent);
}
.taccuino-route-summary li > i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--stop-color);
  box-shadow:0 0 0 3px color-mix(in srgb, var(--stop-color) 14%, transparent);
}
.taccuino-route-summary li > span{
  min-width:0;
  overflow:hidden;
  color:color-mix(in srgb, var(--stop-color) 82%, #241b15);
  font-size:13px;
  font-weight:700;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.taccuino-route-summary li > small{
  color:var(--taccuino-muted);
  font-size:9px;
  font-style:italic;
}
.taccuino-route-summary-empty{
  margin:0;
  padding:7px 0 4px;
  color:var(--taccuino-muted);
  font-size:11px;
  font-style:italic;
}
.taccuino-route-actions{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  padding:8px 11px 10px 34px;
  border-top:1px dashed rgba(89,68,45,.19);
}
.taccuino-route-actions button{ min-height:30px !important; padding:5px 9px !important; font-size:11px !important; }

.taccuino-route-page{ padding-bottom:35px; }
.taccuino-route-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) 160px 80px;
  gap:12px;
  align-items:end;
  padding:7px 0 17px;
  border-bottom:1px dashed rgba(87,67,44,.25);
}
.taccuino-route-form .wide{ min-width:0; }
.taccuino-route-form .color input{ height:39px; padding:4px; }
.taccuino-route-toolbar{ display:flex; flex-wrap:wrap; gap:7px; padding:13px 0; }
.taccuino-section-rule{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:8px 0 8px;
  padding:8px 0;
  border-bottom:2px solid rgba(85,65,43,.22);
}
.taccuino-section-rule h5{ margin:0; font-size:17px; }
.taccuino-section-rule button{ min-height:30px !important; font-size:11px !important; }

.taccuino-steps{ display:grid; gap:10px; margin:0; padding:0; list-style:none; }
.taccuino-step{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  gap:10px;
  align-items:start;
  padding:10px 8px 11px 4px;
  border-bottom:1px solid rgba(90,70,48,.18);
}
.taccuino-step-number{
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb, var(--route-color) 55%, #5c4937);
  border-radius:50%;
  background:color-mix(in srgb, var(--route-color) 10%, transparent);
  color:color-mix(in srgb, var(--route-color) 80%, #34281f);
  font-weight:700;
  font-size:12px;
}
.taccuino-step-content{ min-width:0; }
.taccuino-step-title{ display:flex; align-items:baseline; flex-wrap:wrap; gap:7px; margin-bottom:8px; }
.taccuino-step-title strong{ font-size:15px; }
.taccuino-step-title small{ color:var(--taccuino-muted); font-size:10px; font-style:italic; }
.taccuino-step-fields{ display:grid; grid-template-columns:115px minmax(0,1fr); gap:9px; }
.taccuino-step-fields label{ min-width:0; display:flex; flex-direction:column; gap:3px; }
.taccuino-step-fields input{ min-height:34px; padding:5px 7px; }
.taccuino-step-actions{ display:grid; grid-template-columns:repeat(2,30px); gap:5px; }
.taccuino-step-actions button{ width:30px; min-width:30px; min-height:30px !important; padding:0 !important; font-family:Arial, sans-serif !important; }

.taccuino-notes-page{
  min-height:100%;
  display:grid;
  grid-template-rows:auto auto minmax(310px,1fr) auto;
  gap:12px;
  padding:2px 0 15px;
}
.taccuino-note-nav{ display:flex; align-items:center; justify-content:center; gap:13px; color:var(--taccuino-muted); font-size:11px; }
.taccuino-note-nav button{ width:34px; min-width:34px; padding:0 !important; font-size:22px !important; }
.taccuino-note-title{
  width:100%;
  min-height:43px;
  padding:6px 2px;
  border:0;
  border-bottom:2px solid rgba(82,62,40,.25);
  background:transparent;
  color:var(--taccuino-ink);
  font-family:Georgia, "Times New Roman", serif !important;
  font-size:21px !important;
  font-weight:700;
}
.taccuino-note-body{
  width:100%;
  min-height:310px;
  padding:8px 3px;
  border:0;
  background:transparent;
  color:#3c342b;
  font-family:"Segoe Print", "Bradley Hand", "Comic Sans MS", cursive !important;
  font-size:15px !important;
  line-height:32px;
  resize:none;
}
.taccuino-note-title:focus-visible,
.taccuino-note-body:focus-visible{ outline:none !important; }
.taccuino-note-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 14px;
  padding-top:9px;
  border-top:1px dashed rgba(85,65,43,.23);
  color:var(--taccuino-muted);
  font-size:10px;
}
.taccuino-note-meta .link{ min-height:auto !important; margin-left:auto; padding:3px 6px !important; border:0 !important; background:transparent !important; box-shadow:none !important; }

.taccuino-footer{
  min-height:43px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:8px 24px 12px 34px;
  color:rgba(247,234,212,.76);
  font-size:11px;
}
#taccuino-status{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.taccuino-footer-sign{ opacity:.5; font-style:italic; }

.taccuino-map-pin{ background:none !important; border:0 !important; }
.taccuino-map-pin span{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border:2px solid #fff7e6;
  border-radius:50%;
  background:var(--route-color, #496b79);
  box-shadow:0 2px 8px rgba(0,0,0,.35);
  color:white;
  font:700 12px/1 Arial, sans-serif;
}

@media (min-width:761px) and (max-height:720px){
  /* Poco spazio verticale, ma manteniamo respiro ai lati. */
  #fav-notes-panel{ padding:14px 40px; }
  #fav-notes-panel .taccuino-card{
    width:min(1180px, calc(100vw - 80px));
    height:calc(100dvh - 28px);
    min-height:0;
  }
  #fav-notes-panel .taccuino-cover-head{ min-height:62px; padding-top:12px; }
  .taccuino-tabs{ padding-top:0; }
  .taccuino-footer{ min-height:38px; }
}

@media (max-width:760px){
  #fav-notes-panel{
    width:100vw !important;
    height:100dvh !important;
    padding:max(20px, env(safe-area-inset-top, 0px)) max(20px, env(safe-area-inset-right, 0px)) max(20px, env(safe-area-inset-bottom, 0px)) max(20px, env(safe-area-inset-left, 0px));
    align-items:stretch !important;
    justify-content:stretch !important;
  }

  #fav-notes-panel .taccuino-card{
    width:100%;
    height:100%;
    min-width:0;
    min-height:0;
    max-width:none;
    max-height:none;
    border-radius:17px 12px 14px 17px;
  }

  #fav-notes-panel .taccuino-card::after{ left:11px; }
  #fav-notes-panel .taccuino-cover-head{ min-height:59px; padding:11px 14px 7px 22px; }
  .taccuino-brand-mark{ width:31px; height:31px; font-size:14px; }
  #fav-notes-panel .taccuino-brand h3{ font-size:20px; }
  #taccuino-subtitle{ display:none; }
  #fav-notes-panel .taccuino-close{ width:34px; height:34px; }

  .taccuino-tabs{ gap:4px; padding:0 15px 0 22px; }
  #fav-notes-panel .taccuino-tabs button{
    min-width:0;
    flex:1 1 0;
    height:40px;
    padding:7px 5px 10px;
    font-size:12px;
  }

  .taccuino-paper{ margin:0 9px 0 15px; }
  .taccuino-page-head{
    min-height:74px;
    grid-template-columns:auto minmax(0,1fr);
    gap:7px 9px;
    padding:13px 12px 10px 37px;
  }
  .taccuino-page-actions{ grid-column:1 / -1; justify-content:flex-end; }
  .taccuino-page-heading h4{ font-size:19px; }
  .taccuino-page-heading p{ font-size:10px; }
  #fav-notes-panel .taccuino-back{ padding:5px 3px; font-size:13px; }
  #fav-notes-panel .taccuino-back span{ display:none; }
  .taccuino-page-body{ padding:8px 12px 26px 37px; }

  .taccuino-favorite-page{ padding-top:5px; }
  .taccuino-sortbar{ align-items:flex-start; flex-direction:column; gap:7px; }
  .taccuino-sort-options{ width:100%; }
  #fav-notes-panel .taccuino-sort-button{ flex:1; }
  .taccuino-route-form{ grid-template-columns:minmax(0,1fr) 105px 62px; gap:7px; }
  .taccuino-route-form .wide{ grid-column:1 / -1; }
  .taccuino-route-toolbar{ gap:5px; }
  .taccuino-route-toolbar button{ flex:1 1 calc(50% - 5px); font-size:11px !important; }
  .taccuino-section-rule{ align-items:flex-start; flex-direction:column; }

  .taccuino-step{ grid-template-columns:30px minmax(0,1fr); }
  .taccuino-step-actions{ grid-column:2; display:flex; justify-content:flex-end; }
  .taccuino-step-fields{ grid-template-columns:95px minmax(0,1fr); }

  .taccuino-route-actions{ padding-left:11px; }
  .taccuino-route-summary-inner{ padding-left:11px; }
  .taccuino-route-summary li{ grid-template-columns:9px minmax(0,1fr); }
  .taccuino-route-summary li > small{ grid-column:2; margin-top:-4px; }
  .taccuino-route-actions button{ flex:1 1 calc(50% - 6px); }
  .taccuino-note-meta .link{ margin-left:0; }
  .taccuino-footer{ min-height:36px; padding:6px 13px 8px 22px; }
  .taccuino-footer-sign{ display:none; }
}

@media (max-width:430px){
  #fav-notes-panel{ padding:
      max(60px, env(safe-area-inset-top, 0px))
      max(20px, env(safe-area-inset-right, 0px))
      max(20px, env(safe-area-inset-bottom, 0px))
      max(20px, env(safe-area-inset-left, 0px)); }
  #fav-notes-panel .taccuino-card{ border:0; border-radius:0; }
  #fav-notes-panel .taccuino-card::before{ inset:5px; border-radius:0; }
  #fav-notes-panel .taccuino-cover-head{ padding-left:18px; }
  .taccuino-tabs{ padding-left:18px; padding-right:9px; }
  #fav-notes-panel .taccuino-tabs button{ gap:4px; font-size:11px; }
  .taccuino-paper{ margin-left:10px; margin-right:5px; border-radius:5px; }
  .taccuino-page-head{ padding-left:28px; padding-right:8px; }
  .taccuino-page-body{ padding-left:28px; padding-right:8px; }
  .taccuino-favorite-copy strong,
  .taccuino-route-main strong{ font-size:14px; }
  .taccuino-step-fields{ grid-template-columns:1fr; }
  .taccuino-route-actions button{ flex-basis:calc(50% - 4px); }
  .taccuino-note-body{ font-size:14px !important; }
}

@media (prefers-reduced-motion:reduce){
  .taccuino-paper.is-turning{ animation:none; }
  #fav-notes-panel *{ scroll-behavior:auto !important; transition:none !important; }
}