.item-identity{min-width:0;margin:2px 0 4px}
.item-identity-value{display:block;min-height:44px;max-width:100%;padding:6px 0;border:0;background:none;color:var(--ink-2);font:inherit;text-align:left;overflow-wrap:anywhere;cursor:pointer}
.item-identity-value.is-empty{color:var(--muted)}
.item-identity-form{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0}
.item-identity-form label{display:flex;flex:1 1 120px;min-width:0;flex-direction:column;gap:4px;font-size:var(--fs-xs)}
.item-identity-form input{box-sizing:border-box;width:100%;min-width:0;min-height:44px}
.item-identity-form .btn{min-height:44px}
.item-identity-form [role=status]{flex-basis:100%;font-size:var(--fs-xs)}
/* Item inspector: the existing warm-paper Shelf language, not a modal wall. */
.item-sheet-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;width:100%}
.item-sheet-actions>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:56px;padding:6px 2px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:transparent;color:var(--ink);font:600 11px/1.2 var(--font-ui);white-space:nowrap}
.item-sheet-actions>button svg{width:18px;height:18px;flex:none}
.item-sheet-actions>button.is-primary{background:var(--accent-strong);border-color:transparent;color:var(--on-accent)}
.item-sheet-actions>button:disabled{opacity:.45;cursor:default}
.item-sheet-actions>button:focus-visible,.item-sheet-pencil:focus-visible,.item-inline-value:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.item-sheet-pencil{display:grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--ink)}
.item-sheet-pencil svg{width:18px;height:18px}
.read-title[role="button"],.field-item-body h1[role="button"]{position:relative;cursor:text}
.read-title input,.field-item-body h1 input,#panel .pc-head .t input{box-sizing:border-box;max-width:100%;min-width:0;font:inherit}
.read-title:has(input)::before,.field-item-body h1:has(input)::before{display:none}
#panel .pc-head .t[role="button"]{min-height:44px;display:flex;align-items:center;cursor:text}
@media(pointer:coarse){
  #panel .sticker-action,#panel #serSnapBtn{position:relative}
  #panel .sticker-action::before,#panel #serSnapBtn::before{--shelf-touch-target-rule:1;content:"";position:absolute;inset:50% 0 auto;translate:0 -50%;min-height:44px;min-width:44px;pointer-events:auto}
  .read-title[role="button"]::before,.field-item-body h1[role="button"]::before{--shelf-touch-target-rule:1;content:"";position:absolute;inset:50% 0 auto;translate:0 -50%;min-height:44px;pointer-events:auto}
}
#panel .item-sheet-header-extras{position:relative;flex:none}
#panel .item-sheet-header-extras .pc-action-menu{top:calc(100% + 6px);bottom:auto;left:auto;right:0;max-height:70dvh;overflow-y:auto;max-width:calc(100vw - 24px)}
#panel .item-sheet-header-extras .pc-action-more{width:36px;min-width:36px;padding:0;justify-content:center}
.item-inline-fields{border-top:1px solid var(--line);margin-top:12px}
.item-inline-field{display:grid;grid-template-columns:82px minmax(0,1fr);gap:8px;align-items:start;padding:10px 0;border-bottom:1px solid var(--line);min-width:0}
.item-inline-label{padding-top:8px;color:var(--muted);font:600 12px/1.4 var(--font-ui)}
.item-inline-content{min-width:0;display:grid;gap:3px}
.item-inline-value{position:relative;width:100%;min-height:36px;padding:7px 5px;border:1px solid transparent;background:transparent;color:var(--ink);font:400 14px/1.5 var(--font-ui);text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:5px}
.item-inline-value::after{content:"";position:absolute;inset:-5px 0}
.item-inline-value:hover{background:var(--surface-2);border-color:var(--line)}
.item-inline-value.is-empty{color:var(--muted)}
.item-inline-content input,.item-inline-content textarea{box-sizing:border-box;width:100%;min-width:0;min-height:38px;border:1px solid var(--line-2);border-radius:5px;background:var(--surface-2);color:var(--ink);font:400 16px/1.45 var(--font-ui);padding:7px}
.item-inline-content textarea{min-height:92px;resize:vertical}
.item-inline-feedback{min-height:0;font:500 11px/1.4 var(--font-ui);color:var(--ok-ink)}
.item-inline-feedback:empty{display:none}
.item-inline-feedback.is-error{color:var(--danger-ink)}
.item-inline-retry{justify-self:start;border:0;padding:4px 0;background:none;color:var(--accent-ink);font:600 12px var(--font-ui);text-decoration:underline}
.item-sheet-missing{display:block;min-height:44px;padding:10px 0;border:0;background:none;color:var(--accent-ink);text-align:left;font:600 12px/1.5 var(--font-ui)}
#panel #readPhotoSlot{max-height:220px!important;overflow:hidden!important}
@media(min-width:768px){
  :root{--item-sheet-width:min(400px,40vw)}
  /* Change the stage's real containing block; padding a clipped grid is not reflow. */
  body.panel-open #stage{margin-right:var(--item-sheet-width);min-width:0}
  body.panel-open #dock{right:var(--item-sheet-width)!important;width:auto!important;max-width:calc(100vw - var(--item-sheet-width))}
  body.panel-open #scrim{display:none!important;pointer-events:none!important}
  body.panel-open #panel{top:0;bottom:0;left:auto;right:0;width:var(--item-sheet-width)!important;max-width:var(--item-sheet-width)!important;height:100dvh!important;min-width:0;border-radius:0;border-left:1px solid var(--line);border-top:0;box-shadow:var(--shadow-sm)}
  #panel .pc-head{padding:10px 12px;flex-wrap:nowrap}
  #panel .pc-head::before{display:none}
  #panel .pc-head .t{font-size:15px}
  #panel #pcBody{padding:14px;overflow-y:auto;overflow-x:hidden;min-width:0}
  #panel #readPhotoSlot{aspect-ratio:16/10!important;height:auto!important;max-height:220px!important}
  #panel .pc-foot.pc-read-actions{padding:10px;display:block}
  #panel #mItemBar{display:none!important}
  #panel .item-sheet-legacy-actions{display:none!important}
  #panel .iu-section,#panel .rel-section{min-width:0;max-width:100%}
  #panel .rel-linked-row{flex-wrap:wrap}
  #panel .rel-companion{max-width:100%;min-width:0}
  #panel .iu-actions{flex-wrap:wrap}
  #panel .item-sheet-relations .m-coll-body{display:block!important}
  #panel .item-sheet-relations .m-coll-hdr{display:none}
  body.panel-open #stageInner{min-width:0;max-width:100%}
}
@media(max-width:767px){
  #panel .pc-head{display:flex;align-items:center;position:relative;min-height:56px;padding-top:14px}
  #panel .pc-head::before{position:absolute;top:5px;left:50%;transform:translateX(-50%);margin:0}
  #panel .pc-head .t{flex:1;min-width:0;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;visibility:hidden}
  #panel.phone-title-visible .pc-head .t{visibility:visible}
  body.panel-open #dock{display:none!important}
  #panel{top:0!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;max-width:100vw!important;height:100dvh!important;border-radius:0!important}
  #panel #pcFoot.item-sheet-phone-foot{display:block!important;padding:10px 10px calc(10px + env(safe-area-inset-bottom))}
  #panel #mItemBar{display:none!important}
  .field-item-overlay{inset:0;width:100%;box-shadow:none}
}
