/* FariDocs 1.13.2 - compact optional column-name editor */
.compact-label-editor{
    margin:0 0 15px;border:1px solid #dce8eb;border-radius:10px;
    background:linear-gradient(135deg,#f3fbfa,#f7fbff);overflow:hidden
}
.compact-label-editor summary{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    min-height:48px;padding:9px 13px;cursor:pointer;list-style:none;user-select:none
}
.compact-label-editor summary::-webkit-details-marker{display:none}
.compact-label-editor summary>span{display:grid;min-width:0;gap:2px}
.compact-label-editor summary strong{color:#173d52;font-size:10px;line-height:1.3}
.compact-label-editor summary small{color:#6d7f8e;font-size:8px;line-height:1.35}
.compact-label-editor summary b{
    display:grid;flex:0 0 24px;width:24px;height:24px;place-items:center;border-radius:7px;
    background:#e4f4f3;color:#147e78;font-size:14px;line-height:1;transition:transform .18s ease
}
.compact-label-editor[open] summary b{transform:rotate(180deg)}
.compact-label-editor[open] summary{padding-bottom:7px}
.compact-column-grid{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));
    gap:8px;padding:0 12px 12px
}
.compact-column-grid label{display:block;min-width:0}
.compact-column-grid label>span{
    display:block;margin-bottom:4px;color:#6e7f8f;font-size:7px;font-weight:850;
    line-height:1.25;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.compact-column-grid input{
    width:100%;min-width:0;height:32px;padding:0 8px;border:1px solid #c7d7df;border-radius:7px;
    background:#fff;color:#23394b;font:750 9px/1 inherit;text-overflow:ellipsis
}
.compact-column-grid input:focus{border-color:#13a394;outline:0;box-shadow:0 0 0 3px rgba(19,163,148,.1)}

html[data-theme="dark"] .compact-label-editor{
    border-color:#284c5d;background:linear-gradient(135deg,#102b38,#102633)
}
html[data-theme="dark"] .compact-label-editor summary strong{color:#e9f6fa}
html[data-theme="dark"] .compact-label-editor summary small,
html[data-theme="dark"] .compact-column-grid label>span{color:#9db2bf}
html[data-theme="dark"] .compact-label-editor summary b{background:#173d4c;color:#70e0d1}
html[data-theme="dark"] .compact-column-grid input{border-color:#365667;background:#0b2230;color:#eef8fb}

@media(max-width:620px){
    .compact-label-editor summary{min-height:52px;padding-inline:11px}
    .compact-column-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 10px 10px}
    .compact-column-grid input{height:38px;font-size:16px}
}