/* O painel é para o dono, à porta do stand, com o telemóvel numa mão: uma coluna só,
   alvos grandes, e a ação de publicar logo em cima. */
.painel{max-width:40rem;margin:auto;padding:.4rem 1rem 3rem}
.p-entrar{padding:1.4rem 0}
.p-entrar h1,.p-cab h1{font-size:2.1rem}
.p-entrar p{margin:.7rem 0 1.1rem}
.p-cab p{margin:.2rem 0 .8rem;color:var(--tinta-2)}
.p-msg{margin:0 0 .8rem;padding:.6rem .8rem;background:#eef0f6;border-left:4px solid var(--tinta);border-radius:8px}
.p-novo{width:100%;margin-bottom:.9rem}
.p-lista{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}
.p-lista li{display:grid;grid-template-columns:5.4rem minmax(0,1fr);gap:.7rem;padding:.6rem;background:#fff;border:1px solid var(--linha);border-radius:var(--raio)}
.p-lista img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:8px}
.p-i{display:grid;gap:.1rem;min-width:0}
.p-i a{display:inline-flex;align-items:center;min-height:32px;color:var(--tinta)}
.p-i>span{color:var(--tinta-2);font-size:.9rem}
.p-ctl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:.4rem;margin-top:.4rem}
.p-ctl label{display:flex;align-items:center;gap:.25rem;min-width:0}
.p-ctl input,.p-ctl select{width:100%;min-width:0;min-height:44px;padding:0 .45rem;background:#fff;border:1.5px solid var(--campo);border-radius:12px;font:inherit;font-size:1rem}
.p-repor{margin:1.1rem 0 0;font-size:.95rem}
.p-repor button{min-height:44px;padding:0 .3rem;background:none;border:0;color:var(--tinta);font:inherit;text-decoration:underline;cursor:pointer}
.p-repor a{display:inline-flex;align-items:center;min-height:44px}
.p-form{display:grid;gap:.75rem}
.p-form>label,.p-2 label{display:grid;gap:.2rem;font-weight:600;font-size:.94rem}
.p-form input:not([type=checkbox]),.p-form select,.p-form textarea{width:100%;min-height:46px;padding:.4rem .6rem;background:#fff;border:1.5px solid var(--campo);border-radius:12px;font:inherit;font-size:1rem}
.p-form input[type=file]{padding:.55rem .4rem}
.p-form small{font-weight:400;color:var(--tinta-2)}
.p-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.p-prev{display:flex;flex-wrap:wrap;gap:.35rem}
.p-prev img{width:4.6rem;aspect-ratio:3/2;object-fit:cover;border-radius:8px}
.p-prev:empty{display:none}
.p-check{display:flex!important;align-items:center;gap:.55rem;min-height:44px;font-weight:400!important}
.p-check input{width:1.2rem;height:1.2rem;accent-color:var(--tinta)}
.p-erro{margin:0;color:var(--vermelho);font-weight:600}
.p-erro:empty{display:none}

.p-c{position:relative;display:grid;gap:.2rem;min-width:0;align-content:start}
.p-c label{font-weight:600;font-size:.94rem}
.p-sug{position:absolute;top:100%;left:0;z-index:15;width:max(100%,14rem);max-width:calc(100vw - 2rem);max-height:15rem;margin:.25rem 0 0;padding:.25rem;overflow-y:auto;overscroll-behavior:contain;background:#fff;border:1px solid var(--linha);border-radius:12px;box-shadow:0 18px 36px -16px rgba(12,18,32,.45);list-style:none}
.p-2>.p-c:last-child .p-sug{left:auto;right:0}
.p-sug li{display:flex;align-items:center;min-height:44px;padding:.3rem .7rem;border-radius:8px;cursor:pointer}
.p-sug li[aria-selected=true]{background:var(--sinal-f);font-weight:600}
@media(hover:hover) and (pointer:fine){.p-sug li[data-opcao]:hover{background:var(--chapa)}}
.p-sug .p-sug-v{color:var(--tinta-2);cursor:default;font-size:.9rem}

/* Os cartões fechados dizem como está cada carro; abre-se só o que se quer mudar */
.painel{max-width:46rem}
.p-cab{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin-bottom:.8rem}
.p-cab p{margin-bottom:0}
.p-novo{width:auto;margin:0;min-height:44px;padding:.3rem 1rem;font-size:.95rem}
.p-form{max-width:32rem}
.p-acoes{display:flex;flex-wrap:wrap;gap:.5rem}
.p-lista li{display:block;padding:0;border:0;background:none}
.p-carro{background:#fff;border-radius:14px;box-shadow:var(--sombra)}
.p-carro>summary{position:relative;display:grid;grid-template-columns:5rem minmax(0,1fr);gap:.7rem;align-items:center;padding:.55rem 2.2rem .55rem .55rem;cursor:pointer;list-style:none;min-height:44px}
.p-carro>summary::-webkit-details-marker{display:none}
.p-carro>summary::after{content:"";position:absolute;right:.95rem;top:50%;width:.55rem;height:.55rem;margin-top:-.35rem;border:solid var(--tinta);border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform .2s var(--ease)}
.p-carro[open]>summary::after{margin-top:-.1rem;transform:rotate(225deg)}
.p-carro>summary:focus-visible{outline-offset:-3px;border-radius:14px}
.p-i>b{font-weight:700;line-height:1.2}
.p-etiquetas{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .4rem;margin-top:.15rem}
.p-preco{color:var(--tinta);font-weight:750}
.p-preco s{color:var(--tinta-2);font-size:.85em;font-weight:400}
.p-e{padding:.05rem .45rem;border-radius:999px;background:var(--volt-f);color:var(--volt);font-size:.75rem;font-style:normal;font-weight:650}
.p-e-reservado{background:#fff3c4;color:#6b5200}
.p-e-vendido{background:#fbe3e1;color:var(--vermelho)}
.p-e-promo{background:var(--sinal);color:var(--noite)}
.p-edita{display:grid;gap:.7rem;padding:.3rem .8rem .9rem;border-top:1px solid var(--linha);padding-top:.8rem}
.p-edita label:not(.p-check){display:grid;gap:.2rem;font-weight:600;font-size:.94rem}
.p-edita input:not([type=checkbox]),.p-edita select,.p-edita textarea{width:100%;min-height:46px;padding:.4rem .6rem;background:#fff;border:1.5px solid var(--campo);border-radius:12px;font:inherit;font-size:1rem;font-weight:400}
.p-ver{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.2rem .8rem;margin:0}
.p-ver a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
.p-ver small{color:var(--tinta-2)}

/* separadores: o que se faz todos os dias fica a um toque */
.p-sep{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;margin:.6rem 0 1rem;padding:.25rem;background:#e7e9f0;border-radius:14px}
.p-sep button{min-height:44px;background:none;border:0;border-radius:11px;color:var(--tinta);font:inherit;font-weight:600;cursor:pointer}
.p-sep button[aria-pressed=true]{background:#fff;box-shadow:0 1px 3px rgba(12,18,32,.14)}
.p-sep b{display:inline-grid;place-items:center;min-width:1.35em;height:1.35em;margin-left:.2em;background:var(--sinal);border-radius:999px;color:var(--noite);font-size:.8em}
.p-entrar.p-form{max-width:24rem;padding-top:1.4rem}
.p-entrar.p-form h1{margin-bottom:.4rem}
.p-acoes .btn{flex:0 1 auto;min-height:46px}
.p-e-sujo{background:#fff3c4;color:#6b5200}
.p-e-retirado{background:#e7e9f0;color:var(--tinta-2)}
.p-carro.p-ok{animation:p-guardou 1.4s var(--ease)}
@keyframes p-guardou{0%{box-shadow:0 0 0 3px var(--volt)}100%{box-shadow:var(--sombra)}}
@media(prefers-reduced-motion:reduce){.p-carro.p-ok{animation:none}}
.p-mais summary{display:flex;align-items:center;min-height:44px;cursor:pointer;font-weight:600;color:var(--tinta)}
.p-mais-d{display:grid;gap:.7rem;padding-top:.3rem}
.p-form .p-mais-d label{display:grid;gap:.2rem;font-weight:600;font-size:.94rem}
.p-form .p-mais-d input,.p-form .p-mais-d textarea{width:100%;min-height:46px;padding:.4rem .6rem;background:#fff;border:1.5px solid var(--campo);border-radius:12px;font:inherit;font-size:1rem;font-weight:400}
.p-edita label small{font-weight:400;color:var(--tinta-2)}
.p-toast-erro{background:var(--vermelho)}
#p-toast{bottom:1.2rem}
.p-pedidos{display:grid;gap:.6rem;margin:0;padding:0;list-style:none}
.p-pedido{padding:.8rem .9rem;background:#fff;border-radius:14px;box-shadow:var(--sombra)}
.p-pedido-novo{box-shadow:inset 4px 0 0 var(--sinal),var(--sombra)}
.p-pedido-c{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.1rem .6rem}
.p-pedido-c small{color:var(--tinta-2)}
.p-pedido p{margin:.25rem 0 0;overflow-wrap:anywhere}
.p-pedido .p-acoes{margin-top:.7rem}
.p-apagar{min-height:44px;padding:0 .5rem;background:none;border:0;color:var(--vermelho);font:inherit;text-decoration:underline;cursor:pointer}
.p-numeros{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;margin:0 0 1rem}
.p-numeros div{padding:.55rem .3rem;background:#fff;border-radius:12px;text-align:center;box-shadow:0 1px 2px rgba(12,18,32,.06)}
.p-numeros dt{color:var(--tinta-2);font-size:.75rem}
.p-numeros dd{margin:0;font-size:1.35rem;font-weight:750}
.p-hist{display:grid;margin:0;padding:0;list-style:none;background:#fff;border-radius:14px;box-shadow:var(--sombra)}
.p-hist li{display:grid;gap:.05rem;padding:.6rem .85rem;border-top:1px solid var(--linha)}
.p-hist li:first-child{border-top:0}
.p-hist small{color:var(--tinta-2)}

/* num ecrã de 360 um texto comprido não pode alargar a página: as grelhas encolhem até ao ecrã */
.p-lista,.p-hist,.p-pedidos,.p-edita,.p-mais-d{grid-template-columns:minmax(0,1fr)}
.p-lista li,.p-carro,.p-hist li,.p-pedido{min-width:0}
.p-i,.p-hist li span,.p-hist li b{overflow-wrap:anywhere}
.p-acoes .btn{white-space:nowrap}
.p-mais summary{list-style:none;justify-content:space-between;gap:1rem}
.p-mais summary::-webkit-details-marker{display:none}
.p-mais summary::after{content:"";flex:none;width:.55rem;height:.55rem;border:solid var(--tinta);border-width:0 2px 2px 0;transform:translateY(-2px) rotate(45deg);transition:transform .2s var(--ease)}
.p-mais[open] summary::after{transform:translateY(2px) rotate(225deg)}