/* LEDGER20 / Layout 03: Calendar + Inspector. Appearance intentionally inherited. */
.rig{max-width:1480px}
.bench{padding:12px}
.head{margin-bottom:9px}
.layoutWorkspace{display:grid;grid-template-columns:minmax(620px,1fr) 340px;gap:11px;align-items:start}
.layoutWorkspace>.deck{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr) auto;gap:9px!important;min-width:0}
.layoutInspector{position:sticky;top:8px;display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 28px);overflow-y:auto;padding-right:3px}
.layoutInspector .navrail{order:1;margin:0;display:grid;grid-template-columns:30px minmax(0,1fr) 30px auto auto}
.layoutInspector .wklbl{min-width:0}
.layoutInspector .ftabs{order:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:4px;margin:0;padding:0;overflow:visible}
.layoutInspector .ftabs b{min-width:0;padding:8px 7px;border:1px solid #5c4728;border-radius:5px;transform:none}
.layoutInspector .ftabs b.on{transform:none}
.layoutInspector .mbar{order:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;margin:0;padding:4px}
.layoutInspector .mbar>b{min-height:34px;padding:7px 8px}
.layoutInspector .mbar>b:last-child{grid-column:1/-1}
.layoutInspector .mbar .mdrop{right:0;left:auto}
.layoutInspector #stack{order:4;max-height:none!important;overflow:visible;padding:0}
#dayrail{grid-column:1;grid-row:1}
#panes{grid-column:1;grid-row:2;max-height:calc(100vh - 138px)!important}
#hint{grid-column:1;grid-row:3}
.ftabrule{display:none}
.layoutLabel{position:absolute;right:18px;top:52px;font-size:10px;letter-spacing:.12em;font-variant:small-caps;color:#dbc294;opacity:.72}
@media(max-width:1050px){.layoutWorkspace{grid-template-columns:minmax(500px,1fr) 300px}.layoutInspector .ftabs{grid-template-columns:1fr}}
@media(max-width:940px){
  .layoutWorkspace{grid-template-columns:minmax(0,1fr);width:100%;max-width:100%;min-width:0}
  .layoutWorkspace>*{min-width:0;max-width:100%}
  .layoutInspector{position:static;order:-1;max-height:none;overflow:visible}
  .layoutInspector .navrail{display:flex;flex-wrap:wrap}
  .layoutInspector .ftabs{display:flex;overflow-x:auto}
  .layoutInspector .mbar{display:flex;flex-wrap:wrap}
  .layoutInspector .mbar>b:last-child{grid-column:auto}
  .layoutWorkspace>.deck{grid-template-rows:auto auto auto}
  #panes{max-height:none!important}
  .layoutLabel{display:none}
}