/* experience/public/form.css — additions for the shared listing form (views/partials/form.ejs).
   Loaded on /host, the earn page and the edit pages, after each page's own form styles. */
.xp-form .xp-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.xp-form input[type=date],.xp-form input[type=time]{font:16px var(--body);color:var(--ink);background:var(--paper);border:var(--b);border-radius:14px;padding:12px 14px;min-height:48px;width:100%;box-sizing:border-box}
.xp-form input[type=date]:focus,.xp-form input[type=time]:focus{outline:none;box-shadow:0 0 0 4px var(--lav)}
.xp-form [hidden]{display:none!important}
.xp-stack{display:grid;gap:16px}
.xp-rows{display:grid;gap:12px}
.xp-row{border:var(--b-dash);border-radius:var(--r-m);padding:14px 16px 16px;display:grid;gap:12px;background:var(--cream)}
.xp-link.xp-row{padding:12px 16px 14px}
.xp-row-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.xp-row-head b,.xp-row-head label{font-family:var(--display);font-stretch:85%;font-weight:800;text-transform:uppercase;font-size:15px}
.xp-x{background:none;border:0;padding:6px 0;font:700 13px var(--body);color:var(--ink-soft);text-decoration:underline;cursor:pointer}
.xp-x:hover{color:var(--error)}
.xp-sess-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:700px){.xp-sess-grid{grid-template-columns:1.3fr 1fr 1fr .8fr auto}}
.xp-sess-grid .f:has(select){min-width:130px}
.xp-plat{font-weight:600}
.xp-add{justify-items:start}
.btn.xp-small{font-size:14px;padding:9px 16px;min-height:42px}
.xp-pv-links{display:flex;flex-wrap:wrap;gap:8px}
.xp-pv-links .chip{font-size:12px;padding:4px 10px;background:var(--paper)}
.xp-editbox{border:var(--b);border-radius:var(--r-m);background:var(--cream);padding:16px 18px;display:grid;gap:8px;max-width:640px}
.xp-editbox b{font-family:var(--display);font-stretch:85%;font-weight:800;text-transform:uppercase}
.xp-editbox p{font-size:15px}
.xp-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.xp-copy input{font:14px ui-monospace,SFMono-Regular,Menlo,monospace;min-height:44px}
.xp-banner{border:var(--b);border-radius:var(--r-m);padding:14px 18px;margin-bottom:22px;display:grid;gap:4px;font-size:15px}
.xp-banner b{font-family:var(--display);font-stretch:85%;font-weight:800;text-transform:uppercase;font-size:16px}
.xp-banner.live{background:var(--mint)}.xp-banner.review{background:var(--info-bg)}.xp-banner.off{background:var(--paper)}

/* covers keep their own shape: show the whole image in the upload slot and the preview */
.xp-form .cover-drop img{object-fit:contain;background:var(--paper)}
.pv .lc-cover{aspect-ratio:auto;background:var(--paper)}
.pv .lc-cover img{height:auto;max-height:520px;object-fit:contain}