/* Leonardo Workshop Studio 0.6 — legibility, comfortable inputs, automatic writing. */
:root{--ui-ink:#262626;--ui-muted:#544a3e;--ui-paper:#faf9f5;--ui-cream:#f2e7d4}

/* Typography stays neutral in the application chrome. Navy is reserved for
   graphical accent surfaces, not ordinary UI labels or body copy. */
body,#sidebar,.sidebar,.top .brand,.top .account-btn,.top .icon-btn,
.aside-head,.aside-head button,.aside-bottom,.aside-bottom button,
.inspector-header,.inspector-section h3,.inspect-field,.mini-note,
.inspector-section h3 span,.inspector-header span,.layers-heading-main,
.layers-heading-main small,#navigation .layer-entry,#navigation .layer-root,
#navigation .nested-entry,#navigation .layer-icon,#navigation .group-entry button,
#navigation .layer-count,#navigation .layers-heading-main,
.workshop-context,.context-caption,.context-entry,.context-entry small,
.utility button,#navigation button,.sheet-size-note,
.inspect-field input,.inspect-field textarea,.inspect-field select,
.sheet-active input,.sheet-table.full-grid th,.sheet-table.full-grid .row-number,
.property-nav button:not(.active),.row2,.stage-bottom,.stage-bottom button,
.control-grid button:not(.active):not(.danger),.text-format-grid button:not(.active),
.page-index button:not(.chosen),.dialog-top,.dialog input,.dialog textarea,
.dialog select,.secondary {color:var(--ui-ink)}
.aside-hint,.inspect-field,.mini-note,.sheet-size-note{color:var(--ui-muted)}
#toolsView .tools button,#toolsView .tools button i,#toolsView .quick-tools button{color:var(--ui-ink)}
#inspectorView .property-nav button.active,.control-grid button.active,
.text-format-grid button.active,.page-index button.chosen{color:var(--ui-paper)}
#navigation .layer-entry.active,#navigation .nested-entry.active{color:var(--ui-ink)}
.context-entry.danger,.control-grid button.danger{color:var(--ui-paper)}
.context-entry.danger{color:#663535}
/* Explicit white on truly dark surfaces. */
.item.canvas .item-body{color:var(--ui-paper)}
.group-drop-overlay span{color:var(--ui-paper)}

/* The spreadsheet has a stable, readable row rhythm. Earlier versions scaled
   12px text down *again* as the block width changed, clipping descenders and
   creating 7–9px characters at typical workspace zoom levels. */
.item.spreadsheet .sheet-table.full-grid{border-spacing:0;width:100%;height:100%;table-layout:fixed;overflow:hidden}
.item.spreadsheet .sheet-table.full-grid thead tr,
.item.spreadsheet .sheet-table.full-grid tbody tr{height:42px!important;min-height:42px!important}
.item.spreadsheet .sheet-table.full-grid td,
.item.spreadsheet .sheet-table.full-grid th{
 font-family:Arial,Helvetica,sans-serif;
 height:42px!important;min-height:42px!important;
 padding:0!important;box-sizing:border-box;vertical-align:middle;
 font-size:16px!important;line-height:1.45!important;
 overflow:hidden;
}
.item.spreadsheet .sheet-table.full-grid th{font-size:15px!important;font-weight:700}
.item.spreadsheet .sheet-table.full-grid thead tr th:first-child,
.item.spreadsheet .sheet-table.full-grid .row-number{
 width:48px!important;min-width:48px!important;max-width:48px!important;
 text-align:center;
}
.item.spreadsheet .sheet-table.full-grid td input:not([type="checkbox"]),
.item.spreadsheet .sheet-table.full-grid td select{
 -webkit-appearance:none;appearance:none;
 display:block!important;width:100%!important;height:100%!important;
 min-height:42px!important;max-height:42px!important;
 margin:0!important;padding:8px 11px!important;
 border:none!important;border-radius:0!important;
 background:transparent!important;box-shadow:none;
 font-family:Arial,Helvetica,sans-serif;
 font-size:16px!important;font-weight:400!important;
 line-height:24px!important;letter-spacing:0!important;
 box-sizing:border-box!important;vertical-align:middle!important;
 text-overflow:clip!important;
}
.item.spreadsheet .sheet-table.full-grid td input:focus,
.item.spreadsheet .sheet-table.full-grid td select:focus{
 outline:2px solid #663535!important;outline-offset:-2px;
 box-shadow:inset 0 0 0 1px #faf9f5!important;
}
.item.spreadsheet .sheet-table.full-grid td input[type="checkbox"]{
 width:20px!important;height:20px!important;margin:0 auto!important;
 accent-color:#376635;
}
.item.spreadsheet .sheet-table.full-grid td.current{box-shadow:inset 0 0 0 1.5px #663535}
.item.spreadsheet .item-body{overflow:visible}
.item.spreadsheet .sheet-table.full-grid{overflow:hidden}

/* Unambiguous icon-only navigation for universally recognised undo/redo. */
.utility button.symbol-action{min-height:35px!important;display:grid;place-items:center}
.utility button.symbol-action svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.utility button.symbol-action:hover{background:#d5ccba}

/* Small but readable native select/input labels. */
#inspectorView .inspect-field{font-size:11px;letter-spacing:.35px}
#inspectorView .inspect-field select,#inspectorView .inspect-field input:not([type="color"]){font-size:13px;line-height:1.3}
#inspectorView .inspector-section h3{font-size:11px}
#inspectorView .control-grid button{line-height:1.3!important}

/* Native text editing cursor follows the writing surface, not the theme's
   contrasting pointer decoration. */
.item [contenteditable="true"]{caret-color:currentColor}
@media(max-width:750px){
 .item.spreadsheet .sheet-table.full-grid th{font-size:15px!important}
 .item.spreadsheet .sheet-table.full-grid td input:not([type="checkbox"]){font-size:16px!important}
}