.ink-index{display:grid;gap:18px;padding:4px 0 26px;color:#172b40}.ink-index-intro,.ink-index-results,.ink-index-create,.ink-index-filters{background:#fff;border:1px solid #d3e0e8;border-radius:12px;padding:18px 20px}.ink-index-intro{display:flex;align-items:center;justify-content:space-between;gap:16px}.ink-index h2,.ink-index h3{margin:0 0 8px}.ink-index-intro p,.ink-index-hint{margin:0;color:#596e7e;font-size:13px}.ink-index-intro strong{white-space:nowrap;color:#0f6b78}.ink-index-filters,.ink-index-create-fields{display:flex;align-items:end;flex-wrap:wrap;gap:12px}.ink-index-filters label,.ink-index-create-fields label{display:grid;gap:5px;min-width:170px;flex:1;font-size:13px;font-weight:650}.ink-index-filters label:first-child{flex:2;min-width:230px}.ink-index input,.ink-index select{width:100%;min-height:39px;border:1px solid #bacbd9;border-radius:7px;padding:7px 10px;background:#fff;color:#172b40;font:inherit}.ink-index-create-fields .btn{min-height:39px}.ink-index-create-fields label[hidden]{display:none}.ink-index-hint{margin-top:11px}.ink-index-results h3 small{font-weight:400;color:#607385}.ink-index-table-wrap{overflow-x:auto}.ink-index-table{width:100%;border-collapse:collapse;font-size:13px}.ink-index-table th,.ink-index-table td{padding:11px 10px;border-bottom:1px solid #e0e8ef;text-align:left;vertical-align:middle}.ink-index-table th{background:#f1f6f9;white-space:nowrap;color:#29445c}.ink-index-table td small{display:block;margin-top:3px;color:#667888;overflow-wrap:anywhere}.ink-index-table tr[data-note]{cursor:pointer}.ink-index-table tr[data-note]:hover,.ink-index-table tr[data-note]:focus{background:#edf7f8}.ink-index-table td:last-child{white-space:nowrap}.ink-index-table .btn{padding:7px 9px}.ink-index .ink-empty{margin:0}@media(max-width:750px){.ink-index-intro{align-items:start;flex-direction:column}.ink-index-filters label,.ink-index-create-fields label{min-width:100%}.ink-index-table{min-width:850px}}

/* Keep intrinsic table and select widths inside the notebook page. */
#inkNotebookIndex{grid-template-columns:minmax(0,1fr);min-width:0;width:100%;max-width:100%}
#inkNotebookIndex>*,#inkNotebookIndex .ink-index-intro>div,#inkNotebookIndex .ink-index-create-fields{min-width:0;max-width:100%}
#inkNotebookIndex .ink-index-filters label,#inkNotebookIndex .ink-index-create-fields label{min-width:0;flex:1 1 180px;max-width:100%}
#inkNotebookIndex .ink-index-filters label:first-child{flex:2 1 240px}
#inkNotebookIndex input,#inkNotebookIndex select{min-width:0;max-width:100%;box-sizing:border-box}
#inkNotebookIndex .ink-index-create-fields label[hidden]{display:none!important}
#inkNotebookIndex .ink-index-create-fields>.btn{max-width:100%;white-space:normal}
#inkNotebookIndex .ink-index-table-wrap{min-width:0;max-width:100%;overflow:auto}
#inkNotebookIndex .ink-index-table{min-width:1000px;table-layout:fixed}
#inkNotebookIndex .ink-index-table th,#inkNotebookIndex .ink-index-table td{white-space:normal;overflow-wrap:anywhere}
#inkNotebookIndex .ink-index-table th:nth-child(1){width:20%}
#inkNotebookIndex .ink-index-table th:nth-child(2){width:20%}
#inkNotebookIndex .ink-index-table th:nth-child(3){width:20%}
#inkNotebookIndex .ink-index-table th:nth-child(4){width:5%}
#inkNotebookIndex .ink-index-table th:nth-child(5){width:12%}
#inkNotebookIndex .ink-index-table th:nth-child(6){width:10%}
#inkNotebookIndex .ink-index-table th:nth-child(7){width:13%}
#inkNotebookIndex .ink-index-table td:last-child .btn{margin:2px 0;max-width:100%}
@media(max-width:750px){#inkNotebookIndex .ink-index-filters label,#inkNotebookIndex .ink-index-create-fields label{flex-basis:100%}}