.movement-clickable{position:relative;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.movement-clickable:hover,.movement-clickable:focus-visible{transform:translateY(-1px);border-color:rgba(0,107,230,.4);box-shadow:0 9px 24px rgba(32,71,118,.12);outline:0}
.movement-chevron{flex:none;color:var(--blue);font-size:25px;margin-left:-5px}
.movement-detail-hint{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:10px;padding-top:9px;border-top:1px solid var(--line);color:var(--blue);font-size:9px;font-weight:800}
.movement-detail-hint b{font-size:17px}
.movement-details-dialog{width:min(calc(100% - 24px),560px);max-height:min(86vh,760px);padding:20px;border:0;border-radius:24px;color:var(--ink);overflow:auto}
.movement-details-dialog::backdrop{background:rgba(10,28,52,.58);backdrop-filter:blur(4px)}
.movement-details-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.movement-details-head h2{font-size:21px;margin:5px 0 0}
.movement-details-head>button{width:36px;height:36px;flex:none;border:0;border-radius:11px;background:#edf3f9;color:var(--ink);font-size:24px}
.movement-details-status{display:flex;align-items:center;justify-content:space-between;margin:16px 0 12px;padding:13px;border-radius:13px;background:#f5f8fc}
.movement-details-status span{font-size:10px;color:var(--muted)}
.movement-details-status b{font-size:12px}
.movement-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.movement-details-grid div{min-width:0;padding:11px;border:1px solid var(--line);border-radius:12px;background:#fff}
.movement-details-grid span,.movement-details-grid b{display:block}
.movement-details-grid span,.movement-details-message span{font-size:8px;color:var(--muted);font-weight:700}
.movement-details-grid b{margin-top:4px;font-size:11px;overflow-wrap:anywhere}
.movement-details-message{margin:10px 0 16px;padding:13px;border-radius:13px;background:#f5f8fc}
.movement-details-message p{margin:6px 0 0;font-size:11px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.movement-details-content+.primary{margin-top:16px}
.movement-attachments{display:grid;gap:8px;margin-top:14px}
.movement-attachments-title{display:flex;align-items:center;justify-content:space-between;color:var(--ink);font-size:12px;font-weight:800}
.movement-attachments-title b{min-width:22px;padding:4px 7px;border-radius:999px;background:#eaf4ff;color:var(--blue);text-align:center;font-size:9px}
.movement-attachment{width:100%;display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #dce9f7;border-radius:13px;background:#f7fbff;color:var(--ink);text-align:left}
.movement-attachment>span:nth-child(2){min-width:0;flex:1}.movement-attachment b,.movement-attachment small{display:block}.movement-attachment b{font-size:11px}.movement-attachment small{margin-top:3px;color:var(--muted);font-size:9px}.movement-attachment>i{color:var(--blue);font-style:normal;font-size:20px;font-weight:900}
.movement-attachment-icon{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:10px;background:#e43f4f;color:#fff;font-size:9px;font-weight:900}
.movement-attachments-empty{margin:0;padding:11px;border-radius:12px;background:#f5f8fc;color:var(--muted);font-size:10px;text-align:center}
@media(max-width:390px){.movement-details-grid{grid-template-columns:1fr}.movement-details-dialog{padding:17px}}