#appView .td-directory{margin:24px 0 0;padding:18px;border:1px solid var(--archive-line,#e6e5e2);border-radius:12px;background:#fff;color:var(--archive-navy-900,#122639);min-width:0;}
#appView .td-directory h2{margin:0;font-size:20px;line-height:1.4;}
#appView .td-directory header p{margin:6px 0 14px;color:var(--archive-muted,#647078);font-size:13px;line-height:1.5;}
#appView .td-directory>label{display:grid;gap:6px;font-size:14px;}
#appView .td-directory input{width:100%;min-width:0;box-sizing:border-box;min-height:44px;}
#appView .td-list{margin-top:12px;}
#appView .td-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--archive-line,#e6e5e2);min-width:0;}
#appView .td-row>div{min-width:0;}
#appView .td-row strong{display:block;font-size:17px;overflow-wrap:anywhere;}
#appView .td-row small{display:block;margin-top:5px;font-size:12px;color:var(--archive-muted,#647078);overflow-wrap:anywhere;}
#appView .td-directory button,.td-dialog button{min-height:44px;padding:8px 12px;border:1px solid #d3aa5b;border-radius:8px;background:#fff;color:#805716;font:inherit;white-space:normal;}
#appView .td-row button{flex:0 0 auto;max-width:42%;}
#appView .td-pages{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;}
#appView .td-pages button:disabled{opacity:.45;}
#appView .td-empty{padding:18px 0;color:var(--archive-muted,#647078);}
.td-dialog{box-sizing:border-box;width:min(680px,calc(100vw - 24px));max-height:85vh;overflow:auto;padding:20px;border:1px solid #e6e5e2;border-radius:12px;color:#122639;background:#fff;}
.td-dialog::backdrop{background:rgba(18,38,57,.45);}
.td-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.td-dialog h2{margin:0;font-size:20px;overflow-wrap:anywhere;}
@media(max-width:760px){#appView .td-directory{padding:14px;margin-top:18px;}#appView .td-row{gap:8px;}.td-dialog{padding:14px;}}
@media(max-width:760px){
  #appView .td-directory{margin-bottom:calc(80px + env(safe-area-inset-bottom));}
  #appView.owner-mobile-user .td-directory{margin-bottom:calc(160px + env(safe-area-inset-bottom));}
}