/* Uses the existing theme variables, native controls and dialog dimensions. */
.functional-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0;padding:10px 0}
.functional-row .row-main,.functional-source{flex:1 1 160px;min-width:0;overflow-wrap:anywhere}
.functional-source{display:flex;flex-direction:column;gap:4px}
.functional-row-actions{display:flex;gap:8px;flex-wrap:wrap}
.functional-list>.functional-row+.functional-row{border-top:1px solid var(--border,#d7dddd)}
.functional-metadata,.functional-currency-list{display:grid;gap:10px;margin:14px 0;min-width:0}
.functional-metadata>div,.functional-currency-list>div{display:flex;justify-content:space-between;gap:16px;min-width:0}
.functional-metadata dt,.functional-currency-list dt{color:var(--muted,#697476)}
.functional-metadata dd,.functional-currency-list dd{margin:0;text-align:right;overflow-wrap:anywhere}
.functional-new-link input{width:100%;min-width:0;font-size:14px}
.functional-trash .card,.functional-recurring .card,.functional-public-links .card,.functional-archive .card{min-width:0;overflow-wrap:anywhere}
.functional-categories button,.functional-archive button,.functional-trash button,.functional-recurring button,.functional-public-links button{min-height:40px}
@media(min-width:700px){.functional-currency-list{grid-template-columns:repeat(3,minmax(0,1fr))}.functional-metadata{grid-template-columns:repeat(2,minmax(0,1fr))}.functional-metadata>div{display:block}.functional-metadata dd{text-align:left;margin-top:4px}}
@media(max-width:380px){.functional-row-actions{width:100%}.functional-row-actions button{flex:1}.functional-metadata>div{flex-wrap:wrap;gap:2px}.functional-metadata dd{width:100%;text-align:left}}