.item-page { max-width: 880px; margin: 0 auto; padding: 32px 24px 56px; }
.item-page > .inline-link { font-size: 12px; letter-spacing: .06em; }
.item-panel { margin-top: 24px; padding: clamp(24px, 4vw, 40px); border: 1px solid var(--line); border-radius: 12px; background: #fbfdf8; box-shadow: 0 12px 40px rgba(18,59,36,.04); }
.item-panel .eyebrow { font-size: 10px; letter-spacing: .2em; margin: 0 0 12px; }
.item-panel h1 { color: var(--ink); font-family: var(--serif); font-size: clamp(36px, 5vw, 48px); line-height: 1.12; letter-spacing: -.025em; text-shadow: none; margin: 0 0 12px; max-width: none; }
.item-panel h1 em { display: inline; color: var(--deep-gold); text-shadow: none; }
.item-note { color: #536953; font-size: 14px; line-height: 1.6; margin: 0 0 20px; }
.local-notice { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 12px 14px; background: #edf4eb; border-radius: 6px; font-size: 12px; color: #425b45; margin-bottom: 28px; }
.local-notice > span:first-child { color: var(--deep-gold); font-size: 9px; }
.notice-detail { color: #607264; margin-left: auto; }
.item-panel form { display: grid; gap: 16px; }
.item-panel [hidden] { display: none !important; }
.item-fields { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 20px; }
.item-field { display: grid; gap: 8px; min-width: 0; }
.field-wide { grid-column: 1 / -1; }
.item-panel label { display: block; color: var(--ink); font-size: 13px; font-weight: 600; line-height: 1.5; letter-spacing: 0; text-transform: none; margin: 0; }
.item-panel label span { color: var(--muted); font-weight: 400; }
.item-panel input, .item-panel textarea { width: 100%; min-width: 0; padding: 12px 14px; min-height: 46px; font-family: var(--sans); font-size: 15px; line-height: 1.5; border: 1px solid #c9d7c5; border-radius: 6px; background: #fff; color: var(--ink); }
.item-panel input::placeholder, .item-panel textarea::placeholder { color: #71816c; opacity: 1; }
.item-panel input:focus-visible, .item-panel textarea:focus-visible, .item-panel button:focus-visible, .item-page a:focus-visible { outline: 2px solid var(--deep-gold); outline-offset: 3px; }
.item-panel textarea { resize: vertical; min-height: 112px; }
.item-panel small { font-size: 12px; line-height: 1.5; color: #607264; }
.price-input { position: relative; }
.price-input > span { position: absolute; left: 14px; top: 12px; color: #607264; }
.price-input input { padding-left: 30px; }
.upload-box { padding: 18px; border: 1px dashed #91a787; border-radius: 8px; background: #f4f8ef; }
.upload-heading { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.upload-heading strong { display: block; font-size: 13px; font-weight: 500; }
.upload-heading small { display: block; margin-top: 3px; }
.upload-symbol { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: #e4edda; color: var(--deep-gold); font-size: 22px; }
.item-panel input[type="file"] { border: 0; padding: 0; background: transparent; font-size: 12px; min-height: 38px; }
.item-panel input::file-selector-button { background: white; color: var(--ink); border: 1px solid #c9d7c5; padding: 9px 14px; border-radius: 5px; margin-right: 12px; font: inherit; cursor: pointer; }
.item-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; padding-top: 20px; border-top: 1px solid var(--line); margin-top: 4px; }
.item-panel .button { min-height: 46px; padding: 12px 20px; border-radius: 6px; font-size: 12px; letter-spacing: .025em; text-transform: none; gap: 18px; }
#lock-form { margin-left: auto; background: transparent; color: #536953; border-color: #c9d7c5; }
.item-panel .button:disabled { opacity: .6; cursor: wait; transform: none; }
#image-preview { display: block; width: 100%; max-height: 220px; object-fit: contain; margin-top: 16px; border-radius: 6px; background: #fff; }
#item-status { overflow-wrap: anywhere; font-size: 14px; line-height: 1.6; background: #edf4eb; padding: 12px 14px; border-radius: 6px; margin: 16px 0 0; }
#item-status:empty { display: none; }
#view-item { display: inline-block; margin-top: 16px; font-size: 12px; }
.unlock-note { margin: 0; color: #536953; font-size: 14px; }
#unlock-form .button { justify-self: start; }
@media (max-width: 560px) {
  .item-page { padding: 24px 16px 40px; }
  .item-panel { padding: 24px 20px; }
  .item-fields { grid-template-columns: 1fr; gap: 18px; }
  .notice-detail { margin-left: 17px; flex-basis: 100%; }
  .item-panel input, .item-panel textarea { font-size: 16px; }
  .item-actions .primary { flex: 1; }
  #lock-form { margin-left: 0; }
}
.manage-items { margin-top: 32px; padding-top: 28px; border-top: 1px solid var(--line); }
.manage-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.manage-heading h2 { font-family: var(--serif); font-size: 28px; line-height: 1.2; margin: 0; }
.manage-heading p, #manage-status { color: #536953; font-size: 13px; line-height: 1.6; margin: 8px 0 16px; }
.managed-item { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; align-items: center; gap: 16px; padding: 16px 0; border-top: 1px solid var(--line); }
.managed-item img { width: 64px; height: 76px; object-fit: cover; border-radius: 5px; background: #edf4eb; }
.managed-item h3 { font-family: var(--sans); font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; margin: 0; }
.managed-item p { font-size: 13px; color: #536953; margin: 4px 0 0; }
.item-panel .delete-item { color: #9a302a; border-color: #d9b8b5; background: transparent; }
.item-panel .delete-item:hover { background: #faeeec; }
@media (max-width: 440px) {
  .manage-heading { align-items: flex-start; }
  .managed-item { gap: 12px; grid-template-columns: 48px minmax(0, 1fr); }
  .managed-item img { width: 48px; height: 60px; }
  .managed-item .delete-item { grid-column: 2; justify-self: start; }
}