/* Sefer › Kara Kaplı Defter (public/tabs/defter-tab.js). Layout only: colours come from the shared .row / .ghost / small styles, so every theme keeps working.
   One column on every width (360 px included): the name is cut with an ellipsis, the lines under it wrap, the button never shrinks. */
#panel .df-sec + .df-sec { margin-top: var(--space-3); }
#panel .df-list { list-style: none; margin: 0; padding: 0; }
#panel .df-row, #panel .df-main { min-width: 0; }
#panel .df-name { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#panel .df-main small { display: block; overflow-wrap: anywhere; }
#panel .df-row .df-go { flex: 0 0 auto; }
#panel .df-hist { width: 100%; max-width: 100%; box-sizing: border-box; justify-content: flex-start; align-items: center; text-align: start; }
#panel .df-arrow { font-weight: 700; }