:root{
  --bg:#d9d2c4;
  --paper:#f4f0e8;
  --panel:#ece6da;
  --ink:#2f312f;
  --muted:#74766f;
  --line:#bdb5a6;
  --accent:#9a5f45;
  --accent-soft:#d9b7a8;
  --cool:#87979a;
  --success:#6e7f64;
  --shadow:0 16px 40px rgba(47,49,47,.12);
  --radius:22px;
  --fridge:#ded8ca;
  --fridge-edge:#bcb4a5;
  --magnet:#b85d4e;
}
[data-theme="minimal"]{
  --bg:#e7eaed;--paper:#ffffff;--panel:#f5f6f7;--ink:#20262b;--muted:#68727a;
  --line:#d4d9dd;--accent:#415e73;--accent-soft:#b6c7d2;--cool:#73818a;--success:#637d6b;
  --fridge:#f0f2f3;--fridge-edge:#cdd3d8;--magnet:#415e73;
}
[data-theme="dark"]{
  --bg:#1c1f20;--paper:#25292a;--panel:#2d3132;--ink:#f1eee8;--muted:#aeb4b3;
  --line:#454a4a;--accent:#c58b68;--accent-soft:#6f5748;--cool:#778789;--success:#8ca07f;
  --fridge:#2f3333;--fridge-edge:#4a5050;--magnet:#c58b68;--shadow:0 18px 50px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}
button,input,textarea,select{font:inherit}
button{color:inherit}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}
.app-shell{width:min(1280px,100%);margin:0 auto;padding:22px clamp(16px,3vw,38px) 64px}
.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.topbar h1{font-family:Georgia,"Times New Roman",serif;font-weight:600;letter-spacing:-.02em;font-size:clamp(2rem,4vw,3.6rem);margin:.1rem 0}
.brand-kicker,.eyebrow{font-size:.74rem;letter-spacing:.18em;font-weight:800;color:var(--accent);margin:0}
.icon-btn,.text-btn,.back-btn{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:10px 14px;cursor:pointer}
.icon-btn{width:44px;height:44px;display:grid;place-items:center}
.sun-dot{width:16px;height:16px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 15%,transparent)}
.section-heading,.panel-title-row,.fridge-toolbar,.dialog-head,.freezer-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.section-heading h2,.fridge-toolbar h2,.dialog-head h2{font-size:clamp(1.55rem,3vw,2.4rem);margin:.15rem 0 0;font-weight:750}
.status-count{border:1px solid var(--line);background:var(--paper);padding:8px 12px;border-radius:999px;font-size:.86rem}
.overview-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:18px;margin-top:18px}
.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.progress-panel,.donut-panel,.thermostat{padding:20px}
.panel-title-row h3{margin:0;font-size:1rem}
.muted{color:var(--muted);font-size:.78rem}
.progress-list{display:grid;gap:15px;margin-top:22px}
.progress-row{display:grid;grid-template-columns:minmax(110px,180px) 1fr auto;gap:12px;align-items:center}
.progress-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.progress-track{height:11px;background:color-mix(in srgb,var(--line) 65%,transparent);border-radius:99px;overflow:hidden}
.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 60%,var(--cool)));border-radius:inherit}
.progress-value{font-variant-numeric:tabular-nums;font-size:.82rem;color:var(--muted)}
.donut-wrap{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:18px;margin-top:18px}
.donut{width:150px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) 0 25%,var(--cool) 25% 50%,var(--success) 50% 75%,var(--line) 75% 100%)}
.donut-hole{width:92px;aspect-ratio:1;background:var(--paper);border-radius:50%;display:grid;place-content:center;text-align:center}
.donut-hole strong{font-size:1.8rem;line-height:1}
.donut-hole span{font-size:.72rem;color:var(--muted);margin-top:5px}
.legend{display:grid;gap:9px}
.legend-item{display:flex;justify-content:space-between;gap:10px;font-size:.84rem}
.legend-left{display:flex;align-items:center;gap:7px}
.legend-dot{width:9px;height:9px;border-radius:50%}
.home-actions{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.feature-card{border:1px solid var(--line);background:var(--paper);border-radius:var(--radius);padding:20px;text-align:left;display:flex;align-items:center;gap:16px;cursor:pointer;box-shadow:var(--shadow);transition:.18s transform,.18s border-color}
.feature-card:hover{transform:translateY(-2px);border-color:var(--accent)}
.feature-card strong{display:block;font-size:1.08rem}
.feature-card small{display:block;color:var(--muted);margin-top:3px}
.feature-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:var(--panel);font-size:1.4rem;border:1px solid var(--line)}
.fridge-mini{position:relative}
.fridge-mini:before{content:"";width:23px;height:31px;border:2px solid var(--ink);border-radius:4px;display:block;box-shadow:inset 0 -12px 0 color-mix(in srgb,var(--ink) 6%,transparent)}
.fridge-mini:after{content:"";position:absolute;width:2px;height:9px;background:var(--ink);left:31px;top:12px;border-radius:2px}
.thermostat{margin-top:18px}
.temperature-control{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}
.temp-option{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:11px 17px;cursor:pointer;font-weight:750;transition:.2s}
.temp-option[aria-selected="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 14%,transparent)}
.fridge-section{margin-top:4px}
.fridge-toolbar{align-items:center;margin-bottom:14px}
.fridge-toolbar>div:nth-child(2){flex:1}
.fridge{background:var(--fridge);border:1px solid var(--fridge-edge);border-radius:30px;overflow:hidden;box-shadow:0 28px 70px rgba(47,49,47,.18),inset 0 1px 0 rgba(255,255,255,.45);position:relative}
.fridge:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,rgba(255,255,255,.22),transparent 28%,transparent 74%,rgba(0,0,0,.035))}
.fridge-top{padding:20px 22px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--fridge-edge)}
.fridge-badge{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.08em;font-size:.8rem}
.badge-mark{width:31px;height:31px;border-radius:8px;background:var(--accent);color:var(--paper);display:grid;place-items:center;font-family:Georgia,serif;font-size:1.05rem;box-shadow:inset 0 0 0 2px rgba(255,255,255,.18)}
.fridge-temp-display{text-align:right}
.fridge-temp-display .temp-label{display:block;text-transform:uppercase;font-size:.62rem;letter-spacing:.15em;color:var(--muted)}
.fridge-temp-display strong{font-size:.88rem}
.fridge-door,.fridge-main,.fridge-freezer{padding:20px 22px;border-bottom:1px solid var(--fridge-edge)}
.door-label,.shelf-label{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;letter-spacing:.14em;font-weight:900}
.door-label small{letter-spacing:0;font-weight:500;color:var(--muted);font-size:.72rem}
.idea-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}
.idea-note{position:relative;background:#f3df9f;color:#403a2a;padding:15px 13px 13px;border-radius:3px;min-height:128px;box-shadow:0 6px 13px rgba(70,55,30,.13);transform:rotate(var(--tilt,0deg));cursor:pointer}
.idea-note:nth-child(2n){--tilt:1.1deg}.idea-note:nth-child(3n){--tilt:-1deg}
.idea-note:before{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:var(--magnet);left:50%;top:-7px;transform:translateX(-50%);box-shadow:0 2px 3px rgba(0,0,0,.16)}
.idea-note h4{margin:3px 0 8px;font-family:Georgia,serif;font-size:1.05rem}
.idea-note p{font-size:.82rem;line-height:1.35;margin:0;color:#5c543d}
.idea-note footer{margin-top:12px;font-size:.68rem;color:#766d50}
.empty-state{padding:18px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);font-size:.86rem}
.project-shelves{display:grid;gap:20px;margin-top:16px}
.shelf{position:relative;padding-bottom:17px}
.shelf:after{content:"";position:absolute;left:-6px;right:-6px;bottom:0;height:10px;border-radius:2px 2px 8px 8px;background:linear-gradient(var(--fridge-edge),color-mix(in srgb,var(--fridge-edge) 65%,var(--ink)));box-shadow:0 5px 8px rgba(0,0,0,.08)}
.shelf-title{font-size:.72rem;font-weight:900;letter-spacing:.1em;color:var(--muted);margin-bottom:9px}
.project-grid,.paused-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.project-card,.paused-card{background:color-mix(in srgb,var(--paper) 90%,transparent);border:1px solid var(--line);border-radius:15px;padding:14px;cursor:pointer;position:relative;z-index:1;transition:.18s transform,.18s border-color}
.project-card:hover,.paused-card:hover{transform:translateY(-2px);border-color:var(--accent)}
.project-card h4,.paused-card h4{margin:0 0 5px;font-size:.95rem}
.project-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:.7rem;margin-bottom:12px}
.card-progress{height:8px;background:color-mix(in srgb,var(--line) 70%,transparent);border-radius:99px;overflow:hidden}
.card-progress span{display:block;height:100%;background:var(--accent);border-radius:inherit}
.next-step{font-size:.75rem;margin-top:10px;line-height:1.35}
.next-step span{color:var(--muted);display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}
.freezer-header{align-items:center}
.freezer-header strong{font-size:.78rem;letter-spacing:.14em}
.freezer-header small{display:block;color:var(--muted);font-size:.7rem;margin-top:2px}
.snowflake{font-size:1.3rem;color:var(--cool)}
.paused-grid{margin-top:15px}
.paused-card{opacity:.78}
.archive-strip{padding:13px 22px;background:color-mix(in srgb,var(--ink) 6%,var(--fridge));text-align:right}
.archive-strip button{border:0;background:transparent;font-weight:800;cursor:pointer}
.archive-strip span{display:inline-grid;place-items:center;min-width:23px;height:23px;border-radius:99px;background:var(--paper);margin-left:7px;border:1px solid var(--line);font-size:.72rem}
.floating-add{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));width:58px;height:58px;border-radius:50%;border:0;background:var(--accent);color:white;font-size:2rem;line-height:1;box-shadow:0 10px 24px rgba(0,0,0,.22);cursor:pointer;z-index:20}
.app-dialog{width:min(560px,calc(100vw - 28px));border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:22px;padding:22px;box-shadow:0 28px 80px rgba(0,0,0,.25)}
.app-dialog::backdrop{background:rgba(20,22,22,.45);backdrop-filter:blur(3px)}
.wide-dialog{width:min(760px,calc(100vw - 28px))}
.close-btn{border:0;background:transparent;font-size:1.8rem;cursor:pointer}
.app-dialog form{display:grid;gap:15px}
.app-dialog label{display:grid;gap:7px;font-size:.72rem;letter-spacing:.08em;font-weight:800}
.app-dialog input,.app-dialog textarea,.app-dialog select{width:100%;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:12px;padding:12px 13px;letter-spacing:0;font-weight:500;resize:vertical}
.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}
.primary,.secondary{border-radius:999px;padding:10px 16px;border:1px solid var(--line);cursor:pointer;font-weight:800}
.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.secondary{background:transparent}
.project-detail-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.project-detail-head h2{margin:.15rem 0;font-size:1.8rem}
.detail-status{display:inline-block;border:1px solid var(--line);border-radius:99px;padding:6px 10px;font-size:.72rem;font-weight:800}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.detail-block{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px}
.detail-block.full{grid-column:1/-1}
.detail-block h4{margin:0 0 9px;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.timeline{display:grid;gap:0}
.timeline-item{display:grid;grid-template-columns:72px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}
.timeline-item:last-child{border-bottom:0}
.timeline-date{font-size:.7rem;color:var(--muted);font-weight:800}
.timeline-copy strong{display:block;font-size:.85rem}
.timeline-copy span{display:block;font-size:.76rem;color:var(--muted);margin-top:3px}
.archive-list{display:grid;gap:10px;margin-top:18px}
.archive-item{border:1px solid var(--line);border-radius:14px;padding:13px;background:var(--panel)}
.archive-item strong{display:block}
.archive-item span{font-size:.75rem;color:var(--muted)}
@media (max-width:900px){
  .overview-grid{grid-template-columns:1fr}
  .idea-board{grid-template-columns:repeat(3,minmax(0,1fr))}
  .project-grid,.paused-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .app-shell{padding:16px 13px 82px}
  .topbar{margin-bottom:16px}
  .overview-grid,.home-actions{grid-template-columns:1fr;gap:13px}
  .progress-row{grid-template-columns:100px 1fr 40px;gap:8px}
  .donut-wrap{grid-template-columns:120px 1fr}
  .donut{width:120px}.donut-hole{width:74px}
  .idea-board{grid-template-columns:repeat(2,minmax(0,1fr))}
  .project-grid,.paused-grid{grid-template-columns:1fr}
  .fridge-door,.fridge-main,.fridge-freezer{padding:18px 14px}
  .fridge-top{padding:16px 14px 12px}
  .door-label{align-items:flex-start;gap:10px}.door-label small{text-align:right}
  .fridge-toolbar{align-items:center}
  .fridge-toolbar .text-btn{display:none}
  .detail-grid{grid-template-columns:1fr}
  .detail-block.full{grid-column:auto}
  .floating-add{width:56px;height:56px}
}
@media (max-width:390px){
  .idea-board{grid-template-columns:1fr}
  .donut-wrap{grid-template-columns:1fr;justify-items:center}
  .legend{width:100%}
  .temperature-control{display:grid;grid-template-columns:1fr}
  .temp-option{width:100%}
}

/* ===== Ajustes V2 solicitados ===== */
.app-shell{padding-bottom:112px}
.selector-block{padding:8px 0 18px;text-align:center}
.selector-block h1{margin:0 0 14px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.45rem,3vw,2rem);font-weight:700;letter-spacing:.09em}
.selector-block .temperature-control{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px;margin:0 auto;max-width:720px;flex-wrap:nowrap!important}
.selector-block .temp-option{width:100%;min-width:0;padding:11px 8px;font-size:clamp(.68rem,2.2vw,.84rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.centered-heading{display:block;text-align:center;margin-top:10px}
.centered-heading>div{display:grid;justify-items:center}
.centered-heading .eyebrow{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.3rem,3vw,1.8rem);letter-spacing:.08em;color:var(--ink);font-weight:700}
.centered-heading h2{font-size:clamp(1.05rem,2.4vw,1.35rem);font-weight:600;color:var(--muted);margin-top:7px}
.centered-heading .status-count{margin-top:10px}
.icon-actions{grid-template-columns:repeat(2,78px)!important;justify-content:center;gap:18px!important;margin-top:18px}
.icon-feature{width:78px;height:78px;border:1px solid var(--line);background:var(--paper);border-radius:20px;display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow);transition:.18s transform,.18s border-color}
.icon-feature:hover{transform:translateY(-2px);border-color:var(--accent)}
.icon-feature svg{width:38px;height:38px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fridge-toolbar>div:nth-child(2){text-align:center}
.fridge-toolbar h2{font-family:Georgia,"Times New Roman",serif}
.zone-heading{align-items:center}
.zone-title{display:inline-flex;align-items:center;gap:8px;font-family:Georgia,"Times New Roman",serif;font-size:.9rem;font-weight:700;letter-spacing:.1em}
.zone-icon{width:20px;height:20px;fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.snow-icon{stroke:var(--cool)}
.shelf-label,.door-label,.freezer-header{font-size:inherit;letter-spacing:normal;font-weight:inherit}
.project-shelves{margin-top:16px}
.project-shelves>.project-grid{padding-bottom:17px;position:relative}
.project-shelves>.project-grid:after{content:"";position:absolute;left:-6px;right:-6px;bottom:0;height:10px;border-radius:2px 2px 8px 8px;background:linear-gradient(var(--fridge-edge),color-mix(in srgb,var(--fridge-edge) 65%,var(--ink)));box-shadow:0 5px 8px rgba(0,0,0,.08);z-index:0}
.project-shelves>.project-grid>.project-card{z-index:1}
.app-footer{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;min-height:72px;padding:10px max(14px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:color-mix(in srgb,var(--paper) 94%,transparent);border-top:1px solid var(--line);backdrop-filter:blur(14px);box-shadow:0 -8px 24px rgba(0,0,0,.06)}
.footer-left{display:flex;align-items:center;gap:6px;min-width:0}
.footer-center{min-height:1px}
.footer-right{display:flex;justify-content:flex-end}
.palette-choice{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:7px 9px;font-size:.68rem;font-weight:800;cursor:pointer;white-space:nowrap}
.palette-choice[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.footer-add{width:46px;height:46px;border-radius:50%;border:0;background:var(--accent);color:white;font-size:1.7rem;line-height:1;box-shadow:0 7px 18px rgba(0,0,0,.18);cursor:pointer}
.project-edit-form{display:grid;gap:13px;margin-top:18px}
.project-edit-form .edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.project-edit-form label{display:grid;gap:6px;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--muted)}
.project-edit-form input,.project-edit-form select{width:100%;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:11px;padding:11px 12px;text-transform:none;letter-spacing:0;font-weight:500}
.detail-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
.edit-project-btn{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:9px 14px;font-weight:800;cursor:pointer}

@media (max-width:640px){
  .app-shell{padding-bottom:104px}
  .selector-block .temperature-control{gap:7px}
  .selector-block .temp-option{padding:10px 5px}
  .app-footer{grid-template-columns:minmax(0,1.65fr) .35fr .5fr;padding-left:10px;padding-right:10px}
  .footer-left{gap:4px}
  .palette-choice{padding:6px 7px;font-size:.61rem}
  .footer-add{width:44px;height:44px}
  .project-edit-form .edit-grid{grid-template-columns:1fr}
}
@media (max-width:370px){
  .palette-choice{padding:6px 5px;font-size:.57rem}
  .icon-actions{grid-template-columns:repeat(2,70px)!important}
  .icon-feature{width:70px;height:70px}
}


/* ===== Ajustes V3 solicitados ===== */

/* Títulos: mesma família tipográfica e negrito */
.selector-block h1,
.centered-heading .eyebrow,
.panel-title-row h3,
.fridge-toolbar h2,
.zone-title,
.dialog-head h2,
.project-detail-head h2,
.idea-note h4,
.project-card h4,
.paused-card h4{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:700;
}

/* Painel reduzido ao título principal */
.centered-heading{margin-top:10px;margin-bottom:0}
.centered-heading .eyebrow{margin:0}

/* Três atalhos equilibrados */
.icon-actions{
  grid-template-columns:repeat(3,78px)!important;
  justify-content:center;
  gap:18px!important;
}
.icon-feature{
  width:78px;
  height:78px;
}
.icon-feature svg{
  width:38px;
  height:38px;
}

/* Cabeçalhos dos dois blocos visuais */
.progress-panel .panel-title-row,
.donut-panel .panel-title-row{
  align-items:center;
}
.progress-panel .panel-title-row h3,
.donut-panel .panel-title-row h3{
  font-size:1rem;
  margin:0;
}

@media (max-width:640px){
  .icon-actions{
    grid-template-columns:repeat(3,minmax(0,68px))!important;
    gap:12px!important;
  }
  .icon-feature{
    width:68px;
    height:68px;
    border-radius:18px;
  }
  .icon-feature svg{
    width:32px;
    height:32px;
  }
}

@media (max-width:370px){
  .icon-actions{
    grid-template-columns:repeat(3,minmax(0,62px))!important;
    gap:9px!important;
  }
  .icon-feature{
    width:62px;
    height:62px;
    border-radius:16px;
  }
  .icon-feature svg{
    width:29px;
    height:29px;
  }
}

/* ===== Ajustes V4 solicitados ===== */
/* SELETOR exatamente no mesmo tamanho visual de PAINEL */
.selector-block h1,
.centered-heading .eyebrow{
  font-size:clamp(1.3rem,3vw,1.8rem)!important;
  line-height:1.15;
}

/* Os três ícones permanecem sempre lado a lado e igualmente distribuídos */
.home-actions.icon-actions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  width:min(100%,360px);
  margin:18px auto 0;
  gap:12px!important;
  align-items:center;
  justify-items:center;
}
.home-actions.icon-actions .icon-feature{
  width:72px;
  height:72px;
  min-width:0;
  justify-self:center;
}

@media (max-width:640px){
  .home-actions.icon-actions{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    width:100%;
    max-width:330px;
    gap:10px!important;
  }
  .home-actions.icon-actions .icon-feature{
    width:64px;
    height:64px;
  }
}

@media (max-width:370px){
  .home-actions.icon-actions{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    max-width:300px;
    gap:8px!important;
  }
  .home-actions.icon-actions .icon-feature{
    width:58px;
    height:58px;
  }
}


/* ===== Ajustes V5 solicitados ===== */

/* Cabeçalho da pasta: voltar, nome centralizado e ícone da geladeira à direita */
.fridge-toolbar{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:16px;
}
.fridge-toolbar .back-btn{
  justify-self:start;
}
.fridge-toolbar h2{
  justify-self:center;
  text-align:center;
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:700;
  font-size:clamp(1.7rem,3.5vw,2.45rem);
  letter-spacing:.02em;
}
.fridge-toolbar-icon{
  justify-self:end;
  width:46px;
  height:46px;
  border:1px solid var(--line);
  background:var(--paper);
  border-radius:999px;
  display:grid;
  place-items:center;
}
.fridge-toolbar-icon svg{
  width:27px;
  height:27px;
  fill:none;
  stroke:var(--ink);
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* A faixa duplicada com G/nome foi removida do HTML. */
.door-label{
  justify-content:flex-start;
}

@media (max-width:640px){
  .fridge-toolbar{
    grid-template-columns:1fr auto 1fr;
    gap:9px;
  }
  .fridge-toolbar .back-btn{
    padding:9px 11px;
    font-size:.8rem;
  }
  .fridge-toolbar h2{
    font-size:clamp(1.35rem,6vw,1.8rem);
  }
  .fridge-toolbar-icon{
    width:42px;
    height:42px;
  }
  .fridge-toolbar-icon svg{
    width:24px;
    height:24px;
  }
}


/* ===== Ajustes V6 solicitados ===== */

/* Uma única fonte sem serifa em toda a aplicação. */
html,
body,
button,
input,
textarea,
select,
h1,h2,h3,h4,h5,h6,
.topbar h1,
.selector-block h1,
.centered-heading .eyebrow,
.panel-title-row h3,
.fridge-toolbar h2,
.zone-title,
.dialog-head h2,
.project-detail-head h2,
.idea-note h4,
.project-card h4,
.paused-card h4,
.badge-mark{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
}


/* ===== Ajuste V7: atalhos sempre em uma única linha ===== */
.home-actions.icon-actions{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:space-evenly !important;
  width:100% !important;
  max-width:420px !important;
  margin:18px auto 0 !important;
  gap:12px !important;
}

.home-actions.icon-actions .icon-feature{
  flex:0 0 72px !important;
  width:72px !important;
  height:72px !important;
  min-width:72px !important;
  max-width:72px !important;
}

@media (max-width:900px){
  .home-actions.icon-actions{
    display:flex !important;
    flex-wrap:nowrap !important;
    justify-content:space-evenly !important;
    width:100% !important;
    max-width:390px !important;
    gap:10px !important;
  }
  .home-actions.icon-actions .icon-feature{
    flex-basis:68px !important;
    width:68px !important;
    height:68px !important;
    min-width:68px !important;
    max-width:68px !important;
  }
}

@media (max-width:640px){
  .home-actions.icon-actions{
    display:flex !important;
    flex-wrap:nowrap !important;
    justify-content:space-between !important;
    width:100% !important;
    max-width:330px !important;
    gap:8px !important;
    padding:0 4px !important;
  }
  .home-actions.icon-actions .icon-feature{
    flex:0 0 64px !important;
    width:64px !important;
    height:64px !important;
    min-width:64px !important;
    max-width:64px !important;
  }
}

@media (max-width:390px){
  .home-actions.icon-actions{
    display:flex !important;
    flex-wrap:nowrap !important;
    justify-content:space-between !important;
    width:100% !important;
    max-width:290px !important;
    gap:6px !important;
    padding:0 !important;
  }
  .home-actions.icon-actions .icon-feature{
    flex:0 0 58px !important;
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    max-width:58px !important;
  }
}


/* ===== Ajuste V8: quatro atalhos em uma linha ===== */
.home-actions.icon-actions{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:space-between !important;
  width:100% !important;
  max-width:520px !important;
  margin:18px auto 0 !important;
  gap:clamp(8px,2.5vw,22px) !important;
  padding:0 !important;
}

.home-actions.icon-actions .icon-feature{
  flex:0 1 76px !important;
  width:clamp(58px,12vw,76px) !important;
  height:clamp(58px,12vw,76px) !important;
  min-width:0 !important;
  max-width:76px !important;
  aspect-ratio:1/1 !important;
}

.home-actions.icon-actions .icon-feature svg{
  width:48% !important;
  height:48% !important;
}

@media (max-width:900px){
  .home-actions.icon-actions{
    max-width:460px !important;
    justify-content:space-between !important;
  }
}

@media (max-width:640px){
  .home-actions.icon-actions{
    max-width:100% !important;
    padding:0 8px !important;
    gap:10px !important;
  }
  .home-actions.icon-actions .icon-feature{
    flex:1 1 0 !important;
    width:auto !important;
    max-width:68px !important;
    height:auto !important;
    aspect-ratio:1/1 !important;
  }
}

@media (max-width:390px){
  .home-actions.icon-actions{
    padding:0 2px !important;
    gap:7px !important;
  }
  .home-actions.icon-actions .icon-feature{
    max-width:60px !important;
  }
}


/* ===== V9: layout definitivo dos quatro atalhos ===== */
#mainShortcuts,
.home-actions.icon-actions{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  grid-template-rows:1fr !important;
  align-items:center !important;
  justify-items:center !important;
  width:min(100%,520px) !important;
  max-width:520px !important;
  margin:18px auto 0 !important;
  padding:0 !important;
  gap:clamp(8px,2vw,20px) !important;
}

#mainShortcuts > .icon-feature,
.home-actions.icon-actions > .icon-feature{
  display:grid !important;
  place-items:center !important;
  width:clamp(54px,7vw,72px) !important;
  height:clamp(54px,7vw,72px) !important;
  min-width:0 !important;
  max-width:72px !important;
  margin:0 !important;
  grid-column:auto !important;
  grid-row:1 !important;
  flex:none !important;
}

@media (max-width:640px){
  #mainShortcuts,
  .home-actions.icon-actions{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    width:100% !important;
    max-width:360px !important;
    gap:8px !important;
  }

  #mainShortcuts > .icon-feature,
  .home-actions.icon-actions > .icon-feature{
    width:clamp(50px,15vw,62px) !important;
    height:clamp(50px,15vw,62px) !important;
  }
}

@media (max-width:360px){
  #mainShortcuts,
  .home-actions.icon-actions{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    max-width:100% !important;
    gap:5px !important;
  }

  #mainShortcuts > .icon-feature,
  .home-actions.icon-actions > .icon-feature{
    width:50px !important;
    height:50px !important;
  }
}


/* ===== V10: mais respiro no desktop ===== */
@media (min-width: 1024px){
  .selector-block{
    margin-bottom: 28px !important;
  }

  .centered-heading{
    margin-top: 6px !important;
    margin-bottom: 34px !important;
  }

  #mainShortcuts,
  .home-actions.icon-actions{
    margin-top: 34px !important;
  }
}


/* ===== V11: exclusão de notas ===== */
.idea-note .delete-note{
  position:absolute;
  top:6px;
  right:7px;
  width:24px;
  height:24px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.56);
  color:#4c4434;
  display:grid;
  place-items:center;
  padding:0;
  line-height:1;
  font-size:1rem;
  cursor:pointer;
  opacity:.72;
  z-index:2;
}
.idea-note .delete-note:hover{
  opacity:1;
  background:rgba(255,255,255,.88);
}
.idea-note h4{
  padding-right:24px;
}


/* ===== V12: exclusão em todos os registros ===== */
.project-card,
.paused-card,
.archive-item{
  position:relative;
}

.delete-item{
  position:absolute;
  top:7px;
  right:8px;
  width:24px;
  height:24px;
  border:0;
  border-radius:50%;
  background:color-mix(in srgb,var(--paper) 82%,transparent);
  color:var(--ink);
  display:grid;
  place-items:center;
  padding:0;
  line-height:1;
  font-size:1rem;
  cursor:pointer;
  opacity:.68;
  z-index:4;
}

.delete-item:hover{
  opacity:1;
  background:var(--paper);
}

.project-card h4,
.paused-card h4{
  padding-right:28px;
}

.archive-item{
  padding-right:44px;
}

.detail-head-actions{
  display:flex;
  align-items:center;
  gap:8px;
}

.detail-delete{
  border:1px solid var(--line);
  background:transparent;
  color:var(--ink);
  border-radius:999px;
  padding:7px 11px;
  cursor:pointer;
  font-size:.75rem;
  font-weight:700;
}

.detail-delete:hover{
  border-color:var(--accent);
}


/* ===== V13: PORTA / PRATELEIRA ===== */
.idea-note footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}

.move-to-shelf{
  border:0;
  background:transparent;
  color:#5c543d;
  padding:2px 0;
  cursor:pointer;
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.03em;
  white-space:nowrap;
}

.move-to-shelf:hover{
  text-decoration:underline;
}


/* ===== V14: sincronização + calendário ===== */
.sync-status{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:4px 10px;
  border-radius:999px;
  font-size:.68rem;
  font-weight:700;
  color:var(--muted);
  white-space:nowrap;
}
.sync-status[data-mode="ok"]::before,
.sync-status[data-mode="busy"]::before,
.sync-status[data-mode="error"]::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  margin-right:6px;
  background:var(--success);
}
.sync-status[data-mode="busy"]::before{background:var(--accent)}
.sync-status[data-mode="error"]::before{background:var(--muted)}

.calendar-section{margin-top:4px}
.calendar-toolbar{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:14px;
  margin-bottom:14px;
}
.calendar-toolbar h2{
  margin:0;
  text-align:center;
  font-size:clamp(1.35rem,3vw,2rem);
  font-weight:800;
}
.calendar-add{
  justify-self:end;
  border:1px solid var(--line);
  background:var(--paper);
  border-radius:999px;
  padding:10px 14px;
  cursor:pointer;
  font-weight:800;
  font-size:.8rem;
}
.calendar-panel{padding:20px}
.calendar-filters{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:center;
  margin-bottom:18px;
}
.calendar-filter{
  border:1px solid var(--line);
  background:var(--panel);
  border-radius:999px;
  padding:8px 11px;
  cursor:pointer;
  font-size:.7rem;
  font-weight:800;
}
.calendar-filter.active{
  background:var(--ink);
  color:var(--paper);
  border-color:var(--ink);
}
.calendar-nav{
  display:grid;
  grid-template-columns:44px 1fr 44px;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
}
.calendar-nav strong{text-align:center;font-size:1rem}
.calendar-nav-btn{
  border:1px solid var(--line);
  background:var(--panel);
  border-radius:12px;
  width:44px;
  height:40px;
  cursor:pointer;
}
.calendar-weekdays,
.calendar-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
}
.calendar-weekdays{
  border-bottom:1px solid var(--line);
}
.calendar-weekdays span{
  padding:8px 5px;
  text-align:center;
  color:var(--muted);
  font-size:.65rem;
  font-weight:800;
}
.calendar-day{
  min-height:112px;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:8px;
  background:color-mix(in srgb,var(--paper) 94%,transparent);
  overflow:hidden;
}
.calendar-day:nth-child(7n){border-right:0}
.calendar-day.empty{background:color-mix(in srgb,var(--panel) 70%,transparent)}
.calendar-day.today{box-shadow:inset 0 0 0 2px var(--accent)}
.calendar-day-number{
  font-size:.72rem;
  font-weight:900;
  margin-bottom:7px;
}
.calendar-day-events{display:grid;gap:5px}
.calendar-event{
  border:0;
  background:transparent;
  padding:0;
  text-align:left;
  display:flex;
  align-items:flex-start;
  gap:5px;
  min-width:0;
  cursor:pointer;
  font-size:.67rem;
  line-height:1.25;
  color:var(--ink);
}
.calendar-event span:last-child{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.event-dot{
  width:7px;
  height:7px;
  margin-top:3px;
  flex:0 0 7px;
  border-radius:50%;
  background:var(--accent);
}
.event-dot[data-event-context="INFRAS"]{background:var(--cool)}
.event-dot[data-event-context="OPESTUDIO"]{background:var(--success)}
.event-dot[data-event-context="PESSOAL"]{background:var(--magnet)}
.event-dot[data-event-context="GERAL"]{background:var(--muted)}
.calendar-agenda{display:none}
.agenda-item{
  position:relative;
  display:grid;
  grid-template-columns:54px 1fr 28px;
  gap:12px;
  align-items:start;
  padding:12px 0;
  border-bottom:1px solid var(--line);
}
.agenda-item:last-child{border-bottom:0}
.agenda-date{text-align:center}
.agenda-date strong{display:block;font-size:1.3rem}
.agenda-date span{font-size:.7rem;color:var(--muted)}
.agenda-copy{min-width:0}
.agenda-copy>strong{display:block;margin-top:5px}
.agenda-copy>small{display:block;color:var(--muted);margin-top:4px}
.agenda-tags{display:flex;gap:6px;flex-wrap:wrap}
.agenda-tags span{
  border:1px solid var(--line);
  border-radius:999px;
  padding:2px 6px;
  font-size:.58rem;
  font-weight:800;
  color:var(--muted);
}
.agenda-delete{
  border:0;
  background:transparent;
  font-size:1.2rem;
  cursor:pointer;
  color:var(--muted);
}
.auth-dialog::backdrop{background:rgba(20,22,22,.72);backdrop-filter:blur(5px)}
.auth-copy{color:var(--muted);font-size:.84rem;line-height:1.45}
.auth-error{min-height:20px;color:#9a3f35;font-size:.78rem;font-weight:700}

@media (max-width:760px){
  .calendar-weekdays,.calendar-grid{display:none}
  .calendar-agenda{display:block}
  .calendar-panel{padding:15px}
  .calendar-toolbar{
    grid-template-columns:auto 1fr auto;
    gap:8px;
  }
  .calendar-toolbar .back-btn{
    padding:8px 10px;
    font-size:.74rem;
  }
  .calendar-toolbar h2{font-size:1.15rem}
  .calendar-add{
    padding:8px 10px;
    font-size:.7rem;
  }
  .calendar-filters{
    display:grid;
    grid-template-columns:repeat(3,1fr);
  }
  .calendar-filter{padding:8px 6px}
}

@media (max-width:420px){
  .calendar-toolbar h2{font-size:1rem}
  .calendar-add{font-size:0;width:42px;height:42px;padding:0}
  .calendar-add::after{content:"+";font-size:1.4rem}
  .calendar-filters{grid-template-columns:repeat(2,1fr)}
  .footer-center{min-width:0}
  .sync-status{font-size:.58rem;padding:3px 6px}
}


/* ===== V15: correção do cabeçalho do calendário ===== */
.calendar-toolbar{
  grid-template-columns:auto 1fr auto !important;
  align-items:center !important;
  gap:18px !important;
}

.calendar-toolbar .back-btn{
  justify-self:start !important;
  width:auto !important;
  min-width:0 !important;
  padding:10px 16px !important;
  white-space:nowrap !important;
}

.calendar-toolbar h2{
  justify-self:center !important;
  text-align:center !important;
}

.calendar-toolbar .calendar-add{
  justify-self:end !important;
  width:auto !important;
  white-space:nowrap !important;
}

/* Mantém o título visualmente centralizado mesmo com botões de larguras diferentes */
@media (min-width:761px){
  .calendar-toolbar{
    position:relative !important;
  }

  .calendar-toolbar h2{
    position:absolute !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    margin:0 !important;
  }
}

@media (max-width:760px){
  .calendar-toolbar{
    grid-template-columns:auto 1fr auto !important;
    gap:8px !important;
  }

  .calendar-toolbar .back-btn{
    width:auto !important;
    padding:8px 10px !important;
  }
}


/* ===== V16: FERIADOS + ajuste do botão compromisso no celular ===== */
.calendar-toolbar-actions{
  justify-self:end;
  display:flex;
  align-items:center;
  gap:8px;
}

.calendar-holiday,
.calendar-add{
  border:1px solid var(--line);
  background:var(--paper);
  border-radius:999px;
  padding:10px 14px;
  cursor:pointer;
  font-weight:800;
  font-size:.78rem;
  white-space:nowrap;
}

.calendar-holiday{
  background:var(--panel);
}

@media (max-width:760px){
  .calendar-toolbar{
    grid-template-columns:auto 1fr auto !important;
    gap:8px !important;
  }

  .calendar-toolbar-actions{
    display:flex;
    gap:6px;
  }

  .calendar-holiday,
  .calendar-add{
    padding:9px 10px !important;
    font-size:.68rem !important;
    min-height:40px;
  }
}

@media (max-width:520px){
  .calendar-toolbar{
    grid-template-columns:auto 1fr !important;
    grid-template-areas:
      "back title"
      "actions actions";
    align-items:center !important;
    row-gap:10px !important;
  }

  .calendar-toolbar .back-btn{
    grid-area:back;
  }

  .calendar-toolbar h2{
    grid-area:title;
    position:static !important;
    transform:none !important;
    justify-self:end !important;
    text-align:right !important;
  }

  .calendar-toolbar-actions{
    grid-area:actions;
    width:100%;
    display:grid;
    grid-template-columns:1fr 1.35fr;
    gap:8px;
  }

  .calendar-holiday,
  .calendar-add{
    width:100% !important;
    min-height:44px;
    padding:10px 8px !important;
    font-size:.72rem !important;
  }

  .calendar-add::after{
    content:none !important;
  }
}


/* ===== V17: FERIADOS como filtro ao lado de PESSOAL ===== */
.calendar-toolbar-actions{
  justify-self:end;
  display:flex;
  align-items:center;
}

.calendar-toolbar .calendar-add{
  width:auto !important;
  min-width:0 !important;
}

/* O botão FERIADOS deixou de existir no cabeçalho. */
.calendar-holiday{
  display:none !important;
}

@media (max-width:520px){
  .calendar-toolbar-actions{
    grid-area:actions;
    width:100%;
    display:block;
  }

  .calendar-toolbar .calendar-add{
    width:100% !important;
    min-height:44px;
  }

  .calendar-filters{
    grid-template-columns:repeat(3,1fr) !important;
  }
}


/* ===== V18 CLEAN: geladeiras dinâmicas ===== */
.selector-block{
  display:flex;
  flex-direction:column;
  align-items:center;
}

.temperature-control{
  width:100%;
  justify-content:center;
  align-items:center;
}

.context-selector-item{
  position:relative;
  display:inline-flex;
  align-items:center;
}

.context-selector-item .temp-option{
  padding-right:38px;
}

.context-delete{
  position:absolute;
  right:7px;
  top:50%;
  transform:translateY(-50%);
  width:24px;
  height:24px;
  border:0;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:transparent;
  color:currentColor;
  opacity:.5;
  cursor:pointer;
  z-index:2;
  font-size:1rem;
  line-height:1;
}

.context-delete:hover{
  opacity:1;
  background:color-mix(in srgb,var(--line) 36%,transparent);
}

.add-context-btn{
  margin-top:12px;
  border:1px solid var(--line);
  background:var(--paper);
  color:var(--ink);
  border-radius:999px;
  padding:8px 14px;
  font-size:.7rem;
  font-weight:800;
  cursor:pointer;
}

.add-context-btn:hover{
  border-color:var(--accent);
}

.selector-empty{
  width:100%;
  text-align:center;
  color:var(--muted);
  font-size:.8rem;
  padding:7px 0;
}

@media (max-width:640px){
  .temperature-control{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    gap:8px !important;
  }

  .context-selector-item{
    flex:0 1 auto;
    max-width:100%;
  }

  .context-selector-item .temp-option{
    width:auto !important;
    max-width:calc(100vw - 48px);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}


/* ===== V19: simplificação visual do topo ===== */
.selector-main-action{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  line-height:1 !important;
  min-height:42px;
  padding:0 18px !important;
  margin:0 0 14px 0 !important;
}

.selector-block{
  padding-top:4px;
}

.panel-spacer{
  min-height:18px;
  margin:10px 0 18px !important;
}

@media (max-width:640px){
  .selector-main-action{
    min-height:40px;
    padding:0 16px !important;
    margin-bottom:12px !important;
  }

  .panel-spacer{
    min-height:12px;
    margin:8px 0 14px !important;
  }
}


/* ===== V20: topo realmente centralizado ===== */

.selector-block{
  width:100% !important;
  display:block !important;
  text-align:center !important;
  padding:8px 0 22px !important;
}

.selector-action-row{
  width:100% !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  margin:0 0 14px 0 !important;
}

.selector-main-action{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:118px !important;
  min-height:42px !important;
  margin:0 !important;
  padding:0 18px !important;
  text-align:center !important;
  line-height:1 !important;
}

/* Substitui definitivamente o grid antigo de 3 colunas */
.selector-block .temperature-control{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  align-items:center !important;
  width:100% !important;
  max-width:760px !important;
  margin:0 auto !important;
  gap:10px !important;
}

.selector-block .context-selector-item{
  flex:0 0 auto !important;
  width:auto !important;
  max-width:100% !important;
}

.selector-block .temp-option{
  width:auto !important;
  min-width:220px !important;
  max-width:280px !important;
  padding:11px 38px 11px 18px !important;
  text-align:center !important;
}

/* PAINEL foi removido; mantém apenas o espaço correto antes dos blocos */
.panel-section{
  margin-top:18px !important;
}

.overview-grid{
  margin-top:0 !important;
}

@media (max-width:640px){
  .selector-block{
    padding-bottom:16px !important;
  }

  .selector-action-row{
    margin-bottom:12px !important;
  }

  .selector-main-action{
    min-height:40px !important;
    min-width:112px !important;
  }

  .selector-block .temperature-control{
    gap:8px !important;
  }

  .selector-block .temp-option{
    min-width:min(220px,calc(100vw - 48px)) !important;
    max-width:calc(100vw - 48px) !important;
  }

  .panel-section{
    margin-top:12px !important;
  }
}


}


/* ===== V25: feriado global ===== */
#eventContext:disabled{
  opacity:1;
  cursor:not-allowed;
  background:color-mix(in srgb,var(--panel) 82%,var(--paper));
  color:var(--ink);
  font-weight:800;
}


/* ===== V26: botão Painel ===== */
.back-btn{
  font-weight:800 !important;
}


/* ===== V27: compromissos com intervalo opcional ===== */
.event-date-grid{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:12px;
}

.event-date-grid label{
  align-content:start;
}

.field-hint{
  margin-top:-3px;
  color:var(--muted);
  font-size:.65rem;
  font-weight:500;
  letter-spacing:0;
  text-transform:none;
}

@media (max-width:760px){
  .event-date-grid{
    grid-template-columns:1fr;
  }
}


/* ===== V28: cabeçalho + rodapé reorganizados ===== */
.app-shell{
  padding-top:94px !important;
  padding-bottom:92px !important;
}

.app-header{
  position:fixed;
  left:0;
  right:0;
  top:0;
  z-index:45;
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  align-items:center;
  min-height:72px;
  padding:10px max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left));
  background:color-mix(in srgb,var(--paper) 94%,transparent);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(14px);
  box-shadow:0 8px 24px rgba(0,0,0,.06);
}

.header-left{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  min-width:0;
}

.header-center{
  min-height:1px;
}

.header-right{
  display:flex;
  align-items:center;
  justify-content:flex-end;
}

.header-fridge-btn{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  background:var(--paper);
  border-radius:999px;
  cursor:pointer;
  box-shadow:var(--shadow);
}
.header-fridge-btn svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.header-fridge-btn[hidden]{
  display:none !important;
}

.app-footer{
  grid-template-columns:auto 1fr auto !important;
  min-height:74px !important;
}

.footer-left{
  justify-content:flex-start;
}

.footer-center{
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-width:0;
}

.footer-right{
  justify-content:flex-end;
}

.footer-panel-btn{
  border:1px solid var(--line);
  background:var(--paper);
  border-radius:999px;
  padding:10px 14px;
  cursor:pointer;
  font-weight:800;
}
.footer-panel-btn[aria-current="page"]{
  opacity:.55;
}
.footer-panel-btn:disabled{
  cursor:default;
}

.selector-block{
  padding-top:0 !important;
}

.sync-status{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:4px 10px;
  border-radius:999px;
  font-size:.68rem;
  font-weight:800;
  color:var(--muted);
  white-space:nowrap;
  border:1px solid color-mix(in srgb,var(--line) 70%,transparent);
  background:color-mix(in srgb,var(--paper) 92%,transparent);
}

@media (max-width:760px){
  .app-header{
    grid-template-columns:1fr auto;
    min-height:66px;
    padding-left:10px;
    padding-right:10px;
  }

  .header-center{
    display:none;
  }

  .app-shell{
    padding-top:86px !important;
    padding-bottom:94px !important;
  }

  .app-footer{
    grid-template-columns:auto 1fr auto !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .footer-center{
    gap:4px;
  }

  .footer-center .palette-choice{
    padding-left:8px;
    padding-right:8px;
    font-size:.68rem;
  }

  .footer-panel-btn{
    padding:9px 12px;
    font-size:.78rem;
  }
}

@media (max-width:520px){
  .sync-status{
    font-size:.6rem;
    padding:3px 8px;
  }

  .header-fridge-btn{
    width:42px;
    height:42px;
  }

  .footer-center{
    gap:4px;
  }

  .footer-center .palette-choice{
    min-width:0;
    padding:8px 7px;
    font-size:.64rem;
  }

  .footer-panel-btn{
    padding:8px 11px;
  }
}


/* ===== V29: estados corretos de navegação ===== */
.header-fridge-btn:disabled{
  opacity:.38;
  cursor:not-allowed;
  box-shadow:none;
}

.footer-panel-btn:disabled{
  opacity:.45;
  cursor:default;
}

.fridge-toolbar{
  grid-template-columns:auto 1fr auto !important;
}

.fridge-toolbar h2{
  grid-column:2;
  justify-self:center;
}

/* O terceiro espaço mantém o título visualmente centralizado após remover o ícone duplicado. */
.fridge-toolbar::after{
  content:"";
  width:46px;
  height:1px;
  grid-column:3;
  justify-self:end;
}

@media (max-width:640px){
  .fridge-toolbar::after{
    width:42px;
  }
}


/* ===== V30: cabeçalho / rodapé / sobre ===== */

.app-header{
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
}

.header-left{
  justify-content:flex-start !important;
  min-width:0;
}

.header-center{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.header-right{
  justify-content:flex-end !important;
  min-width:0;
}

.header-panel-btn{
  border:1px solid var(--line);
  background:var(--paper);
  color:var(--ink);
  border-radius:999px;
  padding:10px 14px;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
}

.header-panel-btn:disabled{
  opacity:.45;
  cursor:default;
}

.app-footer{
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
}

.footer-left{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
}

.footer-center{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
}

.footer-right{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
}

.footer-about-btn{
  border:1px solid var(--line);
  background:var(--paper);
  color:var(--ink);
  border-radius:999px;
  padding:10px 14px;
  font-weight:800;
  cursor:pointer;
}

.about-content{
  display:grid;
  gap:12px;
  margin-top:18px;
  line-height:1.55;
  color:var(--ink);
}

.about-content p{
  margin:0;
}

.about-content h3{
  margin:10px 0 -4px;
  font-size:.82rem;
  text-transform:uppercase;
  letter-spacing:.08em;
}

@media (max-width:760px){
  .app-header{
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
  }

  .header-panel-btn{
    padding:9px 11px;
    font-size:.76rem;
  }

  .app-footer{
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
  }

  .footer-about-btn{
    padding:8px 10px;
    font-size:.72rem;
  }

  .footer-center{
    gap:4px !important;
  }

  .footer-center .palette-choice{
    padding:8px 7px !important;
    font-size:.64rem !important;
  }
}

@media (max-width:430px){
  .header-left .sync-status{
    max-width:110px;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .header-panel-btn{
    padding:8px 10px;
  }

  .footer-about-btn{
    padding:8px 9px;
  }

  .footer-center .palette-choice{
    padding:7px 6px !important;
    font-size:.6rem !important;
  }
}


/* ===== V31: padrão único para Sincronizado / Painel / Sobre ===== */
.sync-status,
.header-panel-btn,
.footer-about-btn{
  min-height:40px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid var(--line) !important;
  background:var(--paper) !important;
  color:var(--ink) !important;
  border-radius:999px !important;
  padding:0 14px !important;
  font-size:.76rem !important;
  font-weight:800 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  box-shadow:none !important;
}

.sync-status{
  gap:6px;
}

.sync-status::before{
  margin-right:0 !important;
}

.header-panel-btn,
.footer-about-btn{
  cursor:pointer;
}

.header-panel-btn:disabled{
  opacity:.45 !important;
  cursor:default !important;
}

@media (max-width:760px){
  .sync-status,
  .header-panel-btn,
  .footer-about-btn{
    min-height:38px !important;
    padding:0 11px !important;
    font-size:.7rem !important;
  }
}

@media (max-width:430px){
  .sync-status,
  .header-panel-btn,
  .footer-about-btn{
    min-height:36px !important;
    padding:0 9px !important;
    font-size:.66rem !important;
  }
}


/* ===== V34: tamanho uniforme dos controles principais ===== */
.header-panel-btn,
.footer-about-btn,
.palette-choice{
  width:84px !important;
  min-width:84px !important;
  max-width:84px !important;
  height:40px !important;
  min-height:40px !important;
  max-height:40px !important;
  padding:0 8px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  white-space:nowrap !important;
}

/* Todos permanecem exatamente iguais entre si também no responsivo. */
@media (max-width:760px){
  .header-panel-btn,
  .footer-about-btn,
  .palette-choice{
    width:72px !important;
    min-width:72px !important;
    max-width:72px !important;
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
    padding:0 5px !important;
  }
}

@media (max-width:430px){
  .header-panel-btn,
  .footer-about-btn,
  .palette-choice{
    width:68px !important;
    min-width:68px !important;
    max-width:68px !important;
    height:36px !important;
    min-height:36px !important;
    max-height:36px !important;
    padding:0 4px !important;
  }
}


/* ===== V35: identidade P O R T A ===== */
.porta-wordmark{
  white-space:nowrap;
  letter-spacing:.08em;
}