.activity-row{grid-template-columns:42px minmax(0,1fr) auto}.activity-row-actions{display:flex;align-items:center;gap:3px}.activity-row-actions button{width:36px;height:40px;padding:0;display:grid;place-items:center}.activity-edit{font-size:22px;color:var(--green)}#activityEditDialog{width:min(calc(100vw - 24px),480px)}


#activityEditDialog{max-width:calc(100vw - 24px);color:var(--ink)}
#activityEditDialog .dialog-head{position:static;gap:12px;margin:0;padding:18px 20px 12px;align-items:center}
#activityEditDialog .dialog-head h2{margin:0;font-size:20px;line-height:1.3}
#activityEditDialog .dialog-head>.link{display:grid;place-items:center;flex:none;width:34px;height:34px;padding:0;font-size:24px;line-height:1;border-radius:10px}
#activityEditDialog .dialog-body{padding:0 20px 20px;gap:12px}
#activityEditDialog .form-grid.two{gap:12px}
#activityEditDialog .activity-preview{padding:12px;gap:4px}
#activityEditDialog .dialog-actions{position:static;left:auto;bottom:auto;width:auto;margin:0;padding:8px 0 0;transform:none;border:0;border-radius:0;background:transparent;box-shadow:none}
#activityEditDialog .dialog-actions button{min-width:0;padding-inline:12px}
@media(max-width:380px){#activityEditDialog .dialog-head{padding:16px 16px 10px}#activityEditDialog .dialog-head h2{font-size:18px}#activityEditDialog .dialog-body{padding:0 16px 16px}#activityEditDialog .dialog-actions button{font-size:12px}}