/* LEONARDO WORKSHOP — Studio 0.16
   Surgical UI refinements: one-piece colour swatches, neutral collapsed-tools
   button and visually continuous tool headers. No saved-data changes. */

/* Native colour picker only: remove the inherited ivory input well, border,
   padded inset and browser swatch border. The colour itself is the control. */
#sidebar #inspectorView input[type="color"],
#sidebar #inspectorView .inspect-field input[type="color"],
#sidebar #inspectorView .group-palette input[type="color"],
#sidebar #inspectorView .sheet-cell-colours input[type="color"],
.dialog input[type="color"],
#app input[type="color"] {
  -webkit-appearance: auto !important;
  appearance: auto !important;
  display: block;
  box-sizing: border-box !important;
  min-height: 0 !important;
  height: 35px !important;
  width: 100%;
  padding: 0 !important;
  margin-top: 7px;
  border: 0 !important;
  border-radius: 6px !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none;
  overflow: hidden;
  cursor: pointer;
}
#app input[type="color"]::-webkit-color-swatch-wrapper {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 6px !important;
}
#app input[type="color"]::-webkit-color-swatch,
#app input[type="color"]::-moz-color-swatch {
  padding: 0 !important;
  border: 1px solid #26262622 !important;
  border-radius: 6px !important;
}
/* Preserve keyboard affordance without permanently framing the swatch. */
#app input[type="color"]:focus-visible {
  outline: 2px solid #262626 !important;
  outline-offset: 3px !important;
}
/* Keep the two spreadsheet colour chips identical in alignment and height. */
#inspectorView .sheet-cell-colours .inspect-field input[type="color"] {
  margin-top: auto;
  flex: none;
}

/* The collapsed Tools tab should use the same ink as every other interface
   label. No white copy on an ivory background. */
#openAside.open-aside {
  background: #f2e7d4 !important;
  color: #262626 !important;
  border: 1px solid #d5c6b3 !important;
  border-right: 0 !important;
  border-radius: 12px 0 0 12px !important;
  font-family: var(--workshop-font-body) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  box-shadow: 0 5px 16px #423b3220;
}
#openAside.open-aside:hover {background: #e7dac7 !important;color:#262626 !important;}
#openAside.open-aside:focus-visible {outline:2px solid #262626;outline-offset:-3px;}

/* Header and content are one card, not two floating boxes. Previously the
   43px header started at -45px, leaving a 2px seam over a separately rounded
   top edge. Eliminate the seam and join both silhouettes. */
.item:not(.image) > .workshop-card-header {
  top: -42px !important;
  height: 42px !important;
  left: 0 !important;
  right: 0 !important;
  border-radius: 16px 16px 0 0 !important;
  border-bottom: 0 !important;
  padding: 0 14px !important;
  background: #f8f2e9 !important;
  box-shadow: none !important;
}
.item:not(.image):has(> .workshop-card-header) > .item-body {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
/* Distinctive A4 paper remains straight-edged, and other cards keep their
   original rounded bottom corners. */
.item.document:has(> .workshop-card-header) > .item-body {
  border-radius: 0 0 5px 5px !important;
}
.item.taskboard:has(> .workshop-card-header) > .item-body,
.item.spreadsheet:has(> .workshop-card-header) > .item-body,
.item.sketchbook:has(> .workshop-card-header) > .item-body,
.item.file:has(> .workshop-card-header) > .item-body {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.item:not(.image) > .workshop-card-header .ws-card-title {
  line-height: 1.35;
}