/* LEONARDO WORKSHOP 0.3 — precision UI, unobtrusive point-connected lines. */

/* One clean colour chip: no secondary pill, rounded input well or nested colour frame. */
.inspector-section .inspect-field input[type="color"],
.inspector-section .inspect-field #sheetCellBg,
.inspector-section .inspect-field #sheetCellFg {
  -webkit-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 34px;
  min-height: 34px;
  padding: 0;
  margin-top: 10px;
  border: none;
  border-radius: 0;
  outline-offset: 3px;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
}
.inspector-section .inspect-field input[type="color"]::-webkit-color-swatch-wrapper{padding:0}
.inspector-section .inspect-field input[type="color"]::-webkit-color-swatch{border:0;border-radius:2px}
.inspector-section .inspect-field input[type="color"]::-moz-color-swatch{border:0;border-radius:2px}
.palette-custom{align-items:start;grid-template-columns:repeat(2,minmax(0,1fr))}
.palette-custom .inspect-field{min-width:0}
/* Spreadsheet cell fill/text pickers line up precisely even when one caption wraps. */
.sheet-cell-colours{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;align-items:stretch}
.sheet-cell-colours .inspect-field{display:flex;flex-direction:column;justify-content:flex-end;min-width:0;min-height:76px;margin-bottom:10px;line-height:1.35}
.sheet-cell-colours .inspect-field input[type="color"]{margin-top:auto;flex:none}

/* Text blocks are entirely colourable, including the main writing surface. */
.item.text .item-body,.item.text .simple-editor{box-shadow:none!important;border:0!important}
.item.text .item-body{overflow:hidden}
.item.text .simple-editor{position:absolute;inset:0;width:100%;height:100%;}

/* The tag's full SVG is visible including the 22px rounded shoulders and punched hole. */
.item.label .item-body,.item.label .label-svg{overflow:visible!important}
.item.label .label-svg{inset:0;width:100%;height:100%;}
.item.label .label-svg path{fill:currentColor}
.item.label .simple-editor{inset:0;width:80%;height:100%;padding:12px 22px;line-height:1.2;display:flex;align-items:center;white-space:pre-wrap;overflow:hidden;text-overflow:ellipsis;}
.item.label{isolation:isolate}
.item.label .size-grip{z-index:10;right:0;bottom:0}

/* There is no arrow rectangle. Only a crisp SVG curve and its endpoint handles. */
.connections{position:absolute;left:0;top:0;width:1px!important;height:1px!important;overflow:visible!important;pointer-events:none;z-index:5}
.workshop-arrow{pointer-events:none}
.workshop-arrow .arrow-visible{pointer-events:none}
.workshop-arrow .arrow-hit{pointer-events:stroke;cursor:pointer}
.workshop-arrow .arrow-handle{pointer-events:none;opacity:0;transition:opacity .13s ease;cursor:grab;filter:drop-shadow(0 1px 2px #0002)}
.workshop-arrow.selected .arrow-handle,.workshop-arrow:hover .arrow-handle{opacity:1;pointer-events:all}
.workshop-arrow.selected .arrow-handle:hover{cursor:grabbing;stroke:#262626;stroke-width:3}
.workshop-arrow.selected .arrow-visible{filter:drop-shadow(0 1px 1px #00000020)}
.endpoint-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;margin:8px 0;padding:10px 0;border-top:1px solid #d5ccba;font-size:10px;font-weight:700;letter-spacing:.4px}
.endpoint-row strong{font-size:9px;color:#6e8b74}
.endpoint-row button{border:1px solid #cbbda9;background:#faf9f5;color:#262626;border-radius:8px;padding:7px 8px;font-size:10px;font-weight:700;cursor:pointer}
.endpoint-row button:disabled{opacity:.35;cursor:default}

/* Slightly less congested inspector controls, using the existing Workshop palette. */
.inspector-section .row2{row-gap:7px;}
.inspector-section .inspect-field{line-height:1.35}