/* The trust screen (#FeosTrustBuilder, feos:views/trust-builder; docs/modules/trusts.md 5) */
.feos-tr { padding: 4px 0 30px; }
.feos-tr-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.feos-tr-head h3 { margin: 0 0 4px; }
.feos-tr-status { background: #e4f1e7; color: #0f4f28; font-size: 12px; vertical-align: middle; }
.feos-tr-sub { color: #5b6a5f; font-size: 13px; }
.feos-tr-bar { display: flex; gap: 6px; flex-wrap: wrap; }
.feos-tr-cols { display: grid; grid-template-columns: minmax(260px, 1fr) minmax(360px, 1.6fr) minmax(220px, .9fr); gap: 18px; align-items: start; }
.feos-tr-cols h4 { font-size: 15px; margin: 14px 0 8px; }
.feos-tr-cols h4 small, .feos-tr-cols h5 small { font-weight: 400; color: #7a877d; }
.feos-tr-cols h5 { font-size: 13px; margin: 14px 0 6px; }
.feos-tr-card { border: 1px solid #dce3d8; border-radius: 10px; padding: 8px 10px; margin-bottom: 8px; background: #fff; }
.feos-tr-card-h { font-weight: 600; font-size: 13px; display: flex; justify-content: space-between; align-items: center; }
.feos-tr-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 4px 8px; align-items: end; position: relative; }
.feos-tr-f { margin: 0; font-weight: 400; }
.feos-tr-f > span { display: block; font-size: 11px; color: #5b6a5f; margin: 2px 0 1px; }
.feos-tr-f.w1 { grid-column: span 1; } .feos-tr-f.w2 { grid-column: span 2; } .feos-tr-f.w3 { grid-column: span 3; } .feos-tr-f.w4 { grid-column: span 4; }
.feos-tr-pc { display: flex; gap: 4px; }
.feos-tr-picks { grid-column: 1 / -1; display: flex; flex-direction: column; align-items: flex-start; max-height: 180px; overflow: auto; }
.feos-tr-picks:empty { display: none; }
.feos-tr-del { position: absolute; right: -4px; top: -4px; }
.feos-tr-form { font-size: 12px; color: #5b6a5f; margin-top: 4px; }
.feos-tr-ok { color: #1f7a3f; font-size: 13px; }
.feos-tr-choice { display: flex; gap: 8px; border: 1px solid #dce3d8; border-radius: 9px; padding: 7px 10px; margin: 0 0 6px; font-weight: 400; cursor: pointer; }
.feos-tr-choice.on { border-color: #166B37; background: #f1f8f2; }
.feos-tr-choice small { display: block; color: #5b6a5f; }
.feos-tr-check { font-weight: 400; display: flex; gap: 8px; align-items: center; margin: 4px 0 8px; }
.feos-tr-lives { font-size: 13px; color: #5b6a5f; margin: 4px 0; }
.feos-tr-problems { padding-left: 18px; color: #a3352b; font-size: 13px; }
.feos-tr-docs, .feos-tr-dates, .feos-tr-sign { padding-left: 18px; font-size: 13px; }
@media (max-width: 1100px) { .feos-tr-cols { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .feos-tr-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .feos-tr-f.w3, .feos-tr-f.w4 { grid-column: span 2; } .feos-tr-f.w1 { grid-column: span 1; } }