/* GENOTION v0.1.6 — dynamic database property system */
.db-schema-scroll{overflow:auto;max-width:100%;border:1px solid #383838;border-radius:5px;margin:6px 0}
.db-schema-table{width:max-content;min-width:100%;border-collapse:collapse;table-layout:auto}
.db-schema-table td{min-width:150px;max-width:310px;padding:7px 9px;border-right:1px solid #373737}
.db-schema-table td:first-child{min-width:270px}
.db-schema-table td:last-child,.db-schema-table th:last-child{width:40px;min-width:40px;max-width:45px}
.db-schema-table th{min-width:150px;max-width:320px;border-right:1px solid #393939;padding:0;background:#202020}
.db-schema-table th:first-child{min-width:270px}
.db-property-button{display:flex;align-items:center;width:100%;gap:7px;padding:11px 10px;border:0;background:transparent;color:#b7b7b4;white-space:nowrap;text-align:left;font-size:12px;overflow:hidden;text-overflow:ellipsis}
.db-property-button:hover{background:#303030;color:#eee}
.db-add-property{width:100%;min-height:40px;border:0;background:#2a2a2a;color:#c9c9c5;font-size:20px}
.db-add-property:hover{background:#343434}
.db-cell-input,.db-cell-select{border:0;outline:0;background:transparent;color:#e5e5e2;min-width:110px;width:100%;font-size:12px;padding:7px 5px}
.db-cell-input:focus,.db-cell-select:focus{background:#2b2f2b;box-shadow:inset 0 -1px #89b99c}
.db-cell-select option{background:#252525;color:#eee}
.db-cell-computed{font-size:12px;color:#bcbcb8;white-space:nowrap}
.db-cell-chips{display:flex;gap:4px;align-items:center;flex-wrap:wrap;max-width:285px}
.db-chip{display:inline-block;padding:3px 6px;color:#dfdfdb;background:#3d4440;border-radius:5px;font-size:11px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}
.db-cell-pill-add{border:0;background:transparent;color:#adadab;font-size:16px;padding:2px 7px;border-radius:4px}
.db-cell-pill-add:hover{background:#424242;color:#fff}
.db-row-actions button{border:0;background:none;color:#a5a5a0;padding:4px 7px}
.db-new-row{margin:0 0 8px;background:transparent;border:0;color:#a1a19e;padding:10px 12px;font-size:12px}
.db-new-row:hover{color:#e5e5e2}
.db-setting-field{display:block;margin:10px 0}
.db-setting-field>span{display:block;color:#a9a9a5;font-size:11px;font-weight:650;margin:0 0 6px}
.db-property-config{display:flex;flex-direction:column;gap:8px}
.db-property-config .g-input{margin:1px 0}
.db-setting-help{color:#a8a8a5;font-size:11px;line-height:1.5;margin:9px 0}
.db-props-list{display:flex;flex-direction:column;gap:4px;max-height:330px;overflow:auto}
.db-props-option{display:flex;align-items:center;gap:9px;padding:6px 3px;border-bottom:1px solid #363636}
.db-props-option>span{flex:1;font-size:12px;color:#dfdfdc}
.db-props-option small{font-size:10px;color:#989895}
.db-eye,.db-edit{border:0;background:transparent;color:#b4b4b0;padding:4px 7px;border-radius:4px}
.db-eye:hover,.db-edit:hover{background:#3b3b3b}
.db-check-option{display:flex;align-items:center;gap:10px;padding:7px;border-radius:4px;font-size:12px}
.db-check-option:hover{background:#343434}
.db-check-option input{accent-color:#84b59e}
.db-manage-button{border:1px solid #444;background:#292929;color:#c8c8c4;border-radius:6px;padding:7px 10px;font-size:12px}
.db-manage-button:hover{background:#353535}
.db-cell-button{background:#34443a;color:#cee0d2;border:1px solid #5d7465;border-radius:4px;padding:5px 9px}
@media(max-width:760px){.db-schema-table th:first-child,.db-schema-table td:first-child{min-width:185px}.db-schema-table th{min-width:140px}.db-manage-button{font-size:11px}}

.db-chart{border:1px solid #383838;border-radius:9px;padding:20px;background:#232423;min-height:210px}.db-chart h3{font-size:15px;margin:0 0 18px}.db-chart-row{display:grid;grid-template-columns:125px minmax(90px,1fr) 30px;gap:12px;align-items:center;padding:9px 0}.db-chart-row>span{font-size:12px;color:#c8c8c3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-chart-row strong{font-size:12px;text-align:right}.db-chart-track{background:#353a36;border-radius:5px;height:15px;overflow:hidden}.db-chart-bar{height:100%;background:linear-gradient(90deg,#5c9778,#a5d2ae);border-radius:5px}@media(max-width:700px){.db-chart-row{grid-template-columns:78px minmax(70px,1fr) 25px;gap:7px}}